feat(blog): rrc

11 files changed, 200 insertions, 14 deletions

diff --git a/Makefile b/Makefile
index b61a68b..124a680 100644
--- a/Makefile
+++ b/Makefile
@@ -22,9 +22,14 @@ upload:
 	dest_server="mms@michal.sapka.me:/var/www/htdocs/michal.sapka.me"; \
 	rsync -irtvzP --delete  "$$source_dir" "$$dest_server"; \
 	echo "Rsync completed."
-
+interlace_images:
+	@dir_path="./public"; \
+	for file in $$(find "$$dir_path" -type f -name "*.jpg"); do \
+                convert $$file -interlace plane $$file; \
+	done; \
+        
 clean:
 	rm -r public
-deploy: build compress upload
+deploy: build interlace_images compress upload
 
 
diff --git a/assets/blog/images/ruben-retro-corner.png b/assets/blog/images/ruben-retro-corner.png
new file mode 100644
index 0000000..1e1614b
--- /dev/null
+++ b/assets/blog/images/ruben-retro-corner.png
diff --git a/content-org/blog.org b/content-org/blog.org
index 2d21033..13945c5 100644
--- a/content-org/blog.org
+++ b/content-org/blog.org
@@ -14,6 +14,34 @@
 :EXPORT_HUGO_CUSTOM_FRONT_MATTER+: :image_dir "blog/images" :image_max_width 600
 :EXPORT_HUGO_PAIRED_SHORTCODES: image yt
 :END:
+** DONE Reben's Retro Corner
+CLOSED: [2024-08-31 Sat 19:11]
+:PROPERTIES:
+:EXPORT_FILE_NAME: rubens-retro-corner
+:EXPORT_HUGO_CUSTOM_FRONT_MATTER+: :abstract A site
+:EXPORT_HUGO_CUSTOM_FRONT_MATTER+: :image blog/images/ruben-retro-corner.png
+:END:
+
+There are not many sites I visit for the /feeling good inc/.
+I would if there were more!
+But then, there's [[http://retro.rubenerd.com/][Ruben's Retro Corner]].
+It as school as it gets, and it gives me the joy I had when I first discovered the web.
+I don't go there for the content (which is cool), but for that smile it brings to my face each and every time.
+The fact, that it's written in human-readable HTML 3 is just a cherry on the top.
+
+I understand that the web is not like this any more, it was ruined.
+It's not marketable, it's not a data gathering machine.
+But this is why it makes me so happy.
+It's a tiny site that has only one reason to exist - Ruben's love for his old stuff.
+The love and happiness is pouring out of every pixel here!
+
+#+attr_shortcode: :file ruben-retro-corner.png
+#+attr_shortcode: :alt screenshot of a site. 
+#+attr_shortcode: :class centered
+#+begin_image
+Site by Ruben Schade. First version 1998.
+#+end_image
+
 ** TODO A desktop AND a NAS?
 :PROPERTIES:
 :EXPORT_FILE_NAME: desktop-nas
diff --git a/content-org/brain-rot.org b/content-org/brain-rot.org
index 17fdb7e..906e0dc 100644
--- a/content-org/brain-rot.org
+++ b/content-org/brain-rot.org
@@ -2757,6 +2757,51 @@ Monitors reflected on glasses can not be not cool
 
 [fn:xf] But nothing is
 [fn:phreak] This movie is so old, that viewer is expected to know what a phreaker is!
