hazza/hinode
1
0
Fork 0
mirror of https://github.com/gethinode/hinode.git synced 2025-10-18 07:23:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Address linting errors

Browse Source
This commit is contained in:
mark
2022-04-09 07:35:43 +02:00
parent cf73ea9288
commit ebba68851e
17 changed files with 89 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.stylelintignore
View File

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

3
assets/scss/app.scss
View File

@@ -51,7 +51,6 @@ $themeColor: {{ site.Params.style.themeColor | default "#007bff" }};
// Import Bootstrap utilities // Import Bootstrap utilities
@import "bootstrap/scss/utilities/api"; @import "bootstrap/scss/utilities/api";
// Import Font Awesome // Import Font Awesome
@import "@fortawesome/fontawesome-free/scss/fontawesome"; @import "@fortawesome/fontawesome-free/scss/fontawesome";
@import "@fortawesome/fontawesome-free/scss/solid"; @import "@fortawesome/fontawesome-free/scss/solid";
@@ -68,4 +67,4 @@ $themeColor: {{ site.Params.style.themeColor | default "#007bff" }};
@import "components/vimeo.scss"; @import "components/vimeo.scss";
@import "common/styles.scss"; @import "common/styles.scss";
@import "layouts/reboot.scss"; @import "layouts/reboot.scss";
@import "layouts/type.scss"; @import "layouts/type.scss";

35
assets/scss/common/_styles.scss
View File

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

4
assets/scss/common/_variables.scss
View File

@@ -7,10 +7,10 @@ $primary: $themeColor;
// Remove the border from the focused navigation toggler // Remove the border from the focused navigation toggler
$navbar-toggler-focus-width: 0 !default; $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; $headings-font-weight: 600 !default;
$font-weight-lighter: lighter !default; $font-weight-lighter: lighter !default;
$font-weight-light: 200 !default; $font-weight-light: 200 !default;
$font-weight-normal: 300 !default; $font-weight-normal: 300 !default;
$font-weight-bold: 600 !default; $font-weight-bold: 600 !default;
$font-weight-bolder: bolder !default; $font-weight-bolder: bolder !default;

6
assets/scss/components/_buttons.scss
View File

