style: update fonts+

assets/scss/common/_dark.scss

@@ -13,8 +13,6 @@ $button-color-dark: $link-color-dark;
 $focus-color-dark: lighten($link-color-dark, 2.5%);
 $selection-color-dark: lighten($link-color-dark, 2.5%);
 
-$navbar-dark-brand-color:           $link-color-dark;
-$navbar-dark-brand-hover-color:     $body-color-dark;
 $navbar-dark-color:                 $body-color-dark;
 $navbar-dark-hover-color:           $link-color-dark;
 $navbar-dark-active-color:          $link-color-dark;
@@ -51,12 +49,7 @@ body.dark.home .navbar {
 }
 
 body.dark .navbar-light .navbar-brand {
-  color: $navbar-dark-brand-color !important;
-}
-
-body.dark .navbar-light .navbar-brand:hover,
-body.dark .navbar-light .navbar-brand:focus {
-  color: $navbar-dark-brand-hover-color !important;
+  color: $navbar-dark-color !important;
 }
 
 body.dark .navbar-light .navbar-nav .nav-link {
@@ -96,6 +89,15 @@ body.dark .page-links a {
   color: $body-color-dark;
 }
 
+body.dark .showcase-meta a {
+  color: $body-color-dark;
+}
+
+body.dark .showcase-meta a:hover,
+body.dark .showcase-meta a:focus {
+  color: $link-color-dark;
+}
+
 body.dark .docs-link:hover,
 body.dark .docs-link.active,
 body.dark .page-links a:hover {
@@ -107,6 +109,11 @@ body.dark .navbar-light .navbar-text a {
   color: $navbar-dark-active-color;
 }
 
+body.dark .docs-links h3.sidebar-link a,
+body.dark .page-links h3.sidebar-link a {
+  color: $body-color-dark;
+}
+
 body.dark .navbar-light .navbar-text a:hover,
 body.dark .navbar-light .navbar-text a:focus {
   color: $navbar-dark-active-color;

assets/scss/common/_fonts.scss

@@ -1,53 +1,71 @@
+/* jost-regular - latin */
 @font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-400-Book.otf);
+  font-family: "Jost";
+  font-style: normal;
   font-weight: 400;
   font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-regular.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
+/* jost-500 - latin */
 @font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-400-BookItalic.otf);
-  font-weight: 400;
-  font-display: swap;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-500-Medium.otf);
+  font-family: "Jost";
+  font-style: normal;
   font-weight: 500;
   font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-500.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
 
+/* jost-700 - latin */
 @font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-500-MediumItalic.otf);
-  font-weight: 500;
-  font-display: swap;
-  font-style: italic;
-}
-
-/*
-@font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-600-Semi.otf);
-  font-weight: 600;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-600-SemiItalic.otf);
-  font-style: italic;
-  font-weight: 600;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Jost;
-  src: local("Jost"), url(/fonts/vendor/jost/Jost-700-Bold.otf);
+  font-family: "Jost";
+  font-style: normal;
   font-weight: 700;
   font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-700.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* jost-italic - latin */
