diff options
Fixed Mundus/User Interface page
2 files changed, 8 insertions, 8 deletions
| -rw-r--r-- | website/projects/mundus/user-interface.html | 14 | ||||
| -rw-r--r-- | website/styles.css | 2 |
diff --git a/website/projects/mundus/user-interface.html b/website/projects/mundus/user-interface.html index 8cd62f9..9c30e7f 100644 --- a/website/projects/mundus/user-interface.html +++ b/website/projects/mundus/user-interface.html @@ -13,7 +13,7 @@ vertical-align: middle; } - img { + .tutorial-img { padding-right: 15px; vertical-align: middle; } @@ -30,7 +30,7 @@ <a href="./introduction.html" class=other-tab>Introduction</a> <a href="./history.html" class=other-tab>History</a> - <a href="./user-interface.html" class=selected-tab>User Interface</a> + <a href="./user-interface.html" class=selected-tab>User Interface</a> <a href="./basic-concepts.html" class=other-tab>Basic concepts</a> <!-- <a href="./data-layer.html" class=other-tab>Data Layer</a> @@ -52,7 +52,7 @@ </span> </p> <p> - <img src="./images/create-new-game.png" alt=""> + <img src="./images/create-new-game.png" alt="" class=tutorial-img> <span> Creating a game gives you a couple of options. <br><br> First one is Game Mode. Here you can select survival, in which you will start with almost no items and creative (not implimented as of 21.05.2020) where you will have access to all items at all times. <br><br> @@ -63,7 +63,7 @@ </p> Note: all game window screenshots are made with the Small Game Window. <p> - <img src="./images/small-game-window.png" alt=""> + <img src="./images/small-game-window.png" alt="" class=tutorial-img> <span> After the world is generated, the game window opens.<br><br> A the top you have your (game) screen. Here you can see the world. To navigate click on a place you want to go to. If you want to alter the envirnment, first click on an item (that can modify the world) and click the place you want to alter.<br><br> @@ -79,7 +79,7 @@ </span> </p> <p> - <img src="./images/map-menu.png" alt=""> + <img src="./images/map-menu.png" alt="" class=tutorial-img> <span> The Map menu is an extension (to the left) to the normal game window. It is toggled with the inventory menu (either one of them or neither can be opened at the same time). For more information on the map, refer to <a href="./basic-concepts.html" class=hyperlink>Basic Concepts</a>.<br><br> It contains a couple of things: <br><br> @@ -90,7 +90,7 @@ </span> </p> <p> - <img src="./images/inventory-menu.png" alt=""> + <img src="./images/inventory-menu.png" alt="" class=tutorial-img> <span> The Inventory menu is an extension (to the right) to the normal game window. It is toggled with the map menu (either one of them or neither can be opened at the same time). For more information on the inventory, refer to <a href="./basic-concepts.html" class=hyperlink>Basic Concepts</a>. <br><br> It contains a couple of things: <br><br> @@ -102,7 +102,7 @@ </span> </p> <p> - <img src="./images/crafting-window.png" alt=""> + <img src="./images/crafting-window.png" alt="" class=tutorial-img> <span> Every time you open the crafting menu, it automatically gets all items that you can craft, using the items in your Items inventory. <br><br> At the top it shows you all required items (icons) and how much you need of each one. <br><br> diff --git a/website/styles.css b/website/styles.css index d377314..a979d04 100644 --- a/website/styles.css +++ b/website/styles.css @@ -32,7 +32,7 @@ body { } .selected-tab, .other-tab { - margin: -3px; + margin: -2.9px; padding: 10px; border-collapse: collapse; color: var(--tab-color); |