rm redundant styleing from profile-mode

link refs to wiki instead of demo

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: adityatelange
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: #

.github/stale.yml

@@ -0,0 +1,17 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 7
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 3
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - keep
+# Label to use when marking an issue as stale
+staleLabel: stale
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false

LICENSE

@@ -1,6 +1,7 @@
 MIT License
 
-Copyright (c) 2020 nanxiaobei, adityatelange
+Copyright (c) 2020 nanxiaobei and adityatelange
+Copyright (c) 2021 adityatelange
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,76 +1,85 @@
-![Build GH-Pages](https://github.com/adityatelange/hugo-PaperMod/workflows/Build%20GH-Pages/badge.svg)
+# PaperMod | [Demo](https://adityatelange.github.io/hugo-PaperMod/)
-![GitHub](https://img.shields.io/github/license/adityatelange/hugo-PaperMod)
-[![hugo-papermod](https://img.shields.io/badge/Hugo--Themes-@PaperMod-blue)](https://themes.gohugo.io/hugo-papermod/)
-[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=adityatelange_hugo-PaperMod&metric=alert_status)](https://sonarcloud.io/dashboard?id=adityatelange_hugo-PaperMod)
-![code-size](https://img.shields.io/github/languages/code-size/adityatelange/hugo-PaperMod)
-
-# hugo-PaperMod | [Demo](https://adityatelange.github.io/hugo-PaperMod/)
 
 ☄️ Fast | ☁️ Fluent | 🌙 Smooth | 📱 Responsive
 
 Hugo PaperMod is a theme based on [hugo-paper](https://github.com/nanxiaobei/hugo-paper).
-
 The goal of this project is add more Features and customization to the og theme.
 
 The [demo site](https://adityatelange.github.io/hugo-PaperMod/) includes a lot of documentation about Installation, Features with few more stuff. Make sure you visit it, to get the awesome hands-on experience and get known about the features ...
 
 ExampleSite can be found here: [exampleSite](https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite). Demo is built up with exampleSite as source.
 
+![Build GH-Pages](https://github.com/adityatelange/hugo-PaperMod/workflows/Build%20GH-Pages/badge.svg)
+![GitHub](https://img.shields.io/github/license/adityatelange/hugo-PaperMod)
+[![hugo-papermod](https://img.shields.io/badge/Hugo--Themes-@PaperMod-blue)](https://themes.gohugo.io/hugo-papermod/)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=adityatelange_hugo-PaperMod&metric=alert_status)](https://sonarcloud.io/dashboard?id=adityatelange_hugo-PaperMod)
+![code-size](https://img.shields.io/github/languages/code-size/adityatelange/hugo-PaperMod)
+
 ---
 
 <p align="center">
-  <kbd><img width=600px src="https://i.ibb.co/GvspqCX/HomeInfo.png" alt="HomeInfo" /></kbd>
+  <kbd><img width=600px src="https://raw.githubusercontent.com/adityatelange/hugo-PaperMod/exampleSite/content/posts/papermod/papermod-features/images/homeinfo.webp" alt="HomeInfo" /></kbd>
   <kbd><img width=153px src="https://i.ibb.co/LNgGcrt/mobileview.png" alt="HomeInfo" /></kbd>
 </p>
 
 ---
 
-## Install
+## Features/Mods 💥
 
-Read this post For More Details => [hugo-PaperMod - Installation](https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-installation/)
+-   Uses Hugo's asset generator with pipelining, fingerprinting, bundling and minification by default.
+-   3 Modes:
+    -   [Regular Mode.](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#regular-mode-default-mode)
+    -   [Home-Info Mode.](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#home-info-mode)
+    -   [Profile Mode.](https://github.com/adityatelange/hugo-PaperMod/wiki/Features#profile-mode)
+-   Table of Content Generation (newer implementation).
+-   Archive of posts.
+-   Social Icons (home-info and profile-mode)
+-   Social-Media Share buttons on post.
+-   Menu location indicator.
+-   Multilingual support. (with language selector)
+-   Taxonomies
+-   Cover image for each post (with Responsive image support).
+-   Light/Dark theme (automatic theme switch a/c to browser theme and theme-switch button).
+-   SEO Friendly.
+-   Muliple Author support.
+-   Search Page with Fuse.js
+-   No webpack, nodejs and other depedencies required to edit the theme.
+
+Read this post For More Details => **[PaperMod - Features](https://github.com/adityatelange/hugo-PaperMod/wiki/Features)**
 
 ---
 
-## Features/Mods
+## Install/Update 📥
 
-- Uses Hugo's asset generator with pipelining, fingerprinting, bundling and minification by default.
+Read Wiki For More Details => **[PaperMod - Installation](https://github.com/adityatelange/hugo-PaperMod/wiki/Installation)**
-- 3 Modes:
-    - Regular Mode.
-    - [Home-Info Mode.](https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/#home-info-mode)
-    - [Profile Mode.](https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/#profile-mode)
-- Table of Content Generation (newer implementation).
-- Archive of posts
-- Social-Media Share buttons on post.
-- Menu location indicator.
-- Multilingual support.
-- Cover image for each post
-- Light/Dark theme ( automatic theme switch a/c to browser theme)
-- No webpack, nodejs and other depedencies required to edit the theme :)
-
-Read this post For More Details => [hugo-PaperMod - Features](https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-features/)
-
-Release ChangeLog has info about stuff added: [Releases](https://github.com/adityatelange/hugo-PaperMod/releases)
 
 ---
 
-## Social-Icons
+## Social-Icons/Share-Icons 🖼️
 
-Read this post For More Details => [Social-Icons](https://adityatelange.github.io/hugo-PaperMod/posts/papermod/papermod-icons/)
+Read Wiki For More Details => **[PaperMod-Icons](https://github.com/adityatelange/hugo-PaperMod/wiki/Icons)**
 
 ---
 
-## LightHouse Report
+## FAQs / How To's Guide 🙋
 
-<kbd><a href="https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fadityatelange.github.io%2Fhugo-PaperMod%2F"><img src="https://i.ibb.co/y6RwCzb/lighthouse.png" alt="LightHouse" /></a></kbd>
+Read Wiki For More Details => **[PaperMod-FAQs](https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs)**
 
 ---
 
-## Found a bug?
+## Release Changelog
 
-If you spot any bugs, please use [Issue Tracker](https://github.com/adityatelange/hugo-PaperMod/issues) and/or
+Release ChangeLog has info about stuff added: **[Releases](https://github.com/adityatelange/hugo-PaperMod/releases)**
-create a new [Pull Request](https://github.com/adityatelange/hugo-PaperMod/pulls) to fix the issue.
 
-![GitHub issues](https://img.shields.io/github/issues-raw/adityatelange/hugo-papermod)
+---
-![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/adityatelange/hugo-PaperMod)
+
-![GitHub pull requests](https://img.shields.io/github/issues-pr-raw/adityatelange/hugo-papermod)
+## [LightHouse Report (100% ?)](https://lighthouse-dot-webdotdevsite.appspot.com//lh/html?url=https%3A%2F%2Fadityatelange.github.io%2Fhugo-PaperMod%2F)
-![GitHub closed pull requests](https://img.shields.io/github/issues-pr-closed-raw/adityatelange/hugo-papermod)
+
+---
+
+## Special Thanks 🌟
+
+-   [**Highlight.js**](https://github.com/highlightjs/highlight.js)
+-   [**Fuse.js**](https://github.com/krisk/fuse)
+-   [**Feather Icons**](https://github.com/feathericons/feather)
+-   **All Contributors and Supporters**

assets/css/404.css

@@ -1,5 +1,3 @@
-/* 404
--------------------------------------------------- */
 .not-found {
     position: absolute;
     left: 0;
@@ -9,5 +7,5 @@
     justify-content: center;
     height: 80%;
     font-size: 160px;
-    font-weight: 700;
+    font-weight: 700
 }

assets/css/archive.css

@@ -1,60 +1,44 @@
-/* Archive
--------------------------------------------------- */
 .archive-posts {
     width: 100%;
-    font-size: 16px;
+    font-size: 16px
 }
 
 .archive-year {
-    margin-top: 40px;
+    margin-top: 40px
 }
 
 .archive-year:not(:last-of-type) {
-    border-bottom: 2px solid var(--border);
+    border-bottom: 2px solid var(--border)
 }
 
 .archive-month {
     display: flex;
     align-items: flex-start;
-    padding: 10px 0;
+    padding: 10px 0
 }
 
 .archive-month-header {
     margin: 25px 0;
-    width: 200px;
+    width: 200px
 }
 
 .archive-month:not(:last-of-type) {
-    border-bottom: 1px solid var(--border);
+    border-bottom: 1px solid var(--border)
 }
 
 .archive-entry {
     position: relative;
     padding: 5px;
-    margin: 10px 0;
+    margin: 10px 0
 }
 
 .archive-entry-title {
     margin: 5px 0;
-    font-weight: 400;
+    font-weight: 400
 }
 
+.archive-count,
 .archive-meta {
     color: var(--secondary);
-    font-size: 14px;
+    font-size: 14px
-}
-
-.archive-count {
-    color: var(--secondary);
-    font-size: 14px;
-}
-
-@media (max-width: 800px) {
-    .archive-month {
-        flex-direction: column;
-    }
-
-    .archive-year {
-        margin-top: 20px;
-    }
 }

assets/css/extended/blank.css

@@ -0,0 +1,5 @@
+/*
+This is just a placeholder blank stylesheet so as to support adding custom styles budled with theme's default styles
+
+Read https://github.com/adityatelange/hugo-PaperMod/wiki/FAQs#bundling-custom-css-with-themes-assets for more info
+*/

assets/css/footer.css

@@ -1,34 +1,33 @@
-/* Footer
+.footer,
--------------------------------------------------- */
+.top-link {
+    font-size: 12px;
+    color: var(--secondary)
+}
+
 .footer {
     max-width: calc(var(--main-width) + var(--gap) * 2);
     margin: auto;
     padding: calc((var(--footer-height) - (var(--gap)) - 10px) / 2) var(--gap);
-    color: var(--secondary);
-    font-size: 12px;
     text-align: center;
-    line-height: 24px;
+    line-height: 24px
 }
 
 .footer span {
-    margin-left: 1px;
+    margin-inline-start: 1px;
-    margin-right: 1px;
+    margin-inline-end: 1px
 }
 
 .footer a {
     color: inherit;
-    border-bottom: 1px solid var(--secondary);
+    border-bottom: 1px solid var(--secondary)
 }
 
 .footer a:hover {
-    color: var(--primary);
+    border-bottom: 1px solid var(--primary)
-    border-bottom: 1px solid var(--primary);
 }
 
 .top-link {
-    font-size: 12px;
     visibility: hidden;
-    opacity: 0;
     position: fixed;
     bottom: 60px;
     right: 30px;
@@ -37,14 +36,20 @@
     width: 42px;
     height: 42px;
     padding: 12px;
-    color: var(--secondary);
     border-radius: 64px;
-    fill: currentColor;
+    transition: visibility .5s, opacity .8s linear
-    fill-opacity: 80%;
-    transition: visibility 0.5s,
-        opacity 0.8s linear;
 }
 
-.top-link:hover {
+.top-link,
-    color: var(--primary);
+.top-link svg {
+    filter: drop-shadow(0px 0px 0px var(--theme));
+}
+
+.footer a:hover,
+.top-link:hover {
+    color: var(--primary)
+}
+
+.top-link:focus {
+    outline: 0
 }

assets/css/header.css

@@ -1,17 +1,15 @@
-/* Header
--------------------------------------------------- */
 .nav {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     max-width: calc(var(--nav-width) + var(--gap) * 2);
-    margin-left: auto;
+    margin-inline-start: auto;
-    margin-right: auto;
+    margin-inline-end: auto;
+    line-height: var(--header-height)
 }
 
 .nav a {
-    display: block;
+    display: block
-    line-height: var(--header-height);
 }
 
 .logo,
@@ -20,41 +18,72 @@
     margin: auto var(--gap);
 }
 
+.logo {
+    flex-wrap: inherit
+}
+
 .logo a {
     font-size: 24px;
     font-weight: 700;
+    margin-inline-end: 10px
 }
 
-.theme-toggle svg{
+.logo a img {
-    height: 18px;
+    display: inline;
-    margin: 0 10px;
-}
-
-body.dark #moon{
     vertical-align: middle;
-    display: none;
+    pointer-events: none;
+    transform: translate(0, -10%);
+    border-radius: 6px;
+    margin-inline-end: 8px
+}
+
+.theme-toggle svg {
+    height: 18px;
+    user-select: none;
+    cursor: pointer
+}
+
+body.dark #moon {
+    vertical-align: middle;
+    display: none
 }
 
 body:not(.dark) #sun {
-    display: none;
+    display: none
 }
 
 .menu {
     list-style: none;
     word-break: keep-all;
     overflow-x: auto;
-    white-space: nowrap;
+    white-space: nowrap
 }
 
 .menu li+li {
-    margin-left: var(--gap);
+    margin-inline-start: var(--gap)
 }
 
 .menu a {
-    font-size: 16px;
+    font-size: 16px
 }
 
 .menu .active {
     font-weight: 500;
-    border-bottom: 2px solid currentColor;
+    border-bottom: 2px solid currentColor
+}
+
+.lang-switch li,
+.lang-switch ul,
+.logo-switches {
+    display: inline-flex
+}
+
+.lang-switch a {
+    font-size: 16px;
+    font-weight: 500;
+    margin: 0 8px
+}
+
+.logo-switches {
+    flex-wrap: inherit
 }

assets/css/main.css

@@ -1,29 +1,21 @@
-/* Main
--------------------------------------------------- */
 .main {
     position: relative;
     min-height: calc(100vh - var(--header-height) - var(--footer-height));
     max-width: calc(var(--main-width) + var(--gap) * 2);
     margin: auto;
-    padding: var(--gap);
+    padding: var(--gap)
-}
-
-@media screen and (max-width: 400px) {
-    .main {
-        min-height: calc(100vh - var(--header-height) - var(--footer-height) - 24px);
-    }
 }
 
 .page-header {
-    margin-bottom: 24px;
+    margin-bottom: 24px
 }
 
 .page-header h1 {
-    font-size: 40px;
+    font-size: 40px
 }
 
 .pagination {
-    display: flex;
+    display: flex
 }
 
 .pagination a {
@@ -32,22 +24,26 @@
     line-height: 36px;
     background: var(--primary);
     border-radius: calc(36px / 2);
-    padding: 0 16px;
+    padding: 0 16px
 }
 
 .pagination .next {
-    margin-left: auto;
+    margin-inline-start: auto
 }
 
 .social-icons {
-    padding: 12px 0;
+    padding: 12px 0
 }
 
 .social-icons a:not(:last-of-type) {
-    margin-right: 12px;
+    margin-inline-end: 12px
 }
 
 .social-icons a svg {
     height: 26px;
-    width: 26px;
+    width: 26px
+}
+
+code {
+    direction: ltr
 }

assets/css/post-entry.css

@@ -1,39 +1,36 @@
-/* Post entry
--------------------------------------------------- */
 .first-entry {
     position: relative;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 320px;
-    margin: var(--gap) 0 calc(var(--gap) * 2) 0;
+    margin: var(--gap) 0 calc(var(--gap) * 2) 0
-}
-
-@media screen and (max-width: 600px) {
-    .first-entry {
-        min-height: 260px;
-    }
 }
 
 .first-entry .entry-header {
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 3
 }
 
 .first-entry .entry-header h2 {
     font-size: 34px;
+    line-height: 1.3
 }
 
 .first-entry .entry-content {
     margin: 14px 0;
     font-size: 16px;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 3
 }
 
 .first-entry .entry-footer {
-    font-size: 14px;
+    font-size: 14px
+}
+
+.home-info .entry-content {
+    -webkit-line-clamp: unset
 }
 
 .post-entry {
@@ -42,20 +39,20 @@
     padding: var(--gap);
     background: var(--entry);
     border-radius: var(--radius);
-    transition: transform 0.1s;
+    transition: transform .1s;
+    border: 1px solid var(--border);
 }
 
 .post-entry:active {
-    transform: scale(0.96);
+    transform: scale(.96)
 }
 
-.tag-entry .entry-content,
+.tag-entry .entry-cover {
-.tag-entry .entry-footer {
+    display: none
-    display: none;
 }
 
 .entry-header h2 {
-    font-size: 24px;
+    font-size: 24px
 }
 
 .entry-content {
@@ -66,12 +63,12 @@
     overflow: hidden;
     display: -webkit-box;
     -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
+    -webkit-line-clamp: 2
 }
 
 .entry-footer {
     color: var(--secondary);
-    font-size: 13px;
+    font-size: 13px
 }
 
 .entry-link {
@@ -79,29 +76,31 @@
     left: 0;
     right: 0;
     top: 0;
-    bottom: 0;
+    bottom: 0
+}
+
+.entry-cover,
+.entry-isdraft {
+    font-size: 14px;
+    color: var(--secondary)
 }
 
 .entry-isdraft {
-    display: inline;
+    display: inline
-    color: var(--secondary);
-    font-size: 14px;
 }
 
 .entry-cover {
     margin-bottom: var(--gap);
-    text-align: center;
+    text-align: center
-    font-size: 14px;
-    color: var(--secondary);
 }
 
 .entry-cover img {
     border-radius: var(--radius);
     pointer-events: none;
-    width: 100%;
+    width: 100%
 }
 
 .entry-cover a {
     color: var(--secondary);
-    box-shadow: 0 1px 0 var(--primary);
+    box-shadow: 0 1px 0 var(--primary)
 }

assets/css/post-single.css

@@ -1,5 +1,3 @@
-/* Post single
--------------------------------------------------- */
 .post-header {
     margin: 24px auto var(--content-gap) auto
 }
@@ -7,312 +5,352 @@
 .post-title {
     margin-bottom: 2px;
     font-size: 40px;
-    transform: translateX(-2px);
+    transform: translateX(-2px)
+}
+
+.post-description {
+    margin-top: 10px;
+    margin-bottom: 5px;
 }
 
 .post-meta {
     color: var(--secondary);
     font-size: 14px;
     display: flex;
-    flex-wrap: wrap;
+    flex-wrap: wrap
 }
 
 .post-meta .i18n_list li {
     display: inline-flex;
     list-style: none;
     margin: auto 3px;
-    box-shadow: 0 1px 0 var(--secondary);
+    box-shadow: 0 1px 0 var(--secondary)
 }
 
 .post-content {
-    color: var(--content);
+    color: var(--content)
 }
 
 .post-content h3,
 .post-content h4,
 .post-content h5,
 .post-content h6 {
-    margin: 24px 0 16px 0;
+    margin: 24px 0 16px
 }
 
 .post-content h1 {
-    margin: 40px auto 32px auto;
+    margin: 40px auto 32px;
-    font-size: 40px;
+    font-size: 40px
 }
 
 .post-content h2 {
-    margin: 32px auto 24px auto;
+    margin: 32px auto 24px;
-    font-size: 32px;
+    font-size: 32px
 }
 
 .post-content h3 {
-    font-size: 24px;
+    font-size: 24px
 }
 
 .post-content h4 {
-    font-size: 16px;
+    font-size: 16px
 }
 
 .post-content h5 {
-    font-size: 14px;
+    font-size: 14px
 }
 
 .post-content h6 {
-    font-size: 12px;
+    font-size: 12px
 }
 
-.post-content a {
+.post-content a,
-    box-shadow: 0 1px 0 var(--primary);
+.toc a:hover {
+    box-shadow: 0 1px 0
 }
 
 .post-content a code {
     margin: auto 0;
     border-radius: 0;
-    box-shadow: 0 -1px 0 var(--primary) inset;
+    box-shadow: 0 -1px 0 var(--primary) inset
 }
 
 .post-content del {
     text-decoration: none;
-    background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50% / 1px 1px repeat-x;
+    background: linear-gradient(to right, var(--primary) 100%, transparent 0) 0 50%/1px 1px repeat-x
 }
 
-.post-content p,
+.post-content dl,
-.post-content ul,
 .post-content ol,
-.post-content dl {
+.post-content p,
-    margin-bottom: var(--content-gap);
+.post-content ul {
+    margin-bottom: var(--content-gap)
 }
 
-.post-content ul,
+.post-content ol,
-.post-content ol {
+.post-content ul {
-    padding-left: 20px;
+    padding-inline-start: 20px
 }
 
 .post-content li {
-    margin-top: 5px;
+    margin-top: 5px
 }
 
 .post-content li p {
-    margin-bottom: 0;
+    margin-bottom: 0
 }
 
 .post-content dl {
     display: flex;
     flex-wrap: wrap;
-    margin: 0;
+    margin: 0
 }
 
 .post-content dt {
     width: 25%;
-    font-weight: 700;
+    font-weight: 700
 }
 
 .post-content dd {
     width: 75%;
-    margin-left: 0;
+    margin-inline-start: 0;
-    padding-left: 10px;
+    padding-inline-start: 10px
 }
 
-.post-content dt~dt,
+.post-content dd~dd,
-.post-content dd~dd {
+.post-content dt~dt {
-    margin-top: 10px;
+    margin-top: 10px
 }
 
 .post-content table {
-    margin-bottom: 32px;
+    margin-bottom: 32px
 }
 
 .post-content table th,
-.post-content table:not(.highlighttable) td {
+.post-content:not(.gist) > table:not(.highlighttable) td {
     min-width: 80px;
     padding: 12px 8px;
     line-height: 1.5;
-    border-bottom: 1px solid var(--border);
+    border-bottom: 1px solid var(--border)
 }
 
 .post-content table th {
     font-size: 14px;
-    text-align: left;
+    text-align: start
 }
 
 .post-content table:not(.highlighttable) td code:only-child {
-    margin: auto 0;
+    margin: auto 0
 }
 
-.post-content .highlight,
+.post-content:not(.gist) > .highlight,
 .post-content pre {
-    margin: auto calc(var(--gap) * -1) 32px calc(var(--gap) * -1);
+    margin: auto 0 20px;
     background: var(--hljs-bg) !important;
-    border-radius: var(--radius);
+    border-radius: var(--radius)
 }
 
 .post-content li>.highlight {
-    margin-right: 0
+    margin-inline-end: 0
 }
 
 .post-content ul pre {
-    margin-left: calc(var(--gap) * -2);
+    margin-inline-start: calc(var(--gap) * -2)
 }
 
 .post-content .highlight pre {
-    margin: 0;
+    margin: 0
+}
+
+.post-content .highlight {
+    margin: 10px auto
 }
 
-/* table */
 .post-content .highlighttable {
-    table-layout: fixed;
+    table-layout: fixed
 }
 
 .post-content .highlighttable td:first-child {
-    width: 40px;
+    width: 40px
 }
 
 .post-content .highlighttable td .linenodiv {
-    padding-right: 0 !important;
+    padding-inline-end: 0 !important
 }
 
-.post-content .highlighttable td .linenodiv pre,
+.post-content .highlighttable td .highlight,
-.post-content .highlighttable td .highlight {
+.post-content .highlighttable td .linenodiv pre {
-    margin-bottom: 0;
+    margin-bottom: 0
 }
 
 .post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
-    display: none;
+    display: none
 }
 
-/* inline */
 .post-content .highlight span {
-    background: transparent !important;
+    background: 0 0 !important
 }
 
 .post-content code {
     margin: auto 4px;
     padding: 4px 6px;
     font-family: Menlo, Monaco, 'Courier New', Courier, monospace;
-    font-size: 0.78em;
+    font-size: .78em;
     line-height: 1.5;
     background: var(--code-bg);
-    border-radius: 2px;
+    border-radius: 2px
 }
 
 .post-content pre code {
     display: block;
     margin: auto 0;
     padding: 10px;
-    color: rgba(255, 255, 255, 0.8);
+    color: rgba(255, 255, 255, .8);
-    background: transparent;
+    background: 0 0;
     border-radius: 0;
-    overflow-x: auto;
+    overflow-x: auto
 }
 
 .post-content blockquote {
-    margin: 0 calc(var(--gap) * -1);
+    margin: 0 0;
-    padding: 0 32px;
+    padding: 0 14px;
-    border-left: 2px solid var(--primary);
+    border-inline-start: 3px solid var(--primary)
 }
 
 .post-content hr {
-    margin: 30px calc(var(--gap) * -1);
+    margin: 30px 0;
     height: 2px;
     background: var(--tertiary);
     border-top: 0;
-    border-bottom: 0;
+    border-bottom: 0
 }
 
 .post-content iframe {
-    max-width: 100%;
+    max-width: 100%
 }
 
 .post-content img {
-    border-radius: 4px;
+    border-radius: 4px
+}
+
+.post-content img[src*='#center'] {
+    margin: auto
+}
+
+.post-content figure > figcaption {
+    color: var(--primary);
+    font-size: 16px;
+    font-weight: bold;
+    margin: 24px 0 16px;
 }
 
 .toc {
     margin-bottom: 40px;
     border: 1px solid var(--border);
     border-radius: var(--radius);
-    padding: .5em;
+    padding: .5em
 }
 
 .toc details summary {
     cursor: zoom-in;
-    margin-left: 20px;
+    margin-inline-start: 20px
 }
 
 .toc details[open] summary {
-    cursor: zoom-out;
+    cursor: zoom-out
 }
 
 .toc .details {
     display: inline;
-    font-weight: 500;
+    font-weight: 500
 }
 
 .toc blockquote {
     margin: 0 20px;
-    padding: 10px 20px;
+    padding: 10px 20px
 }
 
 .toc li ul {
-    margin-left: var(--gap);
+    margin-inline-start: var(--gap)
+}
+
+.toc summary:focus {
+    outline: 0
 }
 
 .post-footer {
-    margin-top: 56px;
+    margin-top: 56px
 }
 
 .post-tags li {
     display: inline-block;
-    margin-right: 3px;
+    margin-inline-end: 3px;
-    margin-bottom: 5px;
+    margin-bottom: 5px
+}
+
+.post-tags a,
+.share-buttons {
+    border: 1px solid var(--tertiary)
 }
 
 .post-tags a {
     display: block;
-    padding-left: 14px;
+    padding-inline-start: 14px;
-    padding-right: 14px;
+    padding-inline-end: 14px;
     color: var(--secondary);
     font-size: 14px;
     line-height: 34px;
     background: var(--code-bg);
-    border-radius: 4px;
+    border-radius: 4px
 }
 
 .post-tags a:hover {
-    background: var(--border);
+    background: var(--border)
 }
 
 .share-buttons {
     margin-top: var(--gap);
-    border: 1px solid var(--tertiary);
+    padding-inline-start: var(--radius);
-    padding: var(--radius);
     border-radius: var(--radius);
     display: flex;
-    overflow-x: auto;
+    overflow-x: auto
 }
 
 .share-buttons a {
-    margin-top: 10px;
+    margin-top: 10px
 }
 
 .share-buttons a:not(:last-of-type) {
-    margin-right: 12px;
+    margin-inline-end: 12px
 }
 
 .share-buttons a svg {
     height: 30px;
     width: 30px;
     fill: currentColor;
-    transition: transform 0.1s;
+    transition: transform .1s
 }
 
-.share-buttons svg:hover {
+.share-buttons svg:active {
-    transform: scale(0.96);
+    transform: scale(.96)
 }
 
-@media screen and (max-width: 600px) {
+h1:hover .anchor,
-    .post-content blockquote {
+h2:hover .anchor,
-        margin: 0 calc(var(--gap) * -1);
+h3:hover .anchor,
-        padding: 0 21px;
+h4:hover .anchor,
-    }
+h5:hover .anchor,
+h6:hover .anchor {
+    display: inline-flex;
+    color: var(--secondary);
+    margin-inline-start: 8px;
+    font-weight: 500
+}
+
+.post-content ::-webkit-scrollbar-thumb {
+    background: rgba(255, 255, 255, 0.32)
+}
+
+.post-content ::-webkit-scrollbar-thumb:hover {
+    background: rgba(255, 255, 255, 0.64)
 }

assets/css/profile-mode.css

@@ -1,48 +1,32 @@
-.main {
+.buttons,
-    text-align: center;
+.main .profile {
-    display: table;
+    display: flex;
+    justify-content: center
 }
 
-.main>.profile {
+.main .profile {
-    display: table-cell;
+    position: absolute;
-    vertical-align: middle;
+    left: 0;
+    right: 0;
+    align-items: center;
+    height: 80%;
+    text-align: center
 }
 
-.main>.profile>.profile_inner {
+.profile .profile_inner h1 {
-    transform: translate(0, -10%);
+    padding: 12px 0
 }
 
-.profile_inner h1 {
+.profile img {
-    padding: 12px 0;
-}
-
-.profile_inner span {
-    padding: 10px 0;
-    font-size: 18px;
-}
-
-img {
     display: inline-table;
-    width: 180px;
     border-radius: 50%;
-    pointer-events: none;
+    pointer-events: none
-}
-
-@media screen and (max-width: 600px) {
-    img {
-        width: 150px;
-    }
-    .main>.profile>.profile_inner {
-        transform: translate(0, 0);
-    }
 }
 
 .buttons {
-    display: flex;
     flex-wrap: wrap;
-    justify-content: center;
     max-width: 400px;
-    margin: 0 auto;
+    margin: 0 auto
 }
 
 .button {
@@ -50,13 +34,13 @@ img {
     border-radius: var(--radius);
     margin: 8px;
     padding: 6px;
-    transition: transform 0.1s;
+    transition: transform .1s
 }
 
 .button-inner {
-    padding: 0 8px;
+    padding: 0 8px
 }
 
 .button:active {
-    transform: scale(0.96);
+    transform: scale(.96)
 }

assets/css/reset.css

@@ -1,24 +1,30 @@
-/* Reset
--------------------------------------------------- */
 *,
-*::before,
+::after,
-*::after {
+::before {
-    box-sizing: border-box;
+    box-sizing: border-box
 }
 
 html {
-    -webkit-tap-highlight-color: transparent;
+    -webkit-tap-highlight-color: transparent
+}
+
+a,
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: var(--primary)
 }
 
 body {
-    margin: 0;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
-    color: var(--primary);
-    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell,
-        'Open Sans', 'Helvetica Neue', sans-serif;
     font-size: 18px;
     line-height: 1.6;
     word-break: break-word;
-    background: var(--theme);
+    background: var(--theme)
 }
 
 article,
@@ -30,8 +36,9 @@ header,
 hgroup,
 main,
 nav,
-section {
+section,
-    display: block;
+table {
+    display: block
 }
 
 h1,
@@ -40,43 +47,40 @@ h3,
 h4,
 h5,
 h6 {
-    margin-top: 0;
+    line-height: 1.2
-    margin-bottom: 0;
-    color: var(--primary);
-    line-height: 1.2;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
 p {
     margin-top: 0;
-    margin-bottom: 0;
+    margin-bottom: 0
-}
-
-strong,
-b {
-    font-weight: 500;
 }
 
 ul {
-    margin: 0;
+    padding: 0
-    padding: 0;
 }
 
 a {
-    color: var(--primary);
+    text-decoration: none
-    text-decoration: none;
 }
 
-figure {
+body,
-    margin: 0;
+figure,
+ul {
+    margin: 0
 }
 
 table {
     width: 100%;
     border-collapse: collapse;
     border-spacing: 0;
-    display: block;
+    overflow-x: auto;
-    overflow-x: scroll;
+    word-break: keep-all
-    word-break: keep-all;
 }
 
 button,
@@ -84,59 +88,44 @@ input,
 textarea {
     padding: 0;
     font: inherit;
-    background: transparent;
+    background: 0 0;
     border: 0;
-    -webkit-appearance: none;
-}
-
-button,
-input[type='button'],
-input[type='submit'] {
-    cursor: pointer;
 }
 
 input,
 textarea {
-    padding: 0;
+    outline: 0
-    border: 0;
+}
-    outline: 0;
+
+button,
+input[type=button],
+input[type=submit] {
+    cursor: pointer
 }
 
 input:-webkit-autofill,
 textarea:-webkit-autofill {
-    box-shadow: 0 0 0 50px var(--theme) inset;
+    box-shadow: 0 0 0 50px var(--theme) inset
 }
 
 img {
     display: block;
-    max-width: 100%;
+    max-width: 100%
 }
 
-*::-webkit-scrollbar {
+::-webkit-scrollbar-track {
-    width: 10px;
+    background: 0 0
-    height: 6px;
 }
 
-*::-webkit-scrollbar-track {
+.list:not(.dark)::-webkit-scrollbar-track {
-    background: var(--theme);
+    background: var(--code-bg)
 }
 
-*::-webkit-scrollbar-thumb {
+::-webkit-scrollbar-thumb {
     background: var(--tertiary);
-    border-radius: var(--radius);
+    border-radius: var(--radius)
 }
 
-*::-webkit-scrollbar-thumb:hover {
+::-webkit-scrollbar-thumb:hover {
-    background: var(--secondary);
+    background: var(--secondary)
-}
-
-@media screen and (max-width: 800px) {
-    *::-webkit-scrollbar {
-        width: 8px;
-        height: 2px;
-    }
-}
-
-*:focus {
-    outline:none;
 }

assets/css/search.css

@@ -0,0 +1,45 @@
+#searchbox input {
+    padding: 4px 10px;
+    width: 100%;
+    color: var(--primary);
+    font-weight: bold;
+    border: 2px solid var(--tertiary);
+    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;
+    position: relative;
+    font-weight: 500;
+}
+
+#searchResults {
+    margin: 10px 0;
+    width: 100%;
+}
+
+#searchResults li:active {
+    transition: transform .1s;
+    transform: scale(.98);
+}
+
+#searchResults a {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0px;
+    left: 0px;
+    outline: none;
+}
+
+#searchResults .active {
+    transform: scale(.98);
+    border: 2px solid var(--tertiary)
+}

assets/css/terms.css

@@ -1,7 +1,7 @@
 .terms-tags li {
     display: inline-block;
     margin: 10px;
-    font-weight: 500;
+    font-weight: 500
 }
 
 .terms-tags a {
@@ -9,10 +9,10 @@
     padding: 3px 10px;
     background: var(--tertiary);
     border-radius: 6px;
-    transition: transform 0.1s;
+    transition: transform .1s
 }
 
-.terms-tags a:hover {
+.terms-tags a:active {
     background: var(--tertiary);
-    transform: scale(0.96);
+    transform: scale(.96)
 }

assets/css/theme-vars.css

@@ -1,5 +1,3 @@
-/* Theme
--------------------------------------------------- */
 :root {
     --gap: 24px;
     --content-gap: 20px;
@@ -8,36 +6,27 @@
     --header-height: 60px;
     --footer-height: 60px;
     --radius: 8px;
-
     --theme: #fff;
     --entry: #fff;
     --primary: rgba(0, 0, 0, 0.88);
     --secondary: rgba(0, 0, 0, 0.56);
     --tertiary: rgba(0, 0, 0, 0.16);
     --content: rgba(0, 0, 0, 0.88);
-
     --hljs-bg: #1c1d21;
     --code-bg: #f5f5f5;
     --border: #eee;
 }
 
-@media screen and (max-width: 600px) {
-    :root {
-        --gap: 14px;
-    }
-}
-
 .dark {
     --theme: #1d1e20;
     --entry: #2e2e33;
     --primary: rgba(255, 255, 255, 0.84);
     --secondary: rgba(255, 255, 255, 0.56);
     --tertiary: rgba(255, 255, 255, 0.16);
-    --content: rgba(255, 255, 255, 0.64);
+    --content: rgba(255, 255, 255, 0.74);
-
     --hljs-bg: #2e2e33;
     --code-bg: #37383e;
-    --border: #5b5d67;
+    --border: #333;
 }
 
 .list {

assets/css/zmedia.css

@@ -0,0 +1,72 @@
+@media screen and (max-width: 768px) {
+    /* theme-vars */
+    :root {
+        --gap: 14px;
+    }
+
+    /* profile-mode */
+    .profile img {
+        transform: scale(0.85);
+    }
+
+    /* post-entry */
+    .first-entry {
+        min-height: 260px;
+    }
+
+    /* archive */
+    .archive-month {
+        flex-direction: column;
+    }
+
+    .archive-year {
+        margin-top: 20px;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    /* reset */
+    ::-webkit-scrollbar {
+        width: 10px;
+        height: 6px;
+    }
+}
+
+/* footer */
+@media screen and (max-width: 900px) {
+    .list .top-link {
+        transform: translateY(-5rem);
+    }
+}
+
+@media (prefers-reduced-motion) {
+    /* terms */
+    .terms-tags a:active {
+        transform: none;
+    }
+
+    /* profile-mode */
+    .button:active {
+        transform: none;
+    }
+
+    /* post-single */
+    .share-buttons svg:active {
+        transform: none;
+    }
+
+    /* post-entry */
+    .post-entry:active {
+        transform: none;
+    }
+
+    /* footer */
+    .top-link {
+        transition: none;
+    }
+
+    /* search */
+    #searchResults .active {
+        transform: none;
+    }
+}

assets/js/fastsearch.js

@@ -0,0 +1,124 @@
+var fuse; // holds our search engine
+var resList = document.getElementById('searchResults');
+var sInput = document.getElementById('searchInput');
+var first, last = null
+var resultsAvailable = false;
+
+// load our search index, only executed onload
+function loadSearch() {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function () {
+        if (xhr.readyState === 4) {
+            if (xhr.status === 200) {
+                var data = JSON.parse(xhr.responseText);
+                if (data) {
+                    // fuse.js options; check fuse.js website for details
+                    var options = {
+                        isCaseSensitive: false,
+                        shouldSort: true,
+                        location: 0,
+                        distance: 100,
+                        threshold: 0.4,
+                        minMatchCharLength: 0,
+                        keys: [
+                            'title',
+                            'permalink',
+                            'summary',
+                            'content'
+                        ]
+                    };
+                    {{ if . }}options = {{ jsonify . }}{{ end }} // load custom options from .Site.Params.fuseOpts
+                    fuse = new Fuse(data, options); // build the index from the json file
+                }
+            } else {
+                console.log(xhr.responseText);
+            }
+        }
+    };
+    xhr.open('GET', "../index.json");
+    xhr.send();
+}
+
+
+function itemGen(name, link) {
+    return `<li class="post-entry"><header class="entry-header">${name}&nbsp;»</header><a href="${link}" aria-label="${name}"></a></li>`
+}
+
+function activeToggle() {
+    document.activeElement.parentElement.classList.toggle("active")
+}
+
+// execute search as each character is typed
+sInput.onkeyup = function (e) {
+    // run a search query (for "term") every time a letter is typed
+    // in the search box
+    const results = fuse.search(this.value); // the actual query being run using fuse.js
+
+    if (results.length !== 0) {
+        // build our html if result exists
+        let resultSet = ''; // our results bucket
+
+        for (let item in results) {
+            resultSet = resultSet + itemGen(results[item].item.title, results[item].item.permalink)
+        }
+
+        document.getElementById("searchResults").innerHTML = resultSet;
+        resultsAvailable = true;
+        first = resList.firstChild;
+        last = resList.lastChild;
+    } else {
+        resultsAvailable = false;
+        document.getElementById("searchResults").innerHTML = '';
+    }
+}
+
+// kb bindings
+document.onkeydown = function (e) {
+    let key = e.key;
+    let ae = document.activeElement;
+    let inbox = document.getElementById("searchbox").contains(ae)
+
+    if (ae === sInput) {
+        var elements = document.getElementsByClassName('active');
+        while (elements.length > 0) {
+            elements[0].classList.remove('active');
+        }
+    }
+
+    if (key === "ArrowDown" && resultsAvailable && inbox) {
+        e.preventDefault();
+        if (ae == sInput) {
+            // if the currently focused element is the search input, focus the <a> of first <li>
+            activeToggle(); // rm active class
+            resList.firstChild.lastChild.focus();
+            activeToggle(); // add active class
+        } else if (ae.parentElement == last) {
+            // if the currently focused element's parent is last, do nothing
+        } else {
+            // otherwise select the next search result
+            activeToggle(); // rm active class
+            ae.parentElement.nextSibling.lastChild.focus();
+            activeToggle(); // add active class
+        }
+    } else if (key === "ArrowUp" && resultsAvailable && inbox) {
+        e.preventDefault();
+        if (ae == sInput) {
+            // if the currently focused element is input box, do nothing
+        } else if (ae.parentElement == first) {
+            // if the currently focused element is first item, go to input box
+            activeToggle(); // rm active class
+            sInput.focus();
+        } else {
+            // otherwise select the previous search result
+            activeToggle(); // rm active class
+            ae.parentElement.previousSibling.lastChild.focus();
+            activeToggle(); // add active class
+        }
+    } else if (key === "ArrowRight" && resultsAvailable && inbox) {
+        ae.click(); // click on active link
+    } else if (key === "Escape") {
+        resultsAvailable = false;
+        resList.innerHTML = sInput.value = ''; // clear inputbox and searchResults
+        sInput.focus(); // shift focus to input box
+    }
+}

go.mod

@@ -0,0 +1,3 @@
+module github.com/adityatelange/hugo-PaperMod
+
+go 1.12

i18n/bg.yaml

@@ -0,0 +1,16 @@
+- id: prev_page
+  translation: "Предишна страница"
+
+- id: next_page
+  translation: "Следваща страница"
+
+- id: read_time
+  translation:
+    one : "1 мин"
+    other: "{{ .Count }} мин"
+
+- id: toc
+  translation: "Съдържание"
+
+- id: translations
+  translation: "Преводи"

i18n/de.yaml

@@ -3,3 +3,14 @@
 
 - id: next_page
   translation: "Nächste Seite"
+
+- id: read_time
+  translation:
+    one: "1 min"
+    other: "{{ .Count }} min"
+
+- id: toc
+  translation: "Inhaltsverzeichnis"
+
+- id: translations
+  translation: "Übersetzungen"

i18n/es.yaml

@@ -3,3 +3,14 @@
 
 - id: next_page
   translation: "Página siguiente"
+
+- id: read_time
+  translation:
+    one : "1 min"
+    other: "{{ .Count }} min"
+
+- id: toc
+  translation: "Tabla de Contenidos"
+
+- id: translations
+  translation: "Traducciones"

i18n/fa.yaml

@@ -0,0 +1,16 @@
+- id: prev_page
+  translation: "صفحهٔ قبل"
+
+- id: next_page
+  translation: "صفحهٔ بعد"
+
+- id: read_time
+  translation:
+    one : "1 دقیقه"
+    other: "{{ .Count }} دقیقه"
+
+- id: toc
+  translation: "فهرست مطالب"
+
+- id: translations
+  translation: "ترجمه‌ها"

i18n/id.yaml

@@ -0,0 +1,16 @@
+- id: prev_page
+  translation: "Halaman Sebelumnya"
+
+- id: next_page
+  translation: "Halaman Selanjutnya"
+
+- id: read_time
+  translation:
+    one : "1 menit"
+    other: "{{ .Count }} menit"
+
+- id: toc
+  translation: "Daftar Isi"
+
+- id: translations
+  translation: "Terjemahan"

i18n/it.yaml

@@ -0,0 +1,16 @@
+- id: prev_page
+  translation: "Pag Prec"
+
+- id: next_page
+  translation: "Pag Succ"
+
+- id: read_time
+  translation:
+    one: "1 minuto"
+    other: "{{ .Count }} minuti"
+
+- id: toc
+  translation: "Tabella dei Contenuti"
+
+- id: translations
+  translation: "Traduzioni"

i18n/ru.yaml

@@ -1,5 +1,14 @@
 - id: prev_page
-  translation: "Сюда"
+  translation: 'Предыдущая'
 
 - id: next_page
-  translation: "Туда"
+  translation: 'Следующая'
+
+- id: read_time
+  translation: '{{ .Count }} мин'
+
+- id: toc
+  translation: 'Оглавление'
+
+- id: translations
+  translation: 'Переводы'

layouts/_default/archives.html

@@ -13,7 +13,7 @@
   </h2>
   {{- range .Pages.GroupByDate "January" }}
   <div class="archive-month">
-    <h3 class="archive-month-header">{{- .Key }}<sup class="archive-count">&nbsp;&nbsp;{{ len .Pages }}</h3>
+    <h3 class="archive-month-header">{{- .Key }}<sup class="archive-count">&nbsp;&nbsp;{{ len .Pages }}</sup></h3>
     <div class="archive-posts">
       {{- range .Pages  }}
       {{- if eq .Kind "page" }}
@@ -22,11 +22,7 @@
           {{- .Title | markdownify }}
         </h3>
         <div class="archive-meta">
-          <time>{{ .Date.Format "January 2, 2006" }}</time>
+          {{- partial "post_meta.html" . -}}
-          {{- if $.Site.Params.ShowReadingTime }}&nbsp;·&nbsp;
-          {{- $default_txt := print .ReadingTime " " "min" }}
-          {{- i18n "read_time" .ReadingTime | default  $default_txt  }}{{ end }}
-          {{- if or .Params.author .Site.Params.author }}&nbsp;·&nbsp;{{- .Params.author | default .Site.Params.author }}{{ end }}
         </div>
         <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
       </div>

layouts/_default/baseof.html

@@ -1,18 +1,24 @@
 <!DOCTYPE html>
-<html lang="{{ .Site.Language }}">
+<html lang="{{ .Site.Language }}" dir="{{ .Language.LanguageDirection | default "auto" }}">
 
 <head>
     {{- partial "head.html" . }}
 </head>
 
-<body class="{{ if (and (eq .Kind `page` ) (ne .Layout `archives`)) }}single{{ else }}list
+<body class="
-        {{- if .IsHome }} home{{ end }}{{ end }}{{- if eq $.Site.Params.defaultTheme `dark` }} dark{{ end }}" id="top">
+{{- if (or (ne .Kind `page` ) (eq .Layout `archives`) (eq .Layout `search`)) -}}
+{{- print "list" -}}
+{{- end -}}
+{{- if eq $.Site.Params.defaultTheme `dark` -}}
+{{- print " dark" }}
+{{- end -}}
+" id="top">
     {{- partialCached "header.html" . .Page}}
     <main class="main">
         {{- block "main" . }}
         {{- end }}
     </main>
-    {{- partialCached "footer.html" . .Type }}
+    {{- partialCached "footer.html" . .Type .Layout .Params }}
 </body>
 
 </html>

layouts/_default/index.json

@@ -0,0 +1,6 @@
+{{- $.Scratch.Add "index" slice -}}
+{{- range .Site.RegularPages -}}
+    {{- $.Scratch.Add "index" (dict "title" .Title "content" .Plain "permalink" .Permalink "summary" .Summary) -}}
+{{- end -}}
+{{- $.Scratch.Get "index" | jsonify -}}
+

layouts/_default/list.html

@@ -10,14 +10,14 @@
 </header>
 {{- end }}
 
-{{- $pages := .RegularPages }}
+{{- $pages := union .RegularPages .Sections }}
 
 {{- if .IsHome }}
 {{- $pages = where site.RegularPages "Type" "in" site.Params.mainSections }}
 {{- end}}
 
 {{ $paginator := .Paginate $pages }}
-
+{{ $term := .Data.Term}}
 {{- range $index, $page := $paginator.Pages }}
 
 {{- $class := "post-entry" }}
@@ -27,19 +27,12 @@
 {{- else}}
 {{- $class = "first-entry" }}
 {{- end }}
-{{- else if .Data.Term }}
+{{- else if $term }}
 {{- $class = "post-entry tag-entry" }}
 {{- end }}
 <article class="{{ $class }}">
-  {{- if .Params.cover.image }}
+  {{- $isHidden := (.Site.Params.cover.hidden | default .Site.Params.cover.hiddenInList)}}
-  <figure class="entry-cover">
+  {{- partial "cover.html" (dict "cxt" . "IsHome" true "isHidden" $isHidden) }}
-    {{- if (or (fileExists (path.Join "static" .Params.cover.image)) (hasPrefix .Params.cover.image "http://") (hasPrefix .Params.cover.image "https://")) }}
-    <img src="{{ .Params.cover.image | absURL }}" alt="{{ .Params.cover.alt | plainify }}">
-    {{- else}}
-    <img src="{{ .Permalink -}} {{- .Params.cover.image }}" alt="{{ .Params.cover.alt | plainify }}">
-    {{- end}}
-  </figure>
-  {{- end }}
   <header class="entry-header">
     <h2>
       {{ .Title }}
@@ -52,11 +45,7 @@
   </section>
   {{- end }}
   <footer class="entry-footer">
-    <time>{{ .Date.Format "January 2, 2006" }}</time>
+    {{- partial "post_meta.html" . -}}
-    {{- if $.Site.Params.ShowReadingTime }}&nbsp;·&nbsp;
-    {{- $default_txt := print .ReadingTime " " "min" }}
-    {{- i18n "read_time" .ReadingTime | default  $default_txt  }}{{ end }}
-    {{- if or .Params.author .Site.Params.author }}&nbsp;·&nbsp;{{- .Params.author | default .Site.Params.author }}{{ end }}
   </footer>
   <a class="entry-link" aria-label="post link to {{ .Title | plainify }}" href="{{ .Permalink }}"></a>
 </article>
@@ -66,10 +55,10 @@
 <footer class="page-footer">
   <nav class="pagination">
     {{- if $paginator.HasPrev }}
-    <a class="prev" href="{{ $paginator.Prev.URL }}">« {{ i18n "prev_page" }}</a>
+    <a class="prev" href="{{ $paginator.Prev.URL | absURL }}">« {{ i18n "prev_page" }}</a>
     {{- end }}
     {{- if $paginator.HasNext }}
-    <a class="next" href="{{ $paginator.Next.URL }}">{{ i18n "next_page" }} »</a>
+    <a class="next" href="{{ $paginator.Next.URL | absURL }}">{{ i18n "next_page" }} »</a>
     {{- end }}
   </nav>
 </footer>

layouts/_default/search.html

@@ -0,0 +1,38 @@
+{{- define "main" }}
+
+<header class="page-header">
+    <h1>{{ .Title }}
+        <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
+            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="11" cy="11" r="8"></circle>
+            <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
+        </svg>
+    </h1>
+    {{- if not (.Param "hideMeta") }}
+    <div class="post-meta">
+        {{- if .IsTranslated -}}
+        <ul class="i18n_list">
+            {{- i18n "translations" | default "Translations"}}:
+            {{- range .Translations }}
+            <li>
+                <a href="{{ .Permalink }}">
+                    {{- if (and $.Site.Params.displayFullLangName (.Language.LanguageName)) }}
+                    {{- .Language.LanguageName | emojify | humanize -}}
+                    {{- else }}
+                    {{- .Lang | humanize -}}
+                    {{- end -}}
+                </a>
+            </li>
+            {{- end }}
+        </ul>
+        {{- end }}
+    </div>
+    {{- end}}
+</header>
+
+<div id="searchbox">
+    <input id="searchInput" autofocus placeholder="{{.Title}} ↵" aria-label="search">
+    <ul id="searchResults" aria-label="search results"></ul>
+</div>
+
+{{- end  }}{{/* end main */}}

layouts/_default/single.html

@@ -6,19 +6,24 @@
       {{ .Title }}
       {{- if .Draft }}<div class="entry-isdraft"><sup>&nbsp;&nbsp;[draft]</sup></div>{{- end }}
     </h1>
-    {{- if .Params.hideMeta }}{{ else }}
+    <div class="post-description">
+      {{ .Description }}
+    </div>
+    {{- if not (.Param "hideMeta") }}
     <div class="post-meta">
-      <time>{{ .Date.Format "January 2, 2006" }}</time>
+      {{- partial "post_meta.html" . -}}
-      {{- if $.Site.Params.ShowReadingTime -}}&nbsp;·&nbsp;
-      {{- $default_txt := print .ReadingTime " " "min" }}
-      {{- i18n "read_time" .ReadingTime | default  $default_txt  }}{{ end }}
-      {{- if or .Params.author .Site.Params.author }}&nbsp;·&nbsp;{{- .Params.author | default .Site.Params.author }}{{ end }}
       {{- if .IsTranslated -}}&nbsp;|&nbsp;
       <ul class="i18n_list">
         {{- i18n "translations" | default "Translations"}}:
         {{- range .Translations }}
         <li>
-          <a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
+          <a href="{{ .Permalink }}">
+            {{- if (and $.Site.Params.displayFullLangName (.Language.LanguageName)) }}
+            {{- .Language.LanguageName | emojify | humanize -}}
+            {{- else }}
+            {{- .Lang | humanize -}}
+            {{- end -}}
+          </a>
         </li>
         {{- end }}
       </ul>
@@ -26,20 +31,12 @@
     </div>
     {{- end}}
   </header>
-  {{- if .Params.cover.image }}
+  {{- $isHidden := ((.Site.Params.cover.hidden | default .Site.Params.cover.hiddenInSingle) | default .Params.cover.hidden )}}
-  <figure class="entry-cover">
+  {{- partial "cover.html" (dict "cxt" . "IsHome" false "isHidden" $isHidden) }}
-    {{- if (or (fileExists (path.Join "static" .Params.cover.image)) (hasPrefix .Params.cover.image "http://") (hasPrefix .Params.cover.image "https://")) }}
+  {{- if (.Param "ShowToc") }}
-    <img src="{{ .Params.cover.image | absURL }}" alt="{{ .Params.cover.alt | plainify }}">
-    {{- else}}
-    <img src="{{ .Permalink -}} {{- .Params.cover.image }}" alt="{{ .Params.cover.alt | plainify }}">
-    {{- end}}
-    <p>{{.Params.cover.caption | markdownify }}</p>
-  </figure>
-  {{- end }}
-  {{- if .Params.ShowToc }}
   <div class="toc">
-    <details {{if .Params.TocOpen }} open{{ end }}>
+    <details {{if (.Param "TocOpen") }} open{{ end }}>
-      <summary>
+      <summary accesskey="c" title="(Alt + C)">
         <div class="details">{{- i18n "toc" | default "Table of Contents" }}</div>
       </summary>
       <blockquote>
@@ -48,13 +45,14 @@
     </details>
   </div>
   {{- end }}
-  <div class="post-content">{{ .Content }}</div>
+  <div class="post-content">
+    {{- partial "anchored_headings.html" .Content -}}
+  </div>
   <footer class="post-footer">
     {{- if .Params.tags }}
     <ul class="post-tags">
-      {{- range .Params.tags }}
+      {{- range ($.GetTerms "tags") }}
-      {{- $href := print (absLangURL "tags/") (urlize .) }}
+      <li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>
-      <li><a href="{{ $href }}">{{ . }}</a></li>
       {{- end }}
     </ul>
     {{- end }}
@@ -63,7 +61,7 @@
     {{- end }}
   </footer>
 
-  {{- if and ($.Site.Params.comments) (ne .Params.comments false) }}
+  {{- if (.Param "comments") }}
   {{- partial "comments.html" . }}
   {{- end }}
 </article>

layouts/partials/anchored_headings.html

@@ -0,0 +1,2 @@
+<!-- formats .Content headings by adding an anchor -->
+{{ . | replaceRE "(<h[1-6] id=\"([^\"]+)\".+)(</h[1-6]+>)" "${1}<a hidden class=\"anchor\" aria-hidden=\"true\" href=\"#${2}\">#</a>${3}" | safeHTML }}

layouts/partials/author.html

@@ -0,0 +1,9 @@
+{{- if or .Params.author .Site.Params.author }}
+{{- $author := (.Params.author | default .Site.Params.author)}}
+{{- $author_type := (printf "%T" $author) }}
+{{- if (or (eq $author_type "[]string") (eq $author_type "[]interface {}") ) }}
+{{- (delimit $author ", " ) }}
+{{- else }}
+{{- $author }}
+{{- end }}
+{{- end -}}

layouts/partials/cover.html

@@ -0,0 +1,35 @@
+{{- with .cxt}} {{/* Apply proper context from dict */}}
+{{- if (and .Params.cover.image (not $.isHidden)) }}
+{{- $alt := (.Params.cover.alt | default .Params.cover.caption | plainify) }}
+<figure class="entry-cover">
+    {{- $addLink := (and .Site.Params.cover.linkFullImages (not $.IsHome)) }}
+    {{- $cover := (.Page.Resources.ByType "image").GetMatch (printf "*%s*" (.Params.cover.image)) }}
+    {{- if $cover -}}{{/* i.e it is present in page bundle */}}
+        {{- if $addLink }}<a href="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" target="_blank"
+            rel="noopener noreferrer">{{ end -}}
+        {{- $sizes := (slice "360" "480" "720" "1080" "1500") }}
+        {{- $processableFormats := (slice "jpg" "jpeg" "png" "tif" "bmp" "gif") }}
+        {{- $prod := (hugo.IsProduction | or (eq .Site.Params.env "production")) }}
+        {{- if (and (in $processableFormats $cover.MediaType.SubType) (ne .Site.Params.cover.responsiveImages false) (eq $prod true)) }}
+        <img srcset="{{- range $size := $sizes -}}
+                        {{- if (ge $cover.Width $size) -}}
+                        {{ printf "%s %s" (($cover.Resize (printf "%sx" $size)).Permalink) (printf "%sw ," $size) -}}
+                        {{ end }}
+                    {{- end -}}{{$cover.Permalink }} {{printf "%dw" ($cover.Width)}}"
+            sizes="(min-width: 768px) 720px, 100vw" src="{{ $cover.Permalink }}" alt="{{ $alt }}" />
+        {{- else }}{{/* Unprocessable image or responsive images disabled */}}
+        <img src="{{ (path.Join .RelPermalink .Params.cover.image) | absURL }}" alt="{{ $alt }}">
+        {{- end }}
+    {{- else }}{{/* For absolute urls and external links, no img processing here */}}
+        {{- if $addLink }}<a href="{{ (.Params.cover.image) | absURL }}" target="_blank"
+            rel="noopener noreferrer">{{ end -}}
+            <img src="{{ (.Params.cover.image) | absURL }}" alt="{{ $alt }}">
+    {{- end }}
+    {{- if $addLink }}</a>{{ end -}}
+    {{/*  Display Caption  */}}
+    {{- if not $.IsHome }}
+        {{ with .Params.cover.caption }}<p>{{ . | markdownify }}</p>{{- end }}
+    {{- end }}
+</figure>
+{{- end }}{{/* End image */}}
+{{- end -}}{{/* End context */}}

layouts/partials/extend_footer.html

@@ -0,0 +1,5 @@
+<!-- Footer custom content area start -->
+<!--
+Insert any custom code web-analytics, resources, etc. here
+-->
+<!-- Footer custom content area end -->

layouts/partials/extend_head.html

@@ -0,0 +1,5 @@
+<!-- Head custom content area start -->
+<!--
+Insert any custom code (web-analytics, resources, etc.) - it will appear in the <head></head> section of every page. Can be overwritten by partial with the same name in the global layouts.
+-->
+<!-- Head custom content area end -->

layouts/partials/footer.html

@@ -5,20 +5,28 @@
     <span>&copy; {{ now.Year }} <a href="{{ "" | absLangURL }}">{{ .Site.Title }}</a></span>
     {{- end }}
     <span>&middot;</span>
-    <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo️️</a>️</span>
+    <span>Powered by <a href="https://gohugo.io/" rel="noopener noreferrer" target="_blank">Hugo</a></span>
     <span>&middot;</span>
-    <span>Theme️ <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
+    <span>Theme <a href="https://git.io/hugopapermod" rel="noopener" target="_blank">PaperMod</a></span>
 </footer>
-<a href="#top" aria-label="go to top" title="Go to Top">
+<a href="#top" aria-label="go to top" title="Go to Top (Alt + G)">
-    <button class="top-link" id="top-link" type="button">
+    <button class="top-link" id="top-link" type="button" accesskey="g">
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentColor">
-            <path d="M12 6H0l6-6z" /></svg>
+            <path d="M12 6H0l6-6z" />
+        </svg>
     </button>
 </a>
-{{ if in site.Params.mainSections .Type }}
+{{- partial "extend_footer.html" . -}}
-{{- $highlight := slice (resources.Get "js/highlight.min.js") | resources.Concat "assets/js/highlight.js" | minify | fingerprint -}}
+{{- $isHLJSdisabled := (.Site.Params.assets.disableHLJS | default .Params.disableHLJS ) }}
-<script src="{{ $highlight.Permalink }}" integrity="{{ $highlight.Data.Integrity }}"></script>
+{{- if (and (eq .Kind "page") (ne .Layout "archives") (ne .Layout "search") (not $isHLJSdisabled)) }}
-<script>hljs.initHighlightingOnLoad();</script>
+{{- if not .Site.Params.assets.disableFingerprinting }}
+{{- $highlight := slice (resources.Get "js/highlight.min.js") | resources.Concat "assets/js/highlight.js" | minify | fingerprint }}
+<script defer src="{{ $highlight.RelPermalink }}" integrity="{{ $highlight.Data.Integrity }}"
+    onload="hljs.initHighlightingOnLoad();"></script>
+{{- else}}
+{{- $highlight := slice (resources.Get "js/highlight.min.js") | resources.Concat "assets/js/highlight.js" | minify }}
+<script defer src="{{ $highlight.RelPermalink }}" onload="hljs.initHighlightingOnLoad();"></script>
+{{- end}}
 {{- end }}
 <script>
     window.onload = function () {
@@ -29,10 +37,19 @@
     document.querySelectorAll('a[href^="#"]').forEach(anchor => {
         anchor.addEventListener("click", function (e) {
             e.preventDefault();
-
+            var id = this.getAttribute("href").substr(1);
-            document.querySelector(this.getAttribute("href")).scrollIntoView({
+            if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
-                behavior: "smooth"
+                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView({
-            });
+                    behavior: "smooth"
+                });
+            } else {
+                document.querySelector(`[id='${decodeURIComponent(id)}']`).scrollIntoView();
+            }
+            if (id === "top") {
+                history.replaceState(null, null, " ");
+            } else {
+                history.replaceState(null, null, `#${id}`);
+            }
         });
     });
     var mybutton = document.getElementById("top-link");
@@ -45,11 +62,13 @@
             mybutton.style.opacity = "0";
         }
     };
+
     function menu_on_scroll() {
         localStorage.setItem("menu-scroll-position", document.getElementById('menu').scrollLeft);
     }
+
 </script>
-{{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }}
+{{- if (not .Site.Params.disableThemeToggle) }}
 <script>
     document.getElementById("theme-toggle").addEventListener("click", () => {
         if (document.body.className.includes("dark")) {
@@ -60,10 +79,6 @@
             localStorage.setItem("pref-theme", 'dark');
         }
     })
-</script>
+
-{{- else -}}
-<!-- case where owner disables theme button after deployment, this resets the stored theme -->
-<script>
-    localStorage.removeItem("pref-theme");
 </script>
 {{- end }}

layouts/partials/head.html

@@ -1,55 +1,79 @@
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-<!-- Title -->
+{{- if hugo.IsProduction | or (eq .Site.Params.env "production") }}
-<title>{{ if .IsHome }}{{else}}{{ if .Title }}{{ .Title }} - {{ end }}{{end}}{{ .Site.Title }}</title>
+<meta name="robots" content="index, follow">
-<!-- Meta -->
-{{- if in site.Params.mainSections .Type }}
-<meta name="description" content="{{ .Summary }}">
-<meta name="keywords" content={{ delimit .Keywords ", " }} />
 {{- else }}
-<meta name="description"
+<meta name=" robots" content="noindex, nofollow">
-    content="{{if .IsHome}}{{ .Site.Params.description }}{{else}}{{ .Title }} - {{ .Site.Title }}{{end}}">
+{{- end -}}
-{{- end }}
+<!-- Title -->
-<meta name="author" content="{{ .Params.author | default .Site.Params.author }}">
+<title>{{ if .IsHome }}{{else}}{{ if .Title }}{{ .Title }} | {{ end }}{{end}}{{ .Site.Title }}</title>
-<link rel="canonical" href="{{ .Permalink }}" />
+<!-- Meta -->
+<meta name="keywords" content="{{ if .Params.keywords -}}
+    {{- range $i, $e := .Params.keywords }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} {{- else }}
+    {{- range $i, $e := .Params.tags }}{{ if $i }}, {{ end }}{{ $e }}{{ end }} {{- end -}}" />
+<meta name="description" content="{{- with .Description }}{{ . }}{{- else }}{{- if .IsPage}}
+    {{- .Summary | default (printf "%s - %s" .Title  .Site.Title) }}{{- else }}
+    {{- with .Site.Params.description }}{{ . }}{{- end }}{{- end }}{{- end -}}">
+<meta name="author" content="{{ (partial "author.html" . ) }}">
+<link rel="canonical" href="{{ if .Params.canonicalURL -}} {{ trim .Params.canonicalURL " " }} {{- else -}} {{ .Permalink }} {{- end }}" />
 {{- if .Site.Params.analytics.google.SiteVerificationTag }}
 <meta name="google-site-verification" content="{{ .Site.Params.analytics.google.SiteVerificationTag }}" />
 {{- end}}
 <!-- Styles -->
-{{- $anoldhope := resources.Get "css/an-old-hope.min.css" }}
+{{- $common := (resources.Match "css/*.css") | resources.Concat "assets/css/common.css" }}
-{{- $theme := resources.Get "css/theme-vars.css" }}
+{{- $extended := (resources.Match "css/extended/*.css") | resources.Concat "assets/css/extended.css" }}
-{{- $reset := resources.Get "css/reset.css" }}
+{{- /*  bundle all required css  */}}
-{{- $header := resources.Get "css/header.css" }}
+{{- /*  Add extended css after theme style */ -}}
-{{- $main := resources.Get "css/main.css" }}
+{{- $stylesheet := (slice $common $extended) | resources.Concat "assets/css/stylesheet.css" | minify }}
-{{- $postentry := resources.Get "css/post-entry.css" }}
+
-{{- $postsingle := resources.Get "css/post-single.css" }}
+{{- if not .Site.Params.assets.disableFingerprinting }}
-{{- $terms := resources.Get "css/terms.css" }}
+{{- $stylesheet := $stylesheet | fingerprint -}}
-{{- $archive := resources.Get "css/archive.css" }}
+<link href="{{ $stylesheet.RelPermalink }}" integrity="{{ $stylesheet.Data.Integrity }}" rel="preload stylesheet"
-{{- $footer := resources.Get "css/footer.css" }}
-{{- $404 := resources.Get "css/404.css" }}
-{{- $style := slice $theme $reset $header $main $postentry $postsingle $terms $archive $footer $404 | resources.Concat "stylesheet.css" }}
-{{- $stylesheet := slice $anoldhope $style | resources.Concat "assets/css/stylesheet.css" | minify | fingerprint -}}
-<link href="{{ $stylesheet.Permalink }}" integrity="{{ $stylesheet.Data.Integrity }}" rel="preload stylesheet"
-    as="style">
-{{- if (and (.Site.Params.profileMode.enabled) (.IsHome)) }}
-{{- $profileMode := slice (resources.Get "css/profile-mode.css") | resources.Concat "assets/css/profile-mode.css" | minify | fingerprint }}
-<link href="{{ $profileMode.Permalink }}" integrity="{{ $profileMode.Data.Integrity }}" rel="preload stylesheet"
     as="style">
+{{- else}}
+<link href="{{ $stylesheet.RelPermalink }}" rel="preload stylesheet" as="style">
+{{- end}}
+<!-- Search -->
+{{- if (eq .Layout `search`) -}}
+<link rel="preload" as="fetch" href="../index.json" crossOrigin="anonymous">
+{{- $fastsearch := resources.Get "js/fastsearch.js" | resources.ExecuteAsTemplate "js/fastsearch.js" .Site.Params.fuseOpts }}
+{{- $fusejs := resources.Get "js/fuse.js" }}
+{{- if not .Site.Params.assets.disableFingerprinting }}
+{{- $search := (slice $fusejs $fastsearch ) | resources.Concat "assets/js/search.js" | minify | fingerprint }}
+<script defer src="{{ $search.RelPermalink }}" onload="loadSearch();" integrity="{{ $search.Data.Integrity }}"></script>
+{{- else}}
+{{ $search := (slice $fusejs $fastsearch ) | resources.Concat "assets/js/search.js" | minify }}
+<script defer src="{{ $search.RelPermalink }}" onload="loadSearch();"></script>
+{{- end}}
 {{- end -}}
+
 <!-- Favicons -->
-<link rel="apple-touch-icon" href="{{ "apple-touch-icon.png" | absURL }}">
+<link rel="icon" href="{{- .Site.Params.assets.favicon | default "favicon.ico" | absURL -}}">
-<link rel="icon" href="{{ .Site.Params.assets.favicon | default "favicon.ico" | absURL }}">
+<link rel="icon" type="image/png" sizes="16x16" href="
+    {{- .Site.Params.assets.favicon16x16 | default "favicon-16x16.png" | absURL -}}">
+<link rel="icon" type="image/png" sizes="32x32" href="
+    {{- .Site.Params.assets.favicon32x32 | default "favicon-32x32.png" | absURL -}}">
+<link rel="apple-touch-icon" href="
+    {{- .Site.Params.assets.apple_touch_icon | default "apple-touch-icon.png" | absURL -}}">
+<link rel="mask-icon" href="{{- .Site.Params.assets.safari_pinned_tab | default "safari-pinned-tab.svg" | absURL -}}">
+<meta name="theme-color" content="#2e2e33">
+<meta name="msapplication-TileColor" content="#2e2e33">
 <!-- Generator -->
 {{- hugo.Generator }}
 <!-- RSS -->
 {{- range .AlternativeOutputFormats -}}
 <link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}">
 {{ end -}}
+{{- range .Translations -}}
+<link rel="alternate" hreflang="{{- .Lang -}}" href="{{- .Permalink -}}" />
+{{ end }}
+{{- partial "extend_head.html" . -}}
 <!-- Misc -->
-{{- if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }}
+{{- if hugo.IsProduction | or (eq .Site.Params.env "production") }}
 {{- template "_internal/google_analytics_async.html" . }}
-{{- template "_internal/opengraph.html" . }}
+{{- template "_internal/google_news.html" . }}
-{{- template "_internal/twitter_cards.html" . }}
+{{- template "partials/templates/opengraph.html" . }}
-{{- template "_internal/schema.html" . }}
+{{- template "partials/templates/twitter_cards.html" . }}
+{{- template "partials/templates/schema_json.html" . }}
 {{- end }}

layouts/partials/header.html

@@ -1,22 +1,41 @@
-{{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }}
+{{- /*  theme-toggle is enabled  */}}
+{{- if (not .Site.Params.disableThemeToggle) }}
+{{- /*  theme is light  */}}
+{{- if (eq .Site.Params.defaultTheme "light") }}
+<script>
+    if (localStorage.getItem("pref-theme") === "dark") {
+        document.body.classList.add('dark');
+    }
+
+</script>
+{{- /*  theme is dark  */}}
+{{- else if (eq .Site.Params.defaultTheme "dark") }}
+<script>
+    if (localStorage.getItem("pref-theme") === "light") {
+        document.body.classList.remove('dark')
+    }
+
+</script>
+{{- else }}
+{{- /*  theme is auto  */}}
 <script>
-    // load memory
     if (localStorage.getItem("pref-theme") === "dark") {
         document.body.classList.add('dark');
     } else if (localStorage.getItem("pref-theme") === "light") {
         document.body.classList.remove('dark')
-    } else {
+    } else if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
-        if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
+        document.body.classList.add('dark');
-            document.body.classList.add('dark');
-        }
     }
+
 </script>
 {{- end }}
-{{- if (and (.Site.Params.disableThemeToggle) (eq .Site.Params.defaultTheme "auto")) }}
+{{- /*  theme-toggle is disabled and theme is auto  */}}
+{{- else if (and (ne .Site.Params.defaultTheme "light") (ne .Site.Params.defaultTheme "dark"))}}
 <script>
     if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
         document.body.classList.add('dark');
     }
+
 </script>
 {{- end }}
 <noscript>
@@ -25,51 +44,83 @@
         .top-link {
             display: none;
         }
+
     </style>
 </noscript>
 <header class="header">
     <nav class="nav">
-        <p class="logo">
+        <div class="logo">
-            <a href="{{ "" | absLangURL }}">{{ .Site.Title }}</a>
+            <a href="{{ "" | absLangURL }}" accesskey="h" title="{{ .Site.Params.label.text | default .Site.Title }} (Alt + H)">
-            {{- if (and (not .Site.Params.disableThemeToggle) (not (or (eq .Site.Params.defaultTheme "light") (eq .Site.Params.defaultTheme "dark")))) }}
+                {{- if .Site.Params.label.icon }}
-            <span class="theme-toggle">
+                <img src="{{- .Site.Params.label.icon -}}" alt="logo" aria-label="logo"
-                <a id="theme-toggle">
+                    height="{{- .Site.Params.label.iconHeight | default "30px" -}}">
-                    <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                {{- end -}}
-                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                {{- .Site.Params.label.text | default .Site.Title -}}
-                        stroke-linejoin="round">
+            </a>
-                        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
+            <span class="logo-switches">
-                    </svg>
+                {{- if (not .Site.Params.disableThemeToggle) }}
-                    <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
+                <span class="theme-toggle" title="(Alt + T)">
-                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
+                    <a id="theme-toggle" accesskey="t">
-                        stroke-linejoin="round">
+                        <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
-                        <circle cx="12" cy="12" r="5"></circle>
+                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                        <line x1="12" y1="1" x2="12" y2="3"></line>
+                            stroke-linejoin="round">
-                        <line x1="12" y1="21" x2="12" y2="23"></line>
+                            <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path>
-                        <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                        </svg>
-                        <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                        <svg id="sun" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
-                        <line x1="1" y1="12" x2="3" y2="12"></line>
+                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
-                        <line x1="21" y1="12" x2="23" y2="12"></line>
+                            stroke-linejoin="round">
-                        <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                            <circle cx="12" cy="12" r="5"></circle>
-                        <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+                            <line x1="12" y1="1" x2="12" y2="3"></line>
-                    </svg>
+                            <line x1="12" y1="21" x2="12" y2="23"></line>
-                </a>
+                            <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                            <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                            <line x1="1" y1="12" x2="3" y2="12"></line>
+                            <line x1="21" y1="12" x2="23" y2="12"></line>
+                            <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                            <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+                        </svg>
+                    </a>
+                </span>
+                {{- end}}
+                {{ $lang := .Lang}}
+                {{- with $.Site.Home.AllTranslations }}
+                <span class="lang-switch">
+                    <span>|</span>
+                    <ul>
+                        {{- range . -}}
+                        {{- if ne $lang .Lang }}
+                        <li>
+                            <a href="{{- .Permalink -}}" title="{{ .Language.LanguageName | default (.Lang | humanize) }}"
+                                aria-label="{{ .Language.LanguageName | default (.Lang | humanize) }}">
+                                {{- if (and $.Site.Params.displayFullLangName (.Language.LanguageName)) }}
+                                {{- .Language.LanguageName | emojify -}}
+                                {{- else }}
+                                {{- .Lang | humanize -}}
+                                {{- end -}}
+                            </a>
+                        </li>
+                        {{- end -}}
+                        {{- end}}
+                    </ul>
+                </span>
+                {{- end }}
             </span>
-            {{- end}}
+        </div>
-        </p>
         {{- $currentPage := . }}
         <ul class="menu" id="menu" onscroll="menu_on_scroll()">
             {{- range .Site.Menus.main }}
-            {{- $menu_item_url := .URL | relLangURL }}
+            {{- $menu_item_url := (cond (strings.HasSuffix .URL "/") .URL (printf "%s/" .URL) ) | absLangURL }}
-            {{- $page_url:= $currentPage.RelPermalink | relLangURL }}
+            {{- $page_url:= $currentPage.Permalink  | absLangURL }}
+            {{- $is_search := eq ($.Site.GetPage .KeyName).Layout `search` }}
             <li>
-                <a href="{{ .URL | absLangURL }}">
+                <a href="{{ .URL | absLangURL }}" title="{{ .Title | default .Name }} {{- cond $is_search (" (Alt + /)" | safeHTMLAttr) ("" | safeHTMLAttr ) }}"
-                    <span {{- if eq $menu_item_url $page_url }}
+                {{- cond $is_search (" accesskey=/" | safeHTMLAttr) ("" | safeHTMLAttr ) }}>
-                        {{- /* the menu item links to the current page (with relLangURL) */}} class="active" {{- end }}>
+                    <span {{- if eq $menu_item_url $page_url }} class="active" {{- end }}>
-                        {{ .Name }}
+                        {{- .Name -}}
                     </span>
                 </a>
             </li>
-            {{- end }}
+            {{- end -}}
         </ul>
     </nav>
 </header>

layouts/partials/home_info.html

@@ -1,7 +1,7 @@
 {{- with $.Site.Params.homeInfoParams }}
-<article class="first-entry">
+<article class="first-entry home-info">
     <header class="entry-header">
-        <h2>{{- .Title }}</h2>
+        <h2>{{- .Title | markdownify }}</h2>
     </header>
     <section class="entry-content">
         <p>{{- .Content | markdownify }}</p>

layouts/partials/index_profile.html

@@ -1,15 +1,16 @@
 <div class="profile">
     {{- with .Site.Params.profileMode }}
     <div class="profile_inner">
-        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}" />{{- end}}
+        {{- if .imageUrl}}<img src="{{ .imageUrl}}" alt="{{ .imageTitle | default "profile image" }}"
-        <h1>{{- .title | default $.Site.Title -}}</h1>
+            height="{{- .imageHeight | default 150 -}}" width="{{- .imageWidth | default 150 -}}" />{{- end}}
-        <span>{{- .subtitle -}}</span>
+        <h1>{{- .title | default $.Site.Title | markdownify -}}</h1>
+        <span>{{- .subtitle | markdownify -}}</span>
         {{- partial "social_icons.html" $.Site.Params.socialIcons -}}
 
         {{- with .buttons }}
         <div class="buttons">
             {{- range . -}}
-            <a class="button" href="{{ .url }}" rel="noopener" title="{{ .name | humanize }}">
+            <a class="button" href="{{ trim .url " " }}" rel="noopener" title="{{ .name | humanize }}">
                 <span class="button-inner">{{ .name }}</span>
             </a>
             {{- end -}}

layouts/partials/post_meta.html

@@ -0,0 +1,17 @@
+{{- $scratch := newScratch}}
+
+{{- if not .Date.IsZero -}}
+{{- $scratch.Add "meta" (slice (.Date.Format (default "January 2, 2006" .Site.Params.DateFormat))) }}
+{{- end -}}
+
+{{- if $.Site.Params.ShowReadingTime -}}
+{{- $scratch.Add "meta" (slice (i18n "read_time" .ReadingTime | default (printf "%s min" .ReadingTime))) }}
+{{- end -}}
+
+{{ with (partial "author.html" . ) }}
+{{ $scratch.Add "meta" (slice .)}}
+{{end}}
+
+{{- with ($scratch.Get "meta")}}
+{{- delimit . " · "}}
+{{- end }}

layouts/partials/share_icons.html

@@ -1,8 +1,17 @@
 {{- $pageurl := .Permalink }}
 {{- $title := .Title }}
+
+{{ $.Scratch.Set "tags" ""}}
+
+{{- with .Params.Tags }}
+{{ $hashtags := newScratch}}
+{{ range . }}{{ $hashtags.Add "tags" (slice (replaceRE "(\\s)" "" . ))}}{{end}}
+{{ $.Scratch.Set "tags" (delimit ($hashtags.Get "tags") ",")  }}
+{{- end }}
+
 <div class="share-buttons">
     <a target="_blank" rel="noopener noreferrer" aria-label="share {{ $title | plainify }} on twitter"
-        href="https://twitter.com/intent/tweet/?text={{ $title }}&amp;url={{ $pageurl }}">
+        href="https://twitter.com/intent/tweet/?text={{ $title }}&amp;url={{ $pageurl }}&amp;hashtags={{- $.Scratch.Get "tags" -}}">
         <svg version="1.1" viewBox="0 0 512 512" xml:space="preserve">
             <path
                 d="M449.446,0c34.525,0 62.554,28.03 62.554,62.554l0,386.892c0,34.524 -28.03,62.554 -62.554,62.554l-386.892,0c-34.524,0 -62.554,-28.03 -62.554,-62.554l0,-386.892c0,-34.524 28.029,-62.554 62.554,-62.554l386.892,0Zm-253.927,424.544c135.939,0 210.268,-112.643 210.268,-210.268c0,-3.218 0,-6.437 -0.153,-9.502c14.406,-10.421 26.973,-23.448 36.935,-38.314c-13.18,5.824 -27.433,9.809 -42.452,11.648c15.326,-9.196 26.973,-23.602 32.49,-40.92c-14.252,8.429 -30.038,14.56 -46.896,17.931c-13.487,-14.406 -32.644,-23.295 -53.946,-23.295c-40.767,0 -73.87,33.104 -73.87,73.87c0,5.824 0.613,11.494 1.992,16.858c-61.456,-3.065 -115.862,-32.49 -152.337,-77.241c-6.284,10.881 -9.962,23.601 -9.962,37.088c0,25.594 13.027,48.276 32.95,61.456c-12.107,-0.307 -23.448,-3.678 -33.41,-9.196l0,0.92c0,35.862 25.441,65.594 59.311,72.49c-6.13,1.686 -12.72,2.606 -19.464,2.606c-4.751,0 -9.348,-0.46 -13.946,-1.38c9.349,29.426 36.628,50.728 68.965,51.341c-25.287,19.771 -57.164,31.571 -91.8,31.571c-5.977,0 -11.801,-0.306 -17.625,-1.073c32.337,21.15 71.264,33.41 112.95,33.41Z" />

layouts/partials/social_icons.html

@@ -1,6 +1,6 @@
 <div class="social-icons">
     {{- range . -}}
-    <a href="{{ .url }}" target="_blank" rel="noopener noreferrer"
+    <a href="{{ trim .url " " }}" target="_blank" rel="noopener noreferrer me"
         title="{{ .name | humanize }}">{{ partial "svg.html" . }}</a>
     {{- end -}}
 </div>

layouts/partials/templates/opengraph.html

@@ -0,0 +1,65 @@
+<meta property="og:title" content="{{ .Title }}" />
+<meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
+<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
+<meta property="og:url" content="{{ .Permalink }}" />
+{{- if .Params.cover.image -}}
+{{- if (ne .Params.cover.relative true) }}
+<meta property="og:image" content="{{ .Params.cover.image | absURL }}" />
+{{- else}}
+<meta property="og:image" content="{{ (path.Join .RelPermalink .Params.cover.image ) | absURL }}" />
+{{- end}}
+{{- else }}
+{{ with $.Params.images }}{{ range first 6 . -}}
+<meta property="og:image" content="{{ . | absURL }}" />
+{{ end }}{{ else -}}
+{{- $images := $.Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+{{- with $featured -}}
+<meta property="og:image" content="{{ $featured.Permalink }}"/>
+{{ else -}}
+{{- with $.Site.Params.images -}}
+<meta property="og:image" content="{{ index . 0 | absURL }}"/>
+{{ end }}{{ end }}{{ end }}
+{{- end }}
+
+{{- $iso8601 := "2006-01-02T15:04:05-07:00" -}}
+{{- if .IsPage }}
+{{- if not .PublishDate.IsZero }}<meta property="article:published_time" {{ .PublishDate.Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />
+{{ else if not .Date.IsZero }}<meta property="article:published_time" {{ .Date.Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />
+{{ end }}
+{{- if not .Lastmod.IsZero }}<meta property="article:modified_time" {{ .Lastmod.Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
+{{- else }}
+{{- if not .Date.IsZero }}<meta property="og:updated_time" {{ .Lastmod.Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />
+{{- end }}
+{{- end }}{{/* .IsPage */}}
+
+{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
+{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
+{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
+{{- with .Params.videos }}
+{{- range . }}
+<meta property="og:video" content="{{ . | absURL }}" />
+{{ end }}{{ end }}
+
+{{- /* If it is part of a series, link to related articles */}}
+{{- $permalink := .Permalink }}
+{{- $siteSeries := .Site.Taxonomies.series }}{{ with .Params.series }}
+{{- range $name := . }}
+  {{- $series := index $siteSeries ($name | urlize) }}
+  {{- range $page := first 6 $series.Pages }}
+    {{- if ne $page.Permalink $permalink }}<meta property="og:see_also" content="{{ $page.Permalink }}" />{{ end }}
+  {{- end }}
+{{ end }}{{ end }}
+
+{{- if .IsPage }}
+{{- range .Site.Authors }}{{ with .Social.facebook }}
+<meta property="article:author" content="https://www.facebook.com/{{ . }}" />{{ end }}{{ with .Site.Social.facebook }}
+<meta property="article:publisher" content="https://www.facebook.com/{{ . }}" />{{ end }}
+<meta property="article:section" content="{{ .Section }}" />
+{{- with .Params.tags }}{{ range first 6 . }}
+<meta property="article:tag" content="{{ . }}" />{{ end }}{{ end }}
+{{- end }}{{ end }}
+
+{{- /* Facebook Page Admin ID for Domain Insights */}}
+{{- with .Site.Social.facebook_admin }}<meta property="fb:admins" content="{{ . }}" />{{ end }}

layouts/partials/templates/schema_json.html

@@ -0,0 +1,78 @@
+{{ if .IsHome }}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "{{- ( .Site.Params.schema.publisherType | default "Organization") | humanize -}}",
+  "name": {{ .Site.Title }},
+  "url": {{ .Site.BaseURL }},
+  "description": {{ .Site.Params.description | plainify | truncate 180 | safeHTML }},
+  "thumbnailUrl": {{ .Site.Params.assets.favicon | default "favicon.ico" | absURL }},
+  "sameAs": [
+    {{- if .Site.Params.schema.sameAs }}
+      {{ range $i, $e := .Site.Params.schema.sameAs }}{{ if $i }}, {{ end }}{{ trim $e " " }}{{ end }}
+    {{- else}}
+      {{ range $i, $e := .Site.Params.SocialIcons }}{{ if $i }}, {{ end }}{{ trim $e.url " " }}{{ end }}
+    {{- end}}
+  ]
+}
+</script>
+{{- else if .IsPage }}
+<script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "BlogPosting",
+  "headline": {{ .Title | plainify}},
+  "name": "{{ .Title | plainify }}",
+  "description": {{ .Summary | plainify | truncate 180 | safeHTML }},
+  "keywords": [
+    {{- if .Params.keywords }}
+    {{ range $i, $e := .Params.keywords }}{{ if $i }}, {{ end }}{{ $e }}{{ end }}
+    {{- else }}
+    {{ range $i, $e := .Params.tags }}{{ if $i }}, {{ end }}{{ $e }}{{ end }}
+    {{- end }}
+  ],
+  "articleBody": {{ .Content | safeJS | htmlUnescape | plainify }},
+  "wordCount" : "{{ .WordCount }}",
+  "inLanguage": {{ .Language.Lang | default "en-us" }},
+  {{ if .Params.cover.image -}}
+  "image":
+    {{- if (ne .Params.cover.relative true) -}}
+    {{ .Params.cover.image | absURL }},
+    {{- else -}}
+    {{ (path.Join .RelPermalink .Params.cover.image ) | absURL }},
+    {{- end}}
+  {{- end -}}
+  "datePublished": {{ .PublishDate }},
+  "dateModified": {{ .Lastmod }},
+  {{- with (.Params.author | default .Site.Params.author) }}
+  "author":
+    {{- if (or (eq (printf "%T" .) "[]string") (eq (printf "%T" .) "[]interface {}")) -}}
+  [{{- range $i, $v := . -}}
+  {{- if $i }}, {{end -}}
+  {
+    "@type": "Person",
+    "name": {{ $v }}
+  }
+  {{- end }}],
+    {{- else -}}
+  {
+    "@type": "Person",
+    "name": {{ . }}
+  },
+    {{- end -}}
+  {{- end }}
+  "mainEntityOfPage": {
+    "@type": "WebPage",
+    "@id": {{ .Permalink | safeHTML }}
+  },
+  "publisher": {
+    "@type": "{{- ( .Site.Params.schema.publisherType | default "Organization") | humanize -}}",
+    "name": {{ .Site.Title }},
+    "logo": {
+      "@type": "ImageObject",
+      "url": {{ .Site.Params.assets.favicon | default "favicon.ico" | absURL }}
+    }
+  }
+}
+</script>
+{{ end }}

layouts/partials/templates/twitter_cards.html

@@ -0,0 +1,38 @@
+{{- if .Params.cover.image -}}
+<meta name="twitter:card" content="summary_large_image" />
+{{- if (ne $.Params.cover.relative true) }}
+<meta name="twitter:image" content="{{ .Params.cover.image | absURL }}" />
+{{- else }}
+<meta name="twitter:image" content="{{ (path.Join .RelPermalink .Params.cover.image ) | absURL }}" />
+{{- end}}
+{{- else }}
+{{- with $.Params.images -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ index . 0 | absURL }}"/>
+{{ else -}}
+{{- $images := $.Resources.ByType "image" -}}
+{{- $featured := $images.GetMatch "*feature*" -}}
+{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
+{{- with $featured -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ $featured.Permalink }}"/>
+{{- else -}}
+{{- with $.Site.Params.images -}}
+<meta name="twitter:card" content="summary_large_image"/>
+<meta name="twitter:image" content="{{ index . 0 | absURL }}"/>
+{{ else -}}
+<meta name="twitter:card" content="summary"/>
+{{- end -}}
+{{- end -}}
+{{- end }}
+{{- end }}
+<meta name="twitter:title" content="{{ .Title }}"/>
+<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end -}}"/>
+{{ with .Site.Social.twitter -}}
+<meta name="twitter:site" content="@{{ . }}"/>
+{{ end -}}
+{{ range .Site.Authors }}
+{{ with .twitter -}}
+<meta name="twitter:creator" content="@{{ . }}"/>
+{{ end -}}
+{{ end -}}

layouts/partials/toc.html

@@ -62,10 +62,10 @@
     {{- end -}}
     {{- end -}}
     <li>
-        <a href="#{{- $cleanedID  -}}">{{- $header | safeHTML -}}</a>
+        <a href="#{{- $cleanedID  -}}" aria-label="{{- $header | plainify -}}">{{- $header | safeHTML -}}</a>
         {{- else -}}
     <li>
-        <a href="#{{- $cleanedID -}}">{{- $header | safeHTML -}}</a>
+        <a href="#{{- $cleanedID -}}" aria-label="{{- $header | plainify -}}">{{- $header | safeHTML -}}</a>
         {{- end -}}
         {{- end -}}
         <!-- {{- $firstHeaderLevel := len (seq (index (findRE "[1-6]" (index $headers 0) 1) 0)) -}} -->

layouts/robots.txt

@@ -0,0 +1,7 @@
+User-agent: *
+{{- if hugo.IsProduction | or (eq .Site.Params.env "production") }}
+Disallow:
+{{- else }}
+Disallow: /
+{{- end }}
+Sitemap: {{ "sitemap.xml" | absURL }}

layouts/shortcodes/figure.html

@@ -0,0 +1,28 @@
+<figure{{ with .Get "class" }} class="{{ . }}"{{ end }}>
+    {{- if .Get "link" -}}
+        <a href="{{ .Get "link" }}"{{ with .Get "target" }} target="{{ . }}"{{ end }}{{ with .Get "rel" }} rel="{{ . }}"{{ end }}>
+    {{- end }}
+    <img src="{{ .Get "src" }}"
+         {{- if or (.Get "alt") (.Get "caption") }}
+         alt="{{ with .Get "alt" }}{{ . }}{{ else }}{{ .Get "caption" | markdownify| plainify }}{{ end }}"
+         {{- end -}}
+         {{- with .Get "width" }} width="{{ . }}"{{ end -}}
+         {{- with .Get "height" }} height="{{ . }}"{{ end -}}
+    /> <!-- Closing img tag -->
+    {{- if .Get "link" }}</a>{{ end -}}
+    {{- if or (or (.Get "title") (.Get "caption")) (.Get "attr") -}}
+        <figcaption>
+            {{ with (.Get "title") -}}
+                {{ . }}
+            {{- end -}}
+            {{- if or (.Get "caption") (.Get "attr") -}}<p>
+                {{- .Get "caption" | markdownify -}}
+                {{- with .Get "attrlink" }}
+                    <a href="{{ . }}">
+                {{- end -}}
+                {{- .Get "attr" | markdownify -}}
+                {{- if .Get "attrlink" }}</a>{{ end }}</p>
+            {{- end }}
+        </figcaption>
+    {{- end }}
+</figure>

static/site.webmanifest

@@ -1 +0,0 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}

theme.toml

@@ -4,11 +4,40 @@
 name = "PaperMod"
 license = "MIT"
 licenselink = "https://github.com/adityatelange/hugo-PaperMod/blob/master/LICENSE"
-description = "A simple, clean, flexible Hugo theme"
+description = "A fast, clean, responsive Hugo theme"
-homepage = "https://github.com/adityatelange/hugo-PaperMod"
+homepage = "https://adityatelange.github.io/hugo-PaperMod/"
-tags = ["Responsive", "Simple", "Clean", "Light", "White", "Dark", "Blog", "PaperMod"]
+tags = [
-features = ["Responsive", "One Column", "Blog"]
+  "responsive",
-min_version = "0.57.1"
+  "simple",
+  "clean",
+  "light",
+  "dark",
+  "blog",
+  "minimalist",
+  "highlight.js",
+  "search"
+]
+features = [
+  "responsive",
+  "single-column",
+  "blog",
+  "cover-image",
+  "table-of-contents",
+  "opengraph",
+  "highlight.js",
+  "favicon",
+  "archive",
+  "share-icons",
+  "cover",
+  "multilingual",
+  "social-icons",
+  "minified-assets",
+  "theme-toggle",
+  "menu-location-indicator",
+  "scroll-to-top",
+  "search"
+]
+min_version = "0.74.0"
 
 [author]
   name = "Aditya Telange"