<head>
<meta charset="utf-8">
<title>{{ .Title }}</title>
{{ "<!-- mobile responsive meta -->" | safeHTML }}
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
{{ with site.Params.author }}
<meta name="author" content="{{ . }}">{{ end }}
{{ hugo.Generator }}
<!-- Google / Search Engine Tags -->
<meta itemprop="name" content="{{ .Title }}">
<meta itemprop="description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
<meta itemprop="image" content="{{ $.Site.Params.banner }}">
<!-- Facebook Meta Tags -->
<meta property="og:url" content="{{ .Permalink }}">
<meta property="og:type" content="website">
<meta property="og:title" content="{{ .Title }}">
<meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
<meta property="og:image" content="{{ $.Site.Params.banner }}">
<!-- Twitter Meta Tags -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="{{ .Title }}">
<meta name="twitter:description" content="{{ with .Description }}{{ . }}{{ else }}{{ with site.Params.description }}{{ . }}{{ end }}{{ end }}">
<meta name="twitter:image" content="{{ $.Site.Params.banner }}">
{{ "<!-- plugins -->" | safeHTML }}
{{ range site.Params.plugins.css }}
<link rel="stylesheet" href="{{ .link | absURL }}">
{{ end }}
{{"<!-- Main Stylesheet -->"|safeHTML}}
{{ $styles := resources.Get "css/style.css" | minify }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
{{"<!-- Custom stylesheet - for your changes -->" |safeHTML}}
{{ $custom := resources.Get "css/custom.css" | minify }}
<link rel="stylesheet" href="{{ $custom.Permalink }}" media="screen">
{{ "<!--Favicon-->" | safeHTML }}
<link rel="shortcut icon" href="{{ `/favicon.ico` | absURL }}" type="image/x-icon">
<link rel="icon" href="{{ `/favicon.svg` | absURL }}" type="image/svg+xml">
{{ with site.Params.google_analytics_id }}
{{ "<!-- Global Site Tag (gtag.js) - Google Analytics -->" | safeHTML }}
<script async src="https://www.googletagmanager.com/gtag/js?id={{ . }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ . }}');
</script>
{{ end }}
</head>