diff options
| author | knolax <1339802534.kk@gmail.com> | 2018-01-09 18:44:33 -0500 |
|---|---|---|
| committer | knolax <1339802534.kk@gmail.com> | 2018-01-09 18:44:33 -0500 |
| commit | 06db7c945ce6b797536135e32416cece7dc251d9 (patch) | |
| tree | caf897e76915b36a0fa61e260aa1823a1fee75a8 | |
| parent | 6c0b47b110a2449899f5c9bad4b92c3bba5a1e9b (diff) | |
actual added the making this site page
| -rw-r--r-- | cont/meta.html | 22 | ||||
| -rw-r--r-- | img/meta/source.png | bin | 0 -> 23382 bytes | |||
| -rw-r--r-- | index.html | 4 | ||||
| -rw-r--r-- | meta.html | 26 |
4 files changed, 50 insertions, 2 deletions
diff --git a/cont/meta.html b/cont/meta.html index e161a18..09791e2 100644 --- a/cont/meta.html +++ b/cont/meta.html @@ -4,3 +4,25 @@ -------------------------------------------------------------------------------- [SETTITLE]Making This Site [SETDATE]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> + diff --git a/img/meta/source.png b/img/meta/source.png Binary files differnew file mode 100644 index 0000000..cc24d99 --- /dev/null +++ b/img/meta/source.png @@ -5,7 +5,8 @@ <link rel="stylesheet" href="style.css"> </head> <body> -<pre class="content"> +<div class="content"> +<pre> <!-- 123456789-223456789-323456789-423456789-523456789-623456789-723456789-8234567890 一二三四 @@ -30,6 +31,7 @@ Where's all the content? Scroll Down <a href="meta.html">[Making This Site] 11-13-2017</a> <a href="testpage.html">[Testing Page] 11-12-2017</a> +</div> </pre> </body> <!-- @@ -5,7 +5,8 @@ <link rel="stylesheet" href="style.css"> </head> <body> -<pre class="content"> +<div class="content"> +<pre> <!-- 123456789-223456789-323456789-423456789-523456789-623456789-723456789-8234567890 一二三四 @@ -18,6 +19,29 @@ 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> <!-- |
