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
149
150
151
152
153
154
155
156
157
158
159
|
{% 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 property="name" content="{{config.title}}"/>
<meta property="description" content="{{config.description}}"/>
<!--- Instructions for web scrapers --->
<meta name="robots" content="index, follow">
<meta name="description" content="{{config.description}}">
<meta name="keywords" content="blog, technology, tech, philosophy, mathematics, artifficial intelligence, programming, linux, unix, void linux">
<meta name="title" content="{{config.title}}">
<meta name="author" content="Iustin Râznic">
<!--- Many websites use this so it has become almost standard to include --->
<meta name="og:site_name" content="Alphara's Blog">
<meta name="twitter:domain" property="twitter:domain" content="https://alphara.art">
<meta name="og:title" property="og:title" content="Alphara's Blog">
<meta name="og:description" content="{{config.description}}">
<meta name="twitter:description" property="twitter:description" content="{{config.description}}">
<meta name="twitter:title" content="Alphara's Blog">
<meta name="og:image" content="https://alphara.art/Alphara.png">
<!--- below is for twitter sharing previews \\ you can test this at cards-dev.twitter.com --->
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:image" property="twitter:image" content="https://alphara.art/Alphara.png">
<meta name="twitter:image:src" property="twitter:image:src" content="https://alphara.art/Alphara.png">
<meta name="twitter:image:alt" property="twitter:image:alt" content="Alphara's Blog Logo">
<meta name="og:image:alt" property="og:image:alt" content="Alphara's Blog Logo">
<meta property="og:url" content="https://alphara.art">
<meta property="og:type" content="blog">
<!--- If you have accounts on twitter that are relevant to your site --->
<meta name="twitter:site" property="twitter:site" content="@IustinRaznic">
<meta name="twitter:creator" property="twitter:creator" content="@IustinRaznic">
<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="manifest" href="{{get_url(path="site.webmanifest")}}">
<link rel="mask-icon" href="{{get_url(path="safari-pinned-tab.svg")}}" color="#030303">
<meta name="msapplication-TileColor" content="#603cba">
<!--<meta name="theme-color" content="#ffffff"> discord fancy ruler line on the left of embeds -->
<link rel="shortcut icon" href="{{get_url(path="favicon.ico")}}"/> <!--- this is for old browsers that don't support the other icons / bookmarks--->
<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>
|