[pull] master from adityatelange:master

.github/workflows/build-check.yml

@@ -42,7 +42,7 @@ jobs:
           && sudo dpkg -i ${{ runner.temp }}/hugo.deb
 
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           ref: exampleSite
 

.github/workflows/gh-pages.yml

@@ -47,12 +47,12 @@ jobs:
           wget -O ${{ runner.temp }}/hugo.deb https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_${HUGO_VERSION}_linux-amd64.deb \
           && sudo dpkg -i ${{ runner.temp }}/hugo.deb
       - name: Checkout
-        uses: actions/checkout@v4
+        uses: actions/checkout@v6
         with:
           ref: exampleSite
       - name: Setup Pages
         id: pages
-        uses: actions/configure-pages@v5
+        uses: actions/configure-pages@v6
       - name: Get Theme
         run: git submodule update --init --recursive
       - name: Update theme to Latest commit
@@ -63,7 +63,7 @@ jobs:
             --buildDrafts --gc \
             --baseURL ${{ steps.pages.outputs.base_url }}
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v3
+        uses: actions/upload-pages-artifact@v5
         with:
           path: ./public
   # Deployment job
@@ -79,4 +79,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v5

assets/css/common/header.css

@@ -3,9 +3,10 @@
     flex-wrap: wrap;
     justify-content: space-between;
     max-width: calc(var(--nav-width) + var(--gap) * 2);
-    margin-inline-start: auto;
-    margin-inline-end: auto;
+    margin: auto;
     line-height: var(--header-height);
