gil/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: gil:9f28e4d5a89c4393356f9eabc57770c861f619c8
Branches Tags
gil:main
..
compare: gil:acb35d5dac5095ba90600bb3e60d08f3dd7bafd7
Branches Tags
gil:main

No commits in common. "9f28e4d5a89c4393356f9eabc57770c861f619c8" and "acb35d5dac5095ba90600bb3e60d08f3dd7bafd7" have entirely different histories.
9f28e4d5a8 ... acb35d5dac

18 changed files with 176 additions and 306 deletions
Show stats Expand all files Collapse all files

8
.eleventy.js
View file

@ -4,8 +4,8 @@ const { DateTime } = require("luxon");
module.exports = function (eleventyConfig) { module.exports = function (eleventyConfig) {
eleventyConfig.addPlugin(eleventyNavigationPlugin); eleventyConfig.addPlugin(eleventyNavigationPlugin);
eleventyConfig.addFilter("formatDate", (dateObj) => { eleventyConfig.addFilter("postDate", (dateObj) => {
return DateTime.fromJSDate(dateObj).toFormat("y'-'LL'-'dd"); return DateTime.fromJSDate(dateObj).toFormat("y'-'LL'-'dd' at 'T");
}); });
eleventyConfig.addPassthroughCopy("./src/css/**/*.css"); eleventyConfig.addPassthroughCopy("./src/css/**/*.css");
@ -13,6 +13,10 @@ module.exports = function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("./src/img"); eleventyConfig.addPassthroughCopy("./src/img");
eleventyConfig.addWatchTarget("./src/css"); eleventyConfig.addWatchTarget("./src/css");
eleventyConfig.addShortcode("sigil", function (name, label) {
return `<h3 class="sigil--${name}">${label}</h3>`;
});
return { return {
dir: { dir: {
input: "src", input: "src",

0
README.md → README
View file

2
package.json
View file

@ -1,6 +1,6 @@
{ {
"name": "gils-nexus", "name": "gils-nexus",
"version": "0.0.2", "version": "0.0.1",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"scripts": { "scripts": {

9
src/_includes/partials/footer.njk
View file

@ -1,6 +1,5 @@
<footer class="footer-main"><p> <footer class="footer-main">
Made with <a href="https://www.11ty.dev/">11ty</a>. Made with <a href="https://www.11ty.dev/">11ty</a>.
{% if page.date %}<i> {% if page.date %}<i>Last updated on {{ page.date | postDate }}</i>{% endif %}
Last updated on <time datetime="{{ page.date | formatDate }}">{{ page.date | formatDate }}</time>. LOCALHOST
</i>{% endif %} </footer>
</p></footer>

2
src/_includes/partials/header.njk
View file

@ -1,4 +1,4 @@
<header class="banner"> <header class="header_main">
<a class="logo" href="/main/">{{ meta.siteName }}</a> <a class="logo" href="/main/">{{ meta.siteName }}</a>
<nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav> <nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav>
</header> </header>

136
src/css/global.css
View file

@ -102,9 +102,6 @@ body {
main, main,
article { article {
font-size: 1rem; font-size: 1rem;
word-wrap: break-word;
line-height: 1.5;
padding: 0 1.5em;
} }
main.page, main.page,
article.page { article.page {
@ -114,6 +111,7 @@ article.page {
background-color: rgb(255, 252, 240); background-color: rgb(255, 252, 240);
color: #802659; color: #802659;
box-shadow: 0 8px rgb(52, 51, 49); box-shadow: 0 8px rgb(52, 51, 49);
padding: 1em;
} }
@media screen and (min-width: 600px) { @media screen and (min-width: 600px) {
main, main,
@ -124,52 +122,17 @@ article.page {
box-shadow: 8px 8px rgb(52, 51, 49); box-shadow: 8px 8px rgb(52, 51, 49);
} }
} }
main p,
main blockquote,
main ul,
main ol, main ol,
main dl, main ul,
main table,
main pre,
article p,
article blockquote,
article ul,
article ol, article ol,
article dl, article ul {
article table, all: revert;
article pre {
margin: 1em 0; margin: 1em 0;
} }
main ul, main p,
main ol, article p {
article ul, line-height: 1.5;
article ol { margin-bottom: 1em;
all: revert;
padding-left: 30px;
}
main h1,
article h1 {
font-size: 2.5em;
}
main h2,
article h2 {
font-size: 2em;
}
main h3,
article h3 {
font-size: 1.5em;
}
main h4,
article h4 {
font-size: 1.2em;
}
main h5,
article h5 {
font-size: 1em;
}
main h6,
article h6 {
font-size: 1em;
} }
main h1, main h1,
main h2, main h2,
@ -183,7 +146,6 @@ article h3,
article h4, article h4,
article h5, article h5,
article h6 { article h6 {
margin: 0.5em 0 0.25em 0;
text-align: center; text-align: center;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
@ -202,52 +164,45 @@ article h6 {
text-align: left; text-align: left;
} }
} }
main h1 + p, main h1,
main h2 + p, article h1 {
main h3 + p, font-size: 2em;
article h1 + p,
article h2 + p,
article h3 + p {
margin-top: 0.5em;
} }
main img, main h2,
article img { article h2 {
max-width: 100%; font-size: 1.5em;
} }
main code, main h3,
main pre, article h3 {
article code, font-size: 1em;
article pre {
background-color: #f8f8f8;
border-radius: 3px;
border: 1px solid #ddd;
font-family: monospace;
font-size: 12px;
margin: 0 2px;
padding: 0 5px;
white-space: pre;
} }
main pre code, main :last-child,
article pre code { article :last-child {
border: none; margin-bottom: 0;
margin: 0;
padding: 0;
white-space: pre;
}
main a,
article a {
color: #9ec611;
text-decoration: underline #9ec611 2px;
}
main a:hover,
article a:hover {
color: #beec1f;
} }
header.banner { header.header_main {
text-align: center; text-align: center;
} }
a {
color: rgb(102, 128, 11);
border-radius: 10px;
}
a:hover,
a:active {
background-color: rgba(135, 154, 57, 0.25);
}
a.logo,
a.logo:hover,
a.logo:active {
font-size: 3em;
color: rgb(160, 47, 111);
text-decoration: none;
}
nav.navbar { nav.navbar {
margin-bottom: 1em; margin-bottom: 1em;
} }
@ -264,8 +219,10 @@ footer.footer-main {
margin: auto; margin: auto;
margin-bottom: 1em; margin-bottom: 1em;
transform: rotate(2deg); transform: rotate(2deg);
border: 4px solid #e7e2cc;
background: white; background: white;
box-shadow: 4px 4px 0px rgb(183, 181, 172); box-shadow: 4px 4px 0px rgb(183, 181, 172);
padding: 8px;
width: 100%; width: 100%;
height: auto; height: auto;
max-width: 288px; max-width: 288px;
@ -277,12 +234,11 @@ footer.footer-main {
} }
} }
a { .sigil {
color: #9ec611; display: inline;
text-decoration: underline #9ec611 2px; image-rendering: crisp-edges;
} vertical-align: text-bottom;
a:hover { opacity: 0.2;
color: #beec1f;
} }
/*# sourceMappingURL=global.css.map */ /*# sourceMappingURL=global.css.map */

2
src/css/global.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;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;ECnBD;EACA;EACA;;ADmBC;AAAA;EACE;EACA;EACA;EACA;EACA,OA7BC;EA8BD;;ACjCF;EDuBF;AAAA;IAcI;IACA;IACA;IACA;;;AC9BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;AAzDF;EAkDA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASI;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAAA;EAGE;;AAGF;AAAA;EACE;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;;AAEA;AAAA;EACE;;;ADnDN;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACvEA;ED+DF;IAUI;IACA;;;;AAIJ;EACE;EACA;;AAEA;EACE","file":"global.css"} {"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;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"}

96
src/css/landing.css
View file

@ -116,100 +116,38 @@ main article {
background: rgb(28, 27, 26); background: rgb(28, 27, 26);
border-top: solid rgb(40, 39, 38); border-top: solid rgb(40, 39, 38);
border-bottom: solid rgb(40, 39, 38); border-bottom: solid rgb(40, 39, 38);
padding: 1em;
font-size: 1rem; font-size: 1rem;
word-wrap: break-word; }
line-height: 1.5; main article:first-child {
padding: 0 1.5em; margin-top: 0;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
main article { main article {
border: solid rgb(40, 39, 38); border: solid rgb(40, 39, 38);
max-height: 600px; max-height: 600px;
overflow: scroll; overflow: scroll;
padding: 2em;
padding-bottom: 1em;
} }
} }
main article p,
main article blockquote,
main article ul,
main article ol,
main article dl,
main article table,
main article pre {
margin: 1em 0;
}
main article ul,
main article ol {
all: revert;
padding-left: 30px;
}
main article h1 { main article h1 {
font-size: 2.5em;
}
main article h2 {
font-size: 2em; font-size: 2em;
} }
main article h3 { main article h1 a {
font-size: 1.5em; font-size: 0.5em;
} }
main article h4 { main article h2 {
font-size: 1.2em; font-weight: bold;
} }
main article h5 { main article *:not(li) + *:not(li) {
font-size: 1em; margin-top: 1em;
} }
main article h6 { main article ol,
font-size: 1em; main article ul {
} all: revert;
main article h1, margin: 10px 0;
main article h2, padding-left: 1em;
main article h3,
main article h4,
main article h5,
main article h6 {
margin: 0.5em 0 0.25em 0;
text-align: center;
}
@media screen and (min-width: 768px) {
main article h1,
main article h2,
main article h3,
main article h4,
main article h5,
main article h6 {
text-align: left;
}
}
main article h1 + p,
main article h2 + p,
main article h3 + p {
margin-top: 0.5em;
}
main article img {
max-width: 100%;
}
main article code,
main article pre {
background-color: #f8f8f8;
border-radius: 3px;
border: 1px solid #ddd;
font-family: monospace;
font-size: 12px;
margin: 0 2px;
padding: 0 5px;
white-space: pre;
}
main article pre code {
border: none;
margin: 0;
padding: 0;
white-space: pre;
}
main article a {
color: #9ec611;
text-decoration: underline #9ec611 2px;
}
main article a:hover {
color: #beec1f;
} }
main a { main a {
color: #9ec611; color: #9ec611;

2
src/css/landing.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;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;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KAjBO;EAkBP;;ACbA;EDQF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KA7BO;EA8BP;EACA;EACA;;AC3BA;EDsBF;IAQI,WAlCQ;;;AAqCV;EACE;EACA;EACA;EACA;EC/BH;EACA;EACA;;AARC;EDiCA;IAOI;IACA,YA5CO;IA6CP;;;AChCJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;AAGF;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;;AAzDF;EAkDA;AAAA;AAAA;AAAA;AAAA;AAAA;IASI;;;AAIJ;AAAA;AAAA;EAGE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;ADjDJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;AC7DA;ED0DF;IAMI,QAnES;IAoET;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AC7FF;ED4EF;IAqBI","file":"landing.css"} {"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;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;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KAjBO;EAkBP;;AChBA;EDWF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KA7BO;EA8BP;EACA;EACA;;AC9BA;EDyBF;IAQI,WAlCQ;;;AAqCV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AC5CJ;EDoCA;IAYI;IACA,YAjDO;IAkDP;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;AC3FA;EDwFF;IAMI,QA9FS;IA+FT;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AC3HF;ED0GF;IAqBI","file":"landing.css"}

2
src/extra.md
View file

@ -4,7 +4,7 @@ layout: layouts/page.njk
date: Last Modified date: Last Modified
eleventyNavigation: eleventyNavigation:
key: Extra key: Extra
order: 100 order: 111
--- ---
Placeholder Placeholder

3
src/index.md
View file

@ -2,9 +2,6 @@
layout: layouts/landing.njk layout: layouts/landing.njk
date: Last Modified date: Last Modified
entry: /main/ entry: /main/
eleventyNavigation:
key: Landing
order: 200
--- ---
# Gil's Nexus # Gil's Nexus

6
src/lib/index.md
View file

@ -1,6 +0,0 @@
---
title: Library
eleventyNavigation:
key: Library
order: 2
---

4
src/main.md
View file

@ -8,10 +8,6 @@ eleventyNavigation:
# Home # Home
Another test
## Support me ## Support me
Let's give this one more go.
<a href="https://www.buymeacoffee.com/gilcaley" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important; display: inline;"></a> <a href="https://www.buymeacoffee.com/gilcaley" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important; display: inline;"></a>

2
src/poems/index.md
View file

@ -11,6 +11,6 @@ eleventyNavigation:
{%- for poem in collections.poems reversed -%} {%- for poem in collections.poems reversed -%}
{% if forloop.first == true %}<ul>{% endif %} {% if forloop.first == true %}<ul>{% endif %}
<li><a href="{{ poem.url }}">{{ poem.data.title }}</a> <li><a href="{{ poem.url }}">{{ poem.data.title }}</a>
&mdash; <i>updated <time datetime="{{ poem.date | formatDate }}">{{ poem.date | formatDate }}</time></i></li> &mdash; <i>updated {{ poem.date | postDate }}</i></li>
{% if forloop.last == true %}</ul>{% endif %} {% if forloop.last == true %}</ul>{% endif %}
{%- endfor -%} {%- endfor -%}

100
src/scss/_mixins.scss
View file

@ -1,5 +1,3 @@
@use "colors";
$breakpoints: ( $breakpoints: (
"sm": 600px, "sm": 600px,
"md": 768px, "md": 768px,
@ -13,105 +11,7 @@ $breakpoints: (
$mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint); $mq-breakpoint: map-get($mq-breakpoints, $mq-breakpoint);
} }
// Place everything inside this mixin under the appropriate @media rule
@media screen and (min-width: #{$mq-breakpoint}) { @media screen and (min-width: #{$mq-breakpoint}) {
@content; @content;
} }
} }
@mixin markup {
word-wrap: break-word;
line-height: 1.5;
padding: 0 1.5em;
p,
blockquote,
ul,
ol,
dl,
table,
pre {
margin: 1em 0;
}
ul,
ol {
all: revert;
padding-left: 30px;
}
h1 {
font-size: 2.5em;
}
h2 {
font-size: 2em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.2em;
}
h5 {
font-size: 1em;
}
h6 {
font-size: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0.5em 0 0.25em 0;
text-align: center;
@include breakpoint("md") {
text-align: left;
}
}
h1 + p,
h2 + p,
h3 + p {
margin-top: 0.5em;
}
img {
max-width: 100%;
}
code,
pre {
background-color: #f8f8f8;
border-radius: 3px;
border: 1px solid #ddd;
font-family: monospace;
font-size: 12px;
margin: 0 2px;
padding: 0 5px;
white-space: pre;
}
pre code {
border: none;
margin: 0;
padding: 0;
white-space: pre;
}
a {
color: #{colors.$link};
text-decoration: underline #{colors.$link} 2px;
&:hover {
color: #{colors.$link-hover};
}
}
}

74
src/scss/global.scss
View file

@ -48,6 +48,7 @@ article {
background-color: #{colors.$paper}; background-color: #{colors.$paper};
color: $fg; color: $fg;
box-shadow: 0 8px #{colors.$base-850}; box-shadow: 0 8px #{colors.$base-850};
padding: 1em;
} }
@include breakpoint("sm") { @include breakpoint("sm") {
@ -57,13 +58,68 @@ article {
box-shadow: 8px 8px #{colors.$base-850}; box-shadow: 8px 8px #{colors.$base-850};
} }
@include markup; ol,
ul {
all: revert;
margin: 1em 0;
}
p {
line-height: 1.5;
margin-bottom: 1em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-align: center;
@include breakpoint("md") {
text-align: left;
}
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1em;
}
:last-child {
margin-bottom: 0;
}
} }
header.banner { header.header_main {
text-align: center; text-align: center;
} }
a {
color: #{$link};
border-radius: 10px;
}
a:hover,
a:active {
background-color: #{$bg-hover};
}
a.logo,
a.logo:hover,
a.logo:active {
font-size: 3em;
color: #{$fg-logo};
text-decoration: none;
}
nav.navbar { nav.navbar {
margin-bottom: 1em; margin-bottom: 1em;
@ -81,8 +137,10 @@ footer.footer-main {
margin: auto; margin: auto;
margin-bottom: 1em; margin-bottom: 1em;
transform: rotate(2deg); transform: rotate(2deg);
border: 4px solid #e7e2cc;
background: white; background: white;
box-shadow: 4px 4px 0px #{colors.$base-300}; box-shadow: 4px 4px 0px #{colors.$base-300};
padding: 8px;
width: 100%; width: 100%;
height: auto; height: auto;
max-width: 288px; max-width: 288px;
@ -92,11 +150,9 @@ footer.footer-main {
} }
} }
a { .sigil {
color: #{colors.$link}; display: inline;
text-decoration: underline #{colors.$link} 2px; image-rendering: crisp-edges;
vertical-align: text-bottom;
&:hover { opacity: 0.2;
color: #{colors.$link-hover};
}
} }

29
src/scss/landing.scss
View file

@ -51,15 +51,42 @@ main {
background: #{colors.$base-950}; background: #{colors.$base-950};
border-top: solid #{colors.$base-900}; border-top: solid #{colors.$base-900};
border-bottom: solid #{colors.$base-900}; border-bottom: solid #{colors.$base-900};
padding: 1em;
font-size: 1rem; font-size: 1rem;
&:first-child {
margin-top: 0;
}
@include breakpoint("md") { @include breakpoint("md") {
border: solid #{colors.$base-900}; border: solid #{colors.$base-900};
max-height: $max-height; max-height: $max-height;
overflow: scroll; overflow: scroll;
padding: 2em;
padding-bottom: 1em;
} }
@include markup; h1 {
font-size: 2em;
a {
font-size: 0.5em;
}
}
h2 {
font-weight: bold;
}
*:not(li) + *:not(li) {
margin-top: 1em;
}
ol,
ul {
all: revert;
margin: #{$gutter} 0;
padding-left: 1em;
}
} }
a { a {

3
src/scss/scss.json Normal file
View file

@ -0,0 +1,3 @@
{
"eleventyExcludeFromCollections": true
}