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) {
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",

0
README.md → README
View file

2
package.json
View file

@ -1,6 +1,6 @@
{
"name": "gils-nexus",
"version": "0.0.2",
"version": "0.0.1",
"description": "",
"main": "index.js",
"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>.
{% 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>

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>
<nav class="navbar">{{ collections.all | eleventyNavigation | eleventyNavigationToHtml | safe }}</nav>
</header>

136
src/css/global.css
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 */

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);
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;

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
eleventyNavigation:
key: Extra
order: 100
order: 111
---
Placeholder

3
src/index.md
View file

@ -2,9 +2,6 @@
layout: layouts/landing.njk
date: Last Modified
entry: /main/
eleventyNavigation:
key: Landing
order: 200
---
# 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
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>

2
src/poems/index.md
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 -%}

100
src/scss/_mixins.scss
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};
}
}
}

76
src/scss/global.scss
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,13 +58,68 @@ article {
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;
}
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 {
margin-bottom: 1em;
@ -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;
}

29
src/scss/landing.scss
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
}