revuoxmrtheme/layouts/partials/head.html

<meta charset="UTF-8" />
<meta
	name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1"
/>
<title>{{ .Title }}</title>
<meta name="description" content="{{ .Description }}" />
<meta name="keywords" content="{{ .Keywords }}" />

<link rel="icon" type="image/png" sizes="32x32" href="/revuo-icon_1.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon_1.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32_1.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16_1.png" />

<meta name="application-name" content="{{ .Site.Title }}" />
<meta name="msapplication-TileColor" content="#ffffff" />
<meta name="theme-color" content="#193e4c" />
<meta name="apple-mobile-web-app-title" content="{{ .Site.Title }}" />
<meta name="apple-mobile-web-app-status-bar-style" content="#193e4c" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="{{ .Title }}" />
<meta property="og:site_name" content="{{ .Site.Title }}" />
<meta property="og:title" content="{{ .Title }}" />

<script type="application/ld+json">
	{
		"@context" : "http://schema.org",
		"@type" : "BlogPosting",
		"mainEntityOfPage": {
			 "@type": "WebPage",
			 "@id": "{{ .Site.BaseURL }}"
		},
		"articleSection" : "{{ .Section }}",
		"name" : "{{ .Title }}",
		"headline" : "{{ .Title }}",
		// "description" : "{{ if .Description }}{{ .Description }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ end }}{{ end }}",
		"description" : "{{ with .Description }}{{ . }}{{ else }}{{ .Site.Params.description }}{{ end }}"
		"inLanguage" : "{{ .Lang }}",
		"author" : "{{ range .Site.Author }}{{ . }}{{ end }}",
		"creator" : "{{ range .Site.Author }}{{ . }}{{ end }}",
		"publisher": "{{ range .Site.Author }}{{ . }}{{ end }}",
		"accountablePerson" : "{{ range .Site.Author }}{{ . }}{{ end }}",
		"copyrightHolder" : "{{ range .Site.Author }}{{ . }}{{ end }}",
		"copyrightYear" : "{{ .Date.Format "2006" }}",
		"datePublished": "{{ .Date | safeHTML }}",
		"dateModified" : "{{ .Date | safeHTML }}",
		"url" : "{{ .Permalink }}",
		"wordCount" : "{{ .WordCount }}",
		"keywords" : [ {{ if isset .Params "tags" }}{{ range .Params.tags }}"{{ . }}",{{ end }}{{ end }}"Blog" ]
	}
</script>

<!-- CSS -->
{{- with resources.Get "css/main.scss" }}
	{{ $opts := dict "transpiler" "libsass" "targetPath" "css/style.css" }}
	{{ with . | toCSS $opts }}
		{{ if hugo.IsDevelopment }}
			<link rel="stylesheet" href="{{ .RelPermalink }}">
		{{ else }}
			{{ with . | minify | fingerprint }}
				<link rel="stylesheet" href="{{ .RelPermalink }}" integrity="{{ .Data.Integrity }}" crossorigin="anonymous">
			{{ end }}
		{{ end }}
	{{ end }}
{{- end }}

<!-- JS -->
{{- with resources.Get "js/main.js" }}
  {{- if eq hugo.Environment "development" }}
    {{- with . | js.Build }}
      <script src="{{ .RelPermalink }}"></script>
    {{- end }}
  {{- else }}
    {{- $opts := dict "minify" true }}
    {{- with . | js.Build $opts | fingerprint }}
      <script src="{{ .RelPermalink }}" integrity="{{- .Data.Integrity }}" crossorigin="anonymous"></script>
    {{- end }}
  {{- end }}
{{- end }}

<style>
	.switch {
		position: relative;
		display: inline-block;
		width: 56px;
		height: 30px;
	}

	.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #363636;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

	.slider:before {
		position: absolute;
		content: "";
		height: 22px;
		width: 22px;
		left: 4px;
		bottom: 4px;
		background-color: white;
		-webkit-transition: 0.4s;
		transition: 0.4s;
	}

	input:checked + .slider {
		background-color: #d56f2a;
	}

	input:focus + .slider {
		box-shadow: 0 0 1px #d56f2a;
	}

	input:checked + .slider:before {
		-webkit-transform: translateX(26px);
		-ms-transform: translateX(26px);
		transform: translateX(26px);
	}

	/* Rounded sliders */
	.slider.round {
		border-radius: 34px;
	}

	.slider.round:before {
		border-radius: 50%;
	}

	table {
		margin-top: 34px;
	}

	td {
		height: 50px;
		vertical-align: middle;
	}
</style>