Address linting errors

.stylelintignore

@@ -1,3 +1,4 @@
-assets/scss/components/_syntax.scss
+assets/scss/common/_variables.scss
 assets/scss/vendor
+assets/scss/app.scss
 node_modules

assets/scss/app.scss

@@ -51,7 +51,6 @@ $themeColor: {{ site.Params.style.themeColor | default "#007bff" }};
 // Import Bootstrap utilities
 @import "bootstrap/scss/utilities/api";
 
-
 // Import Font Awesome
 @import "@fortawesome/fontawesome-free/scss/fontawesome";
 @import "@fortawesome/fontawesome-free/scss/solid";

assets/scss/common/_styles.scss

@@ -1,3 +1,13 @@
+//
+// Remove underline from all links
+//
+a:link,
+a:visited,
+a:hover,
+a:active {
+    text-decoration: none;
+}
+
 //
 // Ensure main page is rendered to full viewport height
 //
@@ -14,42 +24,35 @@
     right: 0;
     z-index: 2;
     height: calc(100vh - 7rem);
-    overflow-y: auto
+    overflow-y: auto;
 }
 
 .toc nav {
-    font-size: .875rem
+    font-size: 0.875rem;
 }
 
 .toc nav ul {
     padding-left: 0;
-    list-style: none
+    list-style: none;
 }
 
 .toc nav ul ul {
     padding-left: 1rem;
-    margin-top: .25rem
+    margin-top: 0.25rem;
 }
 
 .toc nav li {
-    margin-bottom: .25rem
+    margin-bottom: 0.25rem;
 }
 
 .toc nav a {
-    color: inherit
+    color: inherit;
 }
 
 .toc nav a:not(:hover) {
-    text-decoration: none
+    text-decoration: none;
 }
 
 .toc nav a code {
-    font: inherit
+    font: inherit;
-}
-
-// 
-// Remove underline from all links
-// 
-a:link, a:visited, a:hover, a:active { 
-    text-decoration: none; 
 }

assets/scss/common/_variables.scss

@@ -7,7 +7,7 @@ $primary:                       $themeColor;
 // Remove the border from the focused navigation toggler
 $navbar-toggler-focus-width:    0 !default;
 
-$font-family-sans-serif:        'Inter', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$font-family-sans-serif:        "Inter", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
 $headings-font-weight:          600 !default;
 $font-weight-lighter:           lighter !default;
 $font-weight-light:             200 !default;

assets/scss/components/_buttons.scss

@@ -1,4 +1,8 @@
 /* Set hover color for primary button to white (overrides color contrast defined in mixin) */
-.btn-outline-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
+.btn-outline-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.open > .dropdown-toggle.btn-primary {
     color: #fff !important;
 }

assets/scss/components/_card.scss

@@ -6,13 +6,16 @@
     position: relative;
 }
 
-.card-img-wrap:after {
+.card-img-wrap::after {
-    content: '';
+    content: "";
     position: absolute;
-    top: 0; left: 0; right: 0; bottom: 0;
+    top: 0;
-    background: rgba(255,255,255,0.3);
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(255, 255, 255, 0.3);
     opacity: 0;
-    transition: opacity .25s;
+    transition: opacity 0.25s;
 }
 
 .card-img-wrap img {
@@ -24,17 +27,16 @@
     transform: scale(1.1);
 }
 
-.card-img-wrap:hover:after {
+.card-img-wrap:hover::after {
     opacity: 1;
 }
 
-
 .project-card {
-    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
+    transition: 0.3s transform cubic-bezier(0.155, 1.105, 0.295, 1.12), 0.3s box-shadow, 0.3s -webkit-transform cubic-bezier(0.155, 1.105, 0.295, 1.12);
     cursor: pointer;
 }
 
 .project-card:hover {
     transform: scale(1.01);
-    box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.06);
 }

assets/scss/components/_comments.scss

@@ -1,4 +1,3 @@
-
 .utterances {
     position: relative;
     box-sizing: border-box;

assets/scss/components/_navbar.scss

@@ -14,7 +14,7 @@
 }
 
 /* Lines of the Toggler */
-.toggler-icon{
+.toggler-icon {
     width: 30px;
     height: 3px;
     background-color: $primary;
@@ -23,7 +23,7 @@
 }
 
 /* Adds Space between the lines */
-.middle-bar{
+.middle-bar {
     margin: 5px auto;
 }
 
@@ -42,6 +42,7 @@
     transform: rotate(-45deg);
     transform-origin: 10% 90%;
 }
+
 /* State when navbar is opened (END) */
 
 /* State when navbar is collapsed (START) */
@@ -57,9 +58,10 @@
 .navbar-toggler.collapsed .bottom-bar {
     transform: rotate(0);
 }
+
 /* State when navbar is collapsed (END) */
 
 /* Color of Toggler when collapsed */
 .navbar-toggler.collapsed .toggler-icon {
-    background-color: #777777;
+    background-color: #777;
 }

assets/scss/components/_search.scss

@@ -96,7 +96,7 @@
 
 @include media-breakpoint-up(sm) {
     #suggestions {
-    width: 31.125rem;
+        width: 31.125rem;
     }
 
     #suggestions a {

assets/scss/components/_vimeo.scss

@@ -6,15 +6,15 @@
     overflow: hidden;
     width: 100%;
     background: #000;
- }
+}
 
- .__h_video img {
+.__h_video img {
     width: 100%;
     height: auto;
     color: #000;
- }
+}
 
- .__h_video .play {
+.__h_video .play {
     height: 72px;
     width: 72px;
     left: 50%;
@@ -23,9 +23,9 @@
     margin-top: -36px;
     position: absolute;
     cursor: pointer;
- }
+}
 
