diff --git a/www/css/main.css b/www/css/main.css
index 4653f9b..9e1ed9e 100644
--- a/www/css/main.css
+++ b/www/css/main.css
@@ -87,7 +87,10 @@ textarea {
Author's custom styles
========================================================================== */
-body { overflow-x: hidden; }
+:root {
+ --jason-bg-color: #F2EDEA;
+ --flo-bg-color: #601F22;
+}
#view {
width: 100vw;
@@ -96,10 +99,11 @@ body { overflow-x: hidden; }
#container {
min-height: 100vh;
width: 100vw;
- position: relative;
+ /* position: relative; */
}
.main {
+ position: relative;
float: left;
overflow: hidden;
}
@@ -111,11 +115,34 @@ body { overflow-x: hidden; }
overflow: hidden;
}
-@media (orientation: landscape) {
- body {
- background-color: #FF0000;
- }
+.splash .splash-container {
+ height: 100%;
+ width: 100%;
+ padding: 1rem;
+}
+.splash img { width: 100%; height: 100%; border-radius: 1rem; object-fit: cover; }
+
+.banner {
+ position: absolute;
+ width: 100%;
+ top: 50%;
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+ text-align: center;
+}
+
+.banner img {max-width: 20vw; max-height: 20vh; }
+
+.jason {
+ background-color: var(--jason-bg-color);
+}
+
+.flo {
+ background-color: var(--flo-bg-color);
+}
+
+@media (orientation: landscape) {
.main {
width: 50vw;
min-height: 100vh;
@@ -123,15 +150,6 @@ body { overflow-x: hidden; }
}
@media (orientation: portrait) {
- body {
- background-color: #00FF00;
- }
-
- #container {
- width: 100vw;
- left: 0;
- }
-
.main {
width: 100vw;
min-height: 50vh;
diff --git a/www/css/normalize.css b/www/css/normalize.css
index 192eb9c..b9786c4 100644
--- a/www/css/normalize.css
+++ b/www/css/normalize.css
@@ -24,6 +24,10 @@ body {
margin: 0;
}
+div {
+ box-sizing: border-box;
+}
+
/**
* Render the `main` element consistently in IE.
*/
diff --git a/www/img/profile-jason.jpg b/www/img/profile-jason.jpg
deleted file mode 100644
index 26a8189..0000000
Binary files a/www/img/profile-jason.jpg and /dev/null differ
diff --git a/www/img/profile-jason.png b/www/img/profile-jason.png
new file mode 100644
index 0000000..99a981d
Binary files /dev/null and b/www/img/profile-jason.png differ
diff --git a/www/img/splash-jason.jpg b/www/img/splash-jason.jpg
new file mode 100644
index 0000000..8fa4037
Binary files /dev/null and b/www/img/splash-jason.jpg differ
diff --git a/www/index.html b/www/index.html
index 1d80c8a..7f81982 100644
--- a/www/index.html
+++ b/www/index.html
@@ -19,22 +19,29 @@
-
+
-
Jason Splash
+
+
+
+
+
Flo Splash
-
