diff --git a/Makefile b/Makefile new file mode 100644 index 0000000..2d6c923 --- /dev/null +++ b/Makefile @@ -0,0 +1,43 @@ +SHELL = /bin/sh +INSTALLDIR := ./public_html/eh/eh/eh/eh-eh/ + +# The name of the stylesheet. This needs to be copied to any directory containing html files that use it. +style := style.css +images := images + +# Main html template that pandoc uses to generate .html from .md files +template := pandoc/template.html + +# Template for extracting metadata of .md files in json format +list_template := pandoc/meta-json-template.txt + +# List of articles with their metadata to be used in the creation of the article list in index.html +article_list := articles.json + +# article targets +articles := $(patsubst %.md,%.html,$(wildcard articles/*.md)) + +all: index.html about.html + +install: + cp -r index.html about.html $(articles) $(style) $(images) $(INSTALLDIR); \ + +clean: + echo '{"articles": []}' > $(article_list); \ + rm index.html about.html $(articles); + +$(articles): %.html: %.md + # Build articles using pandoc + pandoc $< --template $(template) --css $(style) --highlight-style zenburn --mathml --toc --output $@; \ + + # Extract metadata from .md file, append filename field to the article object. + # This is used to link to the article from index.html. Append article object to the article list. + jq '.articles += [$(shell pandoc $< --template $(list_template) | jq '. += {"filename": "$(notdir $@)"}' )]' $(article_list) > articles.json.tmp; \ + mv ./articles.json.tmp $(article_list); \ + +index.html: index.md $(articles) + # Build index.html with metadata injected from articles_list + pandoc $< --template $(template) --css $(style) --metadata-file $(article_list) --highlight-style zenburn --mathml --toc --output $@; \ + +about.html: about.md + pandoc $< --template $(template) --css $(style) --highlight-style zenburn --mathml --toc --output $@ diff --git a/about.html b/about.html new file mode 100644 index 0000000..58eca52 --- /dev/null +++ b/about.html @@ -0,0 +1,66 @@ + + + + + + + About + + + + + +
+ + +
+
+

About

+
+
+ +
+

Stuff

+

∑i=1ki=k(k+1)2 \sum_{i=1}^k i = \frac{k(k+1)}{2}

+
+ +
+ + + diff --git a/public_html/eh/eh/eh/eh-eh/about.md b/about.md similarity index 100% rename from public_html/eh/eh/eh/eh-eh/about.md rename to about.md diff --git a/articles.json b/articles.json new file mode 100644 index 0000000..60dd251 --- /dev/null +++ b/articles.json @@ -0,0 +1,20 @@ +{ + "articles": [ + { + "author": "Never", + "date": "9.1.2026", + "subtitle": "Some unintuitive quirks of Latex", + "summary": "Latex undoubtedly has some quirks. Some of them have a rather unintuitive solution. In this article I cover some quirks and solutions I have encountered.", + "title": "Latex Endeavors", + "filename": "latex-endeavors.html" + }, + { + "author": "Never", + "date": "25.7.2025", + "subtitle": "Neat things I picked up along the way", + "summary": "Tricks and tools I learned about, while tweaking my Linux sytem or trying to do productive things.", + "title": "Random linux utilities", + "filename": "random-linux-utils.html" + } + ] +} diff --git a/articles/latex-endeavors.html b/articles/latex-endeavors.html new file mode 100644 index 0000000..eeba541 --- /dev/null +++ b/articles/latex-endeavors.html @@ -0,0 +1,79 @@ + + + + + + + + Latex Endeavors + + + + + +
+ + +
+
+

Latex Endeavors

+

Some unintuitive quirks of Latex

+

Never

+

9.1.2026

+
+
+ +
+

BibLaTeX and Biber

+

Biber doesn’t run

+

Biber doens’t run if the (fedora) package +libxcrypt-compat is missing. It will fail with the error +message

