Merge branch 'issue-155' into 'main'

Document the behavior of the "ESC" button in the game guide (closes #155)

Closes #155

See merge request szt-ab-2022/group-01/tree-o!110

Assets/Scenes/MainMenu.unity

@@ -465,5 +465,8 @@ MonoBehaviour:
     If one castle gets destroyed until the end of the round, the enemy team wins.
     If both get destroyed, the game is tied.
 
-    When hovering the cursor over
-    a unit or a castle, a healthbar appears, showing its current health.'
+    When hovering the cursor over a
+    unit or a castle, a healthbar appears, showing its current health.
+
+    Pressing
+    ESC will pause/resume the simulation.'

Assets/UI/MainMenu/MainMenuDocument.uxml

@@ -5,22 +5,15 @@
             <ui:Label text="Do-o Tower Defense" display-tooltip-when-elided="true" style="font-size: 52px; white-space: normal; -unity-text-align: upper-center; color: rgb(255, 255, 255); -unity-font-style: bold;" />
             <ui:VisualElement style="align-items: stretch;">
                 <ui:Button text="NEW GAME" display-tooltip-when-elided="true" name="NewGameButton" class="button-style" style="background-color: rgb(255, 255, 255);" />
-                <ui:Button text="RULES" display-tooltip-when-elided="true" name="RulesButton" class="button-style" style="background-color: rgb(255, 255, 255);" />
+                <ui:Button text="GUIDE" display-tooltip-when-elided="true" name="RulesButton" class="button-style" style="background-color: rgb(255, 255, 255);" />
                 <ui:Button text="EXIT" display-tooltip-when-elided="true" name="ExitButton" class="button-style" style="font-size: 24px; background-color: rgb(255, 255, 255);" />
             </ui:VisualElement>
         </ui:VisualElement>
         <ui:VisualElement name="GameDescription" style="max-width: 35%; color: rgb(255, 255, 255); display: flex; align-items: flex-start;">
             <ui:ScrollView scroll-deceleration-rate="0,135" elasticity="0,1" show-horizontal-scroller="false" show-vertical-scroller="false" horizontal-scroller-visibility="Hidden" vertical-scroller-visibility="Hidden" style="align-items: stretch;">
                 <ui:Button text="Return" display-tooltip-when-elided="true" name="ReturnButton" class="button-style" style="padding-left: 24px; padding-right: 24px; padding-top: 8px; padding-bottom: 8px; background-color: rgb(255, 255, 255); margin-left: 0; margin-right: 0;" />
-                <ui:Label text="Rules" display-tooltip-when-elided="true" style="font-size: 52px; white-space: normal; -unity-text-align: upper-left; color: rgb(255, 255, 255); -unity-font-style: bold; margin-top: 16px; margin-bottom: 16px;" />
-                <ui:VisualElement name="TextContent">
-                    <ui:Label text="This is a title" display-tooltip-when-elided="true" name="title" class="title-style" />
-                    <ui:Label text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." display-tooltip-when-elided="true" name="text" class="paragraph-style" />
-                    <ui:Label text="This is a title" display-tooltip-when-elided="true" name="title" style="font-size: 24px; -unity-font-style: bold;" />
-                    <ui:Label text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." display-tooltip-when-elided="true" name="text" style="white-space: normal; font-size: 16px;" />
-                    <ui:Label text="This is a title" display-tooltip-when-elided="true" name="title" style="font-size: 24px; -unity-font-style: bold;" />
-                    <ui:Label text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." display-tooltip-when-elided="true" name="text" style="white-space: normal; font-size: 16px;" />
-                </ui:VisualElement>
+                <ui:Label text="Guide" display-tooltip-when-elided="true" style="font-size: 52px; white-space: normal; -unity-text-align: upper-left; color: rgb(255, 255, 255); -unity-font-style: bold; margin-top: 16px; margin-bottom: 16px;" />
+                <ui:VisualElement name="TextContent"/>
             </ui:ScrollView>
         </ui:VisualElement>
     </ui:VisualElement>