From ab0408fb367ca2e7eea4c1d9b6a18624b1267d39 Mon Sep 17 00:00:00 2001 From: voidarc Date: Sat, 21 Mar 2026 15:27:02 +0000 Subject: [PATCH] removed minification --- public/assets/css/tailwind.css | 344 ++++++++++++++++++++++++++++++++- public/assets/style.css | 111 ++++++++++- public/index.html | 270 +++++++++++++++++++++++++- public/posts/index.html | 261 ++++++++++++++++++++++++- public/posts/site/index.html | 330 ++++++++++++++++++++++++++++++- public/rss.xml | 2 +- 6 files changed, 1312 insertions(+), 6 deletions(-) diff --git a/public/assets/css/tailwind.css b/public/assets/css/tailwind.css index 82be138..4064b9a 100644 --- a/public/assets/css/tailwind.css +++ b/public/assets/css/tailwind.css @@ -1 +1,343 @@ -@import "https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap";@import "https://unpkg.com/@catppuccin/palette/css/catppuccin.css";@import "tailwindcss";@source "../../../content";@source "../../../templates";@source "../../templates";@custom-variant dark (&:where(.dark,.dark*));@layer base{button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}}@layer utilities{.table{display:initial}}:root{--base:var(--ctp-latte-base);--base-alt:var(--ctp-latte-mantle);--surface:var(--ctp-latte-surface0);--text:var(--ctp-latte-text);--text-alt:var(--ctp-latte-subtext1);--grey:var(--ctp-latte-overlay1);--dark-grey:var(--ctp-latte-overlay0);--magenta:var(--ctp-latte-mauve);--red:var(--ctp-latte-red);--orange:var(--ctp-latte-peach);--yellow:var(--ctp-latte-yellow);--green:var(--ctp-latte-green);--teal:var(--ctp-latte-teal);--cyan:var(--ctp-latte-sky);--blue:var(--ctp-latte-blue);--violet:var(--ctp-latte-lavender)}:root.dark{--base:var(--ctp-mocha-base);--base-alt:var(--ctp-mocha-mantle);--surface:var(--ctp-mocha-surface0);--text:var(--ctp-mocha-text);--text-alt:var(--ctp-mocha-subtext1);--grey:var(--ctp-mocha-overlay1);--dark-grey:var(--ctp-mocha-overlay0);--magenta:var(--ctp-mocha-mauve);--red:var(--ctp-mocha-red);--orange:var(--ctp-mocha-peach);--yellow:var(--ctp-mocha-yellow);--green:var(--ctp-mocha-green);--teal:var(--ctp-mocha-teal);--cyan:var(--ctp-mocha-sky);--blue:var(--ctp-mocha-blue);--violet:var(--ctp-mocha-lavender)}@theme static{--font-sans: "Fira Mono",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --font-mono: "Fira Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; --color-base: var(--base); --color-base-alt: var(--base-alt); --color-surface: var(--surface); --color-text: var(--text); --color-text-alt: var(--text-alt); --color-grey: var(--grey); --color-dark-grey: var(--dark-grey); --color-red: var(--red); --color-orange: var(--orange); --color-green: var(--green); --color-teal: var(--teal); --color-yellow: var(--yellow); --color-blue: var(--blue); --color-magenta: var(--magenta); --color-violet: var(--violet); --color-cyan: var(--cyan);}html{scrollbar-color:var(--blue)var(--surface);@apply scroll-smooth tabular-nums font-sans;}body{@apply bg-base text-text antialiased font-medium;}main a{@apply underline hover:text-blue;}a.icon{@apply no-underline;}a{@apply transition-colors duration-200 ease-in-out;}hr{@apply text-base-alt dark:brightness-120;}header,footer{@apply bg-surface text-text-alt;}h1,h2,h3,h4,h5,h6{@apply font-bold;}h1{@apply text-3xl;}h2{counter-increment:h2;counter-reset:h3;@apply text-2xl;}h3{counter-increment:h3;counter-reset:h4;@apply text-xl;}h4{counter-increment:h4;@apply text-lg;}h5{counter-increment:h5}h6{counter-increment:h6;@apply font-semibold;}p{@apply leading-relaxed py-2;}strong{@apply font-semibold;}ul{@apply list-disc;}ol{@apply list-decimal;}ul,ol{@apply leading-relaxed;}nav ul,nav ol{@apply mx-2 space-y-0 list-none;}main ul{@apply pl-4;}main h2,article h2,section h2{@apply mt-10;}main h3,article h3,section h3{@apply mt-8;}main h4,article h4,section h4{@apply mt-6;}main h5,article h5,section h5{@apply mt-4;}main h6,article h6,section h6{@apply mt-2;}main div#content h2:not(:first-child){@apply border-t border-t-base-alt dark:border-t-[#39394b]pt-5;}main div#content h3:not(:first-child){@apply border-t border-t-base-alt dark:border-t-[#39394b]pt-4;}main div#content h4:not(:first-child){@apply border-t border-t-base-alt dark:border-t-[#39394b]pt-3;}main div#content h5:not(:first-child){@apply border-t border-t-base-alt dark:border-t-[#39394b]pt-2;}main div#content h6:not(:first-child){@apply border-t border-t-base-alt dark:border-t-[#39394b]pt-1;}blockquote{@apply p-4 my-4 border-s-4 rounded-r-sm border-base-alt bg-surface dark:border-surface dark:bg-base-alt;}blockquote.tip{@apply border-green bg-green/30;}blockquote.note{@apply border-blue bg-blue/30;}blockquote.important{@apply border-violet bg-violet/30;}blockquote.warning{@apply border-yellow bg-yellow/30;}blockquote.error{@apply border-red bg-red/30;}blockquote>p{@apply leading-relaxed;}code:not([class*=language-]){@apply px-1 py-px font-mono text-sm rounded-md bg-base-alt dark:bg-surface dark:brightness-80;}nav.toc{@apply h-3/4 pt-4 pb-4 font-mono bg-surface border-2 border-base-alt rounded-md;}nav.toc ol{@apply pl-4 list-decimal list-inside;}nav.toc ul{@apply pl-4 list-disc list-inside;}nav.toc ol li,nav.toc ul li{@apply mt-0 pb-0;}nav.toc ol li a,nav.toc ul li a{@apply no-underline hover:text-blue;}nav.toc ol li::marker,nav.toc ul li::marker{@apply hover:text-blue;}nav.toc ol li ol,nav.toc ul li ul{@apply pb-2;}pre[class*=language-],code[class*=language-]{font-variant-ligatures:common-ligatures!important;@apply bg-surface!dark:bg-base-alt font-mono!text-shadow-none!;}pre[class*=language-].line-numbers{counter-reset:linenumber;@apply relative pl-13;}pre[class*=language-].line-numbers>code{white-space:inherit;@apply relative;}.line-numbers .line-numbers-rows{@apply absolute flex flex-col top-[-1.5px]-left-12 w-10 pointer-events-none select-none border-r!border-r-grey!;}.line-numbers-rows>span{counter-increment:linenumber;@apply block leading-[1.5];}.line-numbers-rows>span:before{content:counter(linenumber);@apply text-grey!text-right pr-2 block;}pre.mermaid{@apply flex justify-center;}.dark .mermaid{filter:invert(.9)hue-rotate(180deg)} \ No newline at end of file +@import url("https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap"); +@import url("https://unpkg.com/@catppuccin/palette/css/catppuccin.css"); +@import "tailwindcss"; +/* User content */ +@source "../../../content"; +/* User templates */ +@source "../../../templates"; +/* Theme templates */ +@source "../../templates"; + +/* Use dark class for dark theme */ +@custom-variant dark (&:where(.dark, .dark *)); + +@layer base { + /* Buttons use pointer cursor */ + button:not(:disabled), + [role="button"]:not(:disabled) { + cursor: pointer; + } +} + +/* + * Fix some code rendering bugs with PrismJS + * See https://github.com/PrismJS/prism/issues/2443 + */ +@layer utilities { + .table { + display: initial; + } +} + +/* Colorscheme, using sweetie palette */ +:root { + --base: var(--ctp-latte-base); + --base-alt: var(--ctp-latte-mantle); + --surface: var(--ctp-latte-surface0); + --text: var(--ctp-latte-text); + --text-alt: var(--ctp-latte-subtext1); + --grey: var(--ctp-latte-overlay1); + --dark-grey: var(--ctp-latte-overlay0); + --magenta: var(--ctp-latte-mauve); + --red: var(--ctp-latte-red); + --orange: var(--ctp-latte-peach); + --yellow: var(--ctp-latte-yellow); + --green: var(--ctp-latte-green); + --teal: var(--ctp-latte-teal); + --cyan: var(--ctp-latte-sky); + --blue: var(--ctp-latte-blue); + --violet: var(--ctp-latte-lavender); +} +:root.dark { + --base: var(--ctp-mocha-base); + --base-alt: var(--ctp-mocha-mantle); + --surface: var(--ctp-mocha-surface0); + --text: var(--ctp-mocha-text); + --text-alt: var(--ctp-mocha-subtext1); + --grey: var(--ctp-mocha-overlay1); + --dark-grey: var(--ctp-mocha-overlay0); + --magenta: var(--ctp-mocha-mauve); + --red: var(--ctp-mocha-red); + --orange: var(--ctp-mocha-peach); + --yellow: var(--ctp-mocha-yellow); + --green: var(--ctp-mocha-green); + --teal: var(--ctp-mocha-teal); + --cyan: var(--ctp-mocha-sky); + --blue: var(--ctp-mocha-blue); + --violet: var(--ctp-mocha-lavender); +} + +@theme static { + --font-sans: + "Fira Mono", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-mono: + "Fira Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, + "Liberation Mono", "Courier New", monospace; + + --color-base: var(--base); + --color-base-alt: var(--base-alt); + --color-surface: var(--surface); + --color-text: var(--text); + --color-text-alt: var(--text-alt); + --color-grey: var(--grey); + --color-dark-grey: var(--dark-grey); + --color-red: var(--red); + --color-orange: var(--orange); + --color-green: var(--green); + --color-teal: var(--teal); + --color-yellow: var(--yellow); + --color-blue: var(--blue); + --color-magenta: var(--magenta); + --color-violet: var(--violet); + --color-cyan: var(--cyan); +} + +/* Overall design */ +html { + scrollbar-color: var(--blue) var(--surface); + @apply scroll-smooth tabular-nums font-sans; +} + +body { + @apply bg-base text-text antialiased font-medium; +} + +main a { + @apply underline hover:text-blue; +} + +a.icon { + @apply no-underline; +} + +a { + @apply transition-colors duration-200 ease-in-out; +} + +hr { + /* brightness-120 = #39394b */ + @apply text-base-alt dark:brightness-120; +} + +header, +footer { + @apply bg-surface text-text-alt; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + @apply font-bold; +} + +h1 { + @apply text-3xl; +} + +h2 { + @apply text-2xl; + counter-increment: h2; + counter-reset: h3; +} + +h3 { + @apply text-xl; + counter-increment: h3; + counter-reset: h4; +} + +h4 { + @apply text-lg; + counter-increment: h4; +} + +h5 { + counter-increment: h5; +} + +h6 { + @apply font-semibold; + counter-increment: h6; +} + +p { + @apply leading-relaxed py-2; +} + +strong { + @apply font-semibold; +} + +ul { + @apply list-disc; +} + +ol { + @apply list-decimal; +} + +ul, +ol { + @apply leading-relaxed; +} + +nav ul, +nav ol { + @apply mx-2 space-y-0 list-none; +} + +main ul { + @apply pl-4; +} + +/* Margins */ +main h2, +article h2, +section h2 { + @apply mt-10; +} +main h3, +article h3, +section h3 { + @apply mt-8; +} +main h4, +article h4, +section h4 { + @apply mt-6; +} +main h5, +article h5, +section h5 { + @apply mt-4; +} +main h6, +article h6, +section h6 { + @apply mt-2; +} + +/* Visual flair */ +main div#content h2:not(:first-child) { + @apply border-t border-t-base-alt dark:border-t-[#39394b] pt-5; +} +main div#content h3:not(:first-child) { + @apply border-t border-t-base-alt dark:border-t-[#39394b] pt-4; +} +main div#content h4:not(:first-child) { + @apply border-t border-t-base-alt dark:border-t-[#39394b] pt-3; +} +main div#content h5:not(:first-child) { + @apply border-t border-t-base-alt dark:border-t-[#39394b] pt-2; +} +main div#content h6:not(:first-child) { + @apply border-t border-t-base-alt dark:border-t-[#39394b] pt-1; +} + +blockquote { + @apply p-4 my-4 border-s-4 rounded-r-sm border-base-alt bg-surface dark:border-surface dark:bg-base-alt; +} + +blockquote.tip { + @apply border-green bg-green/30; +} +blockquote.note { + @apply border-blue bg-blue/30; +} +blockquote.important { + @apply border-violet bg-violet/30; +} +blockquote.warning { + @apply border-yellow bg-yellow/30; +} +blockquote.error { + @apply border-red bg-red/30; +} + +blockquote > p { + @apply leading-relaxed; +} + +/* Inline verbatim `` */ +code:not([class*="language-"]) { + @apply px-1 py-px font-mono text-sm rounded-md bg-base-alt dark:bg-surface dark:brightness-80; +} + +/* Table of Contents */ +nav.toc { + @apply h-3/4 pt-4 pb-4 font-mono bg-surface border-2 border-base-alt rounded-md; +} + +nav.toc ol { + @apply pl-4 list-decimal list-inside; +} + +nav.toc ul { + @apply pl-4 list-disc list-inside; +} + +nav.toc ol li, +nav.toc ul li { + @apply mt-0 pb-0; +} + +nav.toc ol li a, +nav.toc ul li a { + @apply no-underline hover:text-blue; +} + +nav.toc ol li::marker, +nav.toc ul li::marker { + @apply hover:text-blue; +} + +nav.toc ol li ol, +nav.toc ul li ul { + @apply pb-2; +} + +/* PrismJS specific css */ +pre[class*="language-"], +code[class*="language-"] { + font-variant-ligatures: common-ligatures !important; + @apply bg-surface! dark:bg-base-alt font-mono! text-shadow-none!; +} + +/* PrismJS line-numbers plugin */ +pre[class*="language-"].line-numbers { + counter-reset: linenumber; + @apply relative pl-13; +} + +pre[class*="language-"].line-numbers > code { + white-space: inherit; + @apply relative; +} + +.line-numbers .line-numbers-rows { + @apply absolute flex flex-col top-[-1.5px] -left-12 w-10 pointer-events-none select-none border-r! border-r-grey!; +} + +.line-numbers-rows > span { + counter-increment: linenumber; + @apply block leading-[1.5]; +} + +.line-numbers-rows > span:before { + content: counter(linenumber); + @apply text-grey! text-right pr-2 block; +} + +/* Center MermaidJS charts and diagrams */ +pre.mermaid { + @apply flex justify-center; +} + +/* Automatic dark theme for MermaidJS */ +.dark .mermaid { + filter: invert(0.9) hue-rotate(180deg); +} diff --git a/public/assets/style.css b/public/assets/style.css index eff6603..3417daf 100644 --- a/public/assets/style.css +++ b/public/assets/style.css @@ -1 +1,110 @@ -@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Italic;font-style:italic;font-display:swap;font-weight:100 800;src:url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-italic.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,:before,:after{box-sizing:border-box}body{color:#fff;background-color:#202030;width:auto;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}code{background-color:#303040;border-radius:6px;padding:0 4px;font-family:JetBrains Mono,monospace}pre[class*=language-],code[class*=language-]{text-shadow:unset!important;font-family:JetBrains Mono,monospace!important}pre[class*=language-].line-numbers{counter-reset:linenumber;padding-left:3.4em;position:relative}pre[class*=language-].line-numbers>code{white-space:inherit;position:relative}.line-numbers .line-numbers-rows{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #999;width:3em;font-size:100%;position:absolute;top:0;left:-3.8em}.line-numbers-rows>span{counter-increment:linenumber;display:block}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;text-align:right;padding-right:.8em;display:block}#desc>a,#discord-link>a,#github-pages>a,#github-issues>a{color:var(--color-blue-400)}#desc>a:hover,#discord-link>a:hover,#github-pages>a:hover,#github-issues>a:hover{text-decoration:underline} \ No newline at end of file +/* Default fonts */ +@font-face { + font-family: "Inter"; + font-style: normal; + font-display: swap; + font-weight: 100 900; + src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; +} + +@font-face { + font-family: "JetBrains Mono"; + font-style: normal; + font-display: swap; + font-weight: 100 800; + src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-normal.woff2) format('woff2-variations'); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; +} + +@font-face { + font-family: "JetBrains Mono Italic"; + font-style: italic; + font-display: swap; + font-weight: 100 800; + src: url(https://cdn.jsdelivr.net/fontsource/fonts/jetbrains-mono:vf@latest/latin-wght-italic.woff2) format('woff2-variations'); + unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; +} + +/* Styling */ +*, *:before, *:after { + box-sizing: border-box; +} + +body { + color: white; + background-color: #202030; + width: auto; + height: 100%; + font-family: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +/* Inline verbatim `` */ +code { + font-family: "JetBrains Mono", monospace; + background-color: #303040; + border-radius: 6px; + padding: 0px 4px; +} + +/* PrismJS specific css */ +pre[class*="language-"], +code[class*="language-"] { + text-shadow: unset !important; + font-family: "JetBrains Mono", monospace !important; +} + +/* PrismJS line-numbers plugin */ +pre[class*="language-"].line-numbers { + position: relative; + padding-left: 3.4em; + counter-reset: linenumber; +} + +pre[class*="language-"].line-numbers > code { + position: relative; + white-space: inherit; +} + +.line-numbers .line-numbers-rows { + position: absolute; + pointer-events: none; + top: 0; + font-size: 100%; + left: -3.8em; + width: 3em; /* works for line-numbers below 1000 lines */ + /* letter-spacing: -1px; */ + border-right: 1px solid #999; + + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.line-numbers-rows > span { + display: block; + counter-increment: linenumber; +} + +.line-numbers-rows > span:before { + content: counter(linenumber); + color: #999; + display: block; + padding-right: 0.8em; + text-align: right; +} + +/* Norgolith landing page styling */ +#desc > a, +#discord-link > a, +#github-pages > a, +#github-issues > a { + color: var(--color-blue-400); +} +#desc > a:hover, +#discord-link > a:hover, +#github-pages > a:hover, +#github-issues > a:hover { + text-decoration: underline; +} diff --git a/public/index.html b/public/index.html index b4805d6..5968c38 100644 --- a/public/index.html +++ b/public/index.html @@ -1 +1,269 @@ -Home - Voidarc

Voidarc

Home page for Voidarc Documentation (or whatever excuse for a blog this is). I just wanted to do this for fun idk. Seems interesting for A-level.

If you can read this, server02 hasn't crashed (yet) :)

test for webhook

Recent posts

Making a Blog Using a Niche Markdown Language

How to make a blog using Norg and some random project from github

Nonsense Preamble Neorg is a markdown Language that is Org mode but with some different shit in it. …

Read more …
\ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Home - Voidarc + + + +
+
+ + +
+ +
+ +

Voidarc

Home page for Voidarc Documentation (or whatever excuse for a blog this is). I just wanted to do this for fun idk. Seems interesting for A-level.

If you can read this, server02 hasn't crashed (yet) :)

test for webhook

+ + + +
+

Recent posts

+ +
+
+

Making a Blog Using a Niche Markdown Language

+ + How to make a blog using Norg and some random project from github +
+
+

+ + + + Nonsense Preamble Neorg is a markdown Language that is Org mode but with some different shit in it. … +

+ Read more … +
+
+ +
+ + + +
+ + +
+ + diff --git a/public/posts/index.html b/public/posts/index.html index 4d57674..d9f556a 100644 --- a/public/posts/index.html +++ b/public/posts/index.html @@ -1 +1,260 @@ -Posts - Voidarc

Posts

Making a Blog Using a Niche Markdown Language

How to make a blog using Norg and some random project from github

Nonsense Preamble Neorg is a markdown Language that is Org mode but with some different shit in it. It is supposed to be a replacement, but since I never really used Org mode in the first place, that doesn't really apply. However, after using it for a whole 10 seconds, I decided I could never go bac…

Read more …
\ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Posts - Voidarc + + + +
+
+ + +
+ +
+ +

Posts

+
+ +
+
+

Making a Blog Using a Niche Markdown Language

+ + How to make a blog using Norg and some random project from github +
+
+

+ + + + Nonsense Preamble Neorg is a markdown Language that is Org mode but with some different shit in it. It is supposed to be a replacement, but since I never really used Org mode in the first place, that doesn't really apply. However, after using it for a whole 10 seconds, I decided I could never go bac… +

+ Read more … +
+
+ +
+ +
+ + +
+ + diff --git a/public/posts/site/index.html b/public/posts/site/index.html index 5c11a6b..5a556d2 100644 --- a/public/posts/site/index.html +++ b/public/posts/site/index.html @@ -1 +1,329 @@ -Making A Blog Using A Niche Markdown Language - Voidarc

Making a Blog Using a Niche Markdown Language

Tags:  Blog Neorg Nvim Voidarc Webdev

Nonsense Preamble

Neorg is a markdown Language that is Org mode but with some different shit in it. It is supposed to be a replacement, but since I never really used Org mode in the first place, that doesn't really apply. However, after using it for a whole 10 seconds, I decided I could never go back to using Markdown ever again. Norg was just a superior language in almost every way, except widespread support. There are a plethora of plugins, but a distinct lack of real world uses, or even good utilities for using it outside of nvim, like it was intended. However, there was some random thing called Norgolith, that did apparently exactly what I needed it to, so here we are.

Norgolith

Apparently, as often happens on the internet, someone had thought of the same genius idea I had and made it already. I was fully prepared to have to spend 3 weeks making a custom solution in Javascript that would end up half baked, but fortunately someone had already done all the hard work for me!

A static site generator is exactly what it says on the tin. It takes in some manner of arbitrary markdown script, and spits out some html that can be served to the end user. Pretty simple if you ask me. Well, if you had asked me before I started that is. As things often go, I did things completely wrong the first time round. I assumed that, because I didn't know what generator meant, Norgolith would have some docker compose version that i could just shove some norg files into and it would handle the rest. That's literally what it says on the homepage, after all. Something something Sod's law. Turns out that I would have to use more than just docker in order to get something like this working.

The First Hurdle

When I first downloaded the app in question, the first problem I encountered was the blatant lack of documentation upkeep. As the docs indicated, I tried running lith serve to serve the app. Turns out, the command had been renamed to lith dev quite a while ago. The command itself hadn't changed, nor the functionality, just the name. Of course, this was as simple as I thought, because I tend not to think much when faced with simple concepts. The same thing happened when I decided on a whim to host an email server, which still to this day has not recieved a single email from anyone other than myself.

The First Attempt

Once I had realised that the docs were completely unreliable, I decided that it would be a great use of my time to try and follow them anyway. The creator (amartin) had done the usual blogger thing and hosted all the docs on Norgolith, which would be fine if Norgolith had a search function. Unfortunately, it does not, nor does it have a nice page where you can see all the pages that are outside of the post directory, which just so happened to be every page of the docs. In fact, on the doc site, there is a dead link to a theoretical post example, which was removed on github but not from the header.

Strange.

I initialised a Norg site in some random directory, still believing that I could host the whole thing self-sufficiently, and instead of reading more than the code snippets in the github readme, I set off immediately to make a docker container that would serve the app. By that, I mean I asked gemini and had to wait for the app to compile on my very old server. After a while, I gave up and went to do something else, because I'm lazy. The first site was a failiure.

The Second, More Successful, Attempt

For some reason, when I woke up the next day, something came over me. I realised that when I had run lith build, it had produced a static site , which made me realise that I might be stupid. I realised that using some complex webhooks, i.e. 1 webhook, I could have a local copy in norg form, and then have a git managed copy of the generated site. Shouldn't be too difficult using n8n, the only useful app I've ever installed. Before that, though, I could use the dev server for what it was actually intended for, and make a first post to style.

Styling, and my newfound love-hate relationship with Tailwind

Tailwind css was created in order to solve the really hard task of adding border-radius: 3; to anything on a website. Why use readable syntax when your css can be spread across 15 different files and require an interpreter, after all. Tailwind is based on immutable classes, and too many variables for my liking. Instead of using color: white; in a css file, you could apply the class text-text to every div on your page, provided that you set the --text variable to white beforehand, in a different file, and managed to compile it using the right version of tailwind. Because of the fact that I use nix, btw, the default package for tailwind provides tailwind 3, that requires npx nonsense packages in order to function, and also doesn't recognise half of the functions that are in the theme I stole borrowed and changed, as stated in the licence I definately read.

On my first try, having never used tailwind before, I decided to just edit the files and see what happened. Of course, because the tailwind.css file isn't the one that gets applied to the frontend, and nothing changed, so I gave up (I know, shocking).A On a retry, I used the tailwind_4 package, and it worked perfectly first try. Who could've guessed, I guess. Once I realised tailwind was actually pretty simple, and I was the problem, I managed to import my fonts and a Catppuccin css variable file, hence the current color scheme. Pretty nifty, huh.

In short, fuck tailwind. But also, use tailwind for everything you possibly can.

The Dreaded Backend

The concept was simple, as all concepts are, expecially when the person making said concept has no concept of how to properly make concepts. This person turned out to be me, and the concept was fairly simple. Have a primary repo, that contained 2 submodules. The primary repo would house the whole site, config, themes, etc. The first submodule would contain the raw .norg files that are in the content/ directory, and the second would have the output html files that would need to end up on the server serving the service that is currently letting you read this right now.

Said service would be a simple nginx docker container on some random port, that serves whatever it is asked. In order for such a service to be viable, I don't want to have to manage it manually. Instead, I can use a webhook to pull the html repo whenever there is a new commit. This could also be on a timer, but instant gratification is better.

Unfortunately, nothing ever goes to plan when linux is involved.

\ No newline at end of file + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Making A Blog Using A Niche Markdown Language - Voidarc + + + +
+
+ + +
+ +
+ +
+

Making a Blog Using a Niche Markdown Language

+
+
+
+
+ + + + + + + +
+ +
+ Tags:  + + + Blog + + + + Neorg + + + + Nvim + + + + Voidarc + + + + Webdev + + +
+ +
+
+ +
+ + + +
+ +
+

Nonsense Preamble

Neorg is a markdown Language that is Org mode but with some different shit in it. It is supposed to be a replacement, but since I never really used Org mode in the first place, that doesn't really apply. However, after using it for a whole 10 seconds, I decided I could never go back to using Markdown ever again. Norg was just a superior language in almost every way, except widespread support. There are a plethora of plugins, but a distinct lack of real world uses, or even good utilities for using it outside of nvim, like it was intended. However, there was some random thing called Norgolith, that did apparently exactly what I needed it to, so here we are.

Norgolith

Apparently, as often happens on the internet, someone had thought of the same genius idea I had and made it already. I was fully prepared to have to spend 3 weeks making a custom solution in Javascript that would end up half baked, but fortunately someone had already done all the hard work for me!

A static site generator is exactly what it says on the tin. It takes in some manner of arbitrary markdown script, and spits out some html that can be served to the end user. Pretty simple if you ask me. Well, if you had asked me before I started that is. As things often go, I did things completely wrong the first time round. I assumed that, because I didn't know what generator meant, Norgolith would have some docker compose version that i could just shove some norg files into and it would handle the rest. That's literally what it says on the homepage, after all. Something something Sod's law. Turns out that I would have to use more than just docker in order to get something like this working.

The First Hurdle

When I first downloaded the app in question, the first problem I encountered was the blatant lack of documentation upkeep. As the docs indicated, I tried running lith serve to serve the app. Turns out, the command had been renamed to lith dev quite a while ago. The command itself hadn't changed, nor the functionality, just the name. Of course, this was as simple as I thought, because I tend not to think much when faced with simple concepts. The same thing happened when I decided on a whim to host an email server, which still to this day has not recieved a single email from anyone other than myself.

The First Attempt

Once I had realised that the docs were completely unreliable, I decided that it would be a great use of my time to try and follow them anyway. The creator (amartin) had done the usual blogger thing and hosted all the docs on Norgolith, which would be fine if Norgolith had a search function. Unfortunately, it does not, nor does it have a nice page where you can see all the pages that are outside of the post directory, which just so happened to be every page of the docs. In fact, on the doc site, there is a dead link to a theoretical post example, which was removed on github but not from the header.

Strange.

I initialised a Norg site in some random directory, still believing that I could host the whole thing self-sufficiently, and instead of reading more than the code snippets in the github readme, I set off immediately to make a docker container that would serve the app. By that, I mean I asked gemini and had to wait for the app to compile on my very old server. After a while, I gave up and went to do something else, because I'm lazy. The first site was a failiure.

The Second, More Successful, Attempt

For some reason, when I woke up the next day, something came over me. I realised that when I had run lith build, it had produced a static site , which made me realise that I might be stupid. I realised that using some complex webhooks, i.e. 1 webhook, I could have a local copy in norg form, and then have a git managed copy of the generated site. Shouldn't be too difficult using n8n, the only useful app I've ever installed. Before that, though, I could use the dev server for what it was actually intended for, and make a first post to style.

Styling, and my newfound love-hate relationship with Tailwind

Tailwind css was created in order to solve the really hard task of adding border-radius: 3; to anything on a website. Why use readable syntax when your css can be spread across 15 different files and require an interpreter, after all. Tailwind is based on immutable classes, and too many variables for my liking. Instead of using color: white; in a css file, you could apply the class text-text to every div on your page, provided that you set the --text variable to white beforehand, in a different file, and managed to compile it using the right version of tailwind. Because of the fact that I use nix, btw, the default package for tailwind provides tailwind 3, that requires npx nonsense packages in order to function, and also doesn't recognise half of the functions that are in the theme I stole borrowed and changed, as stated in the licence I definately read.

On my first try, having never used tailwind before, I decided to just edit the files and see what happened. Of course, because the tailwind.css file isn't the one that gets applied to the frontend, and nothing changed, so I gave up (I know, shocking).A On a retry, I used the tailwind_4 package, and it worked perfectly first try. Who could've guessed, I guess. Once I realised tailwind was actually pretty simple, and I was the problem, I managed to import my fonts and a Catppuccin css variable file, hence the current color scheme. Pretty nifty, huh.

In short, fuck tailwind. But also, use tailwind for everything you possibly can.

The Dreaded Backend

The concept was simple, as all concepts are, expecially when the person making said concept has no concept of how to properly make concepts. This person turned out to be me, and the concept was fairly simple. Have a primary repo, that contained 2 submodules. The primary repo would house the whole site, config, themes, etc. The first submodule would contain the raw .norg files that are in the content/ directory, and the second would have the output html files that would need to end up on the server serving the service that is currently letting you read this right now.

Said service would be a simple nginx docker container on some random port, that serves whatever it is asked. In order for such a service to be viable, I don't want to have to manage it manually. Instead, I can use a webhook to pull the html repo whenever there is a new commit. This could also be on a timer, but instant gratification is better.

Unfortunately, nothing ever goes to plan when linux is involved. The first indicator that my system wasn't going to work out was the fact that when you rebuilt the site, the repo within the public folder was erased. This is nonsense, and

+
+ +
+ + +
+ + diff --git a/public/rss.xml b/public/rss.xml index faeff9e..755baeb 100644 --- a/public/rss.xml +++ b/public/rss.xml @@ -6,7 +6,7 @@ Latest posts Norgolith en-US - Sat, 21 Mar 2026 15:23:42 +0000 + Sat, 21 Mar 2026 15:26:50 +0000 60