Merge remote-tracking branch 'origin/gh-pages' into gh-pages

Gemfile

@@ -1,6 +1,6 @@
 source "https://rubygems.org"
 
-gem "jekyll", "~> 4.3.3"
+gem "jekyll", "~> 4.3.4"
 gem "jekyll-paginate"
 gem "jekyll-gist"
 gem 'jekyll-feed'
@@ -9,5 +9,7 @@ gem "rouge"
 gem "csv"
 gem "base64"
 gem "bigdecimal"
-gem "sassc", "~> 2.3.0"
+gem "sassc"
+gem "liquid"
+gem "octokit"
 gem 'jekyll-compose', group: [:jekyll_plugins]

_includes/footer.html

@@ -1,46 +1,55 @@
-
 {% if paginator %}
 <!-- Pagination links -->
 <div class="pagination">
   {% if site.owner.linkedin %}
-    <a href="{{ site.owner.linkedin }}" class="social-media-icons"><i class="fa fa-2x fa-linkedin-square" aria-hidden="true"></i></a>
+  <a href="{{ site.owner.linkedin }}" class="social-media-icons"><i class="fa fa-2x fa-linkedin-square"
+      aria-hidden="true"></i></a>
   {% endif %}
   {% if site.owner.email %}
-    <a href="mailto:{{ site.owner.email }}" class="social-media-icons"><i class="fa fa-2x fa-envelope-square" aria-hidden="true"></i></a>
+  <a href="mailto:{{ site.owner.email }}" class="social-media-icons"><i class="fa fa-2x fa-envelope-square"
+      aria-hidden="true"></i></a>
   {% endif %}
   {% if site.owner.twitter %}
-    <a href="https://twitter.com/{{ site.owner.twitter }}" class="social-media-icons"><i class="fa fa-2x fa-twitter-square" aria-hidden="true"></i></a>
+  <a href="https://twitter.com/{{ site.owner.twitter }}" class="social-media-icons"><i class="fa-brands fa-2x fa-square-x-twitter"></i></i></a>
   {% endif %}
   {% if site.owner.github %}
-    <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa fa-2x fa-github-square" aria-hidden="true"></i></a>
+  <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa-brands fa-2x fa-square-github"></i></a>
   {% endif %}
-
-  {% if paginator.previous_page %}
+  <!-- Pagination, pull to the right -->
+  <div style="float: right;">
+    {% if paginator.previous_page %}
     {% if paginator.page == 2 %}
-      <a href="{{site.url}}/" class="newer"><span class="mega-octicon octicon-playback-{% if site.rtl %}fast-forward{% else %}rewind{% endif %}" style="min-width: 32px; font-size: 32px;"></span></a>
+    <a href="{{site.url}}/" class="newer"><span style="min-width: 32px; font-size: 2em;"><i
+          class="fa-solid fa-backward"></i></span></a>
     {% else %}
-      <a href="{{site.url}}/page{{paginator.previous_page}}" class="newer"><span class="mega-octicon octicon-playback-{% if site.rtl %}fast-forward{% else %}rewind{% endif %}" style="min-width: 32px; font-size: 32px;"></span></a>
+    <a href="{{site.url}}/page{{paginator.previous_page}}" class="newer"><span
+        style="min-width: 32px; font-size: 2em;"><i class="fa-solid fa-forward"></i></span></a>
     {% endif %}
-  {% else %}
-    <span class="previous"><span class="mega-octicon octicon-playback-{% if site.rtl %}fast-forward{% else %}rewind{% endif %}" style="min-width: 32px; font-size: 32px;"></span></span>
+    {% else %}
+    <span class="previous"><span style="min-width: 32px; font-size: 2em;"><i
+          class="fa-solid fa-backward"></i></span></span>
     {% endif %}
     {% if paginator.next_page %}
-    <a href="{{site.url}}/page{{paginator.next_page}}" class="older"><span class="bottom-icon mega-octicon octicon-playback-{% if site.rtl %}rewind{% else %}fast-forward{% endif %}" style="min-width: 32px; font-size: 32px;"></span></a>
+    <a href="{{site.url}}/page{{paginator.next_page}}" class="older"><span style="min-width: 32px; font-size: 2em;"><i
+          class="fa-solid fa-forward"></i></span></a>
     {% else %}
-    <span class="next"><span class="bottom-icon mega-octicon octicon-playback-{% if site.rtl %}rewind{% else %}fast-forward{% endif %}" style="min-width: 32px; font-size: 32px;"></span></span>
+    <span class="next"><span style="min-width: 32px; font-size: 2em;"><i class="fa-solid fa-forward"></i></span></span>
     {% endif %}
+  </div>
+
 </div>
-{%  endif %}
+{% endif %}
 <script type="text/javascript">
   var _gaq = _gaq || [];
   _gaq.push(['_setAccount', '{{site.google_analytics}}']);
   _gaq.push(['_trackPageview']);
