site/hello.html at main · zk-codes/site · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
<!DOCTYPE html>
<html lang="en-US">

    <!-- Head -->
    <head>
        <!-- Meta Tags -->
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- File Links -->
        <link rel="shortcut icon" href="/assets/icon.ico" type="image/x-icon">
        <link rel="stylesheet" href="/assets/style.css">
        <link rel="alternate" type="application/rss+xml" title="Zachary Kai" href="/assets/rss.xml">
        <link rel="webmention" href="https://webmention.io/zacharykai.net/webmention" />
        <link rel="canonical" href="https://zacharykai.net/hello">
        <!-- Page Info -->
        <title>Hello | Zachary Kai</title>
        <meta name="date" content="2024-06-27">
        <meta name="last-modified" content="2025-07-07">
        <meta name="description" content="Herein are my preferred methods of communication, how you can keep track of my posts and publications, and where you shall find me elsewhere on the internet. ">
    </head>

    <!-- Body -->
    <body>

        <!-- Skip Link -->
        <p><a href="#top" class="essentials">Begin reading...</a></p>

        <!-- Site Header -->
        <header><nav><a href="/">Zachary Kai</a></nav></header>

        <!-- Main Content -->
        <main class="h-entry e-content">

            <!-- Page Header -->
            <header>
                <!-- Breadcrumbs -->
                <p class="essentials"><a href="/">Homepage</a> • <a href="/sitemap#pages">Pages</a></p>
                <!-- Page Title -->
                <h1 class="p-name">Hello!</h1>
                <!-- Necessary Metadata -->
                <p class="essentials">
                    <strong>Written By</strong>: <a href="/about">Zachary Kai</a> »
                    <strong>Published</strong>: <time class="dt-published" datetime="2024-06-27">27 Jun 2024</time> |
                    <strong>Updated</strong>: <time class="dt-modified" datetime="2025-07-07">07 Jul 2025</time>
                </p>
                <!-- Other Metadata -->
                <details class="essentials">
                    <summary>Expand For Other (Hopefully Useful) Metadata</summary>
                    <ul>
                        <li>Reading Time: ~1 min (at 238 WPM)
                        <li>Word Count: 191</li>
                    </ul>
                </details>
            </header>

            <!-- Page Body -->
            <section class="e-content">

                <!-- Introduction -->
                <p id="top" class="p-summary">Here you'll find my /hello page, started by Alastair Johnston. <a href="https://alastronjohnston.com/introducing-hello-pages/" rel="noopener">See more folks' here</a>.</p>

                <p><strong>I'm seeking remote work! Here's my <a href="/cv">CV/resume</a>. If I'd be a good fit for your organization or project, email me: <a href="mailto:hi@zacharykai.net">hi@zacharykai.net</a> or <a href="/linkedin" rel="noopener">message me on Linkedin</a>.</strong></p>
                <p>I run <a href="/workshops">group workshops</a> on drawing for fun, creative writing, worldbuilding and zine-making. Click the aforementioned link for more info and to book one for your group!</p>
                <p>If you have questions, want to trade, or say hello, please do! You can also check my <a href="/about#faqs">FAQs</a>.</p>
                <ul>
                    <li>I adore emails: <a href="mailto:hi@zacharykai.net">hi@zacharykai.net</a>.</li>
                    <li>You can send me a <a href="/webmention" rel="noopener">webmention</a>.</li>
                    <li>The chat networks I use are Discord (zachary.kai) and Signal (zacharykai.89)</li>
                </ul>
                <p>Want to meet for a beverage? If I'm in your area, I'd love to meet you! Please email or message me! I'm Australian, and oscillate between living there and overseas. Now? I'm in Albania.</p>
                <p>Everything I make worth sharing goes on the site. <a href="/assets/rss.xml">Here's the RSS Feed.</a></p>
                <p>
                    I'm on
                    <a href="/github" rel="noopener">Github</a>,
                    <a href="/indieweb" rel="noopener">the Indieweb</a>,
                    <a href="/internet-archive" rel="noopener">Internet Archive</a>,
                    and <a href="/linkedin" rel="noopener">Linkedin</a>.
                    Nowhere else.
                </p>
                <section class="button-section">
                    <p class="button-text">Here's my 88x31 button, if you'd like it!</p>
                    <a href="/">
                        <img class="scaledimg" src="/assets/buttons/zk_button.png" alt="Zachary Kai's 88x31 button, featuring 'ZK' initials.">
                    </a>
                </section>
            </section>
            <hr>
            <section>
                <h2 id="trades">Trades</h2>
                <p>I love trading things with folks (digitally or by mail) so...what are you waiting for? Contact me!</p>

                <!-- Closing -->
                <p>•--♡--•</p>


            </section>

            <section>
                <!-- Closing Metadata -->

                <section>
                    <!-- Tags -->
                    <p class="essentials"><strong>Tags</strong>: <a href="/tags?tag=community">community</a></p>
                </section>

                <section>
                    <!-- Copy + Share -->
                    <p><strong>Copy + Share</strong>: <a href="/hello">zacharykai.net/hello</a></p>
                </section>

            </section>

        </main>

        <!-- Back To Top Link -->
        <p><a href="#top" class="essentials">Read again...</a></p>

        <section class="support">
            <h2>Enjoy What I Do? Find It (Hopefully) Helpful?</h2>
            <p>I'm so glad! If you feel moved to <a href="/support">support me</a> in making things, I'd most appreciate it!</p>
        </section>

        <!-- H-Card -->
        <section class="h-card vcard">
            <section id="h-card-image">
                <picture>
                    <source srcset="/assets/icon.webp" type="image/webp">
                    <img class="u-photo" loading="lazy" src="/assets/icon.png" alt="Zachary Kai's digital drawing: 5 stacked books (blue/teal/green/purple, black spine designs), green plant behind top book, purple heart on either side.">
                </picture>
            </section>
            <section id="h-card-content">
                <p><strong><a class="u-url u-id p-name" href="https://zacharykai.net" rel="me"><span class="fn">Zachary Kai</span></a></strong> — <span class="p-pronouns">he/him</span> | <a class="u-email email" href="mailto:hi@zacharykai.net" rel="me">hi@zacharykai.net</a></p>
                <p class="p-note">Zachary Kai is a space fantasy writer, offbeat queer, traveler, zinester, and avowed generalist. The internet is his livelihood and lifeline.</p>
            </section>
        </section>

        <!-- Footer -->
        <footer>

            <!-- Acknowledgement Of Country -->
            <p style="margin-top: 0.25em;"><strong>Acknowledgement Of Country</strong>: I owe my existence to the <a href="https://kht.org.au/" rel="noopener">Koori people's</a> lands: tended for millennia by the traditional owners and storytellers. What a legacy. May it prevail.</p>

            <!-- Reply Via -->
            <p>
                <strong>Reply Via</strong>:
                <a href="/contact">Email</a> |
                <a href="/guestbook">Guestbook</a> |
                <a href="/unoffice-hours">UnOffice Hours</a> |
                <a href="/webmention" rel="noopener">Webmention</a>
            </p>

            <!-- Footer Menu -->
            <p>
                <strong>Est. 2024</strong> ||
                <a href="/about">About</a> |
                <a href="/art">Art</a> |
                <a href="/colophon">Accessibility & Colophon</a> |
                <a href="/changelog">Changelog</a> |
                <a href="/jots">Jots</a> |
                <a href="/now">Now</a> |
                <a href="/random">Random</a> |
                <a href="/assets/rss.xml">RSS</a> |
                <a href="/sitemap">Sitemap</a> |
                <a href="/uses">Uses</a>
            </p>

            <!-- Elsewhere Links -->
            <p style="margin-bottom: 0;">
                <strong>Elsewhere</strong>:
                <a href="https://roadlessread.com" rel="noopener">Blog</a> |
                <a href="https://lunaseeker.com/catalog/" rel="noopener">Books</a> |
                <a href="https://lunaseeker.com/cv" rel="noopener">CV</a> |
                <a href="/github" rel="noopener">Github</a> |
                <a href="/linkedin" rel="noopener">Linkedin</a> |
                <a href="https://lunaseeker.com/newsletter/" rel="noopener">Newsletter</a> |
                <a href="https://lunaseeker.com/offerings" rel="noopener">Offerings</a> |
                <a href="https://lunaseeker.com" rel="noopener">Portfolio</a>
            </p>
        </footer>

        <p class="essentials" style="margin-top: 2em;">Hi. Yes, you, lovely human. Have a wonderful <a href="https://indieweb.org/Universal_Greeting_Time" rel="noopener">morning</a> and make time for a small moment of joy, wheverever you are. ♡</p>


    </body>
</html>