Major Site Update: 19 Fixes and Updates - 2024

Author: anuditverma

CHANGELOG.md

@@ -0,0 +1,23 @@
+## 2024 - 2nd March 2024 - Saturday
+Happy New Year 2024! Staring to maintain a simple changelog for the blog.
+
+#### Breaking changes
+- Discord supports old and new invite code styles 
+- Be explicit about jekyll version to fix github action
+- Add webrick to gemspec because it isnt included in ruby3 anymore
+- Update gem versions to what GitHub Pages uses
+- Replace var with let or const in javascript
+- Fixed bug where hovering over search results showed the string {desc}
+- Add support for header-extra parameter
+- Remove duplicate css
+- Pagination: change arrows to fontawesome and dont show text on small screens
+- Use slash instead of empty string for absolute url, try to fix links in 'jekyll build'
+- Made the footer stick to the bottom
+- Post navigation: move arrow to correct location
+- Bug fix: escape characters in url in searchjson
+- Simplify header html
+- Change role=main to main tag
+- Fix layouy bug where code blocks dont scroll horizontally
+- Add a title-on-all-pages site option
+- Add a title-off-on-page site option (Custom Solution)
+- Updated Search Bar

Gemfile.lock

@@ -2,29 +2,29 @@ PATH
   remote: .
   specs:
     beautiful-jekyll-theme (5.0.0)
-      jekyll (~> 3.8)
+      jekyll (~> 3.9.3)
       jekyll-paginate (~> 1.1)
       jekyll-sitemap (~> 1.4)
-      kramdown (~> 2.3.0)
+      kramdown (~> 2.3.2)
       kramdown-parser-gfm (~> 1.1)
 
 GEM
   remote: https://rubygems.org/
   specs:
-    addressable (2.8.1)
+    addressable (2.8.6)
       public_suffix (>= 2.0.2, < 6.0)
     colorator (1.1.0)
-    concurrent-ruby (1.2.0)
+    concurrent-ruby (1.2.3)
     em-websocket (0.5.3)
       eventmachine (>= 0.12.9)
       http_parser.rb (~> 0)
     eventmachine (1.2.7)
-    ffi (1.15.5)
+    ffi (1.16.3)
     forwardable-extended (2.6.0)
     http_parser.rb (0.8.0)
-    i18n (1.12.0)
+    i18n (1.14.1)
       concurrent-ruby (~> 1.0)
-    jekyll (3.9.3)
+    jekyll (3.9.5)
       addressable (~> 2.4)
       colorator (~> 1.0)
       em-websocket (~> 0.5)
@@ -49,18 +49,18 @@ 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.3.6)
     pathutil (0.16.2)
       forwardable-extended (~> 2.6)
-    public_suffix (5.0.1)
+    public_suffix (5.0.4)
     rake (12.3.3)
     rb-fsevent (0.11.2)
     rb-inotify (0.10.1)
       ffi (~> 1.0)
-    rexml (3.2.5)
+    rexml (3.2.6)
     rouge (3.30.0)
     safe_yaml (1.0.5)
     sass (3.7.4)
@@ -72,6 +72,7 @@ GEM
 
 PLATFORMS
   arm64-darwin-22
+  arm64-darwin-23
 
 DEPENDENCIES
   beautiful-jekyll-theme!
@@ -80,4 +81,4 @@ DEPENDENCIES
   webrick (~> 1.8)
 
 BUNDLED WITH
-   2.3.11
+   2.3.26

_config.yml

@@ -89,7 +89,7 @@ social-network-links:
 #  mastodon: instance.url/@username
 #  ORCID: your ORCID ID
 #  google-scholar: your google scholar
-#  discord: invite/invite_code or users/userid 
+#  discord: "invite_code" or "users/userid" or "invite/invite_code"
 #  kaggle: yourname
 #  hackerrank: yourname
 
@@ -112,6 +112,12 @@ share-links-active:
 # Remove this if you don't want a link in the footer
 url-pretty: "anudit.in"
 
+# Show the site title in the <title> of all pages in addition to the page title
+title-on-all-pages: true
+
+# Hide the site title in the <title> of a page in addition to the page title
+title-off-on-page: false
+
 # Excerpt word length - Truncate the excerpt of each post on the feed page to the specified number of words
 excerpt_length: 50
 

_includes/footer-minimal.html

@@ -12,7 +12,7 @@
 
     {% if site.url-pretty %}
         •  
