Compare commits
No commits in common. "cb00af54e23d013350c64eba71053feeebf36aa3" and "0f5d93486e1b20e8226561a96cb6943d7f18fb6a" have entirely different histories.
cb00af54e2
...
0f5d93486e
|
@ -5,7 +5,7 @@
|
||||||
"main": "index.js",
|
"main": "index.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"watch:sass": "sass --watch src/scss:src/css",
|
"watch:sass": "sass --watch src/scss:src/css",
|
||||||
"build:sass": "sass src/scss:src/css",
|
"build:sass": "sass src/css:src/css",
|
||||||
"watch:eleventy": "eleventy --serve",
|
"watch:eleventy": "eleventy --serve",
|
||||||
"build:eleventy": "eleventy",
|
"build:eleventy": "eleventy",
|
||||||
"start": "npm-run-all build:sass --parallel watch:*",
|
"start": "npm-run-all build:sass --parallel watch:*",
|
||||||
|
|
13
src/README
13
src/README
|
@ -1,13 +0,0 @@
|
||||||
# Todo
|
|
||||||
|
|
||||||
- [ ] Add colophon and licensing info
|
|
||||||
- [ ] Clean up and polish landing page
|
|
||||||
- [ ] Do some i18n? (e.g., English, German, Tagalog, Bisaya, Spanish, etc.)
|
|
||||||
- [ ] Add more graphical stuff to site so it doesn't look so bland
|
|
||||||
- [ ] Banner image
|
|
||||||
- [ ] Landing background
|
|
||||||
- [ ] Global background
|
|
||||||
- [ ] Custom badge
|
|
||||||
- [ ] Make a webring with ringfairy and join webrings
|
|
||||||
- [ ] Redo about page
|
|
||||||
- [ ] Add blog post
|
|
|
@ -6,7 +6,7 @@
|
||||||
<meta name="generator" content="{{ eleventy.generator }}">
|
<meta name="generator" content="{{ eleventy.generator }}">
|
||||||
<title>{% if title %}{{ title }} | {% endif %}{{ meta.siteName }}</title>
|
<title>{% if title %}{{ title }} | {% endif %}{{ meta.siteName }}</title>
|
||||||
<link rel="stylesheet" href="/css/reset.css">
|
<link rel="stylesheet" href="/css/reset.css">
|
||||||
{% if layout != "landing.njk" %}<link rel="stylesheet" href="/css/global.css">{% else %}<link rel="stylesheet" href="/css/landing.css">{% endif %}
|
<link rel="stylesheet" href="/css/global.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{{ content | safe }}
|
{{ content | safe }}
|
||||||
|
|
|
@ -1,30 +1,8 @@
|
||||||
<!doctype html>
|
---
|
||||||
<html lang="en">
|
layout: base.njk
|
||||||
<head>
|
---
|
||||||
<meta charset="UTF-8">
|
{% include "header.njk" %}
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<main class="cover">
|
||||||
<meta name="generator" content="{{ eleventy.generator }}">
|
{{ content | safe }}
|
||||||
<title>{% if title %}{{ title }} | {% endif %}{{ meta.siteName }}</title>
|
|
||||||
<link rel="stylesheet" href="/css/reset.css">
|
|
||||||
<link rel="stylesheet" href="/css/landing.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<aside>
|
|
||||||
<img
|
|
||||||
src="../img/gba-gil.png"
|
|
||||||
alt="A picture of Gil (me), taken with webgbcam"
|
|
||||||
title="A picture of Gil (me), taken with webgbcam"
|
|
||||||
>
|
|
||||||
</aside>
|
|
||||||
<main>
|
|
||||||
<article>{{ content | safe }}</article>
|
|
||||||
<a href="/about">
|
|
||||||
<img
|
|
||||||
src="../img/landing-button.png"
|
|
||||||
alt="Enter site"
|
|
||||||
title="Enter site"
|
|
||||||
>
|
|
||||||
</a>
|
|
||||||
</main>
|
</main>
|
||||||
</body>
|
{% include "footer.njk" %}
|
||||||
</html>
|
|
|
@ -85,7 +85,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #141013;
|
background-color: rgb(64, 62, 60);
|
||||||
color: rgb(255, 252, 240);
|
color: rgb(255, 252, 240);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -95,6 +95,9 @@ body {
|
||||||
|
|
||||||
main,
|
main,
|
||||||
article {
|
article {
|
||||||
|
padding: 1em;
|
||||||
|
color: #802659;
|
||||||
|
box-shadow: 0 8px rgb(52, 51, 49);
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
main.page,
|
main.page,
|
||||||
|
@ -103,9 +106,16 @@ article.page {
|
||||||
border-image: url(../img/nine-patch.png) 32 round;
|
border-image: url(../img/nine-patch.png) 32 round;
|
||||||
-webkit-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);
|
background-color: rgb(255, 252, 240);
|
||||||
color: #802659;
|
}
|
||||||
box-shadow: 0 8px rgb(52, 51, 49);
|
main.cover,
|
||||||
padding: 1em;
|
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;
|
||||||
}
|
}
|
||||||
@media screen and (min-width: 600px) {
|
@media screen and (min-width: 600px) {
|
||||||
main,
|
main,
|
||||||
|
|
|
@ -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;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"}
|
{"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"}
|
|
@ -1,167 +0,0 @@
|
||||||
/*
|
|
||||||
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 */
|
|
|
@ -1 +0,0 @@
|
||||||
{"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"}
|
|
|
@ -287,7 +287,3 @@ img {
|
||||||
display: block;
|
display: block;
|
||||||
max-inline-size: 100%;
|
max-inline-size: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote {
|
|
||||||
margin: 0;
|
|
||||||
}
|
|
Binary file not shown.
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"eleventyExcludeFromCollections": true
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"eleventyExcludeFromCollections": true
|
|
||||||
}
|
|
Binary file not shown.
Before Width: | Height: | Size: 590 B |
11
src/index.md
11
src/index.md
|
@ -2,14 +2,3 @@
|
||||||
layout: landing.njk
|
layout: landing.njk
|
||||||
date: Last Modified
|
date: Last Modified
|
||||||
---
|
---
|
||||||
|
|
||||||
> 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)
|
|
||||||
|
|
|
@ -53,5 +53,3 @@ $purple-400: rgb(139, 126, 200);
|
||||||
$purple-600: rgb(94, 64, 157);
|
$purple-600: rgb(94, 64, 157);
|
||||||
$magenta-400: rgb(206, 93, 151);
|
$magenta-400: rgb(206, 93, 151);
|
||||||
$magenta-600: rgb(160, 47, 111);
|
$magenta-600: rgb(160, 47, 111);
|
||||||
|
|
||||||
$bg: #141013;
|
|
|
@ -17,6 +17,7 @@ COLORS
|
||||||
===============================================================================
|
===============================================================================
|
||||||
|
|
||||||
*/
|
*/
|
||||||
|
$bg: colors.$base-800;
|
||||||
$fg: scale-color(colors.$magenta-600, $lightness: -20%);
|
$fg: scale-color(colors.$magenta-600, $lightness: -20%);
|
||||||
$fg-logo: colors.$magenta-600;
|
$fg-logo: colors.$magenta-600;
|
||||||
$link: colors.$green-600;
|
$link: colors.$green-600;
|
||||||
|
@ -29,7 +30,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
background-color: #{colors.$bg};
|
background-color: #{colors.$base-800};
|
||||||
color: #{colors.$paper};
|
color: #{colors.$paper};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -39,6 +40,9 @@ body {
|
||||||
|
|
||||||
main,
|
main,
|
||||||
article {
|
article {
|
||||||
|
padding: 1em;
|
||||||
|
color: $fg;
|
||||||
|
box-shadow: 0 8px #{colors.$base-850};
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
|
||||||
&.page {
|
&.page {
|
||||||
|
@ -46,9 +50,16 @@ article {
|
||||||
border-image: url(../img/nine-patch.png) 32 round;
|
border-image: url(../img/nine-patch.png) 32 round;
|
||||||
-webkit-border-image: url(../img/nine-patch.png) 32 round;
|
-webkit-border-image: url(../img/nine-patch.png) 32 round;
|
||||||
background-color: #{colors.$paper};
|
background-color: #{colors.$paper};
|
||||||
color: $fg;
|
}
|
||||||
box-shadow: 0 8px #{colors.$base-850};
|
|
||||||
padding: 1em;
|
&.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
@include breakpoint("sm") {
|
@include breakpoint("sm") {
|
||||||
|
|
|
@ -1,123 +0,0 @@
|
||||||
@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;
|
|
||||||
}
|
|
|
@ -1,3 +0,0 @@
|
||||||
{
|
|
||||||
"eleventyExcludeFromCollections": true
|
|
||||||
}
|
|
Loading…
Reference in a new issue