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
140
141
142
143
144
145
146
147
148
|
{% import "macros.html" as macros %}
<!DOCTYPE html>
<html lang="en-us">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta itemprop="name" content="{{config.title}}" />
<meta itemprop="description" content="{{config.description}}" />
<!--- Instructions for web scrapers --->
<meta name="robots" content="index, follow">
<meta name="description" content="your website description">
<meta name="keywords" content="your, keywords, here">
<meta name="author" content="Iustin Râznic">
<!--- Many websites use this so it has become almost standard to include --->
<meta property="og:site_name" content="Site Name">
<meta name="twitter:domain" property="twitter:domain" content="example.org">
<meta name="og:title" property="og:title" content="Site Name">
<meta property="og:description" content="your website description">
<meta name="twitter:description" property="twitter:description" content="your website description">
<meta name="og:image" content="https://link-to-an-image-that-represents-your-site">
<!--- below is for twitter sharing previews \\ you can test this at cards-dev.twitter.com --->
<meta property="twitter:card" content="https://link-to-an-image-that-represents-your-site">
<meta name="twitter:image:src" property="twitter:image:src" content="https://link-to-an-image-that-represents-your-site">
<meta name="twitter:image" property="twitter:image" content="https://link-to-an-image-that-represents-your-site">
<meta name="og:image:alt" property="og:image:alt" content="alt text for your image">
<meta property="og:url" content="example.org">
<meta property="og:type" content="website">
<!--- If you have accounts on twitter that are relevant to your site --->
<meta name="twitter:site" property="twitter:site" content="@yourTwitterHandle">
<meta name="twitter:creator" property="twitter:creator" content="@yourTwitterHandle">
<link rel="apple-touch-icon" sizes="180x180" href="{{get_url(path="apple-touch-icon.png")}}"/>
<link rel="icon" type="image/png" sizes="32x32" href="{{get_url(path="favicon-32x32.png")}}"/>
<link rel="icon" type="image/png" sizes="16x16" href="{{get_url(path="favicon-16x16.png")}}"/>
<link rel="shortcut icon" href="{{get_url(path="favicon.ico")}}"/>
<link rel="stylesheet" href="{{get_url(path="style.css")}}"/>
{% if page.title %}
<title>{{page.title}}</title>
{% else %}
<title>{{config.title}}</title>
{% endif %}
{% if config.generate_feed %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path=config.feed_filename, trailing_slash=false) }}">
{% endif %}
<body id="page">
{% block header %}
{% endblock header %}
{% block title %}
<div id="spotlight" class="animated fadeIn">
<div id="home-center">
<h1 id="home-title">{{config.title}}</h1>
<p id="home-subtitle">{{config.extra.home_subtitle}}</p>
<div id="home-social">
{{macros::render_social_icons()}}
</div>
{% endblock title %}
{% block main %}
<nav id="home-nav" class="site-nav">
{% for s in config.extra.hermit_menu %}
<a href="{{config.base_url ~ s.link}}">{{s.name}}</a>
{% endfor %}
</nav>
{% endblock main %}
</div>
{% block footer %}
<div id="home-footer">
<p>© {{ now() | date(format="%Y")}}
<a href="{{config.base_url}}">{{config.extra.author.name}}</a>
{% if config.generate_feed %}
· <a href="{{ get_url(path=config.feed_filename, trailing_slash=false) }}" target="_blank" title="rss">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
{% endif %}
</a>
</p>
</div>
{% endblock footer %}
</div>
<script src="{{get_url(path="js/main.js")}}"></script>
<!-- Math rendering -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.css" integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.min.js" integrity="sha384-y23I5Q6l+B6vatafAwxRu/0oK/79VlbSz7Q9aiSZUvyWYIYsd+qj+o24G5ZU2zJz" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/contrib/auto-render.min.js" integrity="sha384-kWPLUVMOks5AQFrykwIup5lo0m3iMkkHrD0uJ4H5cjeGihAutqP0yW0J6dpFiVkI" crossorigin="anonymous"
onload="renderMathInElement(document.body, { delimiters: [ {left: '$$', right: '$$', display: true}, {left: '$', right: '$', display: false}, {left: '\\[', right: '\\]', display: true}, {left: '\\(', right: '\\)', display: false}]});"></script>
{% if config.extra.highlightjs.enable %}
<link href="https://unpkg.com/highlightjs-badge/highlightjs/styles/{{config.extra.highlightjs.theme}}.css" rel="stylesheet">
<!-- https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.1.1/build/styles/ for min version -->
<script src="https://unpkg.com/highlightjs-badge/highlightjs/highlight.pack.js"></script>
<script src="https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js"></script>
<script>
var pres = document.querySelectorAll("pre>code");
for (var i = 0; i < pres.length; i++) {
hljs.highlightBlock(pres[i]);
}
</script>
{% if config.extra.highlightjs.clipboard %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js"></script>
<script>
var options = {
copyIconClass: "gg-clipboard",
checkIconClass: "gg-check"
};
window.highlightJsBadge(options);
</script>
{% endif %}
{% endif %}
{% if not config.extra.highlightjs.enable %}
<script src="{{get_url(path="js/copy.js")}}"></script>
{% endif %}
<script src="{{get_url(path="js/main.js")}}"></script>
{% block js_footer %}
{% endblock js_footer %}
{% if config.extra.google_analytics.enable %}
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id={{ config.extra.google_analytics.id }}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{{ config.extra.google_analytics.id }}');
</script>
{% endif %}
</body>
</html>
|
