Autosave: 2025-01-19 18:00:57

.neuron-generator/neuron.dhall

@@ -1,3 +1,3 @@
 -- Documentation for neuron.dhall: https://neuron.zettel.page/configuration
-{ siteTitle = "Zettelkasten",
+{ siteTitle = "",
 }

.neuron-generator/templates/head.html

@@ -5,10 +5,45 @@
 <link
 	href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
 	rel="stylesheet" />
+<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
+	rel="stylesheet" />
 <link href="https://hachyderm.io/@systemsobscure" rel="me" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-core.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>
 <style>
+	:root {
+		font-synthesis: none;
+		text-rendering: optimizeLegibility;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+
+		--black: #282828;
+		--blacker: #1d2021;
+		--blackest: #141617;
+
+		--greyLightest: #a89984;
+		--greyLighter: #928374;
+		--greyLight: #665c54;
+		--grey: #504945;
+		--greyDark: #3c3836;
+		--greyDarkest: #32302f;
+
+		--white: #ddc7a1;
+		--whiter: #ebdbb2;
+
+		--blue: #7daea3;
+		--green: #a9b665;
+		--aqua: #8dc07c;
+		--yellow: #d8a657;
+		--orange: #e78a4e;
+		--red: #ea6962;
+		--purple: #d3869b;
+
+		--blueOriginal: #458588;
+		--greenOriginal: #98971a;
+		--orangeOriginal: #d65d0e;
+	}
+
 	body .ui.container,
 	body ul {
 		font-family: "IBM Plex Sans" !important;
@@ -21,8 +56,8 @@
 
 	body blockquote {
 		border-left-width: 3px !important;
-		border-left-color: #458588 !important;
-		background-color: #f2e5bc !important;
+		border-left-color: var(--orange) !important;
+		background-color: var(--blacker) !important;
 	}
 
 	.headerFont,
@@ -44,7 +79,7 @@
 	body code,
 	pre,
 	tt {
-		font-family: "IBM Plex Mono" !important;
+		font-family: "Jetbrains Mono" !important;
 		font-size: 12px !important;
 		/* line-height: 1.3 !important; */
 	}
@@ -54,7 +89,7 @@
 	}
 
 	#neuron-nav-bar {
-		background-color: #458588;
+		background-color: var(--orange);
 	}
 
 	#neuron-nav-bar a.right {
@@ -66,27 +101,27 @@
 	}
 
 	body {
-		background-color: #ebdbb2 !important;
-		color: #282828;
+		background-color: var(--blacker) !important;
+		color: var(--white);
 	}
 
 	.zettel-view article.zettel-content {
-		background-color: #f9f5d7 !important;
+		background-color: var(--black) !important;
 	}
 
 	a,
 	body span.zettel-link-container span.zettel-link a,
 	body .deemphasized:not(:hover) a {
-		color: #458588 !important;
+		color: var(--aqua) !important;
 	}
 
 	.deemphasized:not(:hover) a {
-		color: #458588 !important;
+		color: var(--aqua) !important;
 	}
 
 	body .zettel-content h1#title-h1 {
-		background-color: #458588;
-		color: #f9f5d7;
+		background-color: var(--orange);
+		color: var(--black);
 		word-wrap: break-word;
 	}
 
@@ -101,23 +136,23 @@
 
 	#neuron-backlinks-pane,
 	#neuron-tags-pane {
-		background-color: #3c3836;
+		background-color: var(--greyDark);
 		border: none;
 	}
 
 	#neuron-backlinks-pane h3.ui.header,
 	#neuron-backlinks-pane p,
 	#neuron-backlinks-pane>ul>li>ul>li>div {
-		color: #ebdbb2 !important;
+		color: var(--white) !important;
 	}
 
 	#neuron-backlinks-pane ul li::marker {
-		color: #ebdbb2 !important;
+		color: var(--white) !important;
 	}
 
 	#neuron-backlinks-pane>ul>li>ul>li>div>p>a,
 	#neuron-backlinks-pane ul li span.zettel-link a {
-		color: #83a598 !important;
+		color: var(--aqua) !important;
 	}
 
 	body .deemphasized:not(:hover),
@@ -130,10 +165,10 @@
 	}
 
 	.ui.basic.label.zettel-tag {
-		background-color: #458588;
+		background-color: var(--orange);
 		border-radius: 0;
 		border: none;
-		color: #f9f5c7;
+		color: var(--black);
 	}
 
 	body div.zettel-view .zettel-content p code,
