feat: reunification unix hist

34 files changed, 66 insertions, 31 deletions

diff --git a/assets/bg.gif b/assets/bg.gif
new file mode 100644
index 0000000..c6cce99
--- /dev/null
+++ b/assets/bg.gif
diff --git a/assets/unix-history/att-unix-pc.jpg b/assets/unix-history/att-unix-pc.jpg
new file mode 100644
index 0000000..6dc6b39
--- /dev/null
+++ b/assets/unix-history/att-unix-pc.jpg
diff --git a/assets/unix-history/bg.gif b/assets/unix-history/bg.gif
new file mode 100644
index 0000000..837cb2f
--- /dev/null
+++ b/assets/unix-history/bg.gif
diff --git a/assets/unix-history/cb-unix-manuals.jpg b/assets/unix-history/cb-unix-manuals.jpg
new file mode 100644
index 0000000..97a262c
--- /dev/null
+++ b/assets/unix-history/cb-unix-manuals.jpg
diff --git a/assets/unix-history/cde.png b/assets/unix-history/cde.png
new file mode 100644
index 0000000..3fbce2b
--- /dev/null
+++ b/assets/unix-history/cde.png
diff --git a/assets/unix-history/edsac.jpg b/assets/unix-history/edsac.jpg
new file mode 100644
index 0000000..729f022
--- /dev/null
+++ b/assets/unix-history/edsac.jpg
diff --git a/assets/unix-history/header-rect.png b/assets/unix-history/header-rect.png
new file mode 100644
index 0000000..8bba5bb
--- /dev/null
+++ b/assets/unix-history/header-rect.png
diff --git a/assets/unix-history/header-top.png b/assets/unix-history/header-top.png
new file mode 100644
index 0000000..64a120a
--- /dev/null
+++ b/assets/unix-history/header-top.png
diff --git a/assets/unix-history/header-transparent.png b/assets/unix-history/header-transparent.png
new file mode 100644
index 0000000..9d51b75
--- /dev/null
+++ b/assets/unix-history/header-transparent.png
diff --git a/assets/unix-history/header.png b/assets/unix-history/header.png
new file mode 100644
index 0000000..f950557
--- /dev/null
+++ b/assets/unix-history/header.png
diff --git a/assets/unix-history/ibm-360.jpg b/assets/unix-history/ibm-360.jpg
new file mode 100644
index 0000000..9dbaebf
--- /dev/null
+++ b/assets/unix-history/ibm-360.jpg
diff --git a/assets/unix-history/mt-xinu.png b/assets/unix-history/mt-xinu.png
new file mode 100644
index 0000000..0048c18
--- /dev/null
+++ b/assets/unix-history/mt-xinu.png
diff --git a/assets/unix-history/mt-xiny.jpg b/assets/unix-history/mt-xiny.jpg
new file mode 100644
index 0000000..803c71c
--- /dev/null
+++ b/assets/unix-history/mt-xiny.jpg
diff --git a/assets/unix-history/multics-login.png b/assets/unix-history/multics-login.png
new file mode 100644
index 0000000..e6fe2b1
--- /dev/null
+++ b/assets/unix-history/multics-login.png
diff --git a/assets/unix-history/pdp-7.jpeg b/assets/unix-history/pdp-7.jpeg
new file mode 100644
index 0000000..30de8ca
--- /dev/null
+++ b/assets/unix-history/pdp-7.jpeg
diff --git a/assets/unix-history/space-travel.png b/assets/unix-history/space-travel.png
new file mode 100644
index 0000000..071fac6
--- /dev/null
+++ b/assets/unix-history/space-travel.png
diff --git a/assets/unix-history/thompson-ritchie-pdp11.jpg b/assets/unix-history/thompson-ritchie-pdp11.jpg
new file mode 100644
index 0000000..aca1c86
--- /dev/null
+++ b/assets/unix-history/thompson-ritchie-pdp11.jpg
diff --git a/assets/unix-history/thompson-ritchie.jpg b/assets/unix-history/thompson-ritchie.jpg
new file mode 100644
index 0000000..5f2726d
--- /dev/null
+++ b/assets/unix-history/thompson-ritchie.jpg
diff --git a/assets/unix-history/unix-tech-journal.jpg b/assets/unix-history/unix-tech-journal.jpg
new file mode 100644
index 0000000..a5b4e77
--- /dev/null
+++ b/assets/unix-history/unix-tech-journal.jpg
diff --git a/assets/unix-history/unix-world-xenix.jpg b/assets/unix-history/unix-world-xenix.jpg
new file mode 100644
index 0000000..db9954d
--- /dev/null
+++ b/assets/unix-history/unix-world-xenix.jpg
diff --git a/assets/unix-history/webbutton.png b/assets/unix-history/webbutton.png
new file mode 100644
index 0000000..8b79322
--- /dev/null
+++ b/assets/unix-history/webbutton.png
diff --git a/assets/unix-history/webbuttons/cryssite.png b/assets/unix-history/webbuttons/cryssite.png
new file mode 100644
index 0000000..bda262e
--- /dev/null
+++ b/assets/unix-history/webbuttons/cryssite.png
diff --git a/assets/unix-history/webbuttons/freebsd.gif b/assets/unix-history/webbuttons/freebsd.gif
new file mode 100644
index 0000000..cd41141
--- /dev/null
+++ b/assets/unix-history/webbuttons/freebsd.gif
diff --git a/assets/unix-history/webbuttons/kofi.png b/assets/unix-history/webbuttons/kofi.png
new file mode 100644
index 0000000..0b330b5
--- /dev/null
+++ b/assets/unix-history/webbuttons/kofi.png
diff --git a/assets/unix-history/wip.gif b/assets/unix-history/wip.gif
new file mode 100644
index 0000000..d50c2ac
--- /dev/null
+++ b/assets/unix-history/wip.gif
diff --git a/config/_default/menus.en.toml b/config/_default/menus.en.toml
index 48f1dfa..75275f3 100644
--- a/config/_default/menus.en.toml
+++ b/config/_default/menus.en.toml
@@ -20,13 +20,25 @@
 
 
 