+
biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory
+
+ +
+ + + diff --git a/articles/latex-endeavors.md b/articles/latex-endeavors.md new file mode 100644 index 0000000..fb19c9a --- /dev/null +++ b/articles/latex-endeavors.md @@ -0,0 +1,16 @@ +--- +title: Latex Endeavors +subtitle: Some unintuitive quirks of Latex +author: Never +date: 9.1.2026 +summary: Latex undoubtedly has some quirks. Some of them have a rather unintuitive solution. + In this article I cover some quirks and solutions I have encountered. +--- + +# BibLaTeX and Biber +## Biber doesn't run +Biber doens't run if the (fedora) package `libxcrypt-compat` is missing. +It will fail with the error message +``` +biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory +``` diff --git a/public_html/eh/eh/eh/eh-eh/article-1.html b/articles/random-linux-utils.html similarity index 71% rename from public_html/eh/eh/eh/eh-eh/article-1.html rename to articles/random-linux-utils.html index 0ebd015..8f6e893 100644 --- a/public_html/eh/eh/eh/eh-eh/article-1.html +++ b/articles/random-linux-utils.html @@ -4,8 +4,9 @@ - - Article DSADASD + + Random linux utilities + - +
+
-

Article DSADASD

-

Just testimg too

-

Never Gude

-

10.12.2025

+

Random linux utilities

+

Neat things I picked up along the way

+

Never

+

25.7.2025

diff --git a/public_html/eh/eh/eh/eh-eh/articles/random-linux-utils.md b/articles/random-linux-utils.md similarity index 68% rename from public_html/eh/eh/eh/eh-eh/articles/random-linux-utils.md rename to articles/random-linux-utils.md index 3b4e65d..4b0e109 100644 --- a/public_html/eh/eh/eh/eh-eh/articles/random-linux-utils.md +++ b/articles/random-linux-utils.md @@ -1,9 +1,9 @@ --- title: Random linux utilities subtitle: Neat things I picked up along the way -author: Never Gude +author: Never date: 25.7.2025 -summary: Testing dsa dsa dsa dsa DDDDDDDDDDDa +summary: Tricks and tools I learned about, while tweaking my Linux sytem or trying to do productive things. --- ## Merge pdfs @@ -12,20 +12,9 @@ Ghostscript has a feature to merge multiple pdf files into one. Although ImageMagick also has this feature, I prefer this one, as it doesn't rasterize and scales down the pdf files. -> Block -> quote -> time yay - -```bash {.numberLines} +```bash gs -dNOPAUSE -sDEVICE=pdfwrite \ -sOUTPUTFILE=output.pdf \ -dBATCH 1.pdf 2.pdf ``` -```c -int hello_world(int x) { - printf("Hello World %i", x); - return x; -} - -``` diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_left.svg b/images/cups_left.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_left.svg rename to images/cups_left.svg diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_left_dark.svg b/images/cups_left_dark.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_left_dark.svg rename to images/cups_left_dark.svg diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_logo.svg b/images/cups_logo.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_logo.svg rename to images/cups_logo.svg diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_logo_dark.svg b/images/cups_logo_dark.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_logo_dark.svg rename to images/cups_logo_dark.svg diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_right.svg b/images/cups_right.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_right.svg rename to images/cups_right.svg diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/cups_right_dark.svg b/images/cups_right_dark.svg similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/cups_right_dark.svg rename to images/cups_right_dark.svg diff --git a/images/favicon.png b/images/favicon.png new file mode 100644 index 0000000..feb52d1 Binary files /dev/null and b/images/favicon.png differ diff --git a/images/recursion.gif b/images/recursion.gif new file mode 100644 index 0000000..2012eac Binary files /dev/null and b/images/recursion.gif differ diff --git a/images/sand.png b/images/sand.png new file mode 100644 index 0000000..c0ba49c Binary files /dev/null and b/images/sand.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..ce8ea91 --- /dev/null +++ b/index.html @@ -0,0 +1,89 @@ + + + + + + + Home + + + + + +
+ + +
+
+

Home