@@ -150,50 +185,40 @@
 	}
 
 	.ui table {
-		background-color: #f9f5d7 !important;
+		background-color: var(--blacker) !important;
 		border-radius: 0 !important;
-		border-color: #3c3836 !important;
+		border-color: var(--greyDark) !important;
+		color: var(--white) !important;
 	}
 
 	.ui.table>thead>tr>th {
-		background-color: #3c3836 !important;
+		background-color: var(--greyDark) !important;
 		border-radius: 0 !important;
-		color: #f9f5d7 !important;
+		color: var(--white) !important;
 	}
 
 	body span.zettel-link-container.errors {
-		border-color: #cc241d;
+		border-color: var(--red);
 	}
 
 	body span.zettel-link-container.errors span.zettel-link a {
-		color: #cc241d !important;
+		color: var(--red) !important;
 	}
 
 	body span.zettel-link-container.errors span.zettel-link a:hover {
 		background-color: #fb483460 !important;
 	}
 
-	/**
- * Gruvbox light theme
- *
- * Based on Gruvbox: https://github.com/morhetz/gruvbox
- * Adapted from PrismJS gruvbox-dark theme: https://github.com/schnerring/prism-themes/blob/master/themes/prism-gruvbox-dark.css
- *
- * @author Michael Schnerring (https://schnerring.net)
- * @version 1.0
- */
-
 	code[class*="language-"],
 	pre[class*="language-"] {
-		color: #3c3836;
+		color: #ebdbb2;
 		/* fg1 / fg */
-		font-family: Consolas, Monaco, "Andale Mono", monospace;
 		direction: ltr;
 		text-align: left;
 		white-space: pre;
 		word-spacing: normal;
 		word-break: normal;
-		line-height: 1.5;
+		line-height: 1.2;
 
 		-moz-tab-size: 4;
 		-o-tab-size: 4;
@@ -209,9 +234,9 @@
 	pre[class*="language-"] ::-moz-selection,
 	code[class*="language-"]::-moz-selection,
 	code[class*="language-"] ::-moz-selection {
-		color: #282828;
+		color: #fbf1c7;
 		/* fg0 */
-		background: #fbf1c7;
+		background: #7c6f64;
 		/* bg4 */
 	}
 
@@ -219,37 +244,40 @@
 	pre[class*="language-"] ::selection,
 	code[class*="language-"]::selection,
 	code[class*="language-"] ::selection {
-		color: #282828;
+		color: #fbf1c7;
 		/* fg0 */
-
-		background: #fbf1c7;
+		background: #7c6f64;
 		/* bg4 */
 	}
 
 	/* Code blocks */
 	pre[class*="language-"] {
-		padding: 1em;
-		margin: 0.5em 0;
+		padding: 0.75rem;
+		margin: 0.5rem 0;
 		overflow: auto;
 	}
 
 	:not(pre)>code[class*="language-"],
 	pre[class*="language-"] {
-		background: #f9f5d7;
-		/* bg4 */
-		border: 1px solid #a89984;
+		background-color: #32302f;
+		/* border-width: 3px;
+  border-color: #665c54;
+  border-style: double; */
+		/* border: 1px solid #504945; */
 	}
 
 	/* Inline code */
 	:not(pre)>code[class*="language-"] {
 		padding: 0.1em;
-		border-radius: 0.3em;
+		border-radius: 0;
+		border-width: 1px;
+		background: transparent;
 	}
 
 	.token.comment,
 	.token.prolog,
 	.token.cdata {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
 	}
 
@@ -259,65 +287,64 @@
 	.token.selector,
 	.token.important,
 	.token.atrule {
-		color: #9d0006;
+		color: #ea6962;
 		/* red2 */
 	}
 
 	.token.operator,
 	.token.punctuation,
 	.token.attr-name {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
-		background: transparent;
 	}
 
 	.token.tag,
 	.token.tag .punctuation,
 	.token.doctype,
 	.token.builtin {
-		color: #b57614;
+		color: #d8a657;
 		/* yellow2 */
 	}
 
 	.token.entity,
 	.token.number,
 	.token.symbol {
-		color: #8f3f71;
+		color: #d3869b;
 		/* purple2 */
 	}
 
 	.token.property,
 	.token.constant,
 	.token.variable {
-		color: #9d0006;
+		color: #ea6962;
 		/* red2 */
 	}
 
 	.token.string,
 	.token.char {
-		color: #797403;
+		color: #89b482;
 		/* green2 */
 	}
 
 	.token.attr-value,
 	.token.attr-value .punctuation {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
 	}
 
 	.token.url {
-		color: #797403;
+		color: #89b482;
 		/* green2 */
 		text-decoration: underline;
 	}
 
 	.token.function {
-		color: #b57614;
+		color: #a9b665;
 		/* yellow2 */
 	}
 
 	.token.regex {
-		background: #797403;
+		background: #b8bb26;
 		/* green2 */
 	}
 
@@ -330,12 +357,16 @@
 	}
 
 	.token.inserted {
-		background: #7c6f64;
+		background: #a89984;
 		/* fg4 / gray1 */
 	}
 
 	.token.deleted {
-		background: #9d0006;
+		background: #ea6962;
 		/* red2 */
 	}
