the home site for me: also iteration 3 or 4 of my site
dunkirk.sh
1<h3 align="center">
2 <img src="https://cloud-4mfbnf9u2-hack-club-bot.vercel.app/0img_3132.png" width="350" alt="site@zera"/>
3 <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/transparent.png" height="30" width="0px"/>
4</h3>
5
6<p align="center">
7 <i>My site v4 (i think)</i>
8</p>
9
10<p align="center">
11 <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break-thin.svg" />
12</p>
13
14
15
16
17<p align="center">
18 <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break-thin.svg" />
19</p>
20
21## Special Features
22
23- The whole website can be statically rendered in `~93ms`
24- Deployed via cloudflare pages with a total push to deploy time of `~20s`
25- blazing fast privacy preserving view counter with [abacus](https://jasoncameron.dev/abacus/)
26```html
27<script>
28 function cb(res) {
29 const fmt = new Intl.NumberFormat('en', { notation: 'compact' });
30 const elements = document.querySelectorAll("[id='visits']");
31 elements.forEach(el => {
32 el.innerText = fmt.format(res.value);
33 el.title = res.value + " visits";
34 });
35 }
36</script>
37<script async src="https://abacus.jasoncameron.dev/hit/namespace/counter?callback=cb"></script>
38```
39- Automatic OG image via a custom script using puppeteer.
40
41
42## Awesome projects that made this possible
43
44Huge thanks to [Speyll/anemone](https://github.com/Speyll/anemone) for the template that helped me understand [Zola](https://www.getzola.org/)
45
46This 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` (and then removed again lol).
47
48<p align="center">
49 <img src="https://raw.githubusercontent.com/taciturnaxolotl/carriage/main/.github/images/line-break.svg" />
50</p>
51
52<p align="center">
53 <code>© 2024-present <a href="https://github.com/taciturnaxolotl">Kieran Klukas</a></code>
54</p>
55
56<p align="center">
57 <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>
58 <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>
59</p>