diff --git a/Makefile b/Makefile index 0df6def..c6c978d 100644 --- a/Makefile +++ b/Makefile @@ -9,6 +9,7 @@ INSTALLDIR_ANSI := public_ansi/ ARTICLEDIR := articles PANDOCDIR := pandoc STYLEDIR := styles +SCRIPTDIR := scripts IMAGEDIR := images # The name of the stylesheet. This needs to be copied to any directory containing html files that use it. @@ -37,7 +38,7 @@ articles_ansi := $(patsubst $(SRCDIR)/%.md, $(BUILDDIR)/%, $(articles_md)) all: $(BUILDDIR)/index.html $(BUILDDIR)/index $(BUILDDIR)/rss.xml install: - cp -r $(BUILDDIR)/index.html $(BUILDDIR)/rss.xml $(articles_html) $(STYLEDIR) $(IMAGEDIR) $(INSTALLDIR_HTML); \ + cp -r $(BUILDDIR)/index.html $(BUILDDIR)/rss.xml $(articles_html) $(STYLEDIR) $(SCRIPTDIR) $(IMAGEDIR) $(INSTALLDIR_HTML); \ cp -r $(BUILDDIR)/index $(articles_ansi) $(INSTALLDIR_ANSI); clean: @@ -66,7 +67,7 @@ $(BUILDDIR)/index.html: $(SRCDIR)/index.md $(articles_html) | $(BUILDDIR) jq '.articles |= sort_by(.date) | .articles |= reverse' ${article_list} > articles.json.tmp; \ mv articles.json.tmp ${article_list}; \ # Build index.html with metadata injected from articles_list - pandoc $< --template $(template_html) --include-after-body $(shark_js) --css $(style) --metadata-file $(article_list) --highlight-style $(syntax_style) --mathml --toc --output $@; + pandoc $< --template $(template_html) --css $(style) --metadata-file $(article_list) --highlight-style $(syntax_style) --mathml --toc --output $@; $(BUILDDIR)/index: $(SRCDIR)/index.md $(articles_ansi) | $(BUILDDIR) pandoc $< --template $(template_ansi) --metadata-file $(article_list) --to ansi --output $@ diff --git a/build/articles/latex-endeavors.html b/build/articles/latex-endeavors.html index 1f482a5..37f6c7c 100644 --- a/build/articles/latex-endeavors.html +++ b/build/articles/latex-endeavors.html @@ -27,7 +27,7 @@ - +
Home RSS Feed @@ -66,4 +66,5 @@ message

+ diff --git a/build/articles/random-linux-utils.html b/build/articles/random-linux-utils.html index 3b528d9..691abab 100644 --- a/build/articles/random-linux-utils.html +++ b/build/articles/random-linux-utils.html @@ -94,7 +94,7 @@ - +
Home RSS Feed @@ -135,4 +135,5 @@ class="sourceCode bash"> diff --git a/build/articles/rsync-android.html b/build/articles/rsync-android.html index 167b7e5..d2de5ce 100644 --- a/build/articles/rsync-android.html +++ b/build/articles/rsync-android.html @@ -94,7 +94,7 @@ - +
Home RSS Feed @@ -216,4 +216,5 @@ class="sourceCode sh"> diff --git a/build/index.html b/build/index.html index d85497d..e10ca4b 100644 --- a/build/index.html +++ b/build/index.html @@ -92,7 +92,7 @@ - +
Home RSS Feed @@ -161,73 +161,6 @@ tweaking my Linux sytem or trying to do productive things.

