diff --git a/gorge.css b/gorge.css index 300129a..0023a19 100644 --- a/gorge.css +++ b/gorge.css @@ -44,7 +44,7 @@ button { } #top-bar > button { - font-size: 36px; + font-size: 3vh; } #resources-area { @@ -52,7 +52,7 @@ button { text-align: center; width: 35%; left: 0%; - top: 10%; + top: 20%; height: 90%; margin: auto; font-size: 36px; @@ -71,7 +71,7 @@ button { position: absolute; width: 20%; right: 5%; - top: 10%; + top: 20%; height: 90%; max-height: 80vh; padding-bottom: 10px; @@ -84,7 +84,11 @@ button { } @media (max-aspect-ratio: 1/1) { - #buildings-area { + body #upgrades-area { + top: 10%; + } + + body #buildings-area { top: 50%; left: 50%; width: 50%; @@ -92,7 +96,7 @@ button { max-height: 40vh; } - #buildings-list { + body #buildings-list { max-height: 40vh; } } @@ -242,7 +246,7 @@ button { position: absolute; width: 20%; right: 35%; - top: 10%; + top: 20%; } @media (max-aspect-ratio: 1/1) { @@ -628,3 +632,37 @@ div::-webkit-scrollbar-corner { transform: scale(1, 0); max-height: 0px; } + + +#changelog-link a { + position: fixed; + left: 0%; + top: 0%; + height: 10vh; + z-index: 2; + font-size: 36px; + +} + +#discord-link img { + position: fixed; + right: 0%; + top: 0%; + height: 10vh; + z-index: 2; +} + + +@media (max-aspect-ratio: 1/1) { + body #changelog-link a { + top: auto; + bottom: 0%; + z-index: 2; + } + + body #discord-link img { + top: auto; + bottom: 0%; + z-index: 2; + } +} diff --git a/gorge.html b/gorge.html index c0c76ea..464e6b3 100644 --- a/gorge.html +++ b/gorge.html @@ -21,8 +21,14 @@ + +
- Gorge v0.0.6 - Discord Server - Changelog + Gorge v0.0.6
diff --git a/images/discord.svg b/images/discord.svg new file mode 100644 index 0000000..22dd113 --- /dev/null +++ b/images/discord.svg @@ -0,0 +1 @@ + \ No newline at end of file