-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathtemplate.html
139 lines (127 loc) · 5.76 KB
/
template.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
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="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="Makin" content="">
<meta property="og:type" content="website" />
<meta property="og:url" content="https://homestuck.net/" />
<meta property="og:site_name" content="HOMESTUCK.NET" />
<meta property="og:title" content="TITLE" />
<meta property="og:description" content="DESCRIPTION">
<meta property="og:keywords" content="homestuck, hiveswap, community, andrew hussie, hussie, resources, games, music, news, information" />
<meta property="og:image" content="https://homestuck.net/favicon.png" />
<meta property="og:locale" content="en-US" />
<meta name="msapplication-TileColor" content="#00CC00">
<meta name="theme-color" content="#00CC00">
<title></title>
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link rel="apple-touch-icon" href="/favicon.png" sizes="180x180">
<link rel="icon" href="/favicon.png" sizes="32x32" type="image/png">
<link rel="icon" href="/favicon.png" sizes="16x16" type="image/png">
<link rel="icon" href="/favicon.png">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}
</style>
<!-- Custom styles for this template -->
<link href="/css/index.css" rel="stylesheet">
</head>
<body>
<nav class="site-header sticky-top py-1">
<div class="container d-flex flex-column flex-md-row justify-content-between">
<a class="navbar-spiro py-2" href="/index.html" aria-label="Homestuck.net">
<img class="bd-placeholder-img mr-2 rounded" height="25" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" src="/img/templogowhite.png">
</a>
<a class="py-2 d-none d-md-inline-block" href="/games">Games</a>
<a class="py-2 d-none d-md-inline-block" href="/music">Music</a>
<a class="py-2 d-none d-md-inline-block" href="/resources">Resources</a>
<a class="py-2 d-none d-md-inline-block" href="/tools">Tools</a>
<a class="py-2 d-none d-md-inline-block" href="/meta">Meta</a>
<a class="py-2 d-none d-md-inline-block" href="/fanworks">Fanworks</a>
<a class="py-2 d-none d-md-inline-block" href="/official">Official</a>
</div>
</nav>
<!-- Page Content -->
<div class="container">
<!-- Page Heading -->
<h1 class="my-4">TITLE</h1>
<p>DESCRIPTION</p>
<hr>
<div class="row">
<div class="col-md-4">
<a href="#" target="_blank">
<img class="img-fluid rounded mb-3 mb-md-0 thumbnail" src="/img/.png" alt="">
</a>
</div>
<div class="col-md-7">
<h3>THING</h3>
<p>THINGDESCRIPTION</p>
</div>
</div>
<hr>
</div>
<script src="/js/jquery.min.js"></script>
<script src="/js/tether.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
</body>
<footer class="container py-5">
<div class="row">
<div class="col-12 col-md">
<img class="logo" src="/img/templogo.png">
<small class="d-block mb-3 text-muted">© 2020 - ∞</small>
</div>
<div class="col-6 col-md">
<h5>Analysis and Meta</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="/meta/analysis.html">Homestuck analysis</a></li>
<li><a class="text-muted" href="/meta/stats.html">Homestuck stats</a></li>
<li><a class="text-muted" href="/meta/surveys.html">Surveys and censuses</a></li>
<li><a class="text-muted" href="/meta/liveblogs.html">Liveblogs</a></li>
<li><a class="text-muted" href="/meta/other.html">Other meta</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Music Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="https://hsmusic.wiki">HS Music Wiki</a></li>
<li><a class="text-muted" href="/music/visualizer.html">Reference visualizer</a></li>
<li><a class="text-muted" href="https://drive.google.com/drive/folders/1xQXQRN1UANCADnP02CCQZcO2ydhOBz0R">Samples</a></li>
<li><a class="text-muted" href="/music/misc.html">Other resources</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Fan Resources</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="/resources/cosplay.html">Cosplay guides</a></li>
<li><a class="text-muted" href="/resources/roleplaying.html">Roleplaying guides</a></li>
<li><a class="text-muted" href="/resources/assets.html">Art assets</a></li>
<li><a class="text-muted" href="/resources/other.html">Other resources</a></li>
</ul>
</div>
<div class="col-6 col-md">
<h5>Other</h5>
<ul class="list-unstyled text-small">
<li><a class="text-muted" href="/fanworks">Homestuck fanworks</a></li>
<li><a class="text-muted" href="/games">Homestuck games</a></li>
<li><a class="text-muted" href="/tools">Software and tools</a></li>
<li><a class="text-muted" href="/official">Official content</a></li>
<li><a class="text-muted" href="/archives.html">Homestuck Archives</a></li>
<li><a class="text-muted" href="/about.html">About</a></li>
</ul>
</div>
</div>
</footer>
</html>