StartIT/mantelzorgwoning.info
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Pre-launch: Animation

Browse Source
This commit is contained in:
Machiel Heinen
2025-12-12 09:40:30 +01:00
parent 82cee857eb
commit ccd024c12c
17 changed files with 237 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
themes/godocs-1/assets/scss/_buttons.scss
View File

@@ -23,17 +23,17 @@
}
.btn-primary {
background: $color-primary;
background: darken($color: $color-primary, $amount: 10);
color: $white;
border-color: $color-primary;
border-color: darken($color: $color-primary, $amount: 10) !important;
&:active,
&:hover,
&:focus,
&.focus,
&.active {
background: darken($color: $color-primary, $amount: 10) !important;
border-color: darken($color: $color-primary, $amount: 10) !important;
background: darken($color: $color-primary, $amount: 14) !important;
border-color: darken($color: $color-primary, $amount: 14) !important;
}
}
@@ -56,8 +56,8 @@
.btn-outline-primary {
background: transparent;
color: $color-primary;
border-color: $color-primary;
color: darken($color: $color-primary, $amount: 14);
border-color: darken($color: $color-primary, $amount: 14) !important;
&:active,
&:hover,

10
themes/godocs-1/assets/scss/_typography.scss
View File

@@ -1,6 +1,9 @@
/* typography */
body {
font-family: $font-primary;
// font-family: $font-primary;
font-family: "nunito-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
-webkit-font-smoothing: antialiased;
font-size: $font-size;
line-height: 1.6;
@@ -22,7 +25,8 @@ h4,
h5,
h6 {
color: $text-dark;
font-family: $font-secondary;
//font-family: $font-secondary;
font-family: "momo-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
line-height: 1.2;
}
@@ -32,7 +36,7 @@ h6 {
.content h4,
.content h5,
.content h6 {
font-weight: 600;
font-weight: 800;
}
h1,

20
themes/godocs-1/assets/scss/style.scss
View File

@@ -1,3 +1,19 @@
@font-face {
font-family: "momo-woff2";
src: url("/fonts/momo.woff2") format("woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "nunito-woff2";
src: url("/fonts/nunito.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
{{ with site.Params.variables }}
// Color variables
$color-primary: {{.color_primary}};
@@ -12,8 +28,8 @@ $light: {{.light}};
// Font Variables
$font-size: {{.font_size}};
$font-primary: '{{ replaceRE ":wght@[0-9;]+" "" .font_primary }}', {{.font_primary_type}};
$font-secondary: '{{ replaceRE ":wght@[0-9;]+" "" .font_secondary }}', {{.font_secondary_type}};
$font-primary: "nunito-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
$font-secondary: "momo-woff2", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;;
$icon-font: '{{.font_icon}}';
{{ end }}

2
themes/godocs-1/layouts/_default/baseof.html
View File

@@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="{{ with site.LanguageCode }}{{ . }}{{ else }}en-US{{ end }}">
<head>
{{ partial "page-transition.html" . }}
{{- partial "head.html" . -}}
{{- partialCached "style.html" . -}}
</head>
<body>
{{ partial "page-transition.html" . }}
{{- partialCached "preloader.html" . -}}
{{- partial "header.html" . -}}
{{- block "main" . }}{{- end }}

2
themes/godocs-1/layouts/index.html
View File

@@ -40,7 +40,7 @@
<h4 class="card-title h4"><i class="{{ .Params.Icon }}"></i> {{ .Title }}</h4>
<p class="card-text">{{ .Params.Description | markdownify }}</p>
<a href="{{ .Permalink }}" class="stretched-link"></a>
<a href="{{ .Permalink }}" class="stretched-link" aria-label="Link"></a>
</div>
</div>
</div>

2
themes/godocs-1/layouts/partials/footer.html
View File

@@ -1,4 +1,4 @@
<footer>
<footer role="contentinfo">
<div class="container">
<div class="row align-items-justify border-bottom py-5">
<div class="col-lg-4">

20
themes/godocs-1/layouts/partials/head.html
View File

@@ -1,11 +1,11 @@
<meta charset="utf-8" />
<title>{{ .Title | default site.Title }}</title>
<!-- <title>{{ .Title | default site.Title }}</title> -->
<!-- responsive meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5" />
<!-- theme meta -->
<meta name="theme-name" content="godocs-hugo" />
<meta name="theme-name" content="StartIT - Docs" />
<!-- favicon -->
{{ partialCached "favicon" . }}
@@ -27,22 +27,6 @@
{{ partialCached "custom-script.html" . }}
<!-- google analytics -->
<!-- {{ template "_internal/google_analytics.html" . }} -->
<!-- google tag manager -->
<!-- {{ partialCached "gtm.html" . }} -->
<!-- matomo analytics -->
{{ partialCached "matomo-analytics.html" . }}
<!-- Baidu analytics -->
{{ partialCached "baidu-analytics.html" . }}
<!-- Plausible Analytics -->
<!-- {{ partialCached "plausible-analytics.html" . }} -->
<script defer data-domain="mantelzorgwoning.info" src="https://stats.start-it.nl/js/script.file-downloads.outbound-links.js"></script>

6
themes/godocs-1/layouts/partials/header.html
View File

@@ -2,7 +2,7 @@
<header class="sticky-top navigation {{if .IsHome}}top-0{{end}}">
<div class="container">
<!-- navbar -->
<nav class="navbar px-0 navbar-expand-lg navbar-light bg-transparent">
<nav class="navbar px-0 navbar-expand-lg navbar-light bg-transparent" role="navigation">
<a class="navbar-brand" href="{{ site.BaseURL | relLangURL }}">
{{ partial "logo" }}
</a>
@@ -14,7 +14,7 @@
</form>
{{ end }}
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navigation">
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-label="Menu">
<i class="fa-solid fa-bars"></i>
<i class="fa-solid fa-xmark"></i>
</button>
@@ -42,7 +42,7 @@
<li class="nav-link">
<!-- Language List -->
{{ if .IsTranslated }}
<select class="nav-item" id="select-language" onchange="location = this.value;" label="Taalkeuze">
<select class="nav-item" id="select-language" onchange="location = this.value;" aria-label="Taalkeuze">
{{ $siteLanguages := site.Languages}}
{{ $pageLang := .Page.Lang}}
{{ range .Page.AllTranslations }}

18
themes/godocs-1/layouts/partials/script.html
View File

@@ -30,27 +30,9 @@
{{ end }}
<script crossorigin="anonymous" defer {{ if hugo.IsProduction }}integrity="{{ $scripts.Data.Integrity }}"{{end}} type="application/javascript">{{$scripts.Content | safeJS}}</script>
<!-- font family -->
{{ $pf:= site.Params.variables.font_primary }}
{{ $sf:= site.Params.variables.font_secondary }}
<script type="application/javascript">
WebFont.load({
google: {
api: 'https://fonts.googleapis.com/css2',
families: ['{{$pf | default `Lato:wght@400`}}{{if not $sf}}&display=swap{{end}}'{{with $sf}},'{{. | default `Lato:wght@400`}}&display=swap'{{end}}],
version: 2
},
active: () => {sessionStorage.fontsLoaded = true}
});
</script>
<!-- progressive web app -->
{{ partialCached "pwa.html" . }}
<!-- cookie consent -->
{{ partialCached "cookie-consent.html" . }}
<!-- google adsense -->
{{ partialCached "adsense-script.html" . }}

28
themes/godocs-1/layouts/partials/style.html
View File

@@ -1,21 +1,25 @@
<!-- DNS preconnect -->
<meta http-equiv="x-dns-prefetch-control" content="on" />
<link rel="preconnect" href="//ajax.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
<!-- <link rel="preconnect" href="//ajax.googleapis.com" /> -->
<!-- <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /> -->
<link rel="preconnect" href="https://use.fontawesome.com" crossorigin />
<link rel="preconnect" href="//cdnjs.cloudflare.com" />
<link rel="preconnect" href="//www.googletagmanager.com" />
<link rel="preconnect" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="https://fonts.gstatic.com" />
<!-- <link rel="preconnect" href="//www.googletagmanager.com" /> -->
<!-- <link rel="preconnect" href="//www.google-analytics.com" /> -->
<!-- <link rel="dns-prefetch" href="https://fonts.gstatic.com" /> -->
<link rel="dns-prefetch" href="https://use.fontawesome.com" />
<link rel="dns-prefetch" href="//ajax.googleapis.com" />
<!-- <link rel="dns-prefetch" href="//ajax.googleapis.com" /> -->
<link rel="dns-prefetch" href="//cdnjs.cloudflare.com" />
<link rel="dns-prefetch" href="//www.googletagmanager.com" />
<link rel="dns-prefetch" href="//www.google-analytics.com" />
<link rel="dns-prefetch" href="//fonts.googleapis.com" />
<link rel="dns-prefetch" href="//connect.facebook.net" />
<link rel="dns-prefetch" href="//platform.linkedin.com" />
<link rel="dns-prefetch" href="//platform.twitter.com" />
<!-- <link rel="dns-prefetch" href="//www.googletagmanager.com" /> -->
<!-- <link rel="dns-prefetch" href="//www.google-analytics.com" /> -->
<!-- <link rel="dns-prefetch" href="//fonts.googleapis.com" /> -->
<!-- <link rel="dns-prefetch" href="//connect.facebook.net" /> -->
<!-- <link rel="dns-prefetch" href="//platform.linkedin.com" /> -->
<!-- <link rel="dns-prefetch" href="//platform.twitter.com" /> -->
<link rel="preload" href="/fonts/nunito.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/fonts/momo.woff2" as="font" type="font/woff2" crossorigin>
<!-- plugins + stylesheet -->
{{ $styles := slice }}