From 2d524bc7d1cdde23167bb9f2f91f51079aca3981 Mon Sep 17 00:00:00 2001 From: Emi Simpson Date: Tue, 31 Oct 2023 10:43:53 -0400 Subject: [PATCH] Rough mockup --- .gitattributes | 2 ++ generale-station.woff2 | 3 ++ index.html | 45 +++++++++++++++++++++++++ logo.webp | 3 ++ page0.webp | 3 ++ page1.webp | 3 ++ starstreak.woff2 | 3 ++ style.sass | 76 ++++++++++++++++++++++++++++++++++++++++++ 8 files changed, 138 insertions(+) create mode 100644 .gitattributes create mode 100644 generale-station.woff2 create mode 100644 index.html create mode 100644 logo.webp create mode 100644 page0.webp create mode 100644 page1.webp create mode 100644 starstreak.woff2 create mode 100644 style.sass diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..dc306a5 --- /dev/null +++ b/.gitattributes @@ -0,0 +1,2 @@ +*.woff2 filter=lfs diff=lfs merge=lfs -text +*.webp filter=lfs diff=lfs merge=lfs -text diff --git a/generale-station.woff2 b/generale-station.woff2 new file mode 100644 index 0000000..894b015 --- /dev/null +++ b/generale-station.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:12c34b15c36f1c10516939a995e7a3ee5d58a14d407d08b4bf8d62d337a6ec49 +size 15420 diff --git a/index.html b/index.html new file mode 100644 index 0000000..5fc6fbf --- /dev/null +++ b/index.html @@ -0,0 +1,45 @@ + + + + Shapes Comic + + + + + + +
+ Shapes Comic + An interstellar story of life, death, love, and hate + +
+
+
+ If you're hearing this, bug the comic creator about adding alt text + If you're hearing this, bug the comic creator about adding alt text +
+ +
+ + \ No newline at end of file diff --git a/logo.webp b/logo.webp new file mode 100644 index 0000000..9a0bf9b --- /dev/null +++ b/logo.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:54fe1c57fe591f54f134ba5f3916bbced5a6c9fce63965284288b7c36657eea2 +size 6084 diff --git a/page0.webp b/page0.webp new file mode 100644 index 0000000..c3e5c0d --- /dev/null +++ b/page0.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c2b28d96055f81ddf576f33fdf9a75017080f49eff53821d06acf4a09c276c54 +size 60324 diff --git a/page1.webp b/page1.webp new file mode 100644 index 0000000..e063d61 --- /dev/null +++ b/page1.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9a648b0ea67ff562162aafb1e9381cb78da5faa6547408e3eba0dcaa3a5b0cde +size 57622 diff --git a/starstreak.woff2 b/starstreak.woff2 new file mode 100644 index 0000000..33464d7 --- /dev/null +++ b/starstreak.woff2 @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:9166abc80a0887db8b3a439f3b2a0aa2716badccf4be1a3cbb1b1b3b9fb0d3c4 +size 44616 diff --git a/style.sass b/style.sass new file mode 100644 index 0000000..1ab1e5e --- /dev/null +++ b/style.sass @@ -0,0 +1,76 @@ +body + background-color: #10011f + grid-template-columns: 500px 1fr + display: grid + color: white + font-family: "Generale Station" + padding-top: 30px + padding-right: 50px + +header + display: grid + grid-template-rows: 0fr 0fr 1fr + text-align: center + justify-items: center + padding: 0 40px + + .subtitle + text-transform: uppercase + font-family: "Starstreak" + font-size: 16px + margin-top: 10px + + nav + background-color: #332044 + display: flex + flex-direction: column + gap: 15px + margin-top: 30px + width: 100% + align-items: center + font-size: 1.2em + + h3 + text-align: center + + a + text-align: left + width: 180px + color: #dbb7ff + + &::before + content: "> " + +main + & > div + display: grid + grid-template-columns: 1fr 1fr + gap: 10px + + img + width: 100% + + nav + display: flex + flex-direction: row + justify-content: center + gap: 24px + margin-top: 20px + .navsec + display: flex + flex-direction: row + gap: 24px + background-color: #332044 + padding: 10px 20px + a + font-size: 2em + color: #dbb7ff + text-decoration: none + +@font-face + font-family: Starstreak + src: url("starstreak.woff2") format("woff2") + +@font-face + font-family: "Generale Station" + src: url("generale-station.woff2") format("woff2")