From: Benjamin Auder Date: Sun, 4 Feb 2018 18:42:33 +0000 (+0100) Subject: Add some explanations, improved styles X-Git-Url: https://git.auder.net/doc/html/css/img/index.css?a=commitdiff_plain;h=82587ff558558a84e1491c01667055789b72b26f;p=rpsls-bot.git Add some explanations, improved styles --- diff --git a/css/rpsls.css b/css/rpsls.css index 4b0bbbe..5e3e86d 100644 --- a/css/rpsls.css +++ b/css/rpsls.css @@ -1,10 +1,12 @@ #rpsls { margin-top: 50px; margin-bottom: 50px; + min-height: calc(100vh - 100px); } .topSpacing { margin-top: 40px; + margin-bottom: 10px; } .leftSpacing { @@ -42,8 +44,16 @@ font-weight: bold; } +#explanations { + background-color: lightgrey; +} + +.block { + display: block; + margin: 10px auto; +} + footer { - position: absolute; - bottom: 0; + height: 50px; width: 100%; } diff --git a/img/rock_paper_scissors_lizard_spock.gif b/img/rock_paper_scissors_lizard_spock.gif new file mode 100644 index 0000000..8036a4a Binary files /dev/null and b/img/rock_paper_scissors_lizard_spock.gif differ diff --git a/index.html b/index.html index 335b5a1..2b99c37 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ -
+
@@ -32,9 +32,26 @@ {{ gameState }}

+
+
+

+ Your play Rock-Paper-Scissors-Lizard-Spock as described by Sheldon in TBBT, season 2 episode 8. +

+ +

+ Your opponent is a bot implementing an algorithm described here. +

+
+

+ Tips to improve computer strength:
+ [*] check the square "Winner bot";
+ [*] augment computer memory. +

+

Note also that bot performances are expected to get better over time: play a lot!

+