style: update fonts+

This commit is contained in:
Henk Verlinde 2020-11-16 09:35:51 +01:00
parent e3444360ac
commit 41d63a2528
35 changed files with 191 additions and 127 deletions

View File

@ -13,8 +13,6 @@ $button-color-dark: $link-color-dark;
$focus-color-dark: lighten($link-color-dark, 2.5%); $focus-color-dark: lighten($link-color-dark, 2.5%);
$selection-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-color: $body-color-dark;
$navbar-dark-hover-color: $link-color-dark; $navbar-dark-hover-color: $link-color-dark;
$navbar-dark-active-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 { body.dark .navbar-light .navbar-brand {
color: $navbar-dark-brand-color !important; color: $navbar-dark-color !important;
}
body.dark .navbar-light .navbar-brand:hover,
body.dark .navbar-light .navbar-brand:focus {
color: $navbar-dark-brand-hover-color !important;
} }
body.dark .navbar-light .navbar-nav .nav-link { body.dark .navbar-light .navbar-nav .nav-link {
@ -96,6 +89,15 @@ body.dark .page-links a {
color: $body-color-dark; 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:hover,
body.dark .docs-link.active, body.dark .docs-link.active,
body.dark .page-links a:hover { body.dark .page-links a:hover {
@ -107,6 +109,11 @@ body.dark .navbar-light .navbar-text a {
color: $navbar-dark-active-color; 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:hover,
body.dark .navbar-light .navbar-text a:focus { body.dark .navbar-light .navbar-text a:focus {
color: $navbar-dark-active-color; color: $navbar-dark-active-color;

View File

@ -1,53 +1,71 @@
/* jost-regular - latin */
@font-face { @font-face {
font-family: Jost; font-family: "Jost";
src: local("Jost"), url(/fonts/vendor/jost/Jost-400-Book.otf); font-style: normal;
font-weight: 400; font-weight: 400;
font-display: swap; 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-face {
font-family: Jost; font-family: "Jost";
src: local("Jost"), url(/fonts/vendor/jost/Jost-400-BookItalic.otf); font-style: normal;
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-weight: 500; font-weight: 500;
font-display: swap; 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-face {
font-family: Jost; font-family: "Jost";
src: local("Jost"), url(/fonts/vendor/jost/Jost-500-MediumItalic.otf); font-style: normal;
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-weight: 700; font-weight: 700;
font-display: swap; 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+ */
} }
*/

View File

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

View File

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

View File

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

View File

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

View File

@ -24,15 +24,16 @@ themeColor = "#fff"
quality = 85 quality = 85
bgColor = "#fff" bgColor = "#fff"
landscapePhotoWidths = [1000, 800, 700, 600, 500] landscapePhotoWidths = [900, 800, 700, 600, 500]
portraitPhotoWidths = [800, 700, 600, 500] portraitPhotoWidths = [800, 700, 600, 500]
lqipWidth = "20x" 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 alert = false
alertText = "Like Doks? <a class=\"alert-link\" href=\"https://github.com/h-enk/doks/stargazers\">Star on GitHub</a>. Thanks!</a>" 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" docsRepo = "https://github.com/h-enk/doks"

View File

@ -1,10 +1,10 @@
--- ---
title: "Contact" title: "Contact"
description: "Email Henk Verlinde" description: "Drop us an email."
date: 2020-08-27T19:25:12+02:00 date: 2020-08-27T19:25:12+02:00
lastmod: 2020-08-27T19:25:12+02:00 lastmod: 2020-08-27T19:25:12+02:00
draft: true draft: true
images: [] 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" >}}

View File

@ -1,7 +1,7 @@
--- ---
title: "FAQ" title: "FAQ"
description: "FAQ Doks." description: "Answers to frequently asked questions."
lead: "" lead: "Answers to frequently asked questions."
date: 2020-10-06T08:49:31+00:00 date: 2020-10-06T08:49:31+00:00
lastmod: 2020-10-06T08:49:31+00:00 lastmod: 2020-10-06T08:49:31+00:00
draft: false draft: false
@ -9,13 +9,35 @@ images: []
menu: menu:
docs: docs:
parent: "help" parent: "help"
weight: 410 weight: 540
toc: true 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? ## Keyboard shortcuts for search?
- focus: `/` - focus: `/`
- select: `↓` and `↑` - select: `↓` and `↑`
- open: `Enter` - open: `Enter`
- close: `Esc` - 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/)

View File

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

View File

@ -1,13 +1,13 @@
--- ---
title: "Privacy Policy" 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 date: 2020-08-27T19:23:18+02:00
lastmod: 2020-08-27T19:23:18+02:00 lastmod: 2020-08-27T19:23:18+02:00
draft: true draft: true
images: [] 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 ## 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 mined and harvested for personal and behavioral trends.
- No information is monetized. - 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/_. - __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__. 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/_. - __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__. 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_. - __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__. I use this to understand what operating systems people use when visiting this website. I only use the brand of the operating system and dont 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_. - __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 dont 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_. - __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__. I look up the visitors 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_. - __Visitor Country__. We look up the visitors 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_

File diff suppressed because one or more lines are too long

View File

@ -1,11 +1,18 @@
<footer class="footer text-muted"> <footer class="footer text-muted">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-16 text-center"> <div class="col-lg-8 order-last order-lg-first">
<ul class="list-inline"> <ul class="list-inline">
<li class="list-inline-item">{{ .Site.Params.footer | safeHTML }}</li> <li class="list-inline-item">{{ .Site.Params.footer | safeHTML }}</li>
</ul> </ul>
</div> </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>
</div> </div>
</footer> </footer>

View File

@ -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-v4-latin-regular.woff2" | absURL }}" type="font/woff2" 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-v4-latin-italic.woff2" | absURL }}" type="font/woff2" 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-v4-latin-500.woff2" | absURL }}" type="font/woff2" 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-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>

View File

@ -3,7 +3,7 @@
<div class="container"> <div class="container">
<input class="menu-btn order-0" type="checkbox" id="menu-btn"> <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> <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"> <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-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> <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>

View File

@ -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>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.