10 files changed, 115 insertions, 1 deletions
diff --git a/assets/content_images/onigiri.png b/assets/content_images/onigiri.png
new file mode 100644
index 0000000..c51b655
--- /dev/null
+++ b/assets/content_images/onigiri.png
diff --git a/content-org/blog.org b/content-org/blog.org
index 16cdfc8..3b8c4da 100644
--- a/content-org/blog.org
+++ b/content-org/blog.org
@@ -7,10 +7,41 @@
 #+HUGO_WEIGHT: auto
 #+HUGO_SECTION: blog
 
-* 2024  [28/28]                                                       :@blog:
+* 2024  [29/29]                                                       :@blog:
 :PROPERTIES:
 :EXPORT_HUGO_SECTION: blog/2024
 :END:
+** DONE Omake: A User Friendly archive
+CLOSED: [2024-05-17 Fri 23:06]
+:PROPERTIES:
+:EXPORT_FILE_NAME: omake-uf-archive
+:EXPORT_HUGO_CUSTOM_FRONT_MATTER: :abstract I've added archive of User Friendly comic to the site.
+:EXPORT_HUGO_PAIRED_SHORTCODES: img-r
+:END:
+A few (not many) decades I spent most of my summer and dial-up time reading the User Friendly Cartoon.
+Those were the times when you used tabs in browser to prefetch images!
+#+attr_shortcode: "onigiri.png" 
+#+begin_img-r
+Poster
+#+end_img-r
+I loved it and I still have to find something similar.
+
+But a few years ago, Iliad took it down after a long hiatus.
+It's still available on The Internet Archive and I tried to re-read it.
+Well, long story short: I got lost and stopped.
+
+But I still /love/ this cartoon.
+I'd love it to still be there to simply hop-on and laugh.
+And boom: it's there!
+
+I am proudly introducing the first Omake[fn:ruben] on this site: [[https://michal.sapka.me/userfriendly/][User Friendly Archive]].
+This adds over 5000 subpages, so I am now a webmaster of a significant website.
+
+Time to read it as it was meant to: slow and using a browser.
+
+[fn:ruben] Yup, it's yet-another-idea I took from [[https://rubenerd.com/omake.xml][Ruben.]]
+Huge fan!
+
 ** DONE  Cyberpunk in design is back!
 CLOSED: [2024-05-10 Fri 21:36]
 :PROPERTIES:
diff --git a/content/blog/2024/omake-uf-archive.md b/content/blog/2024/omake-uf-archive.md
new file mode 100644
index 0000000..676ee6e
--- /dev/null
+++ b/content/blog/2024/omake-uf-archive.md
@@ -0,0 +1,34 @@
++++
+title = "Omake: A User Friendly archive"
+author = ["Michał Sapka"]
+date = 2024-05-17T23:06:00+02:00
+categories = ["blog"]
+draft = false
+weight = 2001
+abstract = "I've added archive of User Friendly comic to the site."
++++
+
+A few (not many) decades I spent most of my summer and dial-up time reading the User Friendly Cartoon.
+Those were the times when you used tabs in browser to prefetch images!
+
+{{< img-r "onigiri.png" >}}
+Poster
+{{< /img-r >}}
+
+I loved it and I still have to find something similar.
+
+But a few years ago, Iliad took it down after a long hiatus.
+It's still available on The Internet Archive and I tried to re-read it.
+Well, long story short: I got lost and stopped.
+
+But I still _love_ this cartoon.
+I'd love it to still be there to simply hop-on and laugh.
+And boom: it's there!
+
+I am proudly introducing the first Omake[^fn:1] on this site: [User Friendly Archive](https://michal.sapka.me/userfriendly/).
+This adds over 5000 subpages, so I am now a webmaster of a significant website.
+
+Time to read it as it was meant to: slow and using a browser.
+
+[^fn:1]: Yup, it's yet-another-idea I took from [Ruben.](https://rubenerd.com/omake.xml)
+    Huge fan!
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
index f192411..dfda0d2 100644
--- a/layouts/_default/index.html
+++ b/layouts/_default/index.html
@@ -17,6 +17,7 @@
 {{ partial "partials/homepage/bsd.html" . }}
 {{ partial "partials/homepage/emacs.html" . }}
 {{ partial "partials/homepage/startrek.html" . }}
+{{ partial "partials/homepage/omake.html" . }}
 {{ partial "partials/homepage/buttons.html" . }}
 {{ partial "partials/homepage/nameplate.html" . }}
 
diff --git a/layouts/partials/homepage/omake.html b/layouts/partials/homepage/omake.html
new file mode 100644
index 0000000..a83a0dc
--- /dev/null
+++ b/layouts/partials/homepage/omake.html
@@ -0,0 +1,28 @@
+{{- $file := "onigiri.png" }}
+{{- $path := printf "content_images/%s" $file}}
+{{- $img := resources.Get $path }}
+{{- $img1x := $img.Resize "50x webp" }}
+{{- $img2x := $img.Resize "100x webp" }}
+
+<section class="omake">
+    <img
+      alt="Emacs logo"
+      style="float: left; max-width: 20%; margin-right: 10px;"
+      src="{{ $img1x.Permalink }}" 
+      srcset="
+              {{ $img1x.Permalink }} 1x,
+              {{ $img2x.Permalink }} 2x
+              "
+      width="{{ $img1x.Width }}" 
+      height="{{ $img1x.Height }}"
+      >
+  <h2 id="omake"><a href="#nameplate">Omake</a></h2>
+  <i>
+    Omake
+  </i>
+  (japanese): extra, bonus<br>
+  Currently: mirror of an old site.
+  <ul>
+    <li><a href="/userfriendly/">User Friendly Cartoon Archive</a> (over 5500 pages!)
+  </lu>
+</section>
diff --git a/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_100x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_100x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..4ab0741
--- /dev/null
+++ b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_100x0_resize_q75_h2_box_3.webp
diff --git a/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_150x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_150x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..234852c
--- /dev/null
+++ b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_150x0_resize_q75_h2_box_3.webp
diff --git a/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_300x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_300x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..968ce79
--- /dev/null
+++ b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_300x0_resize_q75_h2_box_3.webp
diff --git a/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_50x0_resize_q75_h2_box_3.webp b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_50x0_resize_q75_h2_box_3.webp
new file mode 100644
index 0000000..1075f70
--- /dev/null
+++ b/resources/_gen/images/content_images/onigiri_hu4b8d2d5bbdc306caad4bca88f2afb81f_25786_50x0_resize_q75_h2_box_3.webp
diff --git a/static/style.css b/static/style.css
index 5c89067..c594514 100644
--- a/static/style.css
+++ b/static/style.css
@@ -687,3 +687,23 @@ body.blog h1 {
     border-color: var(--blog-highlight-color)
 }
 /* emacs_end */
+
+/* omake_start */
+:root {
+    --omake-highlight-color: #b47379;
+}
+
+.omake h1 {
+    color: var(--omake-h1-color);
+}
+
+ .omake h2,
+ .omake h3,
+ .omake h4,
+ .omake h5,
+ .omake h6 {
+     color: var(--omake-highlight-color);
+     border-color: var(--omake-highlight-color)
+ }
+
+ /* omake_end */