-
Notifications
You must be signed in to change notification settings - Fork 0
/
this.html
80 lines (77 loc) · 3.52 KB
/
this.html
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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Discodancer - About this website</title>
<meta name="description" content="Dushko Jordanovski's personal website" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="og:image" content="assets/images/avatar.png" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-794635-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "UA-794635-8");
</script>
<link rel="stylesheet" href="assets/style.css" media="screen" />
</head>
<body>
<header>
<nav>
<img id="toggle-menu" class="responsive-menu-toggle" src="assets/images/hamburger.png" />
<a href="/">
<img title="Dushko Jordanovski" class="avatar" src="assets/images/avatar.png" />
</a>
<div id="nav-menu" class="links"><span>More</span>
<a href="trust.html">On Trust</a>
<a href="h4-platform.html">H4 platform</a>
<a href="this.html">This site</a></div>
</nav>
<div class="contact">
<a href="/"><h1>Dushko Jordanovski</h1></a>
<a title="Github" href="https://github.com/skid"><img src="assets/images/github.png" /></a>
<a title="LinkedIn" href="https://www.linkedin.com/in/duskojordanovski/"
><img src="assets/images/linkedin.png"
/></a>
<a title="Stack Overflow" href="https://stackoverflow.com/users/36047/disc0dancer"
><img src="assets/images/so.png"
/></a>
<!-- <a title="H4" href="https://hfour.com"><img src="assets/images/h4.png" /></a> -->
<a title="Mail" href="mailto:[email protected]"><img src="assets/images/mail.png" /></a>
</div>
</header>
<main>
<p class="meta"><span class="date">2019-12-24</span></p>
<h2 id="about-this-website">About this website</h2>
<p>This is a static website generated from Markdown files. It's a super minimalistic static site generator that I wrote because what's <a href="https://www.linode.com/docs/websites/static-sites/how-to-choose-static-site-generator/">available</a> around the net these days is total overkill. The source is 100 lines of Typescript and it's actually <a href="/engine">served here</a> because why not? It's deployed via a git hook, from the site's <a href="https://github.com/skid/discodancer.net">public repo</a>.</p>
<h2 id="how-it-works">How it works</h2>
<ol>
<li>Create a Markdown file in <code>/source</code></li>
<li>Add a navigation link to it in <code>/source/_config.json</code></li>
<li>Run <code>node engine</code> from the root dir to build the html pages.</li>
<li>Git commit</li>
<li>Push to git repo and the hook will copy it to my server</li>
<li>If you want to change anything about the look and feel, do it in <code>assets/template.html</code> and <code>assets/style.css</code>, then rebuild.</li>
</ol>
</main>
<footer>
<br />
<br />
<br />
</footer>
<script>
document.getElementById("toggle-menu").addEventListener("click", function () {
const menu = document.getElementById("nav-menu");
if (menu.classList.contains("shown")) {
menu.classList.remove("shown");
} else {
menu.classList.add("shown");
}
});
</script>
</body>
</html>