-      <a href="{{ '' | absolute_url }}">{{ site.url-pretty }}</a>
+      <a href="{{ '/' | absolute_url }}">{{ site.url-pretty }}</a>
     {% endif %}
   </div>
 </footer>

_includes/footer.html

@@ -20,7 +20,7 @@
       {% if site.url-pretty %}
          • 
         <span class="author-site">
-          <a href="{% if site.url-canonical %}{{ site.url-canonical }}{% else %}{{ '' | absolute_url }}{% endif %}">{{ site.url-pretty }}</a>
+          <a href="{% if site.url-canonical %}{{ site.url-canonical }}{% else %}{{ '/' | absolute_url }}{% endif %}">{{ site.url-pretty }}</a>
         </span>
       {% endif %}
 

_includes/head.html

@@ -2,7 +2,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 
-  {% capture title %}
+  {% capture pagetitle %}
     {%- if page.use-site-title -%}
       {{ site.title | strip_html | xml_escape }} {{ site.title-separator }} {{ site.share-title }}
     {%- elsif page.share-title -%}
@@ -14,6 +14,14 @@
     {%- endif -%}
   {% endcapture %}
 
+  {% capture title %}
+  {%- if page.title-off-on-page -%}
+      {{ pagetitle }}
+    {%- elsif site.title and site.title-on-all-pages and (site.title != pagetitle) -%}
+      {{ pagetitle }} | {{ site.title }}
+    {%- endif -%}
+  {% endcapture %}
+
   {% capture description %}
     {%- if page.use-site-title -%}
       {{ site.meta-description | strip_html | xml_escape }}

_includes/header.html

@@ -1,15 +1,11 @@
-<!-- TODO this file has become a mess, refactor it -->
-
 {% assign date_format = site.date_format | default: "%B %-d, %Y" %}
 
-{% if page.cover-img or page.title %}
-
 {% if page.cover-img %}
   <div id="header-big-imgs" data-num-img={% if page.cover-img.first %}{{ page.cover-img.size }}{% else %}1{% endif %}
     {% for bigimg in page.cover-img %}
     {% assign imgnum = forloop.index %}
     {% for imginfo in bigimg %}
-      {% if imginfo[0] %}
+    {% if imginfo[0] %}
       data-img-src-{{ imgnum }}="{{ imginfo[0] | absolute_url }}"
       data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
     {% else %}
@@ -21,44 +17,8 @@
 {% endif %}
 
 <header class="header-section {% if page.cover-img %}has-img{% endif %}">
-{% if page.cover-img %}
-<div class="big-img intro-header">
-  <div class="container-md">
-    <div class="row">
-      <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
-        <div class="{{ include.type }}-heading">
-          <!-- Using page.meta-title instead of page.title to display "Hi, I'm Anudit" on the home page. -->
-          <h1>{% if page.meta-title %}{{ page.meta-title | strip_html }}{% else %}<br/>{% endif %}</h1>
-          <!-- <h1>{% if page.title %}{{ page.title | strip_html }}{% else %}<br/>{% endif %}</h1> -->
-          {% if page.subtitle %}
-            {% if include.type == "page" %}
-              <hr class="small">
-              <span class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</span>
-            {% else %}
-              <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
-            {% endif %}
-          {% endif %}
-
-          {% if include.type == "post" %}
-            <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
-            {% if page.last-updated %}
-              <span class="post-meta">
-                <span class="d-none d-md-inline middot">&middot;</span>
-                Last updated {{ page.last-updated | date: date_format }}
-              </span>
-            {% endif %}
-            {% if page.readtime %}
-              {% include readtime.html %}
-            {% endif %}
-          {% endif %}
-        </div>
-      </div>
-    </div>
-  </div>
-  <span class='img-desc'></span>
-</div>
-{% endif %}
-<div class="intro-header no-img">
+<div class="intro-header {% if page.cover-img %} big-img {% endif %}">
+  {% if page.cover-img or page.title %}
   <div class="container-md">
     <div class="row">
       <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1">
@@ -72,8 +32,11 @@ <h1>{% if page.title %}{{ page.title | strip_html }}{% else %}<br/>{% endif %}</
               <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
             {% endif %}
           {% endif %}