-# [[sections]]                    
-#   name = "Unix History"
-#   pageRef = "/unix-history"
-#   weight = 500
-#   [[sections.params]]
-#     submenu = "section-null"
+  [[sections]]                    
+  name = "Unix History"
+  pageRef = "/unix-history"
+  weight = 500
+  [[sections.params]]
+    submenu = "sections-unix-history"
+    section = "unix-history"
+
+[[sections-unix-history]]
+  name = "1 - Multics"
+  pageRef = "/unix-history/01_multics/"
+
+[[sections-unix-history]]
+  name = "2 - Birth of Unix"
+  pageRef = "/unix-history/02_unix/"
 
+[[sections-unix-history]]
+  name = "3 - Forks and Wars"
+  pageRef = "/unix-history/03_unix_wars/"
 
 # [[sections]]                    
 #   name = "BSD"
diff --git a/layouts/unix-history/baseof.html b/content-org/retired-2024-unix-history/baseof.html
index 54db2d9..54db2d9 100644
--- a/layouts/unix-history/baseof.html
+++ b/content-org/retired-2024-unix-history/baseof.html
diff --git a/layouts/unix-history/list.html b/content-org/retired-2024-unix-history/list.html
index e4e4a83..e4e4a83 100644
--- a/layouts/unix-history/list.html
+++ b/content-org/retired-2024-unix-history/list.html
diff --git a/layouts/unix-history/redirect.html b/content-org/retired-2024-unix-history/redirect.html
index 599d57b..599d57b 100644
--- a/layouts/unix-history/redirect.html
+++ b/content-org/retired-2024-unix-history/redirect.html
diff --git a/layouts/unix-history/single.html b/content-org/retired-2024-unix-history/single.html
index e4e4a83..e4e4a83 100644
--- a/layouts/unix-history/single.html
+++ b/content-org/retired-2024-unix-history/single.html
diff --git a/content-org/unix-history.org b/content-org/unix-history.org
index 6af9f4a..581ddbb 100644
--- a/content-org/unix-history.org
+++ b/content-org/unix-history.org
@@ -2,11 +2,11 @@
 #+URL: https://michal.sapka.me/unix-history/
 #+STARTUP: show2levels indent logdone
 