Next - + diff --git a/build/rss.xml b/build/rss.xml index 7f44aef..1bc01c9 100644 --- a/build/rss.xml +++ b/build/rss.xml @@ -6,7 +6,7 @@ Here I post random stuff. en-us Mon, 12 Jan 2026 00:00:00 +0100 -Fri, 20 Feb 2026 20:09:52 +0100 +Sat, 21 Feb 2026 02:06:53 +0100 https://www.rssboard.org/rss-specification pandoc n.gude@posteo.de (Never) diff --git a/images/shark.png b/images/shark.png deleted file mode 100644 index ddab225..0000000 Binary files a/images/shark.png and /dev/null differ diff --git a/images/shork.png b/images/shork.png new file mode 100644 index 0000000..abb70fa Binary files /dev/null and b/images/shork.png differ diff --git a/images/shork.xcf b/images/shork.xcf new file mode 100644 index 0000000..31dc63a Binary files /dev/null and b/images/shork.xcf differ diff --git a/pandoc/html-template.html b/pandoc/html-template.html index 9209431..fe3ca16 100644 --- a/pandoc/html-template.html +++ b/pandoc/html-template.html @@ -38,7 +38,7 @@ $endif$ $for(include-before)$ $include-before$ $endfor$ - +
Home RSS Feed @@ -114,4 +114,5 @@ $for(include-after)$ $include-after$ $endfor$ + diff --git a/public_html/eh/eh/eh/eh-eh/images/shork.png b/public_html/eh/eh/eh/eh-eh/images/shork.png new file mode 100644 index 0000000..abb70fa Binary files /dev/null and b/public_html/eh/eh/eh/eh-eh/images/shork.png differ diff --git a/public_html/eh/eh/eh/eh-eh/images/shork.xcf b/public_html/eh/eh/eh/eh-eh/images/shork.xcf new file mode 100644 index 0000000..31dc63a Binary files /dev/null and b/public_html/eh/eh/eh/eh-eh/images/shork.xcf differ diff --git a/public_html/eh/eh/eh/eh-eh/index.html b/public_html/eh/eh/eh/eh-eh/index.html index d85497d..e10ca4b 100644 --- a/public_html/eh/eh/eh/eh-eh/index.html +++ b/public_html/eh/eh/eh/eh-eh/index.html @@ -92,7 +92,7 @@ - +
Home RSS Feed @@ -161,73 +161,6 @@ tweaking my Linux sytem or trying to do productive things.

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 index 1f482a5..37f6c7c 100644 --- a/public_html/eh/eh/eh/eh-eh/latex-endeavors.html +++ b/public_html/eh/eh/eh/eh-eh/latex-endeavors.html @@ -27,7 +27,7 @@ - +
Home RSS Feed @@ -66,4 +66,5 @@ message

