summaryrefslogtreecommitdiff
path: root/meta.html
blob: a5ccf63ab2cbe0c78b4c105a906fd8f8589eaf7d (plain)
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
<!DOCTYPE html>
<head>
<title>Making This Site</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="style.css"/>
<link rel="icon" type="image/png" href="img/fav/logo.png"/>
</head>
<body>
<div class="content">
<pre>
<!--
123456789-223456789-323456789-423456789-523456789-623456789-723456789-8234567890
一二三四
-->--------------------------------------------------------------------------------

<a href="http://hairydiode.xyz">>HairyDiode</a>                                             

--------------------------------------------------------------------------------
<!--
123456789-223456789-323456789-423456789-523456789-623456789-723456789-8234567890
一二三四-->Making This Site                                                      11-13-2017
--------------------------------------------------------------------------------
So you've stumbled on this ugly looking site and are wondering what the hell it
is? Well I'll have you know that it looks like this on purpose! This a static
site where the main content is text and the occasional picture, any styling I
put on here is just bloat. It makes no sense to serve 1 megabyte pages just to
deliver a couple kilobytes of text. After some experimentation I've decided to
make this site as close to plaintext as possible.

So how does this all work? Well first of all I'm not hosting this by myself,
I'm using github.io to host this. Everything you see on this site comes from
a git repo found here: <a href="https://github.com/knolax/hairydiode">https://github.com/knolax/hairydiode</a>.
This has some limitations however, with the way my domain registrar is set up,
this site can't be HTTPS(or I haven't figured out how yet); and since github
isn't exactly a CDN, image loading is a little slow.

So how do I acheive this "wonderful" web-brutalist asthetic? Well to start off
I write the pages in <a href="https://github.com/knolax/hairydiode/tree/master/cont">cont/</a>. What I write is for the most part plaintext, with
the exception of links and images. Then I run a script <a href="https://github.com/knolax/hairydiode/blob/master/gen.sh">《gen.sh》</a>that appends
headers and footers to what I write to make it an acceptable HTML page. The
results are put in the root directory of the repo, and served up to you by
github's servers when I push my changes.
<img src="img/meta/source.png" ></img>

</div>
</pre>
</body>
<!-- 
if you're digging in the src you might be interested in how this site works here: https://hairydiode.xyz/meta.html 
-->