+*** TODO Hackers (1995)
+
+There are movies which I absolutely despised when I first saw them.
+They were loud, abnoxious, made little sense.
+Some of them, with passing time, grew on me.
+
+Hackers is a 1995 movie about, well, hackers.
+We start with Dade, an 11 year old geek, being arrested for hacking and crashing over 1,5k computer systems.
+He is sentenced to the worst imaginable sentence - an judge impossed mandated ban on using computer system till he reaches 18 years of age.
+Somehow we don't care what happened during those years, as we jump 7 years in the future (which seem to be undefined "now" of 1990s).
+Dade is hacking once again, and as a result he joins a hacker group and becomes part of an conspiracy.
+
+Say what you will, /Hackers/ takes the hacker ethos pretty seriously and this is what espaced my teenage understanding.
+All main characters (using simply amazing handles, like Zero Cool or Cereal Killer) break into system for the fun of it.
+They are prosecuted by the govermnent and media portrayes them as dangerous individuals, but they are anything but malificicet.
+
+Now, the hacking scenes make close to zero sense - but that's hollywood for you.
+We haven't seen serious attempt at showing it before /Mr Robot/.
+Therefore, we can see past it.
+
+But can't see past the fashion.
+I have no idea /how/ anyone came with what we see here, but it's simply glorious.
+Just look!
+I refuse to believe, that this was not the official fashion of New York in the 90s.
+
+Also, the quotes.
+If there is a infinitelly quotable movie, it is Hackers.
+"/Hack the Planet/" or /"“There is no right and wrong. There's only fun and boring.”/ should be recognized by anyone working in IT.
+I may be wrong, but I think there are questions about /Hackers/ on CompTIA Security+ 
+
+Unfornatelly, there is a story here and it's not good.
+The main villian is trying to get rich and put the blame on our hackers.
+The plan makes little sense, that's one thing.
+But everything about that particular screams /fake/.
+He has the most over the top quotes and reactions - even if he has the only hacker-worthy keyboard to be seen here.
+
+/Hackers/ is a fun little movie, with a huge soul.
+It's dumb, loud and over-stylized.
+But it's also one the few movies which show the soul of a hacker.
+I think everyone should see it at least once.
+
+#+begin_quote
+You wage wars, murder, cheat, lie to us and try to make us believe it's for our own good, yet we're the criminals. Yes, I am a criminal. My crime is that of curiosity.
+#+end_quote
+
 
 ** Fantasy
 :PROPERTIES:
@@ -2816,6 +2861,49 @@ CLOSED: [2024-04-14 Sun 18:10]
 Witcher
 #+end_menu
 
+*** TODO Good Omens (Terry Pratchett and Neil Gaiman, 1990)
+
+But in the dark days o 1990 Terry Pratchet and Neil Gaiman decided to co-write a book - /Good Omens/, which itself will be a parody of the /Omen/ horror movie.
+It was quite the popular movie back then, but nowaydays it may be a bit forgotten.
+
+Pratchet & Gaiman seem like a great combo.
+The first one is a great story /teller/, while the later tend to privide better /stories/.
+They are also both imagitable authors of speculative fiction.
+
+The general idea of the story of the book follows the one from the book: due to satanits shananings, antichrist is born to a family in power.
+The end of times in near.
+But, unlike the movie, it is not be stopped by a detective but by an unlikely pair of an angel and and a daemon.
+None of the wants to see the apocalypse, so they join forces to stop the antichrist - who turns out to be quite a nice kid.
+
+for me a computer nerd, the process of writing such book fascinates me.
+It's 1990 so no cooperative tooling exists yet, therefor Terry and Neil sent discettes to each other.
+How cool is that!
+
+#+begin_quote
+I think this is an honest account of the process of writing Good Omens.
+It was fairly easy to keep track of because of the way we sent disks to one another, and because I was Keeper of the Official Master Copy I can say that I wrote a bit over two thirds of Good Omens. 
+-- Terry Pratchett
+#+end_quote
+
+and it shows.
+/Good Omens/ does not read like joint venture, it's distincly Pratchett.
+You get Gaimaon love for the macabre and over-convoluted story, but if he was removed the cover I woud have never guessed.
+There is a scene of mass shooting, which is something fitting /American Gods/  but it's written like we're in Ankh-Morpork.
+
+It's not part of the /Discworld/ world, but on the surface it could have easily been. 
+The humor is there, the unlreated description which turn out be introduction to related thingys and so on.
+But the world of /Discworld/ is more interesteing, crazier.
+In that series we've got insane world and insane characters which try to remain sane.
+/Good Omen/ however happens in our, boring world and most of the characters are "normal", but they act insane.
+But /Discworld/ has its own multiverse, so it fits.
+
+But since it's got two autors, it a bit on the longer side.
+Just enough to overstay its welcome.
+Pratchett is a master of the word, but his stories are rarely interesting - and I was never a fan of Gaiman.
+I didn't found what is told here much interesting, I was not curious how they will stop the apocalypse.
+Nothing unexpected happened.
+If it was 2/3 of the current size, if some of the crust was removed, it would be a better book, as the general idea is very cool.
+But even at current state it's very enjoyable and well worth the read /if/ you like Pratchett's style.
 
 ** Modern Games
 :PROPERTIES:
@@ -3318,3 +3406,34 @@ If anything, it's /Magnum P.I./ of the genre.
 
 [fn:cover] or whatever your edition has
 [fn:tolkien] hello Tolkien
+
+
+
+*** TODO Guns of Avalon (Roger Zelazny, 1972)
+The fastest fantasy in the wild west continues where we left off.
+Corwin espaped his prison, and armed with newly regrown eyes, he is ready for his revange.
+
+/Chronicles of Amber/ are like nothing I've ever read.
+Mostly because I've never been into fantasy, but still.
+At no point of /Guns of Avalon/ nor of /Nine Princes in Amber/ have I felt that I'm reading a published book.
+It's rather what I would imagine as a synopsis of the book.
+
+Characters? Screw them, they ony serve a purpose.
+The world? Screw it, let's create it as we go.
+Magic system? I am sure not even Zelazny has any idea how it works at this point.
+
+But at the same time I can't stop reading it.
+From outside, those two books I've finished sound like pulp.
+But there is so much going on, and those things happen fast.
+
+Corwin's goal this time is to buy carabins from Royal Air Force and retake Amber.
+Yup - this magical being, from an eternal family, who is able to travel between dimensions[fn:shadows], whose eyes just regrown, is planning to retake a magical land using firearms.
+And somehow it all makes sense.
+
+/Guns/ serve as direct continuation of the first book, but the ending paints a different route the series seems to be heading.
+I am very much invested and I interested what's going to happen.
+I should hate this book, but I love it.
+
+Zelazny, you were a strange writer indeed.
+
+[fn:shadows] or whatever Shadows are
diff --git a/content/blog/2024/rubens-retro-corner.md b/content/blog/2024/rubens-retro-corner.md
new file mode 100644
index 0000000..b3dd648
--- /dev/null
+++ b/content/blog/2024/rubens-retro-corner.md
@@ -0,0 +1,29 @@
++++
+title = "Reben's Retro Corner"
+author = ["Michał Sapka"]
+date = 2024-08-31T19:11:00+02:00
+categories = ["blog"]
+draft = false
+weight = 2001
+image_dir = "blog/images"
+image_max_width = 600
+abstract = "A site"
+image = "blog/images/ruben-retro-corner.png"
++++
+
+There are not many sites I visit for the _feeling good inc_.
+I would if there were more!
+But then, there's [Ruben's Retro Corner](http://retro.rubenerd.com/).
+It as school as it gets, and it gives me the joy I had when I first discovered the web.
+I don't go there for the content (which is cool), but for that smile it brings to my face each and every time.
+The fact, that it's written in human-readable HTML 3 is just a cherry on the top.
+
+I understand that the web is not like this any more, it was ruined.
+It's not marketable, it's not a data gathering machine.
+But this is why it makes me so happy.
+It's a tiny site that has only one reason to exist - Ruben's love for his old stuff.
+The love and happiness is pouring out of every pixel here!
+
+{{< image class="centered" alt="screenshot of a site." file="ruben-retro-corner.png" >}}
+Site by Ruben Schade. First version 1998.
+{{< /image >}}
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
index 37d34bf..49c7253 100644
--- a/layouts/blog/baseof.html
+++ b/layouts/blog/baseof.html
@@ -25,7 +25,12 @@
     <meta property="og:title" content="{{ .Page.Title }}">
     <meta property="og:type" content="website">
     <meta property="og:url" content="{{ .Permalink }}">
-    <meta property="og:image" content="{{ $header_rect.Permalink }}">
+
+        {{- $imageUrl := default "blog/logo/right.png" .Params.image }}
+    {{- $image := resources.Get $imageUrl }}
+    <meta property="og:image" content="{{ $image.Permalink }}">
+
+    
     <meta property="og:description" content="{{ .Params.Abstract | default .Site.Params.DefaultDescription}}">
     
     <link rel="canonical" href="{{ .Permalink }}">
diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
index 1bc0619..ee2f4a6 100644
--- a/layouts/shortcodes/image.html
+++ b/layouts/shortcodes/image.html
@@ -24,13 +24,13 @@
 {{- $final2x_width := math.Mul $final1x_width 2}}
 
 <!-- Generate 1x and 2x images -->
-{{- $img1xproc := printf "%dx webp q90" $final1x_width }}
-{{- $img2xproc := printf "%dx webp q90" $final2x_width }}
+{{- $img1xproc := printf "%dx jpg q90" $final1x_width }}
+{{- $img2xproc := printf "%dx jpg q90" $final2x_width }}
 {{- $img1x := $img.Resize $img1xproc }}
 {{- $img2x := $img.Resize $img2xproc }}
 
 <!-- Generate raw, optimized img -->
-{{- $imgproc := printf "x%d webp q90" $raw_width }}
+{{- $imgproc := printf "x%d jpg q90" $raw_width }}
 {{- $img_raw := $img.Resize $imgproc }}
 
 <!-- Resulting HTML -->
diff --git a/layouts/shortcodes/img-c.html b/layouts/shortcodes/img-c.html
index 7411abb..d78c2d4 100644
--- a/layouts/shortcodes/img-c.html
+++ b/layouts/shortcodes/img-c.html
@@ -4,8 +4,8 @@
 {{- $caption := .Inner }}
 {{- $source := .Get 1 }}
 {{- $imgclass := .Get 2 }}
-{{- $img1x := $img.Resize "800x webp q90"}}
-{{- $img2x := $img.Resize "1600x webp q90"}}
+{{- $img1x := $img.Resize "800x jpg q90"}}
+{{- $img2x := $img.Resize "1600x jpg q90"}}
 <figure>
   <a href="{{ $img.Permalink }}">
     <img
diff --git a/layouts/shortcodes/img-center.html b/layouts/shortcodes/img-center.html
index e871a91..cca73f2 100644
--- a/layouts/shortcodes/img-center.html
+++ b/layouts/shortcodes/img-center.html
@@ -3,8 +3,8 @@
 {{- $img := resources.Get $path }}
 {{- $caption := .Get 1 }}
 {{- $source := .Get 2 }}
-{{- $img1x := $img.Resize "800x webp q90"}}
-{{- $img2x := $img.Resize "1600x webp q90"}}
+{{- $img1x := $img.Resize "800x jpg q90"}}
+{{- $img2x := $img.Resize "1600x jpg q90"}}
 <figure>
   <img
     loading="lazy"
diff --git a/layouts/shortcodes/img-pull-right.html b/layouts/shortcodes/img-pull-right.html
index ad7cbf1..49f2ed7 100644
--- a/layouts/shortcodes/img-pull-right.html
+++ b/layouts/shortcodes/img-pull-right.html
@@ -1,8 +1,8 @@
 {{- $file := .Get 0 }}
 {{- $path := printf "content_images/%s" $file}}
 {{- $img := resources.Get $path }}
-{{- $img1x := $img.Resize "150x webp" }}
-{{- $img2x := $img.Resize "300x webp" }}
+{{- $img1x := $img.Resize "150x jpg" }}
+{{- $img2x := $img.Resize "300x jpg" }}
 {{- $caption := .Get 1}}
 <img
   loading="lazy" 
diff --git a/layouts/shortcodes/img-r.html b/layouts/shortcodes/img-r.html
index e67b32f..6ae976e 100644
--- a/layouts/shortcodes/img-r.html
+++ b/layouts/shortcodes/img-r.html
@@ -1,8 +1,8 @@
 {{- $file := .Get 0 }}
 {{- $path := printf "content_images/%s" $file}}
 {{- $img := resources.Get $path }}
-{{- $img1x := $img.Resize "150x webp" }}
-{{- $img2x := $img.Resize "300x webp" }}
+{{- $img1x := $img.Resize "150x jpg" }}
+{{- $img2x := $img.Resize "300x jpg" }}
 {{- $caption := .Inner}}
 <img
   loading="lazy" ;