Fixed image alignment and alt text

This commit is contained in:
Brikwerk 2020-09-15 19:33:39 -07:00
commit 5a8142389c
2 changed files with 7 additions and 7 deletions

View file

@ -92,7 +92,7 @@ The webapp itself will be locally accessible at `http://127.0.0.1:8000` or, if y
You should see a webpage similar to the following image:
<div style="text-align:center">
<div align="center">
<img src="docs/img/nxbt-webapp-start.png" alt="NXBT Webapp Start Screen" width="600">
</div>
@ -102,8 +102,8 @@ To create and start a Pro Controller, click the Pro controller graphic. If creat
Once you've successfully connected to the Nintendo Switch, you should see a webpage similar to below:
<div style="text-align:center">
<img src="docs/img/nxbt-webapp-connected.png" alt="NXBT Webapp Start Screen" width="600">
<div align="center">
<img src="docs/img/nxbt-webapp-connected.png" alt="NXBT Webapp Connected Screen" width="600">
</div>
Here, you can change your input method, shutdown or restart the controller, and run an NXBT macro.
@ -127,8 +127,8 @@ sudo nxbt tui
A loading screen should open and, once connected, the main TUI control screen should load. This should look something like below:
<div style="text-align:center">
<img src="docs/img/nxbt-tui.png" alt="NXBT Webapp Start Screen" width="600">
<div align="center">
<img src="docs/img/nxbt-tui.png" alt="NXBT TUI Connected" width="600">
</div>
There are two types of NXBT TUI sessions:

View file

@ -30,8 +30,8 @@ L_STICK@-100+000 0.75s
Above, we're setting the left analog stick to 100% in the left horizontal direction. To explain, analog stick positions are composed of two values: and X position and Y position. You can think of both as positions on a traditional X/Y plane, with X being the horizontal component and Y being the vertical component. An X/Y of 0/0 means that the analog stick is in a neutral position (no input), while an X/Y position of 0/100 means our stick is tilted 100% up.
<div style="text-align:center">
<img src="img/pro-controller-stick-axis.jpg" alt="NXBT Webapp Start Screen" width="300">
<div align="center">
<img src="img/pro-controller-stick-axis.jpg" width="300">
</div>
To be clear, the first numeric argument after L_STICK@ is the X value and the second is the Y value. Eg: An X value of 50 and a Y Value of 25 on the right stick would be `R_STICK@+050+025`.