This is a binary file and will not be displayed.

This is a binary file and will not be displayed.

This is a binary file and will not be displayed.

···

       
1
       
1
       
-
       
<h1 align="center">

     

       
2
       
2
       
-
       
    <img src="https://cloud-4mfbnf9u2-hack-club-bot.vercel.app/0img_3132.png" width="350" alt="Logo"/><br/>

     

       
3
       
3
       
-
       
    <span>site@zera</span>

     

       
4
       
4
       
-
       
    <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/master/.github/images/transparent.png" height="30" width="0px"/>

     

       
1
       
1
       
+
       
<h3 align="center">

     

       
2
       
2
       
+
       
    <img src="https://cloud-4mfbnf9u2-hack-club-bot.vercel.app/0img_3132.png" width="350" alt="site@zera"/>

     

       
3
       
3
       
+
       
    <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/transparent.png" height="30" width="0px"/>

     

       
5
       
4
       
 
       
</h3>

     

       
6
       
5
       
 
       


     

       
7
       
6
       
 
       
<p align="center">

     
···

       
9
       
8
       
 
       
</p>

     

       
10
       
9
       
 
       


     

       
11
       
10
       
 
       
<p align="center">

     

       
12
       
12
       
-
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/master/.github/images/line-break-thin.svg" />

     

       
11
       
11
       
+
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break-thin.svg" />

     

       
13
       
12
       
 
       
</p>

     

       
14
       
13
       
 
       


     

       
15
       
14
       
 
       
<p align="center">

     

       
16
       
16
       
-
       
    <img src="https://github.com/kcoderhtml/zera/blob/master/.github/images/ss.png?raw=true" alt="screenshot of the website"/>

     

       
15
       
15
       
+
       
    <img src="https://raw.githubusercontent.com/taciturnaxolotl/zera/refs/heads/main/.github/images/ss.webp" alt="screenshot of the website"/>

     

       
17
       
16
       
 
       
</p>

     

       
18
       
17
       
 
       


     

       
19
       
18
       
 
       
<p align="center">

     

       
20
       
20
       
-
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/master/.github/images/line-break-thin.svg" />

     

       
19
       
19
       
+
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break-thin.svg" />

     

       
21
       
20
       
 
       
</p>

     

       
22
       
21
       
 
       


     

       
23
       
22
       
 
       
## Special Features

     

       
24
       
23
       
 
       


     

       
25
       
24
       
 
       
- The whole website can be statically rendered in `~93ms`

     

       
26
       
25
       
 
       
- Deployed via cloudflare pages with a total push to deploy time of `~20s`

     

       
27
       
27
       
-
       
- self hosted analytics with plausible, publicaly accessible at this [dashboard](https://nexus.kieranklukas.com/dunkirk.sh/)

     

       
26
       
26
       
+
       
- blazing fast privacy preserving view counter with [abacus](https://jasoncameron.dev/abacus/)

     

       
27
       
27
       
+
       
```html

     

       
28
       
28
       
+
       
<script>

     

       
29
       
29
       
+
       
    function cb(res) {

     

       
30
       
30
       
+
       
        const fmt = new Intl.NumberFormat('en', { notation: 'compact' });

     

       
31
       
31
       
+
       
        const elements = document.querySelectorAll("[id='visits']");

     

       
32
       
32
       
+
       
        elements.forEach(el => {

     

       
33
       
33
       
+
       
            el.innerText = fmt.format(res.value);

     

       
34
       
34
       
+
       
            el.title = res.value + " visits";

     

       
35
       
35
       
+
       
        });

     

       
36
       
36
       
+
       
    }

     

       
37
       
37
       
+
       
</script>

     

       
38
       
38
       
+
       
<script async src="https://abacus.jasoncameron.dev/hit/namespace/counter?callback=cb"></script>

     

       
39
       
39
       
+
       
```

     

       
28
       
40
       
 
       
- Automatic OG image via a custom script using puppeteer.  

     

       
29
       
29
       
-
       
![og image example](https://github.com/kcoderhtml/zera/blob/master/.github/images/og.png?raw=true)

     

       
41
       
41
       
+
       
![og image example](https://raw.githubusercontent.com/taciturnaxolotl/zera/refs/heads/main/static/blog/hilton-tomfoolery/og.png)

     

       
30
       
42
       
 
       


     

       
31
       
43
       
 
       
## Awesome projects that made this possible

     

       
32
       
44
       
 
       


     
···

       
35
       
47
       
 
       
This site's theme is based off of the awesome project [Speyll/suCSS/](https://github.com/) with my own flavoring on top and the code theme is based off of [uncomfyhalomacro/catppuccin-zola](https://github.com/uncomfyhalomacro/catppuccin-zola) modified to work with `data-theme`.

     

       
36
       
48
       
 
       


     

       
37
       
49
       
 
       
<p align="center">

     

       
38
       
38
       
-
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/master/.github/images/line-break.svg" />

     

       
50
       
50
       
+
       
	<img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break.svg" />

     

       
39
       
51
       
 
       
</p>

     

       
40
       
52
       
 
       


     

       
41
       
53
       
 
       
<p align="center">

     
···

       
43
       
55
       
 
       
</p>

     

       
44
       
56
       
 
       


     

       
45
       
57
       
 
       
<p align="center">

     

       
46
       
46
       
-
       
	<a href="https://github.com/df1317/2025-reefscape/blob/main/LICENSE.md"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=Code License&message=AGPL 3.0&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>

     

       
58
       
58
       
+
       
	<a href="https://github.com/taciturnaxolotl/zera/blob/main/LICENSE.md"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=Code License&message=AGPL 3.0&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>

     

       
47
       
59
       
 
       
  <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="https://img.shields.io/static/v1.svg?style=for-the-badge&label=Content License&message=CC BY-NC-SA 4.0&logoColor=d9e0ee&colorA=363a4f&colorB=b7bdf8"/></a>

     

       
48
       
60
       
 
       
</p>