Update Jekyll and Ruby, sidebar

Author: svbnet

Gemfile.lock

@@ -1,21 +1,24 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.4)
-      public_suffix (>= 2.0.2, < 6.0)
+    addressable (2.8.7)
+      public_suffix (>= 2.0.2, < 7.0)
+    bigdecimal (3.1.8)
     colorator (1.1.0)
-    concurrent-ruby (1.2.2)
+    concurrent-ruby (1.3.4)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.5)
+    ffi (1.17.0-x86_64-linux-gnu)
     forwardable-extended (2.6.0)
-    google-protobuf (3.23.2-x86_64-linux)
+    google-protobuf (4.28.3-x86_64-linux)
+      bigdecimal
+      rake (>= 13)
     http_parser.rb (0.8.0)
-    i18n (1.13.0)
+    i18n (1.14.6)
       concurrent-ruby (~> 1.0)
-    jekyll (4.3.2)
+    jekyll (4.3.4)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -44,29 +47,30 @@ GEM
     kramdown-parser-gfm (1.1.0)
       kramdown (~> 2.0)
     liquid (4.0.4)
-    listen (3.8.0)
+    listen (3.9.0)
       rb-fsevent (~> 0.10, >= 0.10.3)
       rb-inotify (~> 0.9, >= 0.9.10)
     mercenary (0.4.0)
-    minima (2.5.1)
+    minima (2.5.2)
       jekyll (>= 3.5, < 5.0)
       jekyll-feed (~> 0.9)
       jekyll-seo-tag (~> 2.1)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.1)
+    public_suffix (6.0.1)
+    rake (13.2.1)
     rb-fsevent (0.11.2)