+
+	.token.operator {
+		background: transparent !important;
+	}
 </style>

.neuron-generator/templates/index.md

@@ -5,9 +5,9 @@ unlisted: true
 
 # Eòlas
 
-Hi, I'm [Thomas](https://systemsobscure.blog/). This is the frontend of
-[Eòlas](https://github.com/thomasabishop/eolas), my personal knowledge base. It
-is a [Zettelkasten](https://en.wikipedia.org/wiki/Zettelkasten) work in progress
+Hi, I'm [Thomas](https://systemsobscure.blog/). This is the frontend of Eòlas,
+my personal knowledge base. It is a
+[Zettelkasten](https://en.wikipedia.org/wiki/Zettelkasten) work in progress
 comprising notes from my self-directed study of software engineering and
 computer science.
 

neuron/84bce166-ed13-454f-aa4b-b278e38fda7b/head.html

@@ -5,10 +5,45 @@
 <link
 	href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap"
 	rel="stylesheet" />
+<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap"
+	rel="stylesheet" />
 <link href="https://hachyderm.io/@systemsobscure" rel="me" />
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/components/prism-core.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.23.0/plugins/autoloader/prism-autoloader.min.js"></script>
 <style>
+	:root {
+		font-synthesis: none;
+		text-rendering: optimizeLegibility;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
+
+		--black: #282828;
+		--blacker: #1d2021;
+		--blackest: #141617;
+
+		--greyLightest: #a89984;
+		--greyLighter: #928374;
+		--greyLight: #665c54;
+		--grey: #504945;
+		--greyDark: #3c3836;
+		--greyDarkest: #32302f;
+
+		--white: #ddc7a1;
+		--whiter: #ebdbb2;
+
+		--blue: #7daea3;
+		--green: #a9b665;
+		--aqua: #8dc07c;
+		--yellow: #d8a657;
+		--orange: #e78a4e;
+		--red: #ea6962;
+		--purple: #d3869b;
+
+		--blueOriginal: #458588;
+		--greenOriginal: #98971a;
+		--orangeOriginal: #d65d0e;
+	}
+
 	body .ui.container,
 	body ul {
 		font-family: "IBM Plex Sans" !important;
@@ -21,8 +56,8 @@
 
 	body blockquote {
 		border-left-width: 3px !important;
-		border-left-color: #458588 !important;
-		background-color: #f2e5bc !important;
+		border-left-color: var(--orange) !important;
+		background-color: var(--blacker) !important;
 	}
 
 	.headerFont,
@@ -44,7 +79,7 @@
 	body code,
 	pre,
 	tt {
-		font-family: "IBM Plex Mono" !important;
+		font-family: "Jetbrains Mono" !important;
 		font-size: 12px !important;
 		/* line-height: 1.3 !important; */
 	}
@@ -54,7 +89,7 @@
 	}
 
 	#neuron-nav-bar {
-		background-color: #458588;
+		background-color: var(--orange);
 	}
 
 	#neuron-nav-bar a.right {
@@ -66,27 +101,27 @@
 	}
 
 	body {
-		background-color: #ebdbb2 !important;
-		color: #282828;
+		background-color: var(--blacker) !important;
+		color: var(--white);
 	}
 
 	.zettel-view article.zettel-content {
-		background-color: #f9f5d7 !important;
+		background-color: var(--black) !important;
 	}
 
 	a,
 	body span.zettel-link-container span.zettel-link a,
 	body .deemphasized:not(:hover) a {
-		color: #458588 !important;
+		color: var(--aqua) !important;
 	}
 
 	.deemphasized:not(:hover) a {
-		color: #458588 !important;
+		color: var(--aqua) !important;
 	}
 
 	body .zettel-content h1#title-h1 {
-		background-color: #458588;
-		color: #f9f5d7;
+		background-color: var(--orange);
+		color: var(--black);
 		word-wrap: break-word;
 	}
 
