Normalize formatting and Liquid fixes

Reflow social link tags for readability, escape _config.yml in docs,
replace nil checks with null in layouts, and apply whitespace/SCSS
cleanup plus a minor quote change for project date formatting

Author: khanhthanhdev

CUSTOMIZE.md

@@ -62,7 +62,7 @@ Here we will give you some tips on how to customize the website. One important t
     - [How it works](#how-it-works)
     - [Configuration](#configuration-1)
     - [Disable related posts for a specific post](#disable-related-posts-for-a-specific-post)
-    - [Additional configuration in _config.yml](#additional-configuration-in-_configyml)
+    - [Additional configuration in \_config.yml](#additional-configuration-in-_configyml)
   - [Managing publication display](#managing-publication-display)
   - [Adding a Google Calendar](#adding-a-google-calendar)
     - [Basic usage](#basic-usage)

_includes/header.liquid

@@ -27,16 +27,32 @@
             <a href="mailto:{{ site.data.socials.email | encode_email }}" title="email"><i class="fa-solid fa-envelope"></i></a>
           {% endif %}
           {% if site.data.socials.github_username %}
-            <a href="https://github.com/{{ site.data.socials.github_username }}" title="GitHub" rel="external nofollow noopener" target="_blank"><i class="fa-brands fa-github"></i></a>
+            <a href="https://github.com/{{ site.data.socials.github_username }}" title="GitHub" rel="external nofollow noopener" target="_blank"
+              ><i class="fa-brands fa-github"></i
+            ></a>
           {% endif %}
           {% if site.data.socials.scholar_userid %}
-            <a href="https://scholar.google.com/citations?user={{ site.data.socials.scholar_userid }}" title="Google Scholar" rel="external nofollow noopener" target="_blank"><i class="ai ai-google-scholar"></i></a>
+            <a
+              href="https://scholar.google.com/citations?user={{ site.data.socials.scholar_userid }}"
+              title="Google Scholar"
+              rel="external nofollow noopener"
+              target="_blank"
+              ><i class="ai ai-google-scholar"></i
+            ></a>
           {% endif %}
           {% if site.data.socials.linkedin_username %}
-            <a href="https://www.linkedin.com/in/{{ site.data.socials.linkedin_username }}" title="LinkedIn" rel="external nofollow noopener" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
+            <a
+              href="https://www.linkedin.com/in/{{ site.data.socials.linkedin_username }}"
+              title="LinkedIn"
+              rel="external nofollow noopener"
+              target="_blank"
+              ><i class="fa-brands fa-linkedin"></i
+            ></a>
           {% endif %}
           {% if site.data.socials.x_username %}
-            <a href="https://twitter.com/{{ site.data.socials.x_username }}" title="X" rel="external nofollow noopener" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+            <a href="https://twitter.com/{{ site.data.socials.x_username }}" title="X" rel="external nofollow noopener" target="_blank"
+              ><i class="fa-brands fa-x-twitter"></i
+            ></a>
           {% endif %}
         </div>
       {% endif %}

_includes/projects.liquid

@@ -15,7 +15,7 @@
     <a href="{% if project.redirect %}{{ project.redirect }}{% else %}{{ project.url | relative_url }}{% endif %}">
       <strong>{{ project.title }}</strong>
     </a>
-    {% if project.date %} ({{ project.date | date: "%Y" }}){% endif %}
+    {% if project.date %} ({{ project.date | date: '%Y' }}){% endif %}
     {% if project.description %} — {{ project.description }}{% endif %}
     {% if project.github %}
       [<a href="{{ project.github }}">code</a>]

_layouts/about.liquid

@@ -42,7 +42,7 @@ layout: default
 
     <!-- Latest posts -->
     {% if site.latest_posts.enabled %}
-    <br>
+      <br>
       <h2>
         <a href="{{ '/blog/' | relative_url }}" style="color: inherit">latest posts</a>
       </h2>
@@ -51,7 +51,7 @@ layout: default
 
     <!-- Selected papers -->
     {% if page.selected_papers %}
-    <br>
+      <br>
       <h2>
         <a href="{{ '/publications/' | relative_url }}" style="color: inherit">selected publications</a>
       </h2>

_layouts/page.liquid

@@ -15,7 +15,7 @@ layout: default
   </header>
 
   <article>
-    {% if page.toc and page.toc.beginning and page.toc.sidebar == nil %}
+    {% if page.toc and page.toc.beginning and page.toc.sidebar == null %}
       <div id="table-of-contents">
         {% toc %}
       </div>

_layouts/post.liquid

@@ -62,7 +62,7 @@ layout: default
   </header>
 
   <article class="post-content">
-    {% if page.toc and page.toc.beginning and page.toc.sidebar == nil %}
+    {% if page.toc and page.toc.beginning and page.toc.sidebar == null %}
       <div id="table-of-contents">
         {% toc %}
       </div>

_pages/blog.md

@@ -88,9 +88,11 @@ pagination:
         </p>
       </li>
     {% endfor %}
+
   </ul>
 
-  {% if page.pagination.enabled %}
-    {% include pagination.liquid %}
-  {% endif %}
+{% if page.pagination.enabled %}
+{% include pagination.liquid %}
+{% endif %}
+
 </div>

_pages/projects.md

@@ -26,6 +26,7 @@ display_categories: [work, fun]
 
 {% else %}
 {% assign sorted_projects = site.projects | sort: "importance" %}
+
 <ul>
   {% for project in sorted_projects %}
     {% include projects.liquid %}

_sass/_blog.scss

@@ -6,13 +6,13 @@
   margin-bottom: 2rem;
   border-bottom: 1px solid var(--global-divider-color);
   padding-bottom: 1rem;
-  
+
   .post-title {
     font-size: 2rem;
     margin-bottom: 0.5rem;
     color: var(--global-text-color);
   }
-  
+
   .post-meta {
     color: var(--global-text-color-light);
     font-size: 1rem;

_sass/_distill.scss

@@ -203,7 +203,7 @@ d-article {
     grid-column-start: 3;
     grid-column-end: -3;
   }
-  table tr td{
+  table tr td {
     grid-column-start: 3;
     grid-column-end: -3;
   }