Add PWA support

layouts/partials/header.html

@@ -0,0 +1,37 @@
+<meta charset="UTF-8" />
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="X-UA-Compatible" content="ie=edge" />
+
+<!-- ==== Add manifest for PWA support ===== -->
+<link rel="manifest" href="/site.webmanifest" />
+
+<!-- ============ import common css ========== -->
+<link rel="stylesheet" href="{{ "/css/bootstrap.min.css" | relURL }}"/> <link
+rel="stylesheet" href="{{ "/css/layouts/main.css" | relURL }}"/> <link
+rel="stylesheet" href="{{ "/css/navigators/navbar.css" | relURL }}"/> <link
+rel="stylesheet" href="{{ "/css/plyr.css" | relURL }}"/> <link rel="stylesheet"
+href="{{ "/css/flag-icon.min.css" | relURL }}"/>
+
+<!--=================== fonts ==============================-->
+<link
+  rel="stylesheet"
+  href="https://fonts.googleapis.com/css2?family=Muli:wght@300;400;500;600"
+/>
+
+<!--=================== icons ==============================-->
+<link rel="stylesheet" href="{{ "/fontawesome/css/all.min.css" | relURL }}"/>
+
+<!--=================== dark mode ==========================-->
+{{ if site.Params.darkMode.enable }} <link rel="stylesheet" href="{{
+"/css/colortheme/colortheme.css" | relURL }}"/> {{ end }}
+
+<!--================= fab-icon =========================-->
+{{/* add favicon only if the site author has provided the the favicon */}} {{ if
+site.Params.logo.favicon }} {{ $favicon := site.Params.logo.favicon }} {{/*
+resize the favicon. don't resize svg because it is not supported */}} {{
+$favicon = resources.Get $favicon }} {{ if and $favicon (ne
+$favicon.MediaType.SubType "svg") }} {{ $favicon = $favicon.Resize "42x" }} {{
+end }} {{ $favicon = $favicon.RelPermalink}}
+
+<link rel="icon" type="image/png" href="{{ $favicon }}" />
+{{end}}