-#+HUGO_BASE_DIR: ~/sites/site-crys-unixhist/
+#+HUGO_BASE_DIR: ~/ghq/michal.sapka.me/mms/site
 #+HUGO_WEIGHT: auto
-#+HUGO_SECTION:
+#+HUGO_SECTION: unix-history
 
-* UH                                                         
+* UH                                                          :@unix_history:
 :PROPERTIES:
 :EXPORT_HUGO_CUSTOM_FRONT_MATTER+: :image_dir "unix-history" :image_max_width 480
 :EXPORT_HUGO_PAIRED_SHORTCODES: image
@@ -24,6 +24,7 @@ CLOSED: [2024-05-30 Sat 21:03]
 :EXPORT_HUGO_LASTMOD: 2024-09-13
 :END:
 
+
 To say that the history of Unix is long and convoluted would be a huge understatement.
 It started its life as a gaming OS dressed as a typesetting one in a forgotten alley in a research center but soon became the most important idea in modern computing history.
 No other OS had such a broad impact on how we work with computers. And despite that, it's mostly a forgotten name.
diff --git a/content/unix-history/_index.md b/content/unix-history/_index.md
index 248e53d..206050b 100644
--- a/content/unix-history/_index.md
+++ b/content/unix-history/_index.md
@@ -1,8 +1,8 @@
 +++
 title = "Unix history"
-author = ["Michal"]
+author = ["User Mms"]
 date = 2024-05-30T21:03:00+02:00
-lastmod = 2024-06-10
+lastmod = 2024-09-13
 categories = ["unix-history"]
 draft = false
 weight = 2001
@@ -22,7 +22,7 @@ It started its life as a gaming OS dressed as a typesetting one in a forgotten a
 No other OS had such a broad impact on how we work with computers. And despite that, it's mostly a forgotten name.
 It lives in its ideas and licenses, but very rarely do we think about running Unix.
 
-{{< image class="centered" alt="A group of characters from Unix Surrealism." file="header-transparent.png" >}}
+{{< image transparency="yes" class="centered" alt="A group of characters from Unix Surrealism." file="header-transparent.png" >}}
 noop
 {{< /image >}}
 
@@ -54,6 +54,7 @@ noop
 
 ## Changes {#changes}
 
+-   _2024-09-13_: Moved to crys.site
 -   _2024-06-10_: Added artwork; fixes in Part 3
 -   _2024-06-09_: Date fixes (IX/386 Xenix) in Part 3
 -   _2024-06-08_: First release of Part 3
diff --git a/layouts/shortcodes/image.html b/layouts/shortcodes/image.html
index ee2f4a6..4217f39 100644
--- a/layouts/shortcodes/image.html
+++ b/layouts/shortcodes/image.html
@@ -1,12 +1,12 @@
 <!-- Read page and image params -->
 {{- $max_width := .Page.Params.image_max_width }}
-{{- $dir := .Page.Params.image_dir }}
 
 {{- $caption := .Inner }}
 {{- $file := .Params.file }}
 {{- $class := .Params.class }}
 {{- $source := .Params.source }}
 {{- $alt := .Params.alt }}
+{{- $dir := .Page.Params.image_dir }}
 
 <!-- Get the the image -->
 {{- $path := printf "%s/%s" $dir $file}}
@@ -22,10 +22,14 @@
 {{ end  }}
 
 {{- $final2x_width := math.Mul $final1x_width 2}}
+{{ $ext := "jpg" }}
+{{ if eq .Params.transparency "yes" }}
+{{ $ext = "png" }}
+{{ end }}
 
 <!-- Generate 1x and 2x images -->