- .video {
+.video {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
@@ -38,5 +38,5 @@
     left: 0;
     width: 100%;
     height: 100%;
-    border:0;    
+    border: 0;
 }

content/en/about.md

@@ -33,6 +33,7 @@ showComments: false
 </section>
 
 Additional features include:
+
 * Comments
 * Social links
 * Blog pagination
@@ -41,5 +42,6 @@ Additional features include:
 * i18n support
 
 The Hinode theme is inspired by the following themes:
+
 * [Blist](https://github.com/apvarun/blist-hugo-theme) - a clean and fast blog theme for your Hugo site using Tailwind CSS.
 * [Doks](https://github.com/h-enk/doks) - a Hugo theme for building secure, fast, and SEO-ready documentation websites, which you can easily update and customize.

content/en/blog/emoji-support.md

@@ -10,7 +10,6 @@ credits: Photo by <a href="https://unsplash.com/@timdegroot">Tim de Groot</a> on
 
 Emoji can be enabled in a Hugo project in a number of ways.
 
-
 <!--more-->
 
 The [`emojify`](https://gohugo.io/functions/emojify/) function can be called directly in templates or [Inline Shortcodes](https://gohugo.io/templates/shortcode-templates/#inline-shortcodes).

content/en/blog/markdown-syntax.md

@@ -16,6 +16,7 @@ This article offers a sample of basic Markdown syntax that can be used in Hugo c
 
 The following HTML `<h1>`—`<h6>` elements represent six levels of section headings. `<h1>` is the highest section level while `<h6>` is the lowest.
 
+<!-- markdownlint-disable-next-line -->
 # H1
 
 ## H2
@@ -38,13 +39,13 @@ Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sap
 
 The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a `footer` or `cite` element, and optionally with in-line changes such as annotations and abbreviations.
 
-#### Blockquote without attribution
+### Blockquote without attribution
 
 > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
 > **Note** that you can use _Markdown syntax_ within a blockquote.
 {.blockquote}
 
-#### Blockquote with attribution
+### Blockquote with attribution
 
 > Don't communicate by sharing memory, share memory by communicating.<br>
 > — <cite>Rob Pike[^1]</cite>
@@ -52,8 +53,6 @@ The blockquote element represents content that is quoted from another source, op
 
 [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
 
-
-
 <figure>
   <blockquote class="blockquote">
     <p>A well-known quote, contained in a blockquote element.</p>
@@ -73,18 +72,16 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 | Alice | 23  |
 {.table}
 
-
+### Inline Markdown within tables
-#### Inline Markdown within tables
 
 | Italics   | Bold     | Code   |
 | --------- | -------- | ------ |
 | _italics_ | **bold** | `code` |
 {.table}
 
-
 ## Code Blocks
 
-#### Code block with backticks
+### Code block with backticks
 
 ```html
 <!DOCTYPE html>
@@ -99,7 +96,8 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 </html>
 ```
 
-#### Code block indented with four spaces
+<!-- markdownlint-disable MD046 -->
+### Code block indented with four spaces
 
     <!doctype html>
     <html lang="en">
@@ -111,8 +109,9 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
       <p>Test</p>
     </body>
     </html>
+<!-- markdownlint-enable MD046 -->
 
-#### Code block with Hugo's internal highlight shortcode
+### Code block with Hugo's internal highlight shortcode
 
 {{< highlight html >}}
 
@@ -130,19 +129,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
 
 ## List Types
 
-#### Ordered List
+### Ordered List
 
 1. First item
 2. Second item
 3. Third item
 
-#### Unordered List
+### Unordered List
 
 - List item
 - Another item
 - And another item
 
-#### Nested list
+### Nested list
 
 - Fruit
   - Apple

content/en/blog/placeholder-text.md

@@ -10,7 +10,6 @@ credits: Photo by <a href="https://unsplash.com/@kevinjyoung">Kevin Young</a> on
 
 Lorem est tota propiore conpellat pectoribus de pectora summo. <!--more-->Redit teque digerit hominumque toris verebor lumina non cervice subde tollit usus habet Arctonque, furores quas nec ferunt. Quoque montibus nunc caluere tempus inhospita parcite confusaque translucet patri vestro qui optatis lumine cognoscere flos nubis! Fronde ipsamque patulos Dryopen deorum.
 
-
 {{< image src="img/flowers.jpg" ratio="21x9" caption="Figure caption" class="rounded">}}
 
 1. Exierant elisi ambit vivere dedere
@@ -26,7 +25,7 @@ Rursus nulli murmur; hastile inridet ut ab gravi sententia! Nomine potitus silen
 4. Arcanaque montibus omnes
 5. Quidem et
 
-# Vagus elidunt
+## Vagus elidunt
 
 <svg xmlns="http://www.w3.org/2000/svg" overflow="visible" viewBox="0 0 496 373" height="373" width="496"><g fill="none"><path stroke="#000" stroke-width=".75" d="M.599 372.348L495.263 1.206M.312.633l494.95 370.853M.312 372.633L247.643.92M248.502.92l246.76 370.566M330.828 123.869V1.134M330.396 1.134L165.104 124.515"></path><path stroke="#ED1C24" stroke-width=".75" d="M275.73 41.616h166.224v249.05H275.73zM54.478 41.616h166.225v249.052H54.478z"></path><path stroke="#000" stroke-width=".75" d="M.479.375h495v372h-495zM247.979.875v372"></path><ellipse cx="498.729" cy="177.625" rx=".75" ry="1.25"></ellipse><ellipse cx="247.229" cy="377.375" rx=".75" ry="1.25"></ellipse></g></svg>