diff options
Diffstat (limited to 'meta.html')
| -rw-r--r-- | meta.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/meta.html b/meta.html new file mode 100644 index 0000000..19d872a --- /dev/null +++ b/meta.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<head> +<title>Making This Site</title> +<meta charset="utf-8"/> +<link rel="stylesheet" href="https://hairydiode.xyz/style.css"/> +<link rel="icon" type="image/png" href="https://hairydiode.xyz/img/fav/logo.png"/> +</head> +<body> +<div class="content"> +<pre> +<!-- +123456789-223456789-323456789-423456789-523456789-623456789-723456789-8234567890 +一二三四 +-->-------------------------------------------------------------------------------- + +<a href="https://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> + +</pre> +</div> +<br> +<br> +</body> +<!-- +if you're digging in the src you might be interested in how this site works +here: https://hairydiode.xyz/meta2 +--> |