diff --git a/content/blog/framework-desktop.png b/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-desktop.png similarity index 100% rename from content/blog/framework-desktop.png rename to content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-desktop.png diff --git a/content/blog/framework-laptop.jpg b/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-laptop.jpg similarity index 100% rename from content/blog/framework-laptop.jpg rename to content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-laptop.jpg diff --git a/content/blog/framework-lutris.png b/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-lutris.png similarity index 100% rename from content/blog/framework-lutris.png rename to content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-lutris.png diff --git a/content/blog/framework-steam.png b/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-steam.png similarity index 100% rename from content/blog/framework-steam.png rename to content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/framework-steam.png diff --git a/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13.md b/content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/index.md similarity index 100% rename from content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13.md rename to content/blog/2024-04-07-the-first-month-of-life-with-the-framework-13/index.md diff --git a/content/blog/2024-09-14-2-months-into-my-first-3d-printer.md b/content/blog/2024-09-14-2-months-into-my-first-3d-printer/index.md similarity index 100% rename from content/blog/2024-09-14-2-months-into-my-first-3d-printer.md rename to content/blog/2024-09-14-2-months-into-my-first-3d-printer/index.md diff --git a/content/blog/printer.jpg b/content/blog/2024-09-14-2-months-into-my-first-3d-printer/printer.jpg similarity index 100% rename from content/blog/printer.jpg rename to content/blog/2024-09-14-2-months-into-my-first-3d-printer/printer.jpg diff --git a/content/blog/handwire-keyboard-matrix.jpg b/content/blog/2025-06-20-keyboards/handwire-keyboard-matrix.jpg similarity index 100% rename from content/blog/handwire-keyboard-matrix.jpg rename to content/blog/2025-06-20-keyboards/handwire-keyboard-matrix.jpg diff --git a/content/blog/handwire-keyboard-mcu.jpg b/content/blog/2025-06-20-keyboards/handwire-keyboard-mcu.jpg similarity index 100% rename from content/blog/handwire-keyboard-mcu.jpg rename to content/blog/2025-06-20-keyboards/handwire-keyboard-mcu.jpg diff --git a/content/blog/handwire-keyboard.jpg b/content/blog/2025-06-20-keyboards/handwire-keyboard.jpg similarity index 100% rename from content/blog/handwire-keyboard.jpg rename to content/blog/2025-06-20-keyboards/handwire-keyboard.jpg diff --git a/content/blog/2025-06-20-keyboards.md b/content/blog/2025-06-20-keyboards/index.md similarity index 100% rename from content/blog/2025-06-20-keyboards.md rename to content/blog/2025-06-20-keyboards/index.md diff --git a/content/blog/sofle-rgb-finished.jpg b/content/blog/2025-06-20-keyboards/sofle-rgb-finished.jpg similarity index 100% rename from content/blog/sofle-rgb-finished.jpg rename to content/blog/2025-06-20-keyboards/sofle-rgb-finished.jpg diff --git a/content/blog/2025-06-20-taimihud.md b/content/blog/2025-06-20-taimihud/index.md similarity index 100% rename from content/blog/2025-06-20-taimihud.md rename to content/blog/2025-06-20-taimihud/index.md diff --git a/content/blog/taimihud-billboard.png b/content/blog/2025-06-20-taimihud/taimihud-billboard.png similarity index 100% rename from content/blog/taimihud-billboard.png rename to content/blog/2025-06-20-taimihud/taimihud-billboard.png diff --git a/content/blog/taimihud-cats.png b/content/blog/2025-06-20-taimihud/taimihud-cats.png similarity index 100% rename from content/blog/taimihud-cats.png rename to content/blog/2025-06-20-taimihud/taimihud-cats.png diff --git a/content/blog/taimihud-markers-ui.png b/content/blog/2025-06-20-taimihud/taimihud-markers-ui.png similarity index 100% rename from content/blog/taimihud-markers-ui.png rename to content/blog/2025-06-20-taimihud/taimihud-markers-ui.png diff --git a/content/blog/taimihud-pathing.png b/content/blog/2025-06-20-taimihud/taimihud-pathing.png similarity index 100% rename from content/blog/taimihud-pathing.png rename to content/blog/2025-06-20-taimihud/taimihud-pathing.png diff --git a/content/blog/taimihud-timers-ui.png b/content/blog/2025-06-20-taimihud/taimihud-timers-ui.png similarity index 100% rename from content/blog/taimihud-timers-ui.png rename to content/blog/2025-06-20-taimihud/taimihud-timers-ui.png diff --git a/content/blog/taimihud-timers.png b/content/blog/2025-06-20-taimihud/taimihud-timers.png similarity index 100% rename from content/blog/taimihud-timers.png rename to content/blog/2025-06-20-taimihud/taimihud-timers.png diff --git a/content/blog/taimihud.png b/content/blog/2025-06-20-taimihud/taimihud.png similarity index 100% rename from content/blog/taimihud.png rename to content/blog/2025-06-20-taimihud/taimihud.png diff --git a/content/external/_index.md b/content/external/_index.md index d706c94..55ac878 100644 --- a/content/external/_index.md +++ b/content/external/_index.md @@ -1,5 +1,5 @@ +++ -title = "Blog" +title = "Things I find value in sharing" sort_by = "date" template = "external.html" page_template = "page.html" diff --git a/content/external/external.toml b/content/external/external.toml index 52e75b3..ee20b22 100644 --- a/content/external/external.toml +++ b/content/external/external.toml @@ -1,12 +1,5 @@ [[categories]] -lookup = "written" -title = "Written" - [[categories.posts]] - title = "How To Ask Questions The Smart Way" - author = "Eric S. Raymond, Rick Moen" - permalink = "http://catb.org/~esr/faqs/smart-questions.html" - archive = "https://archive.ph/4Nsm2" - +title = "Posts" [[categories.posts]] title = "Humanity's Endgame" author = "Henry Wismayer" @@ -20,9 +13,24 @@ title = "Written" archive = "https://archive.ph/5ZOw2" [[categories]] -lookup = "video" +title = "Long-form writing" + [[categories.posts]] + title = "How To Ask Questions The Smart Way" + author = "Eric S. Raymond, Rick Moen" + permalink = "http://catb.org/~esr/faqs/smart-questions.html" + archive = "https://archive.ph/4Nsm2" + +[[categories]] +title = "Series of posts" + [[categories.posts]] + title = "The computer of the next 200 years" + author = "jyn, jade, ..." + permalink = "https://jyn.dev/computer-of-the-future" + archive = "https://archive.ph/yHkmU" + +[[categories]] title = "Video" -note = "If any of these videos disappear, reach out to me and I can provide you with a copy of them." +note = 'If any of these videos are inaccessible to you, reach out to me and I can provide you with a copy of them. See [my views on YouTube](/writings/on-youtube).' [[categories.posts]] title = "Microsoft broke my voice" author = "a_lilian" diff --git a/content/writings/_index.md b/content/writings/_index.md new file mode 100644 index 0000000..2a27145 --- /dev/null +++ b/content/writings/_index.md @@ -0,0 +1,7 @@ ++++ +title = "My writings" +sort_by = "date" +template = "blog.html" +page_template = "page.html" +draft = false ++++ diff --git a/content/writings/on-youtube.md b/content/writings/on-youtube.md new file mode 100644 index 0000000..c4bcb30 --- /dev/null +++ b/content/writings/on-youtube.md @@ -0,0 +1,15 @@ ++++ +title = "On the current state of YouTube" +date = 2025-11-09 ++++ +Over time, but especially as of recent, YouTube has become extremely hostile to users, particularly those who make use of an ad blocker. An arms race has broken out about it, even, to the extent where [yt-dlp](https://github.com/yt-dlp/yt-dlp/) has started having to include Deno, a Javascript engine to be able to succeed at performing the challenges sent. + +I spend a surprising quantity of time now following what is going on with YouTube's anti-ad-blocking changes, since it now regularly tells me about how I am violating their terms of service. + +This is happening simultaneously with the AI enshittification of the YouTube experience; AI summaries, comment reply suggestions, chatbot to talk about the current video with, automatic dubbing in languages that do not match that of the content and more. + +AI content in the form of videos and shorts is being pushed into feeds by algorithms which do not in any way prioritize or share the concerns of the end-user / consumer of that content. + +Google's most anti-user and anti-consumer behaviour is the total crippling of Chrome's extension system via [Manifest v3](https://developer.chrome.com/docs/extensions/develop/migrate/what-is-mv3) to restrict the capacity to which ad-blockers can function on their platforms. + +All I can think on this is, if Google and YouTube had not existed in the first place and the web had been more decentralized with regards to where we archive and share our multimedia content, we would be in a better position because of a lack of that centralization. YouTube stands as a monopoly over amateur to professional internet shared video where it does not concern traditional publishing and we are all the worse for it, regardless of how Google and YouTube want you to believe that "ads help YouTube be available to billions". diff --git a/sass/coloring.scss b/sass/coloring.scss new file mode 100644 index 0000000..ba8fcf4 --- /dev/null +++ b/sass/coloring.scss @@ -0,0 +1,77 @@ +@use "sass:map"; +@use "headings"; + +// Let's not destroy people's eyes unless they want that +$theme: dark !default; + +$themes: ( + light: ( + bg: #fcfcfc, + fg: #333, + border: #333, + code: #eee, + heading: #111, + a-link: #16b1bd, + a-hover: #37DCE8, + a-visited: #3784e8, + ), + dark: ( + bg: #141414, + fg: #ddd, + border: #ddd, + code: #282828, + heading: #eee, + a-link: #16b1bd, + a-hover: #37DCE8, + a-visited: #3784e8, + ) +); + +@function color($name, $theme: $theme) { + @return map-get( + map-get($themes, $theme), + $name + ); +} + +@mixin link_state($name, $theme: $theme) { + $color: color("a-#{$name}", $theme); + @if $name == "link" { + a, a:#{$name} { + color: $color; + } + } else { + a:#{$name} { + color: $color; + } + } + a:#{$name} { + @include headings.headings { + color: $color; + @if $name == "hover" { + border-bottom-color: $color; + } + } + } +} + +@mixin set-colors($theme: $theme) { + color: color(fg, $theme); + background: color(bg, $theme); + @include headings.headings { + color: color(heading, $theme); + } + code { + background: color(code, $theme); + border-color: color(border, $theme); + } + $link_states: "link", "visited", "hover"; + @each $name in $link_states { + @include link_state($name, $theme); + } + + a:hover:has(img) img { + border-color: color(a-hover, $theme); + } +} + diff --git a/sass/headings.scss b/sass/headings.scss new file mode 100644 index 0000000..cb77973 --- /dev/null +++ b/sass/headings.scss @@ -0,0 +1,5 @@ +@mixin headings { + h1, h2, h3, h4, h5, h6 { + @content; + } +} diff --git a/sass/stylesheet.scss b/sass/stylesheet.scss index 9b6a671..00a382b 100644 --- a/sass/stylesheet.scss +++ b/sass/stylesheet.scss @@ -2,41 +2,58 @@ Made with love by @kittywitch ^_^ */ -$light-bg: #fcfcfc; -$light-fg: #333; -$light-code: #eee; -$light-heading: #111; -$dark-bg: #141414; -$dark-fg: #ddd; -$dark-code: #282828; -$dark-heading: #eee; -$link-base: #16b1bd; -$link-hover: #37DCE8; -$link-visited: #3784e8; +@use "headings"; +@use "coloring"; +@use "sass:map"; * { box-sizing: border-box; } html { - color: $dark-fg; - background: $dark-bg; - h1, h2, h3 { - color: $dark-heading; - } summary > h3 { display: inline-block; } code { - background: $dark-code; padding: .5pt 5pt; - border: $dark-fg 2px solid; + border: coloring.color(border) 2px solid; } code:has(pre) { display: block; width: fit-content; margin: 1em 0; } + a { + @include headings.headings { + width: fit-content; + } + } + @include coloring.set-colors; +} + +html, body { + height: 100vh; +} + +html, body, .wrapper { + min-height: 100%; +} + +.wrapper { + display: grid; + grid-template-columns: 1fr; + grid-template-areas: "header" "main" "footer"; + grid-template-rows: auto 1fr auto; + header { + grid-area: header; + } + main { + grid-area: main; + display: block; + } + footer { + grid-area: footer; + } } body { @@ -62,8 +79,6 @@ body { padding: 0; column-count: 2; li { - img { - } } } } @@ -95,14 +110,21 @@ ul.two { column-count: 2; } -a, a:link { +// Set the border to exist before colouration on hover so that it doesn't resize the element +a, a:link, a:visited { text-decoration: none; - color: $link-base; + border-bottom: 0.01em transparent solid; + @include headings.headings { + border-bottom: 0.01em transparent solid; + } } -a:visited { - text-decoration: none; - color: $link-visited; +a:has(img) { + border-bottom: none !important; + padding: 0.02rem; + img { + border: 0.01em transparent solid; + } } .netscape-container img { @@ -122,20 +144,6 @@ a:visited { } } -a:hover { - text-decoration: none; - color: $link-hover; - border-bottom: 0.01rem $link-hover solid; -} - -a:hover:has(img) { - border: none; - padding: 0.02rem; - img { - border: 0.01rem $link-hover solid; - } -} - /* We want the footer to be like two columns, where the right columns are also right-aligned and the columns grow to share the space sanely. */ footer nav ul { @@ -155,52 +163,20 @@ footer nav ul { @media (prefers-color-scheme: dark) { html { - color: $dark-fg; - background: $dark-bg; - h1, h2, h3 { - color: $dark-heading; - } - code { - background: $dark-code; - border: $dark-fg 2px solid; - } + @include coloring.set-colors(dark); } } @media (prefers-color-scheme: light) { html { - color: $light-fg; - background: $light-bg; - h1, h2, h3 { - color: $light-heading; - } - code { - background: $light-code; - border: $light-fg 2px solid; - } + @include coloring.set-colors(light); } } html:has(#color-scheme-dark:checked) { - color: $dark-fg; - background: $dark-bg; - h1, h2, h3 { - color: $dark-heading; - } - code { - background: $dark-code; - border: $dark-fg 2px solid; - } + @include coloring.set-colors(dark); } html:has(#color-scheme-light:checked) { - color: $light-fg; - background: $light-bg; - h1, h2, h3 { - color: $light-heading; - } - code { - background: $light-code; - border: $light-fg 2px solid; - } + @include coloring.set-colors(light); } diff --git a/static/nonoscript.js b/static/nonoscript.js index cbe8bec..10e919a 100644 --- a/static/nonoscript.js +++ b/static/nonoscript.js @@ -2,7 +2,6 @@ function nonoscriptImplementer() { var nonoscript = document.getElementsByClassName("nonoscript"); console.log(nonoscript); for (let item of nonoscript) { - console.log("meep!"); item.classList.remove("nonoscript"); } } diff --git a/templates/base.html b/templates/base.html index 521c47d..8866dbd 100644 --- a/templates/base.html +++ b/templates/base.html @@ -18,7 +18,7 @@ -
+
{% include "header.html" %}
diff --git a/templates/external.html b/templates/external.html index d05013d..29e47e0 100644 --- a/templates/external.html +++ b/templates/external.html @@ -8,7 +8,7 @@

{{ category.title }}

{% if category.note is defined %} -

{{ category.note }}

+

{{ category.note | markdown(inline = true) | safe }}

{% endif %}
    {% for post in category.posts %} diff --git a/templates/header.html b/templates/header.html index e4246b7..3682dd7 100644 --- a/templates/header.html +++ b/templates/header.html @@ -5,7 +5,8 @@
    diff --git a/templates/index.html b/templates/index.html index a820d53..6a0a064 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,6 +5,77 @@

    About

    Hi! I'm Kat. I have an eclectic range of interests; as described on this page. +
+ +
+

Projects

+ + Please see my Forgejo and my GitHub. + +

Notable items showcase

+ + +
+ +
+

Interests

+ +
    +
  • Japanese (pre-JLPT)
    • +
  • Video Games
    • +
  • Hobbyist Electronics
    • +
  • Software-defined Radio
    • +
  • Amateur Radio (not yet licensed!)
    • +
  • Firearms (not yet licensed!)
    • +
  • Anime and Manga
    • +
  • 3D Printing
    • +
  • Mechanical Keyboards
    • +
  • Political science and theory
    • +
+
+ +
+

Tech Interests

+ +
    +
  • Software Development
    • +
  • Video Game Modding
    • +
  • System Administration
    • +
  • DevSecOps + GitOps
    • +
  • Smart Home
    • +
  • Cyber Security
    • +
+
+ +
+

Subcultures

@@ -104,76 +175,6 @@ b D+ G e++ h--- r+++ x+ qalle capstasher hellnet.work -
-
- -
-

Projects

- - Please see my Forgejo and my GitHub. - -

Notable items showcase

- - -
- -
- -
-

Interests

- -
    -
  • Japanese (pre-JLPT)
    • -
  • Video Games
    • -
  • Hobbyist Electronics
    • -
  • Software-defined Radio
    • -
  • Amateur Radio (not yet licensed!)
    • -
  • Firearms (not yet licensed!)
    • -
  • Anime and Manga
    • -
  • 3D Printing
    • -
  • Mechanical Keyboards
    • -
  • Political science and theory
    • -
-
- -
-

Tech Interests

- -
    -
  • Software Development
    • -
  • Video Game Modding
    • -
  • System Administration
    • -
  • DevSecOps + GitOps
    • -
  • Smart Home
    • -
  • Cyber Security
    • -
{% endblock content %} diff --git a/templates/page.html b/templates/page.html index c127084..d64bd1c 100644 --- a/templates/page.html +++ b/templates/page.html @@ -4,6 +4,6 @@

{{ page.title }}

-

+

{{ page.content | safe }} {% endblock content %}