Compare commits

..

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

18 changed files with 176 additions and 306 deletions

View file

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

View file

View file

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

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>.
{% if page.date %}<i>
Last updated on <time datetime="{{ page.date | formatDate }}">{{ page.date | formatDate }}</time>.
</i>{% endif %}
</p></footer>
{% if page.date %}<i>Last updated on {{ page.date | postDate }}</i>{% endif %}
LOCALHOST
</footer>

View file

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

View file

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

View file

@ -116,100 +116,38 @@ main article {
background: rgb(28, 27, 26);
border-top: solid rgb(40, 39, 38);
border-bottom: solid rgb(40, 39, 38);
padding: 1em;
font-size: 1rem;
word-wrap: break-word;
line-height: 1.5;
padding: 0 1.5em;
}
main article:first-child {
margin-top: 0;
}
@media screen and (min-width: 768px) {
main article {
border: solid rgb(40, 39, 38);
max-height: 600px;
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 {
font-size: 2.5em;
}
main article h2 {
font-size: 2em;
}
main article h3 {
font-size: 1.5em;
main article h1 a {
font-size: 0.5em;
}
main article h4 {
font-size: 1.2em;
main article h2 {
font-weight: bold;
}
main article h5 {
font-size: 1em;
main article *:not(li) + *:not(li) {
margin-top: 1em;
}
main article h6 {
font-size: 1em;
}
main article h1,
main article h2,
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 article ol,
main article ul {
all: revert;
margin: 10px 0;
padding-left: 1em;
}
main a {
color: #9ec611;

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"}

View file

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

View file

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

View file

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

View file

@ -8,10 +8,6 @@ eleventyNavigation:
# Home
Another test
## 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>

View file

@ -11,6 +11,6 @@ eleventyNavigation:
{%- for poem in collections.poems reversed -%}
{% if forloop.first == true %}<ul>{% endif %}
<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 %}
{%- endfor -%}

View file

@ -1,5 +1,3 @@
@use "colors";
$breakpoints: (
"sm": 600px,
"md": 768px,
@ -13,105 +11,7 @@ $breakpoints: (
$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}) {
@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};
}
}
}

View file

@ -48,6 +48,7 @@ article {
background-color: #{colors.$paper};
color: $fg;
box-shadow: 0 8px #{colors.$base-850};
padding: 1em;
}
@include breakpoint("sm") {
@ -57,11 +58,66 @@ article {
box-shadow: 8px 8px #{colors.$base-850};
}
@include markup;
ol,
ul {
all: revert;
margin: 1em 0;
}
header.banner {
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.header_main {
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 {
@ -81,8 +137,10 @@ footer.footer-main {
margin: auto;
margin-bottom: 1em;
transform: rotate(2deg);
border: 4px solid #e7e2cc;
background: white;
box-shadow: 4px 4px 0px #{colors.$base-300};
padding: 8px;
width: 100%;
height: auto;
max-width: 288px;
@ -92,11 +150,9 @@ footer.footer-main {
}
}
a {
color: #{colors.$link};
text-decoration: underline #{colors.$link} 2px;
&:hover {
color: #{colors.$link-hover};
}
.sigil {
display: inline;
image-rendering: crisp-edges;
vertical-align: text-bottom;
opacity: 0.2;
}

View file

@ -51,15 +51,42 @@ main {
background: #{colors.$base-950};
border-top: solid #{colors.$base-900};
border-bottom: solid #{colors.$base-900};
padding: 1em;
font-size: 1rem;
&:first-child {
margin-top: 0;
}
@include breakpoint("md") {
border: solid #{colors.$base-900};
max-height: $max-height;
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 {

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

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