diff --git a/assets/css/home-page.css b/assets/css/home-page.css
index 163a8df..6a31671 100644
--- a/assets/css/home-page.css
+++ b/assets/css/home-page.css
@@ -5,11 +5,21 @@
/*=========*/
body.home-page {
- --deus-body-padding: 2rem;
+ --deus-body-padding: 5rem 5rem 10rem 5rem;
width: 100%;
height: 100vh;
}
+@media only screen and (max-width: 960px) {
+ body.home-page {
+ --deus-body-padding: 4rem 4rem 8rem 4rem;
+ }
+}
+@media only screen and (max-width: 520px) {
+ body.home-page {
+ --deus-body-padding: 3rem 3rem 8rem 3rem;
+ }
+}
body.home-page::before {
content: none;
}
@@ -36,35 +46,77 @@ body.home-page #splash-image img {
height: 100%;
object-fit: contain;
}
+body.home-page #splash-image img.tall {
+ display: none;
+}
+@media only screen and (max-width: 960px) {
+ body.home-page #splash-image img.tall {
+ display: initial;
+ }
+ body.home-page #splash-image img.wide {
+ display: none;
+ }
+}
/*================*/
/* Navigation UI. */
/*================*/
body.home-page #main-nav {
- top: -2rem;
+ top: unset;
+ bottom: -2rem;
opacity: 0.0;
+ border-bottom: none;
+ box-shadow: none;
+ background-color: transparent;
+ font-size: 1.75em;
+ justify-content: center;
}
body.home-page #main-nav.shown {
- top: 0;
+ bottom: 0;
opacity: 1.0;
transition:
- top 1s ease,
+ bottom 1s ease,
opacity 1s ease;
}
+body.home-page #main-nav a.text {
+ margin: 0 0.75em;
+ width: 4em;
+}
+
+body.home-page #main-nav .social-buttons {
+ position: fixed;
+ top: 0;
+ right: 0;
+ font-size: 0.75em;
+ padding: 0.5em;
+}
+@media only screen and (max-width: 520px) {
+ body.home-page #main-nav .social-buttons {
+ flex-flow: column nowrap;
+ }
+ body.home-page #main-nav .social-buttons a + a {
+ margin: 0.5em 0 0 0;
+ }
+}
+
+body.home-page #main-nav .logo {
+ display: none;
+}
+
/*===================*/
/* Copyright notice. */
/*===================*/
body.home-page #copyright {
- bottom: -0.625rem;
+ top: -0.75rem;
opacity: 0.0;
}
body.home-page #copyright.shown {
- bottom: 0.625rem;
+ top: 0.75rem;
opacity: 0.5;
transition:
- bottom 1s ease,
+ top 1s ease,
opacity 1s ease;
}
diff --git a/index.shtml b/index.shtml
index 306cdbb..680d60a 100755
--- a/index.shtml
+++ b/index.shtml
@@ -7,7 +7,8 @@
@@ -17,12 +18,9 @@
+ 