-    rb-inotify (0.10.1)
+    rb-inotify (0.11.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
-    rouge (4.1.1)
+    rexml (3.3.9)
+    rouge (4.4.0)
     safe_yaml (1.0.5)
-    sass-embedded (1.62.1-x86_64-linux-gnu)
-      google-protobuf (~> 3.21)
+    sass-embedded (1.80.5-x86_64-linux-gnu)
+      google-protobuf (~> 4.28)
     terminal-table (3.0.2)
       unicode-display_width (>= 1.1.1, < 3)
-    unicode-display_width (2.4.2)
-    webrick (1.8.1)
+    unicode-display_width (2.6.0)
+    webrick (1.9.0)
 
 PLATFORMS
   x86_64-linux

_config.yml

@@ -24,8 +24,7 @@ description: >- # this means to ignore newlines until "baseurl:"
   a work in progress
 baseurl: "" # the subpath of your site, e.g. /blog
 url: "https://svbnet.co" # the base hostname & protocol for your site, e.g. http://example.com
-twitter_username: svbnet
-github_username:  svbnet
+permalink: /posts/:year/:month/:day/:title
 
 # Build settings
 theme: minima

_includes/footer.html

@@ -11,6 +11,7 @@
             </svg><span>Subscribe</span>
           </a>
         </p>
+      {{ site.email }}
       {%- if site.author %}
         <ul class="contact-list">
           {% if site.author.name -%}

_includes/header.html

@@ -11,13 +11,18 @@ <h1>
 
   {%- if titles_size > 0 -%}
     <nav class="site-nav">
+      <a class="page-link bevelled" href="{{ "/" | relative_url }}"><img src="/assets/images/theme/home.gif">Home</a>
       {%- for path in page_paths -%}
         {%- assign my_page = site.pages | where: "path", path | first -%}
         {%- assign bull_file = my_page.bullet | default: 'bullet' -%}
         {%- if my_page.title -%}
-        <a class="page-link" href="{{ my_page.url | relative_url }}"><img src="/assets/images/theme/{{ bull_file }}.gif">{{ my_page.title | escape }}</a>
+        <a class="page-link bevelled" href="{{ my_page.url | relative_url }}"><img src="/assets/images/theme/{{ bull_file }}.gif">{{ my_page.title | escape }}</a>
         {%- endif -%}
       {%- endfor -%}
+      <hr class="chain">
+      <a class="page-link bevelled" target="_blank" href="https://github.com/svbnet">GitHub</a>
+      <a class="page-link bevelled" target="_blank" href="https://www.youtube.com/@svbnet">YouTube</a>
+      <a class="page-link bevelled" target="_blank" href="https://bsky.app/profile/svbnet.co">Bluesky</a>
     </nav>
   {%- endif -%}
 </header>

_layouts/home.html

@@ -26,15 +26,13 @@ <h2 class="post-list-heading">{{ page.list_title }}</h2>
       {%- assign date_format = site.minima.date_format | default: "%b %-d, %Y" -%}
       {%- for post in posts -%}
       <li>
-        <span class="post-meta">{{ post.date | date: date_format }}</span>
+        <time class="post-meta" datetime="{{ post.date }}">{{ post.date | date: date_format }}</time>
         <h3>
           <a class="post-link" href="{{ post.url | relative_url }}">
             {{ post.title | escape }}
           </a>
         </h3>
-        {%- if site.show_excerpts -%}
-          {{ post.excerpt }}
-        {%- endif -%}
+        <span class="post-excerpt">{{ post.excerpt }}</span>
       </li>
       {%- endfor -%}
     </ul>

_layouts/post.html

@@ -26,13 +26,11 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
       {%- endif -%}</p>
   </header>
 
+  <hr class="rainbow">
+
   <div class="post-content e-content" itemprop="articleBody">
     {{ content }}
   </div>
 
-  {%- if site.disqus.shortname -%}
-    {%- include disqus_comments.html -%}
-  {%- endif -%}
-
   <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
 </article>

_posts/2023-05-29-a-newer-post.markdown

@@ -0,0 +1,28 @@
+---
+layout: post
+title:  "This is another post"
+date:   2023-05-29 21:33:38 +1200
+---
+You’ll find this post in your `_posts` directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run `jekyll serve`, which launches a web server and auto-regenerates your site when a file is updated.
+
+Jekyll requires blog post files to be named according to the following format:
+
+`YEAR-MONTH-DAY-title.MARKUP`
+
+Where `YEAR` is a four-digit number, `MONTH` and `DAY` are both two-digit numbers, and `MARKUP` is the file extension representing the format used in the file. After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.
+
+Jekyll also offers powerful support for code snippets:
+
+{% highlight ruby %}
+def print_hi(name)
+  puts "Hi, #{name}"
+end
+print_hi('Tom')
+#=> prints 'Hi, Tom' to STDOUT.
+{% endhighlight %}
+
+Check out the [Jekyll docs][jekyll-docs] for more info on how to get the most out of Jekyll. File all bugs/feature requests at [Jekyll’s GitHub repo][jekyll-gh]. If you have questions, you can ask them on [Jekyll Talk][jekyll-talk].
+
+[jekyll-docs]: https://jekyllrb.com/docs/home
+[jekyll-gh]:   https://github.com/jekyll/jekyll
+[jekyll-talk]: https://talk.jekyllrb.com/

_sass/retro/_base.scss

@@ -75,6 +75,12 @@ hr {
     height: 27px;
     background-image: url('/assets/images/theme/colorsqu.gif');
   }
+
+  &.chain {
+    @include image-hr();
+    height: 17px;
+    background-image: url('/assets/images/theme/chain.gif');
+  }
 }
 
 /**
@@ -304,3 +310,22 @@ table {
             -ms-overflow-style: -ms-autohiding-scrollbar;
   }
 }
+
+.bevelled {
+  color: #333;
+  background: #ccc;
+  $border-size: 3px;
+  border: $border-size solid transparent;
+  $top-left-color: #eee;
+  $bottom-right-color: #444;
+  border-color: $top-left-color $bottom-right-color $bottom-right-color $top-left-color;
+
+  &:active {
+    border-color: $bottom-right-color $top-left-color $top-left-color $bottom-right-color;
+    
+  }
+}
+
+a.bevelled {
+  color: #333;
+}

_sass/retro/_layout.scss

@@ -1,6 +1,7 @@
 .aside-header {
   grid-row: 1;
   grid-column: 1;
+  margin-left: 5px;
 }
 
 .site-footer {

_sass/retro/boot.scss

@@ -4,7 +4,7 @@
 
 $base-font-family: "Garamond", "Segoe UI Emoji", "Segoe UI Symbol", "Apple Color Emoji", "Times New Roman", serif !default;
 $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
-$base-font-size:   16px !default;
+$base-font-size:   18px !default;
 $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
 $med-font-size: $base-font-size * 1.5 !default;