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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
|
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/fonts/fonts.css">
<link rel="stylesheet" href="/css/main.css">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<script src="/js/bg.js"></script>
<title>Style Template — DistressNetwork°</title>
<meta name="description" content="«BOMBER TEXT» — Title and/or Leading Phrase" />
<meta http-equiv="last-modified" content="2021-09-21 12:44:41-04:00" />
</head>
<body>
<header>
<div class="bomber">BOMBER TEXT</div>
<hr>
<div class="identcontainer">
<div class="ident"><time datetime="2021-09-21 12:44:41-04:00">210921</time>––––<a href="https://distress.network">DistressNetwork°</a></div>
<img class="headerlogo" src="/media/distressnetwork-b.svg" alt="">
</div>
</header>
<div class="contentlevel">
<main>
<div class="leading">Title and/or Leading Phrase</div>
<hr>
<nav class="toc">
<ul>
<li><a href="#Header%20Level%20One">Header Level One</a>
<ul>
<li><a href="#Header%20Level%20Two">Header Level Two</a></li>
</ul></li>
<li><a href="#%E2%80%9C%C3%9Cnic%C3%B8de%E2%80%9D%20Test">“Ünicøde” Test</a></li>
<li><a href="#Paragraph%20Test">Paragraph Test</a></li>
<li><a href="#Table%20Test">Table Test</a></li>
<li><a href="#Image%20Test">Image Test</a></li>
<li><a href="#Citation%20%26%20Caption%20Formatting">Citation & Caption Formatting</a></li>
</ul>
</nav>
<h1 id="Header%20Level%20One">Header Level One</h1>
<h2 id="Header%20Level%20Two">Header Level Two</h2>
<p>Paragraph <strong>(Bold)</strong> <em>(Italic)</em> <del>Strikethrough</del> <code>(Monospace)</code></p>
<p><a href="">Link</a></p>
<p>Footnote/Citation Reference<sup id="fnref1"><a href="#fn1" rel="footnote">1</a></sup></p>
<ul>
<li>List Level One
<ul>
<li>List Level Two
<ul>
<li>List Level Three</li>
</ul></li>
</ul></li>
</ul>
<blockquote>
<p>Block Quote<br/>
Level One</p>
<blockquote>
<p>Block Quote<br/>
Level Two</p>
<blockquote>
<p>Block Quote<br/>
Level Three</p>
</blockquote>
</blockquote>
</blockquote>
<pre><code>int main() {
printf("Code Block\n");
printf("Line inside the same code block which is much longer than the line preceding it");
exit(0);
}
</code></pre>
<figure><img src="styletest/math.svg" alt=""></figure>
<p>(and perhaps Inline <img src="styletest/math2.svg" alt="math" /> as well, which will inevitably lead to some strange undefined behaviour)</p>
<h1 id="%E2%80%9C%C3%9Cnic%C3%B8de%E2%80%9D%20Test">“Ünicøde” Test</h1>
<p>(this seems to break the table of contents sometimes)</p>
<h1 id="Paragraph%20Test">Paragraph Test</h1>
<p>In mathematics, computer science, and linguistics, a <strong>formal language</strong> consists of words whose letters are taken from an alphabet and are well-formed according to a specific set of rules. The alphabet of a formal language consist of symbols, letters, or tokens that concatenate into strings of the language. Each string concatenated from symbols of this alphabet is called a word, and the words that belong to a particular formal language are sometimes called <em>well-formed words</em> or <em>well-formed formulas</em>. A formal language is often defined by means of a formal grammar such as a regular grammar or context-free grammar, which consists of its formation rules.</p>
<p>The field of <strong>formal language theory</strong> studies primarily the purely syntactical aspects of such languages—that is, their internal structural patterns. Formal language theory sprang out of linguistics, as a way of understanding the syntactic regularities of natural languages. In computer science, formal languages are used among others as the basis for defining the grammar of programming languages and formalized versions of subsets of natural languages in which the words of the language represent concepts that are associated with particular meanings or semantics.</p>
<h1 id="Table%20Test">Table Test</h1>
<table>
<thead>
<tr>
<th>Left Header</th>
<th style="text-align: center">Center Header</th>
<th style="text-align: right">Right Header</th>
</tr>
</thead>
<tbody>
<tr>
<td>Left Cell</td>
<td style="text-align: center">Center Cell</td>
<td style="text-align: right">Right Cell</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th>Long</th>
<th>Cell</th>
<th>Test</th>
</tr>
</thead>
<tbody>
<tr>
<td>And blood-black nothingness began to spin,</td>
<td>A system of cells interlinked within</td>
<td>Cells interlinked within cells interlinked</td>
</tr>
<tr>
<td>Within one stem; And dreadfully distinct</td>
<td>against the dark, a tall white fountain played.</td>
<td><em>(Nabokov, 1962)</em></td>
</tr>
</tbody>
</table>
<h1 id="Image%20Test">Image Test</h1>
<figure><a href="/media/banner.png"><img src="/media/banner.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
<figure><a href="styletest/test-wide.png"><img src="styletest/test-wide.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
<figure><a href="styletest/test-tall.png"><img src="styletest/test-tall.png" alt=""></a><figcaption><p>Image Caption</p></figcaption></figure>
<h1 id="Citation%20%26%20Caption%20Formatting">Citation & Caption Formatting</h1>
<ul>
<li><a href="https://www.scribbr.com/chicago-style/citation-examples/">Chicago-like</a></li>
</ul>
<pre><code>citation = author-field ' ' title-field (' ' date-field)? (' ' medium-field)? (' ' note '.')*
author-field = (author | author-pair | author-list) '.'
author-pair = author ' & ' author
author-list = author (', ' author)+
title-field = '“' title '.”'
date-field = year ('-' month '-' day)? '.'
year = [0-9]{4} /* 0000-9999 */
month = [0-9]{2} /* 01-12 */
day = [0-9]{2} /* 01-31 */
medium-field = medium (', ' details)? '.'
</code></pre>
<p>Values of <code>author</code>, <code>title</code>, <code>medium</code>, <code>details</code>, and <code>note</code> are specific to the works they describe.</p>
<div class="footnotes">
<hr/>
<ol>
<li id="fn1">
<p>Footnote/Citation Content (With <a href="">Link</a> To Resource) <a href="#fnref1" rev="footnote">↩</a></p>
</li>
</ol>
</div>
</main>
<nav>
<pre>
<a href="/" aria-label="root">·</a>
<span aria-hidden="true">├───</span><a href="/info">info</a>
<span aria-hidden="true">├───</span><a href="/meta">meta</a>
<span aria-hidden="true">│ ├───</span><a href="/meta/sitemap">sitemap</a>
<span aria-hidden="true">│ ├───</span><a href="/meta/styletest">styletest</a>
<span aria-hidden="true">│ └───</span><a href="/meta/todo">todo</a>
<span aria-hidden="true">├───</span><a href="/software">software</a>
<span aria-hidden="true">│ └───</span><a href="/software/web">web</a>
<span aria-hidden="true">├───</span><a href="/visual">visual</a>
<span aria-hidden="true">│ ├───</span><a href="/visual/composite">composite</a>
<span aria-hidden="true">│ └───</span><a href="/visual/logotype">logotype</a>
<span aria-hidden="true">└───</span><a href="/written">written</a>
</pre>
</nav>
</div>
<footer>
<p><a href="/info">About.</a> <a href="mailto:uplink@distress.network">Contact.</a> <a href="/cw.html">Content Warning.</a> <a href="https://git.distress.network">Git.</a> <a href="/meta/sitemap">Sitemap.</a> <a href="https://creativecommons.org/licenses/by-sa/4.0">CC BY-SA 4.0.</a></p>
<img src="/media/distressnetwork-w.svg" alt="">
</footer>
</body>
</html>
|