+    padding: 0 var(--gap);
+    column-gap: var(--gap);
 }
 
 .header-nav a {
@@ -15,7 +16,6 @@
 .logo,
 .menu {
     display: flex;
-    margin: auto var(--gap);
 }
 
 .logo {
@@ -82,10 +82,7 @@
     word-break: keep-all;
     overflow-x: auto;
     white-space: nowrap;
-}
-
-.menu li+li {
-    margin-inline-start: var(--gap);
+    column-gap: var(--gap);
 }
 
 .menu a {
@@ -94,5 +91,7 @@
 
 .menu .active {
     font-weight: 500;
-    border-bottom: 2px solid currentColor;
+    text-decoration: underline;
+    text-underline-offset: 0.3rem;
+    text-decoration-thickness: 2px;
 }

assets/css/common/md-content.css

@@ -31,7 +31,7 @@
     font-size: 12px;
 }
 
-.md-content a {
+.md-content a:not(.anchor) {
     text-underline-offset: 0.3rem;
     text-decoration: underline;
 }
@@ -40,21 +40,21 @@
     text-decoration: line-through;
 }
 
-.md-content dl,
-.md-content ol,
-.md-content p,
-.md-content figure,
-.md-content ul {
+.md-content dl:not(:last-child),
+.md-content ol:not(:last-child),
+.md-content p:not(:last-child),
+.md-content figure:not(:last-child),
+.md-content ul:not(:last-child) {
     margin-bottom: var(--content-gap);
 }
 
 .md-content ol,
 .md-content ul {
-    padding-inline-start: 20px;
+    padding-inline-start: 1.25rem;
 }
 
 .md-content li {
-    margin-top: 5px;
+    margin-top: 0.3rem;
 }
 
 .md-content li p {
@@ -90,9 +90,9 @@
 .md-content table th,
 .md-content table:not(.highlighttable, .highlight table, .gist .highlight) td {
     min-width: 80px;
-    padding: 8px 5px;
+    padding: 6px 13px;
     line-height: 1.5;
-    border-bottom: 1px solid var(--border);
+    border: 1px solid var(--border);
 }
 
 .md-content table th {
@@ -165,7 +165,7 @@
 .md-content blockquote {
     margin: 1rem 0;
     padding-inline-start: 1rem;
-    border-inline-start: 0.3rem solid var(--primary);
+    border-inline-start: 0.3rem solid var(--content);
 }
 
 .md-content hr {
@@ -213,11 +213,14 @@
 .md-content h6:hover .anchor {
     display: inline-flex;
     color: var(--secondary);
-    margin-inline-start: 8px;
+    margin-inline-start: 0.5em;
     font-weight: 500;
     user-select: none;
 }
 
+.anchor:hover {
+    color: var(--content) !important;
+}
 
 .md-content img.in-text {
     display: inline;

assets/css/common/post-entry.css

@@ -34,6 +34,7 @@
 }
 
 .home-info .entry-content {
+    --content-gap: 0.5rem;
     -webkit-line-clamp: unset;
     margin: 0;
 }
@@ -49,12 +50,14 @@
     padding: var(--gap);
     background: var(--entry);
     border-radius: var(--radius);
-    transition: transform 0.1s;
+    transition: transform 0.25s ease;
     border: 1px solid var(--border);
 }
 
-.post-entry:active {
-    transform: scale(0.96);
+.post-entry:hover,
+.post-entry:focus-within {
+    transform: translateY(-2px);
+    border-color: var(--tertiary);
 }
 
 .tag-entry .entry-cover {
@@ -93,6 +96,7 @@
     right: 0;
     top: 0;
     bottom: 0;
+    border-radius: var(--radius);
 }
 
 .entry-hint {
@@ -108,7 +112,6 @@
     font-size: 14px;
     margin-bottom: var(--gap);
     text-align: center;
-    border-radius: var(--radius);
     display: flex;
     flex-direction: column;
     gap: .5rem;

assets/css/common/search.css

@@ -7,38 +7,35 @@
     border-radius: var(--radius);
 }
 
-.searchbox input:focus {
-    border-color: var(--secondary);
-}
-
 .searchResults li {
     list-style: none;
     border-radius: var(--radius);
-    padding: 10px;
-    margin: 10px 0;
+    padding: 10px 15px;
     position: relative;
     font-weight: 500;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--entry);
+    transition: transform .25s ease;
+    border: 1px solid var(--border);
 }
 
 .searchResults {
-    margin: 10px 0;
+    margin: var(--content-gap) 0;
     width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
 }
 
-.searchResults li:active {
-    transition: transform 0.1s;
-    transform: scale(0.98);
-}
-
-.searchResults a {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0px;
-    left: 0px;
+.searchResults li:hover,
+.searchResults li:focus-within {
+    transform: translateY(-2px);
+    border-color: var(--tertiary);
 }
 
-.searchResults .focus {
-    transform: scale(0.98);
-    border: 2px solid var(--tertiary);
+.searchResults li .entry-link:focus {
+    outline: 2px solid var(--secondary);
+    outline-offset: -2px;
 }

assets/css/common/terms.css

@@ -1,7 +1,7 @@
 .terms-tags {
     display: flex;
     flex-wrap: wrap;
-    gap: 20px;
+    gap: 1em;
     margin-top: var(--content-gap);
 }
 
@@ -14,11 +14,6 @@
     display: block;
     padding: 4px 10px;
     background: var(--tertiary);
-    border-radius: 6px;
+    border-radius: var(--radius);
     transition: transform 0.1s;
 }
-
-.terms-tags a:active {
-    background: var(--tertiary);
-    transform: scale(0.96);
-}

assets/js/fastsearch.js

@@ -79,7 +79,7 @@ sInput.onkeyup = function (e) {
     if (fuse) {
         let results;
         if (params.fuseOpts) {
-            results = fuse.search(this.value.trim(), {limit: params.fuseOpts.limit}); // the actual query being run using fuse.js along with options
+            results = fuse.search(this.value.trim(), { limit: params.fuseOpts.limit }); // the actual query being run using fuse.js along with options
         } else {
             results = fuse.search(this.value.trim()); // the actual query being run using fuse.js
         }
@@ -88,8 +88,12 @@ sInput.onkeyup = function (e) {
             let resultSet = ''; // our results bucket
 
             for (let item in results) {
-                resultSet += `<li class="post-entry"><header class="entry-header">${results[item].item.title}&nbsp;»</header>` +
-                    `<a href="${results[item].item.permalink}" aria-label="${results[item].item.title}"></a></li>`
+                resultSet +=
+                    `<li>` +
+                    `${results[item].item.title}` +
+                    `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-right"><polyline points="13 17 18 12 13 7"></polyline><polyline points="6 17 11 12 6 7"></polyline></svg>` +
+                    `<a class="entry-link" href="${results[item].item.permalink}" aria-label="${results[item].item.title}"></a>` +
+                    `</li>`
             }
 
             resList.innerHTML = resultSet;

layouts/_default/list.html

@@ -31,7 +31,7 @@ <h1>
 {{- end }}
 
 {{- if .Content }}
-<div class="md-content">
+<div class="post-content md-content">
   {{- if not (.Param "disableAnchoredHeadings") }}
   {{- partial "anchored_headings.html" .Content -}}
   {{- else }}{{ .Content }}{{ end }}