@@ -1,4 +1,8 @@
/* Set hover color for primary button to white (overrides color contrast defined in mixin) */ /* 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; color: #fff !important;
} }

22
assets/scss/components/_card.scss
View File

@@ -6,13 +6,16 @@
position: relative; position: relative;
} }
.card-img-wrap:after { .card-img-wrap::after {
content: ''; content: "";
position: absolute; 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; opacity: 0;
transition: opacity .25s; transition: opacity 0.25s;
} }
.card-img-wrap img { .card-img-wrap img {
@@ -24,17 +27,16 @@
transform: scale(1.1); transform: scale(1.1);
} }
.card-img-wrap:hover:after { .card-img-wrap:hover::after {
opacity: 1; opacity: 1;
} }
.project-card { .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; cursor: pointer;
} }
.project-card:hover { .project-card:hover {
transform: scale(1.01); 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);
} }

3
assets/scss/components/_comments.scss
View File

@@ -1,4 +1,3 @@
.utterances { .utterances {
position: relative; position: relative;
box-sizing: border-box; box-sizing: border-box;
@@ -18,4 +17,4 @@
max-width: 100%; max-width: 100%;
height: 100%; height: 100%;
border: 0; border: 0;
} }

10
assets/scss/components/_navbar.scss
View File

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

6
assets/scss/components/_search.scss
View File

@@ -7,7 +7,7 @@
margin-bottom: 0.125rem; margin-bottom: 0.125rem;
} }
} }
.form-control.is-search { .form-control.is-search {
padding-right: 4rem; padding-right: 4rem;
border: 1px solid transparent; border: 1px solid transparent;
@@ -96,7 +96,7 @@
@include media-breakpoint-up(sm) { @include media-breakpoint-up(sm) {
#suggestions { #suggestions {
width: 31.125rem; width: 31.125rem;
} }
#suggestions a { #suggestions a {
@@ -115,4 +115,4 @@
width: 19rem; width: 19rem;
padding-left: 1rem; padding-left: 1rem;
} }
} }

38
assets/scss/components/_vimeo.scss
View File

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

2
assets/scss/layouts/_reboot.scss
View File

@@ -1,3 +1,3 @@
pre { pre {
padding: $spacer; padding: $spacer;
} }

4
content/en/about.md
View File

@@ -33,6 +33,7 @@ showComments: false
</section> </section>
Additional features include: Additional features include:
* Comments * Comments
* Social links * Social links
* Blog pagination * Blog pagination
@@ -41,5 +42,6 @@ Additional features include:
* i18n support * i18n support
The Hinode theme is inspired by the following themes: 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. * [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. * [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.

1
content/en/blog/emoji-support.md
View File

@@ -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. Emoji can be enabled in a Hugo project in a number of ways.
<!--more--> <!--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). 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).

25
content/en/blog/markdown-syntax.md
View File

@@ -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. 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 # H1
## H2 ## 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. 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. > Tiam, ad mint andaepu dandae nostion secatur sequo quae.
> **Note** that you can use _Markdown syntax_ within a blockquote. > **Note** that you can use _Markdown syntax_ within a blockquote.
{.blockquote} {.blockquote}
#### Blockquote with attribution ### Blockquote with attribution
> Don't communicate by sharing memory, share memory by communicating.<br> > Don't communicate by sharing memory, share memory by communicating.<br>
> — <cite>Rob Pike[^1]</cite> > — <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. [^1]: The above quote is excerpted from Rob Pike's [talk](https://www.youtube.com/watch?v=PAAkCSZUG1c) during Gopherfest, November 18, 2015.
<figure> <figure>
<blockquote class="blockquote"> <blockquote class="blockquote">
<p>A well-known quote, contained in a blockquote element.</p> <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 | | Alice | 23 |
{.table} {.table}
### Inline Markdown within tables
#### Inline Markdown within tables
| Italics | Bold | Code | | Italics | Bold | Code |
| --------- | -------- | ------ | | --------- | -------- | ------ |
| _italics_ | **bold** | `code` | | _italics_ | **bold** | `code` |
{.table} {.table}
## Code Blocks ## Code Blocks
#### Code block with backticks ### Code block with backticks
```html ```html
<!DOCTYPE html> <!DOCTYPE html>
@@ -99,7 +96,8 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
</html> </html>
``` ```
#### Code block indented with four spaces <!-- markdownlint-disable MD046 -->
### Code block indented with four spaces
<!doctype html> <!doctype html>
<html lang="en"> <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> <p>Test</p>
</body> </body>
</html> </html>
<!-- markdownlint-enable MD046 -->
#### Code block with Hugo's internal highlight shortcode ### Code block with Hugo's internal highlight shortcode
{{< highlight html >}} {{< highlight html >}}
@@ -130,19 +129,19 @@ Tables aren't part of the core Markdown spec, but Hugo supports supports them ou
## List Types ## List Types
#### Ordered List ### Ordered List
1. First item 1. First item
2. Second item 2. Second item
3. Third item 3. Third item
#### Unordered List ### Unordered List
- List item - List item
- Another item - Another item
- And another item - And another item
#### Nested list ### Nested list
- Fruit - Fruit
- Apple - Apple

3
content/en/blog/placeholder-text.md
View File

@@ -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. 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">}} {{< image src="img/flowers.jpg" ratio="21x9" caption="Figure caption" class="rounded">}}
1. Exierant elisi ambit vivere dedere 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 4. Arcanaque montibus omnes
5. Quidem et 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> <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>

2
content/en/projects/another-project.md
View File

@@ -8,4 +8,4 @@ thumbnail: img/coffee.jpg # https://picsum.photos/id/1060/5598/3732
credits: Photo by <a href="https://unsplash.com/@kfred">Karl Fredrickson</a> on <a href="https://unsplash.com/photos/TYIzeCiZ_60">Unsplash</a> credits: Photo by <a href="https://unsplash.com/@kfred">Karl Fredrickson</a> on <a href="https://unsplash.com/photos/TYIzeCiZ_60">Unsplash</a>
--- ---
Vivamus iaculis metus sed magna porta tincidunt. Aliquam molestie eget orci eu elementum. Integer pellentesque dolor sit amet suscipit maximus. Duis consequat, massa vitae volutpat rhoncus, erat augue venenatis velit, a auctor leo nulla nec turpis. Nunc ut libero sapien. Vivamus aliquam ultrices vestibulum. Sed sit amet vestibulum dolor, ut vehicula diam. Sed felis purus, feugiat vitae vulputate quis, sodales vitae dui. Pellentesque volutpat fringilla sapien varius condimentum. Integer odio massa, pharetra at bibendum vitae, aliquam nec erat. Vivamus iaculis metus sed magna porta tincidunt. Aliquam molestie eget orci eu elementum. Integer pellentesque dolor sit amet suscipit maximus. Duis consequat, massa vitae volutpat rhoncus, erat augue venenatis velit, a auctor leo nulla nec turpis. Nunc ut libero sapien. Vivamus aliquam ultrices vestibulum. Sed sit amet vestibulum dolor, ut vehicula diam. Sed felis purus, feugiat vitae vulputate quis, sodales vitae dui. Pellentesque volutpat fringilla sapien varius condimentum. Integer odio massa, pharetra at bibendum vitae, aliquam nec erat.

2
content/en/projects/sample-project.md
View File

@@ -8,4 +8,4 @@ thumbnail: img/laptop.jpg # https://picsum.photos/id/0/5616/3744
credits: Photo by <a href="https://unsplash.com/@alejandroescamilla">Alejandro Escamilla</a> on <a href="https://unsplash.com/photos/yC-Yzbqy7PY">Unsplash</a> credits: Photo by <a href="https://unsplash.com/@alejandroescamilla">Alejandro Escamilla</a> on <a href="https://unsplash.com/photos/yC-Yzbqy7PY">Unsplash</a>
--- ---
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.