diff --git a/docs/about.css b/docs/about.css index 83a3837..caeaa16 100644 --- a/docs/about.css +++ b/docs/about.css @@ -19,6 +19,27 @@ body { text-decoration: none; font-family: 'Josefin Sans', sans-serif; border-radius: 0.25em; + float: left; +} + +#faq { + position: sticky; + top: 0.25vh; + margin-right: 0.15vw; + margin-top: 0.5vh; + border: none; + background-color: #fffaea; + padding-top: 1.25vh; + padding-right: 1vw; + padding-left: 1vw; + padding-bottom: 1.25vh; + display: block; + width: 8vw; + border-style: none; + text-decoration: none; + font-family: 'Josefin Sans', sans-serif; + border-radius: 0.25em; + float: right; } #text { @@ -36,6 +57,27 @@ body { text-decoration: none; } +footer { + color: #fffaea; + text-align: center; + width: 99%; + position: absolute; + bottom: 1vh; + font-family: 'Josefin Sans', sans-serif; + overflow-x: hidden; + font-size: 1em; +} + +#git_image { + height: 2vh; + width: 2vh; + vertical-align: middle; +} + +#footer_text { + display: inline-block; +} + @media only screen and (max-device-width: 480px) { body { background-color: #0d0d0d; @@ -70,6 +112,44 @@ body { font-size: 2em; } + #faq { + margin: auto; + margin-top: 0.5vh; + position: relative; + border: none; + background-color: #fffaea; + padding-top: 2vh; + padding-right: 2vw; + padding-left: 2vw; + padding-bottom: 2vh; + display: block; + width: 90vw; + border-style: none; + text-decoration: none; + font-family: 'Josefin Sans', sans-serif; + border-radius: 0.25em; + font-size: 2em; + } + + #faq-link { + margin: auto; + margin-top: 0.5vh; + position: relative; + border: none; + background-color: #fffaea; + padding-top: 2vh; + padding-right: 2vw; + padding-left: 2vw; + padding-bottom: 2vh; + display: block; + width: 90vw; + border-style: none; + text-decoration: none; + font-family: 'Josefin Sans', sans-serif; + border-radius: 0.25em; + font-size: 2em; + } + #text { margin-left: 2.5vw; margin-right: 2.5vw; diff --git a/docs/about.html b/docs/about.html index aeab0a7..99fd720 100644 --- a/docs/about.html +++ b/docs/about.html @@ -17,6 +17,13 @@ How to Play SpyFall — Game Rules & Instructions + + + @@ -44,6 +51,7 @@
+
@@ -88,7 +96,7 @@

Tips for Success

diff --git a/docs/create_room.html b/docs/create_room.html index 8819c92..e33bad9 100644 --- a/docs/create_room.html +++ b/docs/create_room.html @@ -16,6 +16,13 @@ Create SpyFall Game Room — Set Locations & Timer + + + diff --git a/docs/faq.html b/docs/faq.html index 46f6f4e..7b6081b 100644 --- a/docs/faq.html +++ b/docs/faq.html @@ -17,6 +17,13 @@ SpyFall FAQ — Frequently Asked Questions About The Game + + + @@ -103,6 +110,7 @@
+
@@ -169,7 +177,7 @@

Can the spy vote?

diff --git a/docs/game_room.html b/docs/game_room.html index df8550c..b7ca1a8 100644 --- a/docs/game_room.html +++ b/docs/game_room.html @@ -17,6 +17,12 @@ SpyFall Game Room — Identify the Spy + + diff --git a/docs/index.html b/docs/index.html index b07bbb3..5a1d0d4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -20,6 +20,12 @@ SpyFall Online — Free Multiplayer Social Deduction Game + + diff --git a/docs/join_room.html b/docs/join_room.html index 2b23be7..9c1aadf 100644 --- a/docs/join_room.html +++ b/docs/join_room.html @@ -16,6 +16,13 @@ Join SpyFall Game Room — Enter Room Code + + +