1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
|
<!DOCTYPE html>
<html lang="{{ $.Site.LanguageCode | default "en" }}">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
{{/* NOTE: the Site's title, and if there is a page title, that is set too */}}
<title>{{ block "title" . }}{{ .Site.Title }} {{ with .Params.Title }} | {{ . }}{{ end }}{{ end }}</title>
<meta name="viewport" content="width=device-width,minimum-scale=1">
{{ hugo.Generator }}
{{/* NOTE: For Production make sure you add `HUGO_ENV="production"` before your build command */}}
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }}
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
{{ else }}
<META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
{{ end }}
{{ $stylesheet := .Site.Data.webpack_assets.app }}
{{ with $stylesheet.css }}
<link href="{{ relURL (printf "%s%s" "dist/" .) }}" rel="stylesheet">
{{ end }}
{{ range .Site.Params.custom_css }}
<link rel="stylesheet" href="{{ relURL ($.Site.BaseURL) }}{{ . }}">
{{ end }}
{{ block "favicon" . }}
{{ partial "site-favicon.html" . }}
{{ end }}
{{ with .OutputFormats.Get "RSS" }}
<link rel="alternate" href="{{ .RelPermalink }}" type="application/rss+xml" title="{{ site.Title }}">
<link rel="feed" href="{{ .RelPermalink }}" type="application/rss+xml" title="{{ site.Title }}">
{{end}}
{{ if eq (getenv "HUGO_ENV") "production" | or (eq .Site.Params.env "production") }}
{{ template "_internal/google_analytics_async.html" . }}
{{ end }}
{{ if or .Params.math .Site.Params.math }}
{{ partial "math.html" . }}
{{ end }}
{{ if ne $.Site.LanguageCode "en"}}
<!--pangu.js-->
<script>
(function (u, c) {
var d = document,
t = 'script',
o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) {
o.addEventListener('load', function (e) {
c(e);
});
}
s.parentNode.insertBefore(o, s);
})('{{"lib/pangu.min.js"|absURL}}', function () {
pangu.spacingPage();
});
</script>
<!-- @font-face for Chinese -->
{{ if .Site.Params.useChineseFonts}}
<style type="text/css" media="screen, print">
@font-face {
font-family: "FancyTitleFont";
font-style: normal;
font-display: swap;
src: url('{{ ( printf "%s%s" .Site.Params.bannerFont ".woff2") | absURL }}') format('woff2'),
url('{{ ( printf "%s%s" .Site.Params.bannerFont ".woff") | absURL }}') format('woff');
}
/* noto-serif-sc-300 - latin_chinese-simplified */
@font-face {
font-family: 'Noto Serif CJK SC';
font-style: normal;
font-weight: 300;
font-display: swap;
src: local('Noto Serif CJK SC Light'), local('NotoSerifCJK-Light'),
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-300.woff2" | absURL }}') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-300.woff" | absURL }}') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-sc-regular - latin_chinese-simplified */
@font-face {
font-family: 'Noto Serif CJK SC';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Noto Serif CJK SC'), local('NotoSerifCJK-Regular'),
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-regular.woff2" | absURL }}') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-regular.woff" | absURL }}') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-sc-500 - latin_chinese-simplified */
@font-face {
font-family: 'Noto Serif CJK SC';
font-style: normal;
font-weight: 500;
font-display: swap;
src: local('Noto Serif CJK SC Medium'), local('NotoSerifCJK-Medium'),
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-500.woff2" | absURL }}') format('woff2'),
/* Chrome 26+, Opera 23+, Firefox 39+ */
url('{{"fonts/noto-serif-sc-v7-latin_chinese-simplified-500.woff" | absURL }}') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
</style>
{{end}}
{{ end }}
</head>
<body class="bg-gray-100 text-gray-700 font-sans">
<div class="p-6 sm:p-10 md:p-16 flex flex-wrap">
<header class="w-full md:w-2/5 xl:w-1/2 md:pr-12 lg:pr-20 xl:pr-24 order-1 md:order-1 max-w-2xl">
<div
class="z-50 bg-gray-100 bg-opacity-75 bg-opacity-custom lg:min-w-0.7 max-w-xl md:float-right md:text-right leading-loose tracking-tight md:sticky md:top-0 pt-2">
{{ block "header" . }}{{ partial "site-header.html" .}}{{ end }}
</div>
</header>
<main role="main" class="w-full md:w-3/5 xl:w-1/2 max-w-3xl order-2 md:order-2 min-h-70vh pt-2 pb-4">
{{ block "main" . }}{{ end }}
</main>
<aside role="contentinfo"
class="w-full md:w-2/5 xl:w-1/2 md:pr-12 lg:pr-20 xl:pr-24 order-4 md:order-3 md:sticky md:bottom-0 self-end max-w-2xl">
<div class="md:float-right md:text-right leading-loose tracking-tight md:mb-2">
{{ block "aside" . }}{{ partial "site-aside.html" . }}{{ end }}
</div>
</aside>
<footer class="w-full md:w-3/5 xl:w-1/2 order-3 max-w-3xl md:order-4 pt-2">
{{ block "footer" . }}
{{ end }}
</footer>
{{ block "scripts" . }}{{ partial "site-scripts.html" . }}{{ end }}
</div>
</body>
</html>
|
