hextra_mirror/layouts/partials/head.html

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  {{ if hugo.IsProduction -}}
    <meta name="robots" content="index, follow" />
  {{ else -}}
    <meta name="robots" content="noindex, nofollow" />
  {{ end -}}
  {{ partialCached "favicons.html" . }}
  <title>
    {{- if .IsHome -}}
      {{ .Site.Title -}}
    {{ else -}}
      {{ with .Title }}{{ . }} – {{ end -}}
      {{ .Site.Title -}}
    {{ end -}}
  </title>
  <meta name="description" content="{{ partial "utils/page-description.html" . }}" />

  {{ with .Params.canonical }}
    <link rel="canonical" href="{{ . }}" itemprop="url" />
  {{ else }}
    <link rel="canonical" href="{{ .Permalink }}" itemprop="url" />
  {{ end }}

  {{ partial "opengraph.html" . }}
  {{ template "_internal/schema.html" . -}}
  {{ template "_internal/twitter_cards.html" . -}}

  {{ partialCached "head-css.html" . }}


  <!-- Google Analytics -->
  {{- if and (eq hugo.Environment "production") (or .Site.GoogleAnalytics .Site.Config.Services.GoogleAnalytics.ID) }}
    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
    {{ partial "google-analytics.html" . }}
  {{- end }}


  <script>
    /* Initialize light/dark mode */
    const defaultTheme = '{{ site.Params.theme.default | default `system`}}';

    const setDarkTheme = () => {
      document.documentElement.classList.add("dark");
      document.documentElement.style.colorScheme = "dark";
    }
    const setLightTheme = () => {
      document.documentElement.classList.remove("dark");
      document.documentElement.style.colorScheme = "light";
    }

    if ("color-theme" in localStorage) {
      localStorage.getItem("color-theme") === "dark" ? setDarkTheme() : setLightTheme();
    } else {
      defaultTheme === "dark" ? setDarkTheme() : setLightTheme();
      if (defaultTheme === "system") {
        window.matchMedia("(prefers-color-scheme: dark)").matches ? setDarkTheme() : setLightTheme();
      }
    }
  </script>

  {{ partial "custom/head-end.html" . }}
</head>
-												hugo init

chore: add .gitignore

feat: add hugo configs

chore: initialize npm

feat: add hugo tailwind starter site

chore: add basic taskfile

chore: add README.md

feat: add 404 template

chore: add .prettierrc

chore: update hugo.toml

feat: add icons and icon.html partial

											
										
										
											2023-07-19 22:11:34 +01:00
+								<head>
 								  <meta charset="utf-8" />
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
+								  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-												fix: remove extra space for rendered link

chore: update theme info

chore: use dataset

chore: support editURL config option

* add toc and search config option

chore: update head template

											
										
										
											2023-08-12 19:53:14 +01:00
+								  {{ if hugo.IsProduction -}}
 								    <meta name="robots" content="index, follow" />
 								  {{ else -}}
 								    <meta name="robots" content="noindex, nofollow" />
 								  {{ end -}}
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
+								  {{ partialCached "favicons.html" . }}
-												hugo init

chore: add .gitignore

feat: add hugo configs

chore: initialize npm

feat: add hugo tailwind starter site

chore: add basic taskfile

chore: add README.md

feat: add 404 template

chore: add .prettierrc

chore: update hugo.toml

feat: add icons and icon.html partial

											
										
										
											2023-07-19 22:11:34 +01:00
+								  <title>
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
+								    {{- if .IsHome -}}
 								      {{ .Site.Title -}}
 								    {{ else -}}
 								      {{ with .Title }}{{ . }} – {{ end -}}
 								      {{ .Site.Title -}}
 								    {{ end -}}
-												hugo init

chore: add .gitignore

feat: add hugo configs

chore: initialize npm

feat: add hugo tailwind starter site

chore: add basic taskfile

chore: add README.md

feat: add 404 template

chore: add .prettierrc

chore: update hugo.toml

feat: add icons and icon.html partial

											
										
										
											2023-07-19 22:11:34 +01:00
