{% This file is automatically generated. %}

``` =html
<style>
.side-by-side:has(#radio0:checked) .changelog-diff0,
.side-by-side:has(#radio1:checked) .changelog-diff1,
.side-by-side:has(#radio2:checked) .changelog-diff2,
.side-by-side:has(#radio3:checked) .changelog-diff3,
.side-by-side:has(#radio4:checked) .changelog-diff4 {
  display: block;
}
</style>
```

# History

---

::::: side-by-side

{style="width: 35rem;"}
::::

## 2024

{.index-list}
- `<label><input type="radio" name="changelog" id="radio0" checked>`{=html} {=Sep 23=}{title="2024-09-23T19:57:28-04:00"} `<a>Commit test How does git interpret this?</a></label>`{=html}
- `<label><input type="radio" name="changelog" id="radio1" >`{=html} {=Sep 23=}{title="2024-09-23T19:39:45-04:00"} `<a>Add changelog code</a></label>`{=html}
- `<label><input type="radio" name="changelog" id="radio2" >`{=html} {=Sep 16=}{title="2024-09-16T00:51:43-04:00"} `<a>email obfuscation</a></label>`{=html}
- `<label><input type="radio" name="changelog" id="radio3" >`{=html} {=Sep 16=}{title="2024-09-16T00:35:33-04:00"} `<a>Fix image link</a></label>`{=html}
- `<label><input type="radio" name="changelog" id="radio4" >`{=html} {=Sep 15=}{title="2024-09-15T22:08:52-04:00"} `<a>Initial commit</a></label>`{=html}


::::

::::

## Changes

::: changelog-diff0
We shall see.


``` =html
<div class="highlight">
  <pre class="diff"><p class="diff-header">@@ -17,7 +17,7 @@ This website serves as a portfolio of my projects, and a place to post content I</p><p class="diff-content">It was generated using a custom [static site generator](https://en.wikipedia.org/wiki/Static_site_generator),
is currently hosted on GitHub pages, and built via GitHub actions.

I can be reached via email at `contact [at] <del>wasteofcyberspace [dot] net`</del><ins>wasteofcyberspace.net`</ins> or on GitHub at &lt;https://github.com/ZX-80&gt;.

:::

</p></pre>
</div>
```
{.right-align}
Commit: `ed165e2a80f44a15e57e8e850324e4ab98c5eff5`

:::
::: changelog-diff1
A new changelog page is now generated for every page.


``` =html
<div class="highlight">
  <pre class="diff"><p class="diff-header">@@ -11,7 +11,7 @@</p><p class="diff-content">
:::

I'm a software developer from Belfast, currently living in the US of A <del>:statue_of_liberty:​.</del><ins>:statue_of_liberty:.</ins>

