From 8c3034c556763583c834b65ddc0e300bd6c37130 Mon Sep 17 00:00:00 2001 From: gil Date: Mon, 10 Jun 2024 03:06:12 -0500 Subject: [PATCH] Amp up landing page --- package.json | 2 +- src/_includes/base.njk | 2 +- src/_includes/landing.njk | 38 +++++-- src/_includes/landing/button.njk | 0 src/css/global.css | 18 +--- src/css/global.css.map | 2 +- src/css/landing.css | 167 +++++++++++++++++++++++++++++++ src/css/landing.css.map | 1 + src/css/reset.css | 4 + src/font/alkhemikal.ttf | Bin 0 -> 44728 bytes src/font/font.json | 3 + src/img/img.json | 3 + src/img/landing-button.png | Bin 0 -> 590 bytes src/img/padayon.png | Bin 0 -> 292 bytes src/index.md | 11 ++ src/scss/_colors.scss | 4 +- src/scss/global.scss | 19 +--- src/scss/landing.scss | 123 +++++++++++++++++++++++ src/scss/scss.json | 3 + 19 files changed, 359 insertions(+), 41 deletions(-) create mode 100644 src/_includes/landing/button.njk create mode 100644 src/css/landing.css create mode 100644 src/css/landing.css.map create mode 100644 src/font/alkhemikal.ttf create mode 100644 src/font/font.json create mode 100644 src/img/img.json create mode 100644 src/img/landing-button.png create mode 100644 src/img/padayon.png create mode 100644 src/scss/landing.scss create mode 100644 src/scss/scss.json diff --git a/package.json b/package.json index a9f1c54..f116cb0 100644 --- a/package.json +++ b/package.json @@ -5,7 +5,7 @@ "main": "index.js", "scripts": { "watch:sass": "sass --watch src/scss:src/css", - "build:sass": "sass src/css:src/css", + "build:sass": "sass src/scss:src/css", "watch:eleventy": "eleventy --serve", "build:eleventy": "eleventy", "start": "npm-run-all build:sass --parallel watch:*", diff --git a/src/_includes/base.njk b/src/_includes/base.njk index 79aa453..af125e0 100644 --- a/src/_includes/base.njk +++ b/src/_includes/base.njk @@ -6,7 +6,7 @@ {% if title %}{{ title }} | {% endif %}{{ meta.siteName }} - + {% if layout != "landing.njk" %}{% else %}{% endif %} {{ content | safe }} diff --git a/src/_includes/landing.njk b/src/_includes/landing.njk index 93fc422..cdebf85 100644 --- a/src/_includes/landing.njk +++ b/src/_includes/landing.njk @@ -1,8 +1,30 @@ ---- -layout: base.njk ---- -{% include "header.njk" %} -
- {{ content | safe }} -
-{% include "footer.njk" %} \ No newline at end of file + + + + + + + {% if title %}{{ title }} | {% endif %}{{ meta.siteName }} + + + + + +
+
{{ content | safe }}
+ + Enter site + +
+ + diff --git a/src/_includes/landing/button.njk b/src/_includes/landing/button.njk new file mode 100644 index 0000000..e69de29 diff --git a/src/css/global.css b/src/css/global.css index b32b27a..9bed408 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -85,7 +85,7 @@ html { } body { - background-color: rgb(64, 62, 60); + background-color: #141013; color: rgb(255, 252, 240); } @@ -95,9 +95,6 @@ body { main, article { - padding: 1em; - color: #802659; - box-shadow: 0 8px rgb(52, 51, 49); font-size: 1rem; } main.page, @@ -106,16 +103,9 @@ article.page { border-image: url(../img/nine-patch.png) 32 round; -webkit-border-image: url(../img/nine-patch.png) 32 round; background-color: rgb(255, 252, 240); -} -main.cover, -article.cover { - border-color: black; - border-style: solid; - border-width: 64px; - border-image: url(../img/book-border.png) 32 repeat; - -webkit-border-image: url(../img/book-border.png) 32 repeat; - background-color: #793a80; - image-rendering: pixelated; + color: #802659; + box-shadow: 0 8px rgb(52, 51, 49); + padding: 1em; } @media screen and (min-width: 600px) { main, diff --git a/src/css/global.css.map b/src/css/global.css.map index e846048..94cd371 100644 --- a/src/css/global.css.map +++ b/src/css/global.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AASA;;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OAvBG;EAwBH;EACA;;AAEA;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AChDF;ED2BF;AAAA;IAyBI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AC3EF;EDqEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AC/IA;EDqIF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AASA;;AAAA;AAAA;;AAAA;AAYA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA,OA7BC;EA8BD;EACA;;ACrCF;ED0BF;AAAA;IAeI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AChEF;ED0DA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACpIA;ED0HF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"} \ No newline at end of file diff --git a/src/css/landing.css b/src/css/landing.css new file mode 100644 index 0000000..b01194a --- /dev/null +++ b/src/css/landing.css @@ -0,0 +1,167 @@ +/* +Flexoki (https://stephango.com/flexoki) +MIT License + +Copyright (c) 2023 Steph Ango + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. +*/ +/* + +FONT: LINUX LIBERTINE +=============================================================================== +License: GPL and OFL 1.1 + +For license text, see: +- https://gils.nexus/font/GPL.txt +- https://gils.nexus/font/OFL-1.1.txt + +*/ +@font-face { + font-family: "Linux Libertine"; + font-style: normal; + src: local("Linux Libertine"), url("../font/LinLibertine_Rah.ttf"); +} +@font-face { + font-family: "Linux Libertine"; + font-style: normal; + font-weight: 600; + src: local("Linux Libertine Semibold"), url("../font/LinLibertine_RZah.ttf"); +} +@font-face { + font-family: "Linux Libertine"; + font-style: normal; + font-weight: 700; + src: local("Linux Libertine Bold"), url("../font/LinLibertine_RBah.ttf"); +} +@font-face { + font-family: "Linux Libertine"; + font-style: italic; + src: local("Linux Libertine Italic"), url("../font/LinLibertine_RIah.ttf"); +} +@font-face { + font-family: "Linux Libertine"; + font-style: italic; + font-weight: 600; + src: local("Linux Libertine Semibold Italic"), url("../font/LinLibertine_RZIah.ttf"); +} +@font-face { + font-family: "Linux Libertine"; + font-style: italic; + font-weight: 700; + src: local("Linux Libertine Bold Italic"), url("../font/LinLibertine_RBIah.ttf"); +} +/* + +VARIABLES +=============================================================================== + +*/ +/* + +COLORS +=============================================================================== + +*/ +:root { + font-size: 14pt; + font-family: "Linux Libertine", "Times New Roman", Times, serif; + line-height: 1.25; +} + +body { + background-color: #141013; + width: 100vw; + height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 10px; +} +@media screen and (min-width: 600px) { + body { + flex-direction: row; + } +} + +main article { + width: 100%; + max-width: 500px; + height: auto; + max-height: 500px; + overflow: scroll; + padding: 10px; + border: solid white; + color: white; + font-size: 1rem; +} +main article blockquote { + background: #30272e; + border-bottom: solid white; + padding: 10px; + font-size: 1.25em; +} +main article blockquote h1 { + margin-top: 10px; + font-weight: bold; +} +main article blockquote h1::after { + content: ""; + margin-left: 10px; + width: 10px; + height: 24px; + background: white; + display: inline-block; + vertical-align: bottom; + animation: cursor-blink 1.5s steps(1) infinite; +} +@keyframes cursor-blink { + 0% { + background: transparent; + } + 50% { + background: white; + } +} +main article :first-child { + margin-top: 0; +} +main article p { + margin-top: 10px; +} +main article ol, +main article ul { + all: revert; + margin-bottom: 0; + padding-left: 1em; +} +main img { + display: block; + margin: auto; + margin-top: 10px; + image-rendering: pixelated; +} + +aside { + max-width: 216px; + image-rendering: pixelated; +} + +/*# sourceMappingURL=landing.css.map */ diff --git a/src/css/landing.css.map b/src/css/landing.css.map new file mode 100644 index 0000000..dd3b600 --- /dev/null +++ b/src/css/landing.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AAYA;;AAAA;AAAA;;AAAA;AAYA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,KAlCO;;ACGP;EDuBF;IAUI;;;;AAKF;EACE;EACA,WAzCQ;EA0CR;EACA,YA3CQ;EA4CR;EACA;EAEA;EACA;EAEA;;AAEA;EACE;EACA;EACA,SAzDG;EA0DH;;AAEA;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EASA;;AARA;EACE;IACE;;EAEF;IACE;;;AAOR;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;EACA,YAxGK;EAyGL;;;AAIJ;EACE,WA1Ga;EA2Gb","file":"landing.css"} \ No newline at end of file diff --git a/src/css/reset.css b/src/css/reset.css index 1376d14..fe01ec6 100644 --- a/src/css/reset.css +++ b/src/css/reset.css @@ -287,3 +287,7 @@ img { display: block; max-inline-size: 100%; } + +blockquote { + margin: 0; +} \ No newline at end of file diff --git a/src/font/alkhemikal.ttf b/src/font/alkhemikal.ttf new file mode 100644 index 0000000000000000000000000000000000000000..3919a8103eecf3dda6974578278bc73bd33d297c GIT binary patch literal 44728 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 literal 0 HcmV?d00001 diff --git a/src/img/padayon.png b/src/img/padayon.png new file mode 100644 index 0000000000000000000000000000000000000000..1b77f6f416b267b43dc5ea8e54e0de825b2ab3e1 GIT binary patch literal 292 zcmeAS@N?(olHy`uVBq!ia0vp^X+SK+!3HEOhTw-y#h You've arrived at the edge of a clearing. +> +> The air is thick with an energy, which seemingly converges on at this place. +> +> # Continue? (Y/N) + +My name is Gil (he/they), and I'm a software/game developer and writer. You can find me online at: + +* Microblog: [hol.ogra.ph/@gil](https://hol.ogra.ph/@gil) +* Code: [ide.ogra.ph/gil](https://ide.ogra.ph/gil) diff --git a/src/scss/_colors.scss b/src/scss/_colors.scss index 8fe81e6..247d4f4 100644 --- a/src/scss/_colors.scss +++ b/src/scss/_colors.scss @@ -52,4 +52,6 @@ $blue-600: rgb(32, 94, 166); $purple-400: rgb(139, 126, 200); $purple-600: rgb(94, 64, 157); $magenta-400: rgb(206, 93, 151); -$magenta-600: rgb(160, 47, 111); \ No newline at end of file +$magenta-600: rgb(160, 47, 111); + +$bg: #141013; \ No newline at end of file diff --git a/src/scss/global.scss b/src/scss/global.scss index e23aed8..868a3cb 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -17,7 +17,6 @@ COLORS =============================================================================== */ -$bg: colors.$base-800; $fg: scale-color(colors.$magenta-600, $lightness: -20%); $fg-logo: colors.$magenta-600; $link: colors.$green-600; @@ -30,7 +29,7 @@ html { } body { - background-color: #{colors.$base-800}; + background-color: #{colors.$bg}; color: #{colors.$paper}; } @@ -40,9 +39,6 @@ body { main, article { - padding: 1em; - color: $fg; - box-shadow: 0 8px #{colors.$base-850}; font-size: 1rem; &.page { @@ -50,16 +46,9 @@ article { border-image: url(../img/nine-patch.png) 32 round; -webkit-border-image: url(../img/nine-patch.png) 32 round; background-color: #{colors.$paper}; - } - - &.cover { - border-color: black; - border-style: solid; - border-width: 64px; - border-image: url(../img/book-border.png) 32 repeat; - -webkit-border-image: url(../img/book-border.png) 32 repeat; - background-color: #793a80; - image-rendering: pixelated; + color: $fg; + box-shadow: 0 8px #{colors.$base-850}; + padding: 1em; } @include breakpoint("sm") { diff --git a/src/scss/landing.scss b/src/scss/landing.scss new file mode 100644 index 0000000..7b8fe35 --- /dev/null +++ b/src/scss/landing.scss @@ -0,0 +1,123 @@ +@use "colors"; +@use "fonts"; +@use "mixins" as *; + +/* + +VARIABLES +=============================================================================== + +*/ +$gutter: 10px; +$padding: $gutter; +$max-width: 500px; +$max-height: $max-width; +$avatar-width: 216px; + +/* + +COLORS +=============================================================================== + +*/ +$fg: white; +$fg-logo: colors.$magenta-600; +$link: colors.$green-600; +$bg-hover: scale-color(colors.$green-400, $alpha: -75%); +$bg-highlight: scale-color(colors.$magenta-600, $alpha: -75%); + +:root { + font: { + size: 14pt; + family: "Linux Libertine", "Times New Roman", Times, serif; + } + line-height: 1.25; +} + +body { + background-color: #{colors.$bg}; + width: 100vw; + height: 100vh; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: $gutter; + @include breakpoint("sm") { + flex-direction: row; + } +} + +main { + article { + width: 100%; + max-width: $max-width; + height: auto; + max-height: $max-height; + overflow: scroll; + padding: #{$padding}; + + border: solid #{$fg}; + color: #{$fg}; + + font-size: 1rem; + + blockquote { + background: lighten(colors.$bg, $amount: 10%); + border-bottom: solid white; + padding: $gutter; + font-size: 1.25em; + + h1 { + margin-top: #{$gutter}; + font-weight: bold; + } + + h1::after { + content: ""; + margin-left: #{$gutter}; + width: 10px; + height: 24px; + background: #{$fg}; + display: inline-block; + vertical-align: bottom; + @keyframes cursor-blink { + 0% { + background: transparent; + } + 50% { + background: #{$fg}; + } + } + animation: cursor-blink 1.5s steps(1) infinite; + } + } + + :first-child { + margin-top: 0; + } + + p { + margin-top: #{$gutter}; + } + + ol, + ul { + all: revert; + margin-bottom: 0; + padding-left: 1em; + } + } + + img { + display: block; + margin: auto; + margin-top: $gutter; + image-rendering: pixelated; + } +} + +aside { + max-width: $avatar-width; + image-rendering: pixelated; +} diff --git a/src/scss/scss.json b/src/scss/scss.json new file mode 100644 index 0000000..15680bc --- /dev/null +++ b/src/scss/scss.json @@ -0,0 +1,3 @@ +{ + "eleventyExcludeFromCollections": true +} \ No newline at end of file