+								  </title>
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
+								  <meta name="description" content="{{ partial "utils/page-description.html" . }}" />
-												feat: add `hx-` prefix to Hextra Tailwind CSS classes (#300)

* feat: add prefix to tailwind css classes

* fix: remove unnecessary prefixes

* fix: add missing prefix in other places

* chore: regenerate hugo_stats.json

* chore: run `npm run build:css`

* chore: add `hx-` prefix to _index.fa.md

* fix: lang switcher display issue

* fix: add `hx-` prefix to showcase/index.fa.md

* fix: lang switch param mistake
											
										
										
											2024-02-20 17:59:31 -05:00
-												feat: add canonical to head.html (#269)

By adding `canonical` parameter to the front matter and specifying the URL, the canonical URL is added. 
If no canonical URL is needed to be specified, the layout will use the current page address for canonical tag. 

Example: 

```
---
title: "Page Title"
description: "Page description"
canonical: "https://canonicalurl.com"
---
											
										
										
											2024-02-02 00:52:41 +02:00
+								  {{ with .Params.canonical }}
 								    <link rel="canonical" href="{{ . }}" itemprop="url" />
 								  {{ else }}
 								    <link rel="canonical" href="{{ .Permalink }}" itemprop="url" />
 								  {{ end }}
-												feat: add google analytics support (#70)

* feat: support google analytics

* docs: add instruction for setting up ga
											
										
										
											2023-09-21 08:03:35 +01:00
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
+								  {{ partial "opengraph.html" . }}
-												fix: remove extra space for rendered link

chore: update theme info

chore: use dataset

chore: support editURL config option

* add toc and search config option

chore: update head template

											
										
										
											2023-08-12 19:53:14 +01:00
+								  {{ template "_internal/schema.html" . -}}
-												feat: add twtter cards to head

											
										
										
											2023-08-20 19:25:12 +01:00
+								  {{ template "_internal/twitter_cards.html" . -}}
-												feat: add google analytics support (#70)

* feat: support google analytics

* docs: add instruction for setting up ga
											
										
										
											2023-09-21 08:03:35 +01:00
-												feat: add twtter cards to head

											
										
										
											2023-08-20 19:25:12 +01:00
+								  {{ partialCached "head-css.html" . }}
-												feat: add google analytics support (#70)

* feat: support google analytics

* docs: add instruction for setting up ga
											
										
										
											2023-09-21 08:03:35 +01:00
 								  <!-- Google Analytics -->
-												chore: support `services.googleAnalytics.ID` (#173)

* chore: support `services.googleAnalytics.ID`

and deprecate `site.googleAnalytics`

* chore: remove warning
											
										
										
											2023-10-30 19:48:48 -04:00
+								  {{- if and (eq hugo.Environment "production") (or .Site.GoogleAnalytics .Site.Config.Services.GoogleAnalytics.ID) }}
-												feat: add google analytics support (#70)

* feat: support google analytics

* docs: add instruction for setting up ga
											
										
										
											2023-09-21 08:03:35 +01:00
+								    <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
 								    {{ partial "google-analytics.html" . }}
 								  {{- end }}
-												feat: add theme switcher to support dark mode

											
										
										
											2023-07-30 21:50:41 +01:00
+								  <script>
 								    /* Initialize light/dark mode */
-												feat: add option to set default theme and hide toggle button (#146)

resolves #135 

Light / dark theme can be configured via:

```yaml
  theme:
    # light | dark | system
    default: system
    displayToggle: true
```

											
										
										
											2023-10-21 17:18:04 -04:00
+								    const defaultTheme = '{{ site.Params.theme.default | default `system`}}';
 								    const setDarkTheme = () => {
-												feat: add theme switcher to support dark mode

											
										
										
											2023-07-30 21:50:41 +01:00
+								      document.documentElement.classList.add("dark");
-												feat: enhance scrollbar style (#56)

* feat: enhance scrollbar style

* chore: set `color-scheme` for document element
											
										
										
											2023-09-13 19:01:38 -04:00
+								      document.documentElement.style.colorScheme = "dark";
-												feat: add option to set default theme and hide toggle button (#146)

resolves #135 

Light / dark theme can be configured via:

```yaml
  theme:
    # light | dark | system
    default: system
    displayToggle: true
```

											
										
										
											2023-10-21 17:18:04 -04:00
+								    }
 								    const setLightTheme = () => {
-												feat: add theme switcher to support dark mode

											
										
										
											2023-07-30 21:50:41 +01:00
+								      document.documentElement.classList.remove("dark");
-												feat: enhance scrollbar style (#56)

* feat: enhance scrollbar style

* chore: set `color-scheme` for document element
											
										
										
											2023-09-13 19:01:38 -04:00
+								      document.documentElement.style.colorScheme = "light";
-												feat: add theme switcher to support dark mode

											
										
										
											2023-07-30 21:50:41 +01:00
+								    }
-												feat: add option to set default theme and hide toggle button (#146)

resolves #135 

Light / dark theme can be configured via:

```yaml
  theme:
    # light | dark | system
    default: system
    displayToggle: true
```

											
										
										
											2023-10-21 17:18:04 -04:00
 								    if ("color-theme" in localStorage) {
 								      localStorage.getItem("color-theme") === "dark" ? setDarkTheme() : setLightTheme();
 								    } else {
 								      defaultTheme === "dark" ? setDarkTheme() : setLightTheme();
 								      if (defaultTheme === "system") {
 								        window.matchMedia("(prefers-color-scheme: dark)").matches ? setDarkTheme() : setLightTheme();
 								      }
 								    }
-												feat: add theme switcher to support dark mode

											
										
										
											2023-07-30 21:50:41 +01:00
+								  </script>
-												feat: allow disable toc on page frontmatter

refactor: move pager to partial/components

chore: add head-css and favicons

- support favicons and page descriptions
- dynamic title based on page
- add custom head-end hook

feat: add opengraph to head

fix: sidebar not hiding when resizing

											
										
										
											2023-08-09 22:57:43 +01:00
 								  {{ partial "custom/head-end.html" . }}
-												hugo init

chore: add .gitignore

feat: add hugo configs

chore: initialize npm

feat: add hugo tailwind starter site

chore: add basic taskfile

chore: add README.md

feat: add 404 template

chore: add .prettierrc

chore: update hugo.toml

feat: add icons and icon.html partial

											
										
										
											2023-07-19 22:11:34 +01:00
+								</head>