+@font-face {
+  font-family: "Jost";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-italic.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* jost-500italic - latin */
+@font-face {
+  font-family: "Jost";
+  font-style: italic;
+  font-weight: 500;
+  font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-500italic.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-500italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* jost-700italic - latin */
+@font-face {
+  font-family: "Jost";
+  font-style: italic;
+  font-weight: 700;
+  font-display: swap;
+  src:
+    local("Jost"),
+    url("/fonts/vendor/jost/jost-v4-latin-700italic.woff2") format("woff2"),
+    url("/fonts/vendor/jost/jost-v4-latin-700italic.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
 }
-*/

assets/scss/common/_global.scss

@@ -44,6 +44,11 @@ h6,
   }
 }
 
+.home h1 {
+  /* font-size: calc(1.375rem + 1.5vw); */
+  font-size: calc(1.875rem + 1.5vw);
+}
+
 .section {
   padding-top: 5rem;
   padding-bottom: 5rem;
@@ -181,6 +186,10 @@ body {
   z-index: -1;
 }
 
+.bg-dots-md {
+  margin-top: -11rem;
+}
+
 .bg-dots-lg {
   margin-top: -12rem;
 }

assets/scss/common/_variables.scss

@@ -87,7 +87,9 @@ $font-size-sm:                $font-size-base * 0.875;
 $line-height-base:            1.5;
 
 $headings-font-family:        null;
-$headings-font-weight:        500;
+$headings-font-weight:        700;
+
+$lead-font-weight:            400;
 
 // Spacing
 //

assets/scss/layouts/_header.scss

@@ -99,20 +99,20 @@
 
   .navbar-form {
     margin-top: 0;
-    margin-left: 9rem;
+    margin-left: 6rem;
     margin-right: 1.5rem;
   }
 }
 
 @include media-breakpoint-up(lg) {
   .navbar-form {
-    margin-left: 18rem;
+    margin-left: 15rem;
   }
 }
 
 @include media-breakpoint-up(xl) {
   .navbar-form {
-    margin-left: 36rem;
+    margin-left: 30rem;
   }
 }
 

config/_default/menus.toml

@@ -32,3 +32,8 @@
   url = "https://github.com/h-enk/doks"
   post = "v0.1.0"
   weight = 20
+
+# [[footer]]
+#   name = "Privacy"
+#   url = "/privacy-policy/"
+#   weight = 10

config/_default/params.toml

@@ -24,15 +24,16 @@ themeColor = "#fff"
 
 quality = 85
 bgColor = "#fff"
-landscapePhotoWidths = [1000, 800, 700, 600, 500]
+landscapePhotoWidths = [900, 800, 700, 600, 500]
 portraitPhotoWidths = [800, 700, 600, 500]
 lqipWidth = "20x"
 
-footer = "This site is powered by <a href=\"https://gohugo.io/\">Hugo</a> and the <a href=\"https://getdoks.org/\">Doks</a> theme."
+footer = "Powered by <a href=\"https://www.netlify.com/\">Netlify</a>, <a href=\"https://gohugo.io/\">Hugo</a>, and <a href=\"https://getdoks.org/\">Doks</a>"
 
 alert = false
 alertText = "Like Doks? <a class=\"alert-link\" href=\"https://github.com/h-enk/doks/stargazers\">Star on GitHub</a>. Thanks!</a>"
 
-hyasVersion = "v0.2.0"
+hyasVersion = "v1.2.8"
+doksVersion = "v0.1.1"
 
 docsRepo = "https://github.com/h-enk/doks"

content/contact/index.md

@@ -1,10 +1,10 @@
 ---
 title: "Contact"
-description: "Email Henk Verlinde"
+description: "Drop us an email."
 date: 2020-08-27T19:25:12+02:00
 lastmod: 2020-08-27T19:25:12+02:00
 draft: true
 images: []
 ---
 
-<p><script type="text/javascript" nonce="dXNlcj0iaGVsbG8iLGRvbWFpbj0iaGVua3ZlcmxpbmRlLmNvbSIsZG9jdW1lbnQud3JpdGUodXNlcisiQCIrZG9tYWluKTs=">user="hello",domain="henkverlinde.com",document.write(user+"@"+domain);</script><noscript>hello at henkverlinde.com</noscript></p>
+{{< email user="hello" domain="getdoks.org" >}}

content/docs/help/faq.md

@@ -1,7 +1,7 @@
 ---
 title: "FAQ"
-description: "FAQ Doks."
-lead: ""
+description: "Answers to frequently asked questions."
+lead: "Answers to frequently asked questions."
 date: 2020-10-06T08:49:31+00:00
 lastmod: 2020-10-06T08:49:31+00:00
 draft: false
@@ -9,13 +9,35 @@ images: []
 menu: 
   docs:
     parent: "help"
-weight: 410
+weight: 540
 toc: true
 ---
 
+## Hyas?
+
+Doks is a [Hyas theme](https://gethyas.com/themes/) build by the creator of Hyas.
+
+## Footer notice?
+
+Please keep it in place.
+
 ## Keyboard shortcuts for search?
 
 - focus: `/`
 - select: `↓` and `↑`
 - open: `Enter`
 - close: `Esc`
+
+## Can I get support?
+
+Create a topic:
+
+- [Netlify Community](https://community.netlify.com/)
+- [Hugo Forums](https://discourse.gohugo.io/)
+
+## Contact the creator?
+
+Send `h-enk` a message:
+
+- [Netlify Community](https://community.netlify.com/)
+- [Hugo Forums](https://discourse.gohugo.io/)

content/docs/prologue/commands.md

@@ -36,7 +36,7 @@ npm run lint
 Check scripts for errors:
 
 ```bash
-npm run lint:scripts [--fix]
+npm run lint:scripts [-- --fix]
 ```
 
 ### styles
@@ -44,7 +44,7 @@ npm run lint:scripts [--fix]
 Check styles for errors:
 
 ```bash
-npm run lint:styles [--fix]
+npm run lint:styles [-- --fix]
 ```
 
 ### markdown
@@ -52,7 +52,7 @@ npm run lint:styles [--fix]
 Check markdown for errors:
 
 ```bash
-npm run lint:markdown [--fix]
+npm run lint:markdown [-- --fix]
 ```
 
 ## clean

content/privacy-policy/index.md

@@ -1,13 +1,13 @@
 ---
 title: "Privacy Policy"
-description: "Privacy Policy Doks"
+description: "We do not use cookies and we do not collect any personal data."
 date: 2020-08-27T19:23:18+02:00
 lastmod: 2020-08-27T19:23:18+02:00
 draft: true
 images: []
 ---
 
-__TLDR__: I do not use cookies and I do not collect any personal data.
+__TLDR__: We do not use cookies and we do not collect any personal data.
 
 ## Website visitors
 
@@ -18,19 +18,19 @@ __TLDR__: I do not use cookies and I do not collect any personal data.
 - No information is mined and harvested for personal and behavioral trends.
 - No information is monetized.
 
-### Information I collect and what I use it for
+### Information we collect and what we use it for
 
-I run [Plausible](https://plausible.io/) analytics on gethyas.com. The following information is collected:
+We run [Plausible](https://plausible.io/) analytics on getdoks.org. The following information is collected:
 
-- __Page URL__. I track the page URL of each page view on this website. I use this to understand which pages have been viewed and how many times a particular page has been viewed. For example: _https://gethyas.com/_.
-- __HTTP Referrer__. I use the referrer string to understand the number of visitors referred to this website from links on other sites. For example: _https://github.com/_.
-- __Browser__. I use this to understand what browsers people use when visiting this website. This is derived from the User-Agent HTTP header. The full User-Agent is discarded. For example: _Chrome_.
-- __Operating system__. I use this to understand what operating systems people use when visiting this website. I only use the brand of the operating system and don’t include the version number or any other details. This is derived from the User-Agent HTTP header. The full User-Agent is discarded. For example: _GNU/Linux_.
-- __Device type__. I use this to understand what devices people use when visiting this website. This is derived from window.innerWidth. The actual width of the browser in pixels is discarded. For example: _Desktop_.
-- __Visitor Country__. I look up the visitor’s country using the IP address. I do not track anything more granular than the country of origin and the IP address of the visitor is discarded. I never store IP addresses in my database or logs. For example: _Canada_.
+- __Page URL__. We track the page URL of each page view on this website. We use this to understand which pages have been viewed and how many times a particular page has been viewed. For example: _https://getdoks.org/_.
+- __HTTP Referrer__. We use the referrer string to understand the number of visitors referred to this website from links on other sites. For example: _https://github.com/_.
+- __Browser__. We use this to understand what browsers people use when visiting this website. This is derived from the User-Agent HTTP header. The full User-Agent is discarded. For example: _Chrome_.
+- __Operating system__. We use this to understand what operating systems people use when visiting this website. We only use the brand of the operating system and don’t include the version number or any other details. This is derived from the User-Agent HTTP header. The full User-Agent is discarded. For example: _GNU/Linux_.
+- __Device type__. We use this to understand what devices people use when visiting this website. This is derived from window.innerWidth. The actual width of the browser in pixels is discarded. For example: _Desktop_.
+- __Visitor Country__. We look up the visitor’s country using the IP address. We do not track anything more granular than the country of origin and the IP address of the visitor is discarded. We never store IP addresses in our database or logs. For example: _Canada_.
 
-## Contact me
+## Contact us
 
-[Contact me]({{< ref "contact/index.md" >}}) if you have any questions.
+[Contact us]({{< ref "contact/index.md" >}}) if you have any questions.
 
-Effective Date: _20th July 2020_
+Effective Date: _27th August 2020_

layouts/partials/footer/footer.html

@@ -1,11 +1,18 @@
 <footer class="footer text-muted">
   <div class="container">
     <div class="row">
-      <div class="col-lg-16 text-center">
+      <div class="col-lg-8 order-last order-lg-first">
         <ul class="list-inline">
           <li class="list-inline-item">{{ .Site.Params.footer | safeHTML }}</li>
         </ul>
       </div>
+      <div class="col-lg-8 order-first order-lg-last text-lg-right">
+        <ul class="list-inline">
+          {{ range .Site.Menus.footer -}}
+            <li class="list-inline-item"><a href="{{ .URL | absURL }}">{{ .Name }}</a></li>
+          {{ end -}}
+        </ul>
+      </div>
     </div>
   </div>
 </footer>

layouts/partials/head/resource-hints.html

@@ -1,4 +1,6 @@
-<link rel="preload" as="font" href="{{ "fonts/vendor/jost/Jost-400-Book.otf" | absURL }}" type="font/otf" crossorigin>
-<link rel="preload" as="font" href="{{ "fonts/vendor/jost/Jost-400-BookItalic.otf" | absURL }}" type="font/otf" crossorigin>
-<link rel="preload" as="font" href="{{ "fonts/vendor/jost/Jost-500-Medium.otf" | absURL }}" type="font/otf" crossorigin>
-<link rel="preload" as="font" href="{{ "fonts/vendor/jost/Jost-500-MediumItalic.otf" | absURL }}" type="font/otf" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-regular.woff2" | absURL }}" type="font/woff2" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-italic.woff2" | absURL }}" type="font/woff2" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-500.woff2" | absURL }}" type="font/woff2" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-500italic.woff2" | absURL }}" type="font/woff2" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-700.woff2" | absURL }}" type="font/woff2" crossorigin>
+<link rel="preload" as="font" href="{{ "fonts/vendor/jost/jost-v4-latin-700italic.woff2" | absURL }}" type="font/woff2" crossorigin>

layouts/partials/header/header.html

@@ -3,7 +3,7 @@
   <div class="container">
     <input class="menu-btn order-0" type="checkbox" id="menu-btn">
     <label class="menu-icon d-md-none" for="menu-btn"><span class="navicon"></span></label>
-    <a class="navbar-brand order-1 order-md-0 mr-auto text-primary" href="{{ "/" | absURL }}">{{ .Site.Params.Title }}</a>
+    <a class="navbar-brand order-1 order-md-0 mr-auto" href="{{ "/" | absURL }}">{{ .Site.Params.Title }}</a>
     <button id="mode" class="btn btn-link order-2 order-md-4" type="button" aria-label="Toggle mode">
       <span class="toggle-dark"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-moon"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg></span>
       <span class="toggle-light"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-sun"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><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></span>

layouts/shortcodes/email.html

@@ -0,0 +1 @@
+<script type="text/javascript" nonce="dXNlcj0iaGVsbG8iLGRvbWFpbj0iaGVua3ZlcmxpbmRlLmNvbSIsZG9jdW1lbnQud3JpdGUodXNlcisiQCIrZG9tYWluKTs=">user="{{ with .Get "user" }}{{.}}{{ end }}",domain="{{ with .Get "domain" }}{{.}}{{ end }}",document.write(user+"@"+domain);</script><noscript>{{ with .Get "user" }}{{.}}{{ end }} at {{ with .Get "domain" }}{{.}}{{ end }}</noscript>