+
+
+ +
+ +
+ + +
+ + + diff --git a/public_html/eh/eh/eh/eh-eh/index.md b/index.md similarity index 100% rename from public_html/eh/eh/eh/eh-eh/index.md rename to index.md diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/meta-json-template.txt b/pandoc/meta-json-template.txt similarity index 100% rename from public_html/eh/eh/eh/eh-eh/pandoc/meta-json-template.txt rename to pandoc/meta-json-template.txt diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/template.html b/pandoc/template.html similarity index 76% rename from public_html/eh/eh/eh/eh-eh/pandoc/template.html rename to pandoc/template.html index c93c41e..6c96ec4 100644 --- a/public_html/eh/eh/eh/eh-eh/pandoc/template.html +++ b/pandoc/template.html @@ -17,6 +17,7 @@ $if(description-meta)$ $endif$ $if(title-prefix)$$title-prefix$ – $endif$$pagetitle$ + @@ -38,13 +39,15 @@ $endif$ + $for(include-before)$ $include-before$ @@ -112,7 +115,12 @@ $for(include-after)$ $include-after$ $endfor$ diff --git a/public_html/eh/eh/eh/eh-eh/Makefile b/public_html/eh/eh/eh/eh-eh/Makefile deleted file mode 100644 index b6ea90c..0000000 --- a/public_html/eh/eh/eh/eh-eh/Makefile +++ /dev/null @@ -1,27 +0,0 @@ -template := pandoc/template.html -style := pandoc/style.css - -article_list := articles.json -list_template := pandoc/meta-json-template.txt - -articles := $(patsubst %.md,%.html,$(wildcard articles/*.md)) - -all: index.html about.html - -clean: - echo '{"articles": []}' > $(article_list); \ - # rm $(notdir $(articles)); \ - rm ./index.html ./about.html ./articles.json.tmp; - -$(articles): %.html: %.md clean - pandoc $< --template $(template) --css $(style) --highlight-style zenburn --mathml --toc --output $(notdir $@); \ - pandoc $< --template $(list_template) > article.json.tmp.0; \ - jq '. += {"filename": "$(notdir $@)"}' article.json.tmp.0 > article.json.tmp.1; \ - jq '.articles += [$(shell cat article.json.tmp.1)]' $(article_list) > articles.json.tmp; \ - cat ./articles.json.tmp > ./articles.json; - -index.html: index.md $(articles) - pandoc $< --template $(template) --css $(style) --metadata-file $(article_list) --highlight-style zenburn --mathml --toc --output $@ - -about.html: about.md - pandoc $< --template $(template) --css $(style) --highlight-style zenburn --mathml --toc --output $@ diff --git a/public_html/eh/eh/eh/eh-eh/about.html b/public_html/eh/eh/eh/eh-eh/about.html index a3a2409..58eca52 100644 --- a/public_html/eh/eh/eh/eh-eh/about.html +++ b/public_html/eh/eh/eh/eh-eh/about.html @@ -5,6 +5,7 @@ About + - +
+

About

@@ -52,7 +55,12 @@ diff --git a/public_html/eh/eh/eh/eh-eh/article.json.tmp.0 b/public_html/eh/eh/eh/eh-eh/article.json.tmp.0 deleted file mode 100644 index f04a7d3..0000000 --- a/public_html/eh/eh/eh/eh-eh/article.json.tmp.0 +++ /dev/null @@ -1 +0,0 @@ -{"author":"Never Gude","date":"25.7.2025","subtitle":"Neat things I picked up along the way","summary":"Testing dsa dsa dsa dsa DDDDDDDDDDDa","title":"Random linux utilities"} diff --git a/public_html/eh/eh/eh/eh-eh/article.json.tmp.1 b/public_html/eh/eh/eh/eh-eh/article.json.tmp.1 deleted file mode 100644 index 95bde9b..0000000 --- a/public_html/eh/eh/eh/eh-eh/article.json.tmp.1 +++ /dev/null @@ -1,8 +0,0 @@ -{ - "author": "Never Gude", - "date": "25.7.2025", - "subtitle": "Neat things I picked up along the way", - "summary": "Testing dsa dsa dsa dsa DDDDDDDDDDDa", - "title": "Random linux utilities", - "filename": "random-linux-utils.html" -} diff --git a/public_html/eh/eh/eh/eh-eh/articles.json b/public_html/eh/eh/eh/eh-eh/articles.json deleted file mode 100644 index 4838ce9..0000000 --- a/public_html/eh/eh/eh/eh-eh/articles.json +++ /dev/null @@ -1,26 +0,0 @@ -{ - "articles": [ - { - "author": "Never Gude", - "date": "25.7.2025", - "subtitle": "Neat things I picked up along the way", - "summary": "Testing dsa dsa dsa dsa DDDDDDDDDDDa", - "title": "Random linux utilities", - "filename": "random-linux-utils.html" - }, - { - "author": "Never Gude", - "date": "10.12.2025", - "subtitle": "Just testimg too", - "title": "Article DSADASD", - "filename": "article-1.html" - }, - { - "author": "Never Gude", - "date": "10.12.2025", - "subtitle": "Just testimg", - "title": "Article 1", - "filename": "article-2.html" - } - ] -} diff --git a/public_html/eh/eh/eh/eh-eh/articles.json.tmp b/public_html/eh/eh/eh/eh-eh/articles.json.tmp deleted file mode 100644 index 4838ce9..0000000 --- a/public_html/eh/eh/eh/eh-eh/articles.json.tmp +++ /dev/null @@ -1,26 +0,0 @@ -{ - "articles": [ - { - "author": "Never Gude", - "date": "25.7.2025", - "subtitle": "Neat things I picked up along the way", - "summary": "Testing dsa dsa dsa dsa DDDDDDDDDDDa", - "title": "Random linux utilities", - "filename": "random-linux-utils.html" - }, - { - "author": "Never Gude", - "date": "10.12.2025", - "subtitle": "Just testimg too", - "title": "Article DSADASD", - "filename": "article-1.html" - }, - { - "author": "Never Gude", - "date": "10.12.2025", - "subtitle": "Just testimg", - "title": "Article 1", - "filename": "article-2.html" - } - ] -} diff --git a/public_html/eh/eh/eh/eh-eh/articles/article-1.md b/public_html/eh/eh/eh/eh-eh/articles/article-1.md deleted file mode 100644 index cb14add..0000000 --- a/public_html/eh/eh/eh/eh-eh/articles/article-1.md +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Article DSADASD -subtitle: Just testimg too -author: Never Gude -date: 10.12.2025 ---- - -## Merge pdfs -### Using Ghostscript -Ghostscript has a feature to merge multiple pdf files into one. -Although ImageMagick also has this feature, I prefer this one, as it doesn't rasterize and scales down -the pdf files. - -> Block -> quote -> time yay - -```bash {.numberLines} -gs -dNOPAUSE -sDEVICE=pdfwrite \ - -sOUTPUTFILE=output.pdf \ - -dBATCH 1.pdf 2.pdf -``` - -```c -int hello_world(int x) { - printf("Hello World %i", x); - return x; -} - -``` diff --git a/public_html/eh/eh/eh/eh-eh/articles/article-2.md b/public_html/eh/eh/eh/eh-eh/articles/article-2.md deleted file mode 100644 index 0b9d14a..0000000 --- a/public_html/eh/eh/eh/eh-eh/articles/article-2.md +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Article 1 -subtitle: Just testimg -author: Never Gude -date: 10.12.2025 ---- - -## Merge pdfs -### Using Ghostscript -Ghostscript has a feature to merge multiple pdf files into one. -Although ImageMagick also has this feature, I prefer this one, as it doesn't rasterize and scales down -the pdf files. - -> Block -> quote -> time yay - -```bash {.numberLines} -gs -dNOPAUSE -sDEVICE=pdfwrite \ - -sOUTPUTFILE=output.pdf \ - -dBATCH 1.pdf 2.pdf -``` - -```c -int hello_world(int x) { - printf("Hello World %i", x); - return x; -} - -``` diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_left.svg b/public_html/eh/eh/eh/eh-eh/images/cups_left.svg new file mode 100644 index 0000000..2412435 --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_left.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_left_dark.svg b/public_html/eh/eh/eh/eh-eh/images/cups_left_dark.svg new file mode 100644 index 0000000..7ae7a67 --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_left_dark.svg @@ -0,0 +1,101 @@ + + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_logo.svg b/public_html/eh/eh/eh/eh-eh/images/cups_logo.svg new file mode 100644 index 0000000..cecb1db --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_logo.svg @@ -0,0 +1,103 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_logo_dark.svg b/public_html/eh/eh/eh/eh-eh/images/cups_logo_dark.svg new file mode 100644 index 0000000..d01e673 --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_logo_dark.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_right.svg b/public_html/eh/eh/eh/eh-eh/images/cups_right.svg new file mode 100644 index 0000000..7da7c88 --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_right.svg @@ -0,0 +1,79 @@ + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/cups_right_dark.svg b/public_html/eh/eh/eh/eh-eh/images/cups_right_dark.svg new file mode 100644 index 0000000..5770ecf --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/images/cups_right_dark.svg @@ -0,0 +1,101 @@ + + + + + + + + + + + + diff --git a/public_html/eh/eh/eh/eh-eh/images/favicon.png b/public_html/eh/eh/eh/eh-eh/images/favicon.png new file mode 100644 index 0000000..feb52d1 Binary files /dev/null and b/public_html/eh/eh/eh/eh-eh/images/favicon.png differ diff --git a/public_html/eh/eh/eh/eh-eh/images/recursion.gif b/public_html/eh/eh/eh/eh-eh/images/recursion.gif new file mode 100644 index 0000000..2012eac Binary files /dev/null and b/public_html/eh/eh/eh/eh-eh/images/recursion.gif differ diff --git a/public_html/eh/eh/eh/eh-eh/images/sand.png b/public_html/eh/eh/eh/eh-eh/images/sand.png new file mode 100644 index 0000000..c0ba49c Binary files /dev/null and b/public_html/eh/eh/eh/eh-eh/images/sand.png differ diff --git a/public_html/eh/eh/eh/eh-eh/index.html b/public_html/eh/eh/eh/eh-eh/index.html index b8c9d0c..ce8ea91 100644 --- a/public_html/eh/eh/eh/eh-eh/index.html +++ b/public_html/eh/eh/eh/eh-eh/index.html @@ -5,6 +5,7 @@ Home + - +
+

Home

@@ -50,34 +53,37 @@

Articles

- + +

+ Previous + CUPS + Next +

diff --git a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html new file mode 100644 index 0000000..eeba541 --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html @@ -0,0 +1,79 @@ + + + + + + + + Latex Endeavors + + + + + +
+ + +
+
+

Latex Endeavors

+

Some unintuitive quirks of Latex

+

Never

+

9.1.2026

+
+
+ +
+

BibLaTeX and Biber

+

Biber doesn’t run

+

Biber doens’t run if the (fedora) package +libxcrypt-compat is missing. It will fail with the error +message

+
biber: error while loading shared libraries: libcrypt.so.1: cannot open shared object file: No such file or directory
+
+ +
+
+ +

+ Previous + CUPS + Next +

+
+ + diff --git a/public_html/eh/eh/eh/eh-eh/article-2.html b/public_html/eh/eh/eh/eh-eh/random-linux-utils-2.html similarity index 72% rename from public_html/eh/eh/eh/eh-eh/article-2.html rename to public_html/eh/eh/eh/eh-eh/random-linux-utils-2.html index 68e02ec..9a137d4 100644 --- a/public_html/eh/eh/eh/eh-eh/article-2.html +++ b/public_html/eh/eh/eh/eh-eh/random-linux-utils-2.html @@ -5,7 +5,8 @@ - Article 1 + Random linux utilities 2 + - +
+
-

Article 1

-

Just testimg

+

Random linux utilities 2

+

Neat things I picked up along the way

Never Gude

-

10.12.2025

+

4.1.2026

- + +

+ Previous + CUPS + Next +

diff --git a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html index b08aebf..8f6e893 100644 --- a/public_html/eh/eh/eh/eh-eh/random-linux-utils.html +++ b/public_html/eh/eh/eh/eh-eh/random-linux-utils.html @@ -4,8 +4,9 @@ - + Random linux utilities + - +
+

Random linux utilities

Neat things I picked up along the way

-

Never Gude

+

Never

25.7.2025

@@ -123,22 +126,20 @@ Ghostscript

Ghostscript has a feature to merge multiple pdf files into one. Although ImageMagick also has this feature, I prefer this one, as it doesn’t rasterize and scales down the pdf files.

-
-

Block quote time yay

-
gs -dNOPAUSE -sDEVICE=pdfwrite \
-    -sOUTPUTFILE=output.pdf \
-    -dBATCH 1.pdf 2.pdf
-
int hello_world(int x) {
-    printf("Hello World %i", x);
-    return x;
-}
+class="sourceCode bash">gs -dNOPAUSE -sDEVICE=pdfwrite \ + -sOUTPUTFILE=output.pdf \ + -dBATCH 1.pdf 2.pdf
diff --git a/public_html/eh/eh/eh/eh-eh/pandoc/style.css b/public_html/eh/eh/eh/eh-eh/style.css similarity index 75% rename from public_html/eh/eh/eh/eh-eh/pandoc/style.css rename to public_html/eh/eh/eh/eh-eh/style.css index 8c72865..afefadd 100644 --- a/public_html/eh/eh/eh/eh-eh/pandoc/style.css +++ b/public_html/eh/eh/eh/eh-eh/style.css @@ -2,24 +2,32 @@ --foreground: #1a1a1a; --background: #fdfdfd; --border: #c9c9c9; - --background-html: #e3e3e3; + --html-background: #e3e3e3; --blockquote-text: #606060; --blockquote-border: #e6e6e6; - + --button-border: #e3e3e3; + --button-background: #d0d0d0; } -:root:has(#dark-mode-toggle:checked) { - --foreground: #fdfdfd; - --background: #1a1a1a; - --border: #4c4c4c; - --background-html: #333333; - --blockquote-text: #e6e6e6; - --blockquote-border: #606060; +@media (prefers-color-scheme: dark) { + :root { + --foreground: #fdfdfd; + --background: #1a1a1a; + --border: #4c4c4c; + --html-background: #303030; + --blockquote-text: #e6e6e6; + --blockquote-border: #606060; + --button-border: #4c4c4c; + --button-background: #404040; + } } html { color: var(--foreground); - background-color: var(--background-html); + /*background: url("recursion.gif");*/ + background: var(--html-background); + background-repeat: repeat-y; + background-size: cover; font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; } @@ -44,13 +52,27 @@ body { flex-wrap: nowrap; justify-content: space-between; text-align: left; - border: 1pt solid var(--foreground); + border: 4pt ridge var(--border); + background: url("images/sand.png"); + background-size: 25%; } #page-header li { list-style: none; display: inline-block; - padding: 12pt; +} + +#page-header a:active { + border: 2pt inset var(--button-border) +} + +#page-header a { + color: var(--foreground); + text-decoration: none; + margin: 4pt; + padding: 4pt; + border: 2pt outset var(--button-border); + background-color: var(--button-background) } #page-header ul, @@ -89,12 +111,18 @@ body { text-align: right; } -a:not(:hover) { - text-decoration: none; +#page-footer { + border: 4pt ridge var(--border); + background: url("images/sand.png"); + background-size: 25%; + display: flex; + justify-content: center; } -#page-footer { - border: 1pt solid var(--foreground); +#page-footer p { + display: flex; + flex-direction: row; + align-items: center; } /* @@ -122,12 +150,6 @@ article { h1 { font-size: 1.8em; } - - /* - section { - flex-direction: column; - } - */ } @media print { @@ -166,11 +188,15 @@ p { } a { - color: var(--foreground); + color: #268bd2; +} + +a:not(:hover) { + text-decoration: none; } a:visited { - color: var(--foreground); + color: #6c71c4; } img { diff --git a/style.css b/style.css new file mode 100644 index 0000000..afefadd --- /dev/null +++ b/style.css @@ -0,0 +1,325 @@ +:root { + --foreground: #1a1a1a; + --background: #fdfdfd; + --border: #c9c9c9; + --html-background: #e3e3e3; + --blockquote-text: #606060; + --blockquote-border: #e6e6e6; + --button-border: #e3e3e3; + --button-background: #d0d0d0; +} + +@media (prefers-color-scheme: dark) { + :root { + --foreground: #fdfdfd; + --background: #1a1a1a; + --border: #4c4c4c; + --html-background: #303030; + --blockquote-text: #e6e6e6; + --blockquote-border: #606060; + --button-border: #4c4c4c; + --button-background: #404040; + } +} + +html { + color: var(--foreground); + /*background: url("recursion.gif");*/ + background: var(--html-background); + background-repeat: repeat-y; + background-size: cover; + font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + +body { + background-color: var(--background); + border: solid 1px var(--border); + margin: 0 auto; + max-width: 48em; + padding-left: 50pt; + padding-right: 50pt; + padding-top: 50pt; + padding-bottom: 50pt; + hyphens: auto; + overflow-wrap: break-word; + text-rendering: optimizeLegibility; + font-kerning: normal; +} + +#page-header { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; + text-align: left; + border: 4pt ridge var(--border); + background: url("images/sand.png"); + background-size: 25%; +} + +#page-header li { + list-style: none; + display: inline-block; +} + +#page-header a:active { + border: 2pt inset var(--button-border) +} + +#page-header a { + color: var(--foreground); + text-decoration: none; + margin: 4pt; + padding: 4pt; + border: 2pt outset var(--button-border); + background-color: var(--button-background) +} + +#page-header ul, +#articles ul { + padding-left: 0; +} + +#articles li { + list-style: none; + display: block; +} + +.articles-header { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: space-between; +} + +.articles-title { + margin: 8pt 0 4pt 0; + font-size: 14pt; + font-weight: bold; +} + +.articles-author { + margin: 12pt 0 4pt 0; +} + +.articles-summary { + margin: 0; +} + +.articles-date { + margin: 0; + text-align: right; +} + +#page-footer { + border: 4pt ridge var(--border); + background: url("images/sand.png"); + background-size: 25%; + display: flex; + justify-content: center; +} + +#page-footer p { + display: flex; + flex-direction: row; + align-items: center; +} + +/* +#TOC { + padding: 24px; +} + +section { + display: flex; + flex-direction: row; +} + +article { + padding: 12px; + overflow: auto; +} +*/ + +@media (max-width: 600px) { + body { + font-size: 0.9em; + padding: 12pt; + } + + h1 { + font-size: 1.8em; + } +} + +@media print { + html { + background-color: white; + } + + body { + background-color: transparent; + color: black; + border: none; + font-size: 12pt; + } + + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + + h2, + h3, + h4 { + page-break-after: avoid; + } + + #page-header, + #page-footer { + display: none; + } +} + +p { + margin: 1em 0; +} + +a { + color: #268bd2; +} + +a:not(:hover) { + text-decoration: none; +} + +a:visited { + color: #6c71c4; +} + +img { + max-width: 100%; +} + +svg { + height: auto; + max-width: 100%; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin-top: 1.4em; +} + +h5, +h6 { + font-size: 1em; + font-style: italic; +} + +h6 { + font-weight: normal; +} + +ol, +ul { + padding-left: 1.7em; + margin-top: 1em; +} + +li>ol, +li>ul { + margin-top: 0; +} + +blockquote { + margin: 1em 0 1em 1.7em; + padding-left: 1em; + border-left: 2pt solid var(--blockquote-border); + color: var(--blockquote-text); +} + +code { + font-family: Menlo, Monaco, Consolas, 'Lucida Console', monospace; + font-size: 85%; + margin: 0; + hyphens: manual; +} + +pre { + margin: 1em 0; + overflow: auto; +} + +pre code { + padding: 0; + overflow: visible; + overflow-wrap: normal; +} + +.sourceCode { + background-color: transparent; + overflow: visible; +} + +hr { + background-color: var(--foreground); + border: none; + height: 1pt; + margin: 1em 0; +} + +table { + margin: 1em 0; + border-collapse: collapse; + width: 100%; + overflow-x: auto; + display: block; + font-variant-numeric: lining-nums tabular-nums; +} + +table caption { + margin-bottom: 0.75em; +} + +tbody { + margin-top: 0.5em; + border-top: 1pt solid var(--foreground); + border-bottom: 1pt solid var(--foreground); +} + +th { + border-top: 1pt solid var(--foreground); + padding: 0.25em 0.5em 0.25em 0.5em; +} + +td { + padding: 0.125em 0.5em 0.25em 0.5em; +} + +header { + margin-bottom: 4em; + text-align: center; +} + +#TOC li { + list-style: none; +} + +#TOC ul { + padding-left: 1.3em; +} + +#TOC>ul { + padding-left: 0; +} + +#TOC a:not(:hover) { + text-decoration: none; +}