-
Notifications
You must be signed in to change notification settings - Fork 0
/
articles.html
89 lines (77 loc) · 2.59 KB
/
articles.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
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title id="site-name"></title>
<link rel="stylesheet" href="styles/main.css" />
<!-- Icons -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
<!-- Markdown to HTML conversion-->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<!-- Syntax highlighting -->
<link
rel="stylesheet"
href="https://unpkg.com/@highlightjs/[email protected]/styles/paraiso-dark.min.css"
/>
<script src="https://unpkg.com/@highlightjs/[email protected]/highlight.min.js"></script>
<script src="https://unpkg.com/@highlightjs/[email protected]/languages/go.min.js"></script>
<script src="scripts/load_elements.js"></script>
<script src="scripts/load_site_info.js"></script>
<script src="scripts/load_page.js"></script>
<script src="scripts/scroll.js"></script>
<script type="importmap">
{
"imports": {
"three": "https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js",
"three/addons/": "https://cdn.jsdelivr.net/npm/[email protected]/examples/jsm/"
}
}
</script>
<script type="module" src="scripts/three_js_home.js"></script>
</head>
<body>
<div id="navbar"></div>
<div id="hero-light">
<!-- Hero Section -->
<div class="hero-text">
<h1 id="article-name">Articles</h1>
<h2 id="article-description">
Check out some of the articles I have written
</h2>
</div>
<div id="container"></div>
</div>
<div class="border"></div>
<!-- Main part of page -->
<div class="main-content">
<div id="markdown" style="display: none">
<div class="info">
<span class="tags" id="article-tags"> Tags: </span>
<span class="date" id="article-date"> Created: </span>
</div>
<!--Article will go here-->
</div>
<!-- List of articles and featured ones go here-->
<div id="article-list" style="display: none">
<div>
<div class="selection-list-header">
<h1>Featured</h1>
</div>
<!-- Featured items go here -->
<ol id="featured-list" class="selection-list"></ol>
</div>
<div>
<div class="selection-list-header">
<h1>Recent</h1>
</div>
<!-- Featured items go here -->
<ul id="regular-select-list" class="selection-list"></ul>
</div>
</div>
</div>
<div id="footer"></div>
</body>
</html>