-{{- $img1xproc := printf "%dx jpg q90" $final1x_width }}
-{{- $img2xproc := printf "%dx jpg q90" $final2x_width }}
+{{- $img1xproc := printf "%dx %s q90" $final1x_width $ext }}
+{{- $img2xproc := printf "%dx %s q90" $final2x_width $ext }}
 {{- $img1x := $img.Resize $img1xproc }}
 {{- $img2x := $img.Resize $img2xproc }}
 
diff --git a/themes/24-unification/layouts/_default/baseof.html b/themes/24-unification/layouts/_default/baseof.html
index 1d7ce0d..ac2c294 100644
--- a/themes/24-unification/layouts/_default/baseof.html
+++ b/themes/24-unification/layouts/_default/baseof.html
@@ -40,7 +40,8 @@
     
     <link rel="webmention" href="https://webmention.io/d-s.sh/webmention">
     <link rel="pingback" href="https://webmention.io/d-s.sh/xmlrpc">
-    
+
+    {{- $bg := resources.Get "bg.gif"  }}
     <style>
       :root {
           --bg-color: #738276;
@@ -56,14 +57,14 @@
 
           --breakpoint: 800px;
       }
+      html {
+          height: 100%;
+      }
       body {
+          height: 100%;
           width: 1000px;
-          margin-left: auto;
-          margin-right: auto;
-          margin-top: 20px;
+          margin: 0;
           background-color: var(--bg-color);
-          background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
-          background-size: 8.00px 8.00px;
           color: var(--text-color);
           background-attachment: fixed;
           max-width: 98%;
@@ -71,6 +72,7 @@
           font-size: 1.0em;
           display: flex;
           flex-direction: row;
+          align-items: stretch;
       }
 
       @media only screen and (max-width: 800px) {
@@ -86,9 +88,16 @@
       /* Left navigation */
 
       .nav {
+          background-image: linear-gradient(0deg, #738276 25%, #4a524b 25%, #4a524b 50%, #738276 50%, #738276 75%, #4a524b 75%, #4a524b 100%);
+          background-size: 4.00px 3.00px;
+          /* background-image: url({{ $bg.Permalink }}); */
+          background-attachment: fixed;
+          height: auto;
           flex-shrink: 0;
           flex-grow: 0;
           width: 200px;
+          padding: 10px;
+          border-right: var(--cool-border);
 
           .nav-box {
               border: var(--cool-border);
@@ -184,7 +193,9 @@
 
           .nav {
               width: 100%;
-              padding-bottom: 20px;;
+              margin-bottom: 20px;
+              border-bottom: var(--cool-border);
+              border-right: none;
               
               .nav-box {
                   width: 100%;
@@ -198,7 +209,7 @@
               }
               
               ol.subsection {
-                  display: none;
+                  display: none!important;
               }
 
               li {
@@ -224,13 +235,14 @@
           padding-left: 20px;
           box-sizing: border-box;
           width: 100%;
+          padding-top: 20px;
           
           article {
               background-color: var(--panel-color);
               margin-bottom: 20px;
               border: var(--cool-border);
               display: flow-root;
-      
+              
               h2 {
                   margin: 0;
                   padding-top: 10px;
@@ -261,7 +273,7 @@
                   padding-right: 20px;
 
                   pre {
-                  overflow-x: scroll;
+                      overflow-x: scroll;
 
                   }
               }
@@ -292,6 +304,11 @@
                   max-width: 100%;
                   height: auto;
               }
+
+              .button img {
+                  width: 88px;
+                  padding-left: 44px;
+              }
               
               .pull-left {
                   float: left;
@@ -335,13 +352,13 @@
           padding: 20px;
           background-color: var(--panel-color);
       }
-}
 
- @media only screen and (max-width: 800px) {
-     main {
-         padding: 0;
-     }
- }
+      @media only screen and (max-width: 800px) {
+          main {
+              padding: 10px;
+          }
+          
+      }
     </style>
   </head>