@@ -101,23 +136,23 @@
 
 	#neuron-backlinks-pane,
 	#neuron-tags-pane {
-		background-color: #3c3836;
+		background-color: var(--greyDark);
 		border: none;
 	}
 
 	#neuron-backlinks-pane h3.ui.header,
 	#neuron-backlinks-pane p,
 	#neuron-backlinks-pane>ul>li>ul>li>div {
-		color: #ebdbb2 !important;
+		color: var(--white) !important;
 	}
 
 	#neuron-backlinks-pane ul li::marker {
-		color: #ebdbb2 !important;
+		color: var(--white) !important;
 	}
 
 	#neuron-backlinks-pane>ul>li>ul>li>div>p>a,
 	#neuron-backlinks-pane ul li span.zettel-link a {
-		color: #83a598 !important;
+		color: var(--aqua) !important;
 	}
 
 	body .deemphasized:not(:hover),
@@ -130,10 +165,10 @@
 	}
 
 	.ui.basic.label.zettel-tag {
-		background-color: #458588;
+		background-color: var(--orange);
 		border-radius: 0;
 		border: none;
-		color: #f9f5c7;
+		color: var(--black);
 	}
 
 	body div.zettel-view .zettel-content p code,
@@ -150,50 +185,40 @@
 	}
 
 	.ui table {
-		background-color: #f9f5d7 !important;
+		background-color: var(--blacker) !important;
 		border-radius: 0 !important;
-		border-color: #3c3836 !important;
+		border-color: var(--greyDark) !important;
+		color: var(--white) !important;
 	}
 
 	.ui.table>thead>tr>th {
-		background-color: #3c3836 !important;
+		background-color: var(--greyDark) !important;
 		border-radius: 0 !important;
-		color: #f9f5d7 !important;
+		color: var(--white) !important;
 	}
 
 	body span.zettel-link-container.errors {
-		border-color: #cc241d;
+		border-color: var(--red);
 	}
 
 	body span.zettel-link-container.errors span.zettel-link a {
-		color: #cc241d !important;
+		color: var(--red) !important;
 	}
 
 	body span.zettel-link-container.errors span.zettel-link a:hover {
 		background-color: #fb483460 !important;
 	}
 
