Initial commit

Author: pegvin

.github/workflows/ci.yml

@@ -4,7 +4,7 @@ permissions:
   contents: write
 
 jobs:
-  report:
+  deploy:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
@@ -13,11 +13,12 @@ jobs:
       - name: Install Deps
         run: |
           sudo apt-get install libcmark-dev curl
-          curl -L https://codeberg.org/0ref/jelly/releases/download/0.1.0/jelly-linux-x86_64 --output jelly
+          curl -L https://codeberg.org/0ref/jelly/releases/download/0.1.1/jelly-linux-x86_64 --output jelly
           curl -L https://github.com/wilsonzlin/minify-html/releases/download/v0.15.0/minhtml-0.15.0-x86_64-unknown-linux-gnu --output minhtml
           chmod +x ./jelly
           chmod +x ./minhtml
           ./jelly -i src -o build
+          cp -r ./public/* build/
           ./minhtml --keep-closing-tags --minify-css --minify-js \
             --keep-spaces-between-attributes \
             --keep-input-type-text-attr \

build.sh

@@ -9,9 +9,9 @@ if [ "$CMD" = "clean" ]; then
 	rm -rf $BUILD
 	exit 0
 elif [ "$CMD" = "serve" ]; then
-	find src/ | entr -rs "jelly -i src -o $BUILD && python3 -m http.server -d $BUILD 4000"
+	find src/ public/ | entr -rs "jelly -i src -o $BUILD && ln -sf "$PWD/public/*" $BUILD/ && python3 -m http.server -d $BUILD 4000"
 	exit 0
 else
-	echo "Invalid command '$CMD', Available commands are: clean/serve/release."
+	echo "Invalid command '$CMD', Available commands are: clean/serve."
 	exit 1
 fi

public/css/styles.css

@@ -0,0 +1,158 @@
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono.woff') format('woff');
+	font-weight: 400;
+	font-style: normal;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-Italic.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-Italic.woff') format('woff');
+	font-weight: 400;
+	font-style: italic;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-Bold.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-Bold.woff') format('woff');
+	font-weight: 700;
+	font-style: normal;
+	font-display: swap
+}
+@font-face {
+	font-family: 'Liberation Mono';
+	src: url('/fonts/liberation-mono/LiberationMono-BoldItalic.woff2') format('woff2'), url('/fonts/liberation-mono/LiberationMono-BoldItalic.woff') format('woff');
+	font-weight: 700;
+	font-style: italic;
+	font-display: swap
+}
+
+* {
+	margin: 0;
+	padding: 0;
+	box-sizing: border-box;
+	font-smooth: never;
+	font-kerning: normal;
+	font-feature-settings: kern;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	scroll-behavior: smooth;
+}
+
+:root {
+	font-size: 110%;
+	letter-spacing: -0.5px;
+	line-height: 1.3;
+	font-family: "Liberation Mono", monospace;
+	tab-size: 2;
+}
+
+body {
+	color: #000;
+	background: #FFF;
+	margin: 1rem auto 3rem auto;
+	padding: 0 0.75rem;
+	max-width: 600px;
+}
+
+body, p, pre, code {
+	font-size: 1rem;
+}
+h1, h2, h3, h4, h5, h6 {
+	text-transform: capitalize;
+	font-weight: 400;
+	letter-spacing: 0.5px;
+	margin-top: 1.75rem;
+}
+p {
+	margin-top: 1.5rem;
+}
+h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p {
+	margin-top: 0.5rem;
+}
+
+ul, ol {
+	margin-top: 1rem;
+}
+ul {
+	padding-left: 1.25rem;
+}
+ol {
+	padding-left: 1.75rem;
+}
+ul > li:not(:first-of-type), ol > li:not(:first-of-type) {
+	margin-top: 0.25rem;
+}
+ul {
+	list-style: none;
+}
+ul li:before {
+	content: "- ";
+	margin-left: -2ch;
+	width: 2ch;
+	display: inline-block;
+}
+
+a, a:visited {
+	color: #000;
+	text-decoration-color: #000 !important;
+	line-height: 1.5 !important;
+	text-decoration: underline;
+	text-underline-offset: 0.17rem;
+}
+a:hover {
+	text-decoration: none;
+}
+
+hr {
+	border-top: 1px solid #000;
+}
+
+img {
+	display: block;
+	margin: 0 auto;
+	max-width: 100%;
+	height: auto;
+}
+
+pre {
+	overflow: auto;
+	scrollbar-width: thin;
+	white-space: pre;
+	margin-top: 1rem;
+	margin-left: 0.5rem;
+}
+pre code, pre {
+	background: none !important;
+}
+pre code {
+	padding: 0 !important;
+}
+code:not(pre code) {
+	color: #000 !important;
+	font-weight: bold;
+}
+
+body > nav > a:not(:first-of-type) {
+	margin-left: 1ch;
+}
+
+body > header > div > time {
+	display: inline;
+	font-size: 0.9rem;
+	opacity: 0.75;
+}
+body > header > div > time.modified_on {
+	font-style: italic;
+	margin-left: 0.5rem;
+}
+body > header > div > time:empty {
+	display: none;
+}
+body > header > div > time.modified_on:before {
+	content: "(Edited: "
+}
+body > header > div > time.modified_on:after {
+	content: ")";
+}