+ 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 3b528d9..691abab 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 @@ -94,7 +94,7 @@ - +
Home RSS Feed @@ -135,4 +135,5 @@ class="sourceCode bash"> diff --git a/public_html/eh/eh/eh/eh-eh/rss.xml b/public_html/eh/eh/eh/eh-eh/rss.xml index 7f44aef..1bc01c9 100644 --- a/public_html/eh/eh/eh/eh-eh/rss.xml +++ b/public_html/eh/eh/eh/eh-eh/rss.xml @@ -6,7 +6,7 @@ Here I post random stuff. en-us Mon, 12 Jan 2026 00:00:00 +0100 -Fri, 20 Feb 2026 20:09:52 +0100 +Sat, 21 Feb 2026 02:06:53 +0100 https://www.rssboard.org/rss-specification pandoc n.gude@posteo.de (Never) diff --git a/public_html/eh/eh/eh/eh-eh/rsync-android.html b/public_html/eh/eh/eh/eh-eh/rsync-android.html index 167b7e5..d2de5ce 100644 --- a/public_html/eh/eh/eh/eh-eh/rsync-android.html +++ b/public_html/eh/eh/eh/eh-eh/rsync-android.html @@ -94,7 +94,7 @@ - +
Home RSS Feed @@ -216,4 +216,5 @@ class="sourceCode sh"> diff --git a/public_html/eh/eh/eh/eh-eh/scripts/shork.js b/public_html/eh/eh/eh/eh-eh/scripts/shork.js new file mode 100644 index 0000000..34d09ee --- /dev/null +++ b/public_html/eh/eh/eh/eh-eh/scripts/shork.js @@ -0,0 +1,84 @@ +let shork_image = document.getElementById("shork"); + +let shork = {x: 0, y: 0}; +let mouse = {x: 0, y: 0}; + +let zoomies = 4; + +onmousemove = function(e){ + mouse.x = e.clientX; + mouse.y = e.clientY; +} + +function vector(a, b) { + return { + x: b.x - a.x, + y: b.y - a.y + }; +} + +function angle(v) { + return Math.atan2(v.y, v.x); +} + +function norm(v) { + return Math.sqrt(Math.pow(v.x, 2) + Math.pow(v.y, 2)); +} + +function unit(v) { + let length = norm(v); + + if (length == 0) return {x: 0, y: 0}; + + return {x: v.x / length, y: v.y / length}; +} + +function scalar(v, a) { + return {x: v.x * a, y: v.y * a}; +} + +function add(v, u) { + return {x: v.x + u.x, y: v.y + u.y}; +} + +function equal(v, u, a) { + return (Math.abs(v.x - u.x) < a && Math.abs(v.y - u.y) < a); +} + +function distance(x, y, a) { + return (norm(vector(x, y)) >= a); +} + +function round(v) { + return {x: Math.round(v.x), y: Math.round(v.y)}; +} + +function transform(v, a) { + return {a: Math.cos(a), b: -Math.sin(a), c: Math.sin(a), d: Math.cos(a), x: v.x, y: v.y}; +} + +let direction = vector(shork, mouse) +let movement = scalar(unit(direction), zoomies); +let rotation = angle(direction); + +function move() { + direction = vector(shork, mouse) + + if (norm(direction) < 4) { + shork = mouse; + } + + movement = scalar(unit(direction), zoomies * norm(direction)/128); + shork = add(shork, movement); + + if (norm(direction) >= 16) { + rotation = -(angle(direction) - Math.PI/2 + Math.sin(norm(movement)*2)/8); + } + + let trans = transform(shork, rotation); + shork_image.style.transform = `matrix(${trans.a}, ${trans.b}, ${trans.c}, ${trans.d}, ${trans.x}, ${trans.y})`; + + setTimeout(move, 30); +} + +shork_image.addEventListener("click", function(e) {move()}, {once: true}); diff --git a/public_html/eh/eh/eh/eh-eh/styles/style.css b/public_html/eh/eh/eh/eh-eh/styles/style.css index b7756e5..6045d95 100644 --- a/public_html/eh/eh/eh/eh-eh/styles/style.css +++ b/public_html/eh/eh/eh/eh-eh/styles/style.css @@ -38,8 +38,6 @@ body { } main { - position: relative; - z-index: 2; max-width: 48em; margin: 0 auto; @@ -58,16 +56,15 @@ main { border-right: solid 3pt var(--html-border); } -#tv-screen { +#shork { position: fixed; - top: 0; - left: 0; - z-index: 1; + left: -32px; + top: -36px; + width: 64px; + transform-origin: 50% 50%; } #page-header { - position: relative; - z-index: 2; display: flex; justify-content: space-between; max-width: 60em; diff --git a/scripts/shork.js b/scripts/shork.js new file mode 100644 index 0000000..34d09ee --- /dev/null +++ b/scripts/shork.js @@ -0,0 +1,84 @@ +let shork_image = document.getElementById("shork"); + +let shork = {x: 0, y: 0}; +let mouse = {x: 0, y: 0}; + +let zoomies = 4; + +onmousemove = function(e){ + mouse.x = e.clientX; + mouse.y = e.clientY; +} + +function vector(a, b) { + return { + x: b.x - a.x, + y: b.y - a.y + }; +} + +function angle(v) { + return Math.atan2(v.y, v.x); +} + +function norm(v) { + return Math.sqrt(Math.pow(v.x, 2) + Math.pow(v.y, 2)); +} + +function unit(v) { + let length = norm(v); + + if (length == 0) return {x: 0, y: 0}; + + return {x: v.x / length, y: v.y / length}; +} + +function scalar(v, a) { + return {x: v.x * a, y: v.y * a}; +} + +function add(v, u) { + return {x: v.x + u.x, y: v.y + u.y}; +} + +function equal(v, u, a) { + return (Math.abs(v.x - u.x) < a && Math.abs(v.y - u.y) < a); +} + +function distance(x, y, a) { + return (norm(vector(x, y)) >= a); +} + +function round(v) { + return {x: Math.round(v.x), y: Math.round(v.y)}; +} + +function transform(v, a) { + return {a: Math.cos(a), b: -Math.sin(a), c: Math.sin(a), d: Math.cos(a), x: v.x, y: v.y}; +} + +let direction = vector(shork, mouse) +let movement = scalar(unit(direction), zoomies); +let rotation = angle(direction); + +function move() { + direction = vector(shork, mouse) + + if (norm(direction) < 4) { + shork = mouse; + } + + movement = scalar(unit(direction), zoomies * norm(direction)/128); + shork = add(shork, movement); + + if (norm(direction) >= 16) { + rotation = -(angle(direction) - Math.PI/2 + Math.sin(norm(movement)*2)/8); + } + + let trans = transform(shork, rotation); + shork_image.style.transform = `matrix(${trans.a}, ${trans.b}, ${trans.c}, ${trans.d}, ${trans.x}, ${trans.y})`; + + setTimeout(move, 30); +} + +shork_image.addEventListener("click", function(e) {move()}, {once: true}); diff --git a/styles/style.css b/styles/style.css index b7756e5..6045d95 100644 --- a/styles/style.css +++ b/styles/style.css @@ -38,8 +38,6 @@ body { } main { - position: relative; - z-index: 2; max-width: 48em; margin: 0 auto; @@ -58,16 +56,15 @@ main { border-right: solid 3pt var(--html-border); } -#tv-screen { +#shork { position: fixed; - top: 0; - left: 0; - z-index: 1; + left: -32px; + top: -36px; + width: 64px; + transform-origin: 50% 50%; } #page-header { - position: relative; - z-index: 2; display: flex; justify-content: space-between; max-width: 60em;