-  (function() {
-  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-  var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  (function () {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
   })();
 </script>
 <div class="footer-pagination">
-  <span class="copyright" style="float: left; font-size: 16px; width: 100%; margin-top: 6px;">&copy; {{ site.time | date: '%Y' }} {{ site.owner.name }}</span>
+  <span class="copyright" style="float: left; font-size: 16px; width: 100%; margin-top: 12px; margin-bottom: 12px;">&copy; {{ site.time |
+    date: '%Y' }} {{ site.owner.name }}</span>
 </div>

_includes/head.html

@@ -24,15 +24,18 @@
 {% if site.owner.google_plus %}<link rel="author" href="{{ site.owner.google_plus }}?rel=author">{% endif %}
 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<link href="https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100;0,200;0,400;0,900;1,100;1,700;1,900&display=swap" rel="stylesheet">
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css" integrity="sha512-5Hs3dF2AEPkpNAR7UiOHba+lRSJNeM2ECkwxUIxC1Q/FLycGTbNapWXB4tP889k5T5Ju8fs4b1P5z/iB4nMfSQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 {% if site.rtl %}
-<link rel="stylesheet" href="{{ '/css/main.min.rtl.css' | relative_url }}" type="text/css" />
+<link rel="stylesheet" href="{{ '/dist/css/main.min.rtl.css' | relative_url }}" type="text/css" />
 <style>
     .highlight pre {
         direction: ltr;
     }
 </style>
 {% else %}
-<link rel="stylesheet" href="{{ '/css/main.min.css' | relative_url }}" type="text/css" />
+<link rel="stylesheet" href="{{ '/dist/css/main.min.css' | relative_url }}" type="text/css" />
 {% endif %}

_includes/header.html

@@ -3,12 +3,12 @@
     <a href="{{ site.url }}" class="top-link">{{ site.name }}</a>
       <ul class="nav">
         <!--Change the  URL here if working on an absolute domain-->
-        <li><a href="{{ site.url }}">Home</a></li>
-        <li><a href="{{ site.url }}/about">About</a></li>
+        <li style="margin-right: 12px;"><a href="{{ site.url }}">Home</a></li>
+        <li style="margin-right: 12px;"><a href="{{ site.url }}/about">About</a></li>
         {% if site.owner.github %}
-          <li><a href="{{ site.owner.github }}" target="_blank">Projects</a></li>
+          <li style="margin-right: 12px;"><a href="{{ site.owner.github }}" target="_blank">Projects</a></li>
         {% endif %}
-        <li><a href="{{ site.url }}/feed.xml">RSS</a></li>
+        <li style="margin-right: 12px;"><a href="{{ site.url }}/feed.xml">RSS</a></li>
       </ul>
   </header>
 </div>

about.md

@@ -19,9 +19,9 @@ If you are visiting this page, it means you have configured it right and all you
     <a href="mailto:{{ site.owner.email }}" class="social-media-icons"><i class="fa fa-2x fa-envelope-square" aria-hidden="true"></i></a>
   {% endif %}
   {% if site.owner.twitter %}
-    <a href="https://twitter.com/{{ site.owner.twitter }}" class="social-media-icons"><i class="fa fa-2x fa-twitter-square" aria-hidden="true"></i></a>
+    <a href="https://twitter.com/{{ site.owner.twitter }}" class="social-media-icons"><i class="fa-brands fa-2x fa-square-x-twitter" aria-hidden="true"></i></a>
   {% endif %}
   {% if site.owner.github %}
-    <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa fa-2x fa-github-square" aria-hidden="true"></i></a>
+    <a href="{{ site.owner.github }}" class="social-media-icons"><i class="fa-brands fa-2x fa-square-github" aria-hidden="true"></i></a>
   {% endif %}
 </div>

css/base.css → css/base.scss

@@ -30,8 +30,10 @@ a img{ border:none; }
   Main Layout
 ----------------------------------------------------------------------------*/
 
+
+
 body {
-  font-family: 'Public Sans', sans-serif;
+  font-family: 'IBM Plex Sans', sans-serif;
   background-color: #f8f8f8;
   font-size: 14.5px;
   color: #333;
@@ -40,14 +42,14 @@ body {
 
 p {
   color: #222;
-  font-size: 19px;
+  font-size: 14px;
 }
 
 a.top-link {
   color: #101010;
   margin-top: 40px;
-  font-size: 70px;
-  font-weight: 400;
+  font-size: 72px;
+  font-weight: 700;
   text-decoration: none;
 }
 
@@ -137,6 +139,7 @@ ul.nav li a {
   margin-right: 10px;
   text-decoration: none;
   font-weight: 400;
+  margin-right: 12px;
 }
 ul.nav li a:hover {
   color: #2382c8;
@@ -190,8 +193,8 @@ ul.nav li.logo a {
   /* color: #2382c8; */
   color: deepskyblue;
   text-decoration: none;
-  font-size: 30px;
-  font-weight: 500;
+  font-size: 24px;
+  font-weight: 600;
 }
 
 .listing .post h2 i {
@@ -442,7 +445,7 @@ p > a > img {
 }
 
 .post-date {
-  font-size: 14px;
+  font-size: 12px;
   margin-top: 18px;
 }
 
@@ -541,5 +544,6 @@ code.html span.doctype {
 }
 
 .container h2 {
-  font-weight: 400;
+  font-size: 24px;
+  font-weight: 600;
 }

css/main.scss

@@ -0,0 +1,2 @@
+@use 'base';
+@use 'syntax/emacs';