-	/**
- * Gruvbox light theme
- *
- * Based on Gruvbox: https://github.com/morhetz/gruvbox
- * Adapted from PrismJS gruvbox-dark theme: https://github.com/schnerring/prism-themes/blob/master/themes/prism-gruvbox-dark.css
- *
- * @author Michael Schnerring (https://schnerring.net)
- * @version 1.0
- */
-
 	code[class*="language-"],
 	pre[class*="language-"] {
-		color: #3c3836;
+		color: #ebdbb2;
 		/* fg1 / fg */
-		font-family: Consolas, Monaco, "Andale Mono", monospace;
 		direction: ltr;
 		text-align: left;
 		white-space: pre;
 		word-spacing: normal;
 		word-break: normal;
-		line-height: 1.5;
+		line-height: 1.2;
 
 		-moz-tab-size: 4;
 		-o-tab-size: 4;
@@ -209,9 +234,9 @@
 	pre[class*="language-"] ::-moz-selection,
 	code[class*="language-"]::-moz-selection,
 	code[class*="language-"] ::-moz-selection {
-		color: #282828;
+		color: #fbf1c7;
 		/* fg0 */
-		background: #fbf1c7;
+		background: #7c6f64;
 		/* bg4 */
 	}
 
@@ -219,37 +244,40 @@
 	pre[class*="language-"] ::selection,
 	code[class*="language-"]::selection,
 	code[class*="language-"] ::selection {
-		color: #282828;
+		color: #fbf1c7;
 		/* fg0 */
-
-		background: #fbf1c7;
+		background: #7c6f64;
 		/* bg4 */
 	}
 
 	/* Code blocks */
 	pre[class*="language-"] {
-		padding: 1em;
-		margin: 0.5em 0;
+		padding: 0.75rem;
+		margin: 0.5rem 0;
 		overflow: auto;
 	}
 
 	:not(pre)>code[class*="language-"],
 	pre[class*="language-"] {
-		background: #f9f5d7;
-		/* bg4 */
-		border: 1px solid #a89984;
+		background-color: #32302f;
+		/* border-width: 3px;
+  border-color: #665c54;
+  border-style: double; */
+		/* border: 1px solid #504945; */
 	}
 
 	/* Inline code */
 	:not(pre)>code[class*="language-"] {
 		padding: 0.1em;
-		border-radius: 0.3em;
+		border-radius: 0;
+		border-width: 1px;
+		background: transparent;
 	}
 
 	.token.comment,
 	.token.prolog,
 	.token.cdata {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
 	}
 
@@ -259,65 +287,64 @@
 	.token.selector,
 	.token.important,
 	.token.atrule {
-		color: #9d0006;
+		color: #ea6962;
 		/* red2 */
 	}
 
 	.token.operator,
 	.token.punctuation,
 	.token.attr-name {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
-		background: transparent;
 	}
 
 	.token.tag,
 	.token.tag .punctuation,
 	.token.doctype,
 	.token.builtin {
-		color: #b57614;
+		color: #d8a657;
 		/* yellow2 */
 	}
 
 	.token.entity,
 	.token.number,
 	.token.symbol {
-		color: #8f3f71;
+		color: #d3869b;
 		/* purple2 */
 	}
 
 	.token.property,
 	.token.constant,
 	.token.variable {
-		color: #9d0006;
+		color: #ea6962;
 		/* red2 */
 	}
 
 	.token.string,
 	.token.char {
-		color: #797403;
+		color: #89b482;
 		/* green2 */
 	}
 
 	.token.attr-value,
 	.token.attr-value .punctuation {
-		color: #7c6f64;
+		color: #a89984;
 		/* fg4 / gray1 */
 	}
 
 	.token.url {
-		color: #797403;
+		color: #89b482;
 		/* green2 */
 		text-decoration: underline;
 	}
 
 	.token.function {
-		color: #b57614;
+		color: #a9b665;
 		/* yellow2 */
 	}
 
 	.token.regex {
-		background: #797403;
+		background: #b8bb26;
 		/* green2 */
 	}
 
@@ -330,12 +357,16 @@
 	}
 
 	.token.inserted {
-		background: #7c6f64;
+		background: #a89984;
 		/* fg4 / gray1 */
 	}
 
 	.token.deleted {
-		background: #9d0006;
+		background: #ea6962;
 		/* red2 */
 	}
+
+	.token.operator {
+		background: transparent !important;
+	}
 </style>

neuron/84bce166-ed13-454f-aa4b-b278e38fda7b/index.md

@@ -5,17 +5,17 @@ unlisted: true
 
 # Eòlas
 
-Hi, I'm [Thomas](https://systemsobscure.blog/). This is the frontend of
-[Eòlas](static/eolas), my personal knowledge base. It
-is a [Zettelkasten](static/Zettelkasten) work in progress
+Hi, I'm [Thomas](https://systemsobscure.blog/). This is the frontend of Eòlas,
+my personal knowledge base. It is a
+[Zettelkasten](static/Zettelkasten) work in progress
 comprising notes from my self-directed study of software engineering and
 computer science.
 
 <a href="https://thomasabishop.github.io/eolas/tags">View tags</a>
  
-**Build ID:** 9c5035d3-e1c9-40cd-a4b3-9d550f2b7fb6
+**Build ID:** 84bce166-ed13-454f-aa4b-b278e38fda7b
 
-**Published:** Fri 17 Jan 2025 18:06:54
+**Published:** Sun 19 Jan 2025 18:00:55
 
 ### Recent edits 
 

neuron/84bce166-ed13-454f-aa4b-b278e38fda7b/neuron.dhall

@@ -1,3 +1,3 @@
 -- Documentation for neuron.dhall: https://neuron.zettel.page/configuration
-{ siteTitle = "Zettelkasten",
+{ siteTitle = "",
 }