From 35223a1e4fe71f6fc8ca344b5d10592e64ec79fb Mon Sep 17 00:00:00 2001 From: Curly Bryce Date: Thu, 10 Nov 2022 17:46:49 -0700 Subject: initial commit --- src/assets/css/main.css | 109 ++++++++++++++++++++++++++++++++++++++++ src/assets/image/background.jpg | Bin 0 -> 79090 bytes src/assets/image/header.png | Bin 0 -> 1102 bytes src/assets/image/icon.png | Bin 0 -> 539 bytes src/index.html | 40 +++++++++++++++ 5 files changed, 149 insertions(+) create mode 100644 src/assets/css/main.css create mode 100644 src/assets/image/background.jpg create mode 100644 src/assets/image/header.png create mode 100644 src/assets/image/icon.png create mode 100644 src/index.html diff --git a/src/assets/css/main.css b/src/assets/css/main.css new file mode 100644 index 0000000..b6bd538 --- /dev/null +++ b/src/assets/css/main.css @@ -0,0 +1,109 @@ +html, body { + margin: 0; + border: 0; + padding: 0; + background-color: black; +} + + + +@media screen and (max-width: 500px) { + #nav, #space { + display: none; + } + #mobile-nav { + display: grid; + height: 70px; + grid-template-columns: 20% 20% 20% 20% 20%; + } +} +@media screen and (min-width: 501px) and (max-width: 1099px) { + .floatwrapper > center > :nth-child(1) { + display: none; + } + .floatwrapper > center > :nth-child(2) { + display: unset; + } + #nav { + display: grid; + width: 50px; + } + #space { + display: none; + } + #mobile-nav { + display: none; + } +} +@media screen and (min-width: 1100px) { + .floatwrapper > center > :nth-child(1) { + display: unset; + } + .floatwrapper > center > :nth-child(2) { + display: none; + } + #nav { + display: grid; + } + #space { + display: unset; + } + #mobile-nav { + display: none; + } +} + + + +body { + display: flex; + flex-flow: row nowrap; + max-width: 100vw; + width: 100vw; + min-height: 100vh; + background-image: url("/assets/image/background.jpg"); + background-size: cover; +} + +/* TESTING */ +#nav { + background-color: #fffa; +} +#content { + background-color: #ddda; +} +#mobile-nav { + background-color: #fffa; +} +/* END TESTING */ + + +#nav { + align-content: space-between; +} +#body { + display: flex; + flex-flow: column nowrap; + flex-grow: 7; +} +#space { + flex-grow: 2; +} + +#content { + flex-grow: 1; +} + +.noaa { + image-rendering: -moz-crisp-edges; + image-rendering: -o-crisp-edges; + image-rendering: pixelated; +} +.floatwrapper { + position: sticky +} + +.mobile-nav-button { + display: block; + margin: auto; +} \ No newline at end of file diff --git a/src/assets/image/background.jpg b/src/assets/image/background.jpg new file mode 100644 index 0000000..1bc4421 Binary files /dev/null and b/src/assets/image/background.jpg differ diff --git a/src/assets/image/header.png b/src/assets/image/header.png new file mode 100644 index 0000000..85c482d Binary files /dev/null and b/src/assets/image/header.png differ diff --git a/src/assets/image/icon.png b/src/assets/image/icon.png new file mode 100644 index 0000000..4379547 Binary files /dev/null and b/src/assets/image/icon.png differ diff --git a/src/index.html b/src/index.html new file mode 100644 index 0000000..c291abd --- /dev/null +++ b/src/index.html @@ -0,0 +1,40 @@ + + + Infernal * Garden + + + + + + + +
+
+ dd +
+
+
+
+
+ +
+
+
+
+
+
+ + + \ No newline at end of file -- cgit v1.2.3