diff --git a/backend/src/info.rs b/backend/src/info.rs index 688b987..c09536a 100644 --- a/backend/src/info.rs +++ b/backend/src/info.rs @@ -5,7 +5,7 @@ use rocket_contrib::templates::Template; use crate::util::*; -const MAX: usize = 3; +const MAX: usize = 6; #[get("/info")] fn help_base() -> Redirect { diff --git a/backend/static/style/help.css b/backend/static/style/help.css index 044ae89..0811fe0 100644 --- a/backend/static/style/help.css +++ b/backend/static/style/help.css @@ -1,5 +1,6 @@ .content { justify-content: center; + max-height: 100%; } .pointer { @@ -16,14 +17,14 @@ height: 70%; width: 100%; clip-path: polygon(100% 0%, 50% 48%, 100% 100%, 50% 100%, 0% 50%, 50% 0); - background-color: #ff7f00; + background-color: #A35200; } .p_right { margin: 5px; height: 70%; width: 100%; - background-color: #ff7f00; + background-color: #A35200; clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0% 100%, 50% 50%, 0% 0%); } @@ -70,6 +71,11 @@ margin: auto; } +.help_content { + overflow: auto; + height: 100%; +} + .boxed { border: 3px #A35200 solid; border-radius: 50px; @@ -109,6 +115,28 @@ margin: 10px; } +.help_content_2 { + display: flex; + flex-direction: column; + width: 80%; + justify-content: space-evenly; + margin: 0 auto; +} + +.help_content_2 h2 { + margin: 2px 0; + margin-top: 20px; +} + +.help_content_2 em { + color: #A35200; +} + +.help_content_2 h3 { + margin: 5px; + color: #bbb; +} + .arrow { width: 20%; background-color: #A35200; @@ -119,4 +147,36 @@ .arrow>div { text-align: center; +} + +ul { + margin: 10px inherit; + color: #eee; + font-size: 1.5em; +} + +li { + margin: 10px 10px; +} + +.help_content_1 h2 { + color: #bbb; + margin-top: 2em; + font-size: 1.7; +} + +pre { + padding: 0; + margin-bottom: -20px; +} + +pre code { + background-color: #333; + border: 1px solid #eee; + display: block; + padding: 20px; +} + +.commands { + font-size: 1.3em; } \ No newline at end of file diff --git a/backend/templates/help/help_1.html.tera b/backend/templates/help/help_1.html.tera index 9301a7b..79dd979 100644 --- a/backend/templates/help/help_1.html.tera +++ b/backend/templates/help/help_1.html.tera @@ -2,41 +2,29 @@ {% block header %} -How does it work? +Information {% endblock %} {% block help %} -
+ {
+ "planets": [
+ {
+ “name”: “my cool planet”,
+ “x”: 42,
+ “y”: 42,
+ “owner”: 1,
+ “ship_count”: 23
+ }
+ ],
+ "expeditions": [
+ {
+ “id”: 1000,
+ “origin”: “my boring planet”,
+ “destination”: “my cool planet”,
+ “turns_remaining”: 3,
+ “owner”: 2,
+ “ship_count”: 18
+ }
+ ]
+}
+
+
+
+ {
+ “moves”: [
+ {
+ “origin”: “my boring planet”,
+ “destination”: “my cool planet”,
+ “ship_count”: 23
+ }
+ ]
+}
+
+
+
+
+$ wget mozaic.zeus.gent/bot/runner.py
+$ wget mozaic.zeus.gent/bot/simple.py
+$ python runner.py -p 9142 --host mozaic.zeus.gent \
+ -n <Your name> -i <Id from the lobby> \
+ python simple.py
+
+
+