-
-          {% if include.type == "post" %}
+          
+          {% if include.type == "post" %} 
+            {% if page.author %}
+              By <strong>{{ page.author | strip_html }}</strong><br>
+            {% endif%}
             <span class="post-meta">Posted on {{ page.date | date: date_format }}</span>
             {% if page.last-updated %}
               <span class="post-meta">
@@ -89,10 +52,14 @@ <h2 class="{{ include.type }}-subheading">{{ page.subtitle | strip_html }}</h2>
       </div>
     </div>
   </div>
+  {% endif %}
+  {% if page.cover-img %}<span class='img-desc'></span>{% endif %}
 </div>
-</header>
 
-
-{% else %}
-<div class="intro-header"></div>
+{% if page.header-extra %}
+  {% for file in page.header-extra %}
+    {% include {{ file }} %}
+  {% endfor %}
 {% endif %}
+
+</header>

_includes/nav.html

@@ -1,9 +1,9 @@
 <nav class="navbar navbar-expand-xl navbar-light fixed-top navbar-custom {% if page.nav-short %}top-nav-short-permanent{% else %}top-nav-regular{% endif %}">
 
   {%- if site.title-img -%}
-    <a class="navbar-brand navbar-brand-logo" href="{{ '' | absolute_url }}"><img alt="{{ site.title }} Logo" src="{{ site.title-img | relative_url}}"/></a>
+    <a class="navbar-brand navbar-brand-logo" href="{{ '/' | absolute_url }}"><img alt="{{ site.title }} Logo" src="{{ site.title-img | relative_url}}"/></a>
   {%- elsif site.title -%}
-    <a class="navbar-brand" href="{{ '' | absolute_url }}">{{ site.title }}</a>
+    <a class="navbar-brand" href="{{ '/' | absolute_url }}">{{ site.title }}</a>
   {%- endif -%}
 
   <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#main-navbar" aria-controls="main-navbar" aria-expanded="false" aria-label="Toggle navigation">
@@ -50,7 +50,7 @@
   {% if site.avatar and page.show-avatar != false %}
     <div class="avatar-container">
       <div class="avatar-img-border">
-        <a href="{{ '' | absolute_url }}">
+        <a href="{{ '/' | absolute_url }}">
           <img alt="Navigation bar avatar" class="avatar-img" src="{{ site.avatar | relative_url }}" />
         </a>
       </div>

_includes/search.html

@@ -12,14 +12,16 @@
       {% for post in site.posts %} \
         { \
           "title"    : "{% if post.title != "" %}{{ post.title | strip_html | escape }}{% else %}{{ post.excerpt | strip_html | escape | strip }}{%endif%}", \
+          "desc"     : "{% if post.title != "" %}{{ post.title | strip_html | escape }}{% else %}{{ post.excerpt | strip_html | escape | strip }}{%endif%}", \
           "category" : "{{ post.tags | join: \', \' }}", \
-          "url"      : "{{ site.baseurl }}{{ post.url }}", \
+          "url"      : "{{ site.baseurl }}{{ post.url | escape }}", \
           "date"     : "{{ post.date | date: "%B %e, %Y" | default: "January 1, 1970" }}" \
         }, \
       {% endfor %} \
       {% for page in site.html_pages %}{% if page.title != "{title}" and page.title != "404 - Page not found" %} \
         { \
           "title"    : "{% if page.title != "" %}{{ page.title | strip_html | escape }}{% else %}{{ page.excerpt | strip_html | escape | strip }}{% endif %}", \
+          "desc"     : "{% if page.title != "" %}{{ page.title | strip_html | escape }}{% else %}{{ page.excerpt | strip_html | escape | strip }}{% endif %}", \
           "category" : "{% if page.tags %}{{ page.tags | join: \', \' }}{% else %}page{% endif %}", \
           "url"      : "{{ site.baseurl }}{{ page.url }}", \
           "date"     : "{{ page.date | date: '%B %e, %Y' | default: "January 1, 1970" }}" \

_includes/social-networks-links.html

@@ -302,7 +302,7 @@
 
 {%- if site.social-network-links.discord -%}
   <li class="list-inline-item">
-    <a href="https://discord.com/{{ site.social-network-links.discord }}" title="Discord">
+    <a href="https://discord.com/{{discord_url_prefix}}{{site.social-network-links.discord}}" title="Discord">
       <span class="fa-stack fa-lg" aria-hidden="true">
         <i class="fas fa-circle fa-stack-2x"></i>
         <i class="fab fa-discord fa-stack-1x fa-inverse"></i>