This website serves as a portfolio of my projects, and a place to post content I find interesting or useful.
It was generated using a custom [static site generator](https://en.wikipedia.org/wiki/Static_site_generator),
</p></pre>
</div>
```
{.right-align}
Commit: `7bdd1d5fb57afe78776f78c99b282376faa3fc11`

:::
::: changelog-diff2


``` =html
<div class="highlight">
  <pre class="diff"><p class="diff-header">@@ -17,7 +17,7 @@ This website serves as a portfolio of my projects, and a place to post content I</p><p class="diff-content">It was generated using a custom [static site generator](https://en.wikipedia.org/wiki/Static_site_generator),
is currently hosted on GitHub pages, and built via GitHub actions.

I can be reached via email at <del>&lt;contact@wasteofcyberspace.net&gt;</del><ins>`contact [at] wasteofcyberspace [dot] net`</ins> or on GitHub at &lt;https://github.com/ZX-80&gt;.

:::

</p></pre>
</div>
```
{.right-align}
Commit: `3711b3bf7ee642d20c9fbe8df9c73c397b425146`

:::
::: changelog-diff3


``` =html
<div class="highlight">
  <pre class="diff"><p class="diff-header">@@ -22,7 +22,7 @@ I can be reached via email at &lt;contact@wasteofcyberspace.net&gt; or on GitHub at &lt;h</p><p class="diff-content">:::

{style=&quot;width: 20rem;&quot;}
![USA <del>Flag](/images/Flag_of_the_United_States.png){style=&quot;aspect-ratio:</del><ins>Flag](/images/flag-of-the-united-states.png){style=&quot;aspect-ratio:</ins> 40 / 21;&quot;}

::::

</p></pre>
</div>
```
{.right-align}
Commit: `833a2a07b9a9fccfde4d74cf40ef5f9c4ae36670`

:::
::: changelog-diff4


``` =html
<div class="highlight">
  <pre class="diff"><p class="diff-header">@@ -0,0 +1,88 @@</p><p class="diff-content"><ins>:{#metadata</ins>
<ins>  title=&quot;home&quot; </ins>
<ins>  banner=&quot;hawaii.jpg&quot;</ins>
<ins>}</ins>
<ins></ins>
<ins>## About</ins>
<ins></ins>
<ins>---</ins>
<ins></ins>
<ins>:::: side-by-side</ins>
<ins></ins>
<ins>:::</ins>
<ins></ins>
<ins>I'm a software developer from Belfast, currently living in the US of A :statue_of_liberty:​.</ins>
<ins></ins>
<ins>This website serves as a portfolio of my projects, and a place to post content I find interesting or useful.</ins>
<ins>It was generated using a custom [static site generator](https://en.wikipedia.org/wiki/Static_site_generator),</ins>
<ins>is currently hosted on GitHub pages, and built via GitHub actions.</ins>
<ins></ins>
<ins>I can be reached via email at &lt;contact@wasteofcyberspace.net&gt; or on GitHub at &lt;https://github.com/ZX-80&gt;.</ins>
<ins></ins>
<ins>:::</ins>
<ins></ins>
<ins>{style=&quot;width: 20rem;&quot;}</ins>
<ins>![USA Flag](/images/Flag_of_the_United_States.png){style=&quot;aspect-ratio: 40 / 21;&quot;}</ins>
<ins></ins>
<ins>::::</ins>
<ins></ins>
<ins>## Site Info</ins>
<ins></ins>
<ins>---</ins>
<ins></ins>
<ins>My first website was written in 2017 with raw HTML/CSS and has unfortunately been abandoned for many years (writing each page like that is </ins>
<ins>no fun). This project started around 2023, as a spin-off from a [djot](https://djot.net/) parser I was writing for [Python](https://www.python.org/). I figured </ins>
<ins>if I could turn simple documents like djot into HTML I might as well fix up my old website.</ins>
<ins></ins>
<ins>### Features</ins>
<ins></ins>
<ins>  - Easily extensible via filters</ins>
<ins></ins>
<ins>    - [Mermaid JS](https://mermaid.js.org/) charts</ins>
<ins>    - GitHub style [alerts](https://github.com/orgs/community/discussions/16925)</ins>
<ins>    - Syntax highlighting (580+ languages)</ins>
<ins>    - Tabs</ins>
<ins>    - Table of contents (TOC)</ins>
<ins>  - [MathML](https://developer.mozilla.org/en-US/docs/Web/MathML) support</ins>
<ins>  - Uses git to manage created / edited dates</ins>
<ins>  - Page metadata</ins>
<ins>  - Automatic anchors for page elements</ins>
<ins>  - Generated navigation bar with TOC</ins>
<ins>  - Supports 60+ document types as input</ins>
<ins>  </ins>
<ins>To speed up development, I've made use of some other libraries:</ins>
<ins></ins>
<ins>- [Pygments](https://pygments.org/): Syntax highlighting for nearly 580+ languages.</ins>
<ins>- [Pandoc](https://pandoc.org/): Document to HTML conversion</ins>
<ins>- [Panflute](https://github.com/sergiocorreia/panflute): Easy editing of pandoc documents</ins>
<ins>- [dominate](https://github.com/Knio/dominate/tree/master): HTML templating in Python</ins>
<ins></ins>
<ins>### Building</ins>
<ins></ins>
<ins>Building is as simple as `git push`, after which a GitHub action will install and run the build script at &lt;https://github.com/ZX-80/Cyberspace&gt;,</ins>
<ins>publishing to GitHub pages.</ins>
<ins></ins>
<ins>The build script itself will scan for css files, top-level source files (for the navigation bar), and filters. Then it will run each </ins>
<ins>source file in the source directory through the following stages:</ins>
<ins></ins>
<ins>1. Convert the document to a panflute document</ins>
<ins>2. Apply filters one by one</ins>
<ins>3. Convert the panflute document into the article HTML</ins>
<ins>4. Wrap the article HTML to get the page HTML</ins>
<ins></ins>
<ins>```mermaid</ins>
<ins>flowchart LR</ins>
<ins>    %% Convert to panflute document</ins>
<ins>    Document -- pandoc --&gt; panflute_doc[Panflute Document]</ins>
<ins>    %% Apply filters</ins>
<ins>    panflute_doc --&gt; Filters --&gt; panflute_doc</ins>
<ins>    %% Convert to article HTML</ins>
<ins>    panflute_doc -- pandoc --&gt; article_html[Article HTML] </ins>
<ins>    %% Wrap article HTML in page HTML</ins>
<ins>    article_html --&gt; full_html[Full HTML]</ins>
<ins>```</ins>
<ins></ins>
<ins>---</ins>
<ins></ins>
<ins>Unless stated otherwise, all content on this site is published under [CC-BY-SA](https://creativecommons.org/licenses/by-sa/4.0/).</ins>
<ins>All code on this site is available under the [MPL](https://www.mozilla.org/en-US/MPL/2.0/).</ins>
</p></pre>
</div>
```
{.right-align}
Commit: `bcfb811d63c789b26a615ca063bb69b8a58ab03d`

:::


::::

:::::