site/principles.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="stylesheet" href="/assets/print.css" media="print">
        <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/principles">
        <!-- Page Info -->
        <title>Guiding Principles | Zachary Kai</title>
        <meta name="date" content="2025-02-05">
        <meta name="last-modified" content="2025-02-05">
        <meta name="description" content="Herein you'll find a list of my guiding principle for running my sites, existing on the internet, and in the physical world. Perhaps you could create one too?">
    </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">Guiding Principles</h1>
                <!-- Necessary Metadata -->
                <p class="essentials">
                    <strong>Written By</strong>: <a href="/about">Zachary Kai</a> »
                    <strong>Published</strong>: <time class="dt-published" datetime="2025-02-05">5 Feb 2025</time> |
                    <strong>Updated</strong>: <time class="dt-modified" datetime="2025-02-05">5 Feb 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: 323</li>
                    </ul>
                </details>
            </header>

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

                <!-- Introduction -->
                <p id="top" class="p-summary">Inspired by Tracy Durnell's <a href="https://tracydurnell.com/2025/01/21/guiding-principles-for-my-website/" rel="noopener">lovely post</a> about her principles for how she wanted to approach her website, I'm doing the same, though, as a page instead. Consider this a living document.</p>

                <!-- Table Of Contents -->
                <p><strong>Table Of Contents</strong></p>
                <ol>
                    <li><a href="#optimism">Undying Optimism</a></li>
                    <li><a href="#kindness">Kindness, Always</a></li>
                    <li><a href="#hope">Proactive Hope</a></li>
                    <li><a href="#useful">Useful Beauty</a></li>
                    <li><a href="#human">The Human Dream</a></li>
                </ol>

                <!-- Principle 1 -->
                <h2 id="optimism">1: Undying Optimism</h2>
                <p>This is related to the third principle, but I think it's the most important and worth highlighting on its own. Negativity has had me in a death grip for as long as I can remember. While skepticism is something I've always found useful, constant doom and gloom is... suffocating.</p>
                <p>So just like what I try to infuse my fiction with, I want to do the same with my site.</p>

                <!-- Principle 2 -->
                <h2 id="kindness">2: Kindness, Always</h2>
                <p>Somehow we equate kindness with softness, as though it's a weakness. I would argue it's the opposite. It's so much easier to succumb to impulses we'd rather not. It takes strength, grace, and humility to be kind to yourself and others.</p>
                <p>While I have the latter down pat, the former... is a work in progress. This is me committing to kindness from the inside out, not merely from the outside.</p>

                <!-- Principle 3 -->
                <h2 id="hope">3: Proactive Hope</h2>
                <p>Hope keeps us alive and moving forward. This is what I know. Though I also know it's its nothing without proactive progress. I may be only one person, though I aim to help foster connection, delight and knowledge-sharing across the internet.</p>

                <!-- Principle 4 -->
                <h2 id="useful">4: Useful Beauty</h2>
                <p>As the textile artist and designer William Morris said: <em>"Have nothing in your houses that you do not know to be useful or believe to be beautiful."</em> I'd take it one step further. Why not both? Always?</p>
                <p>In my published writing, and everything I create, I aim for this.</p>

                <!-- Principle 5 -->
                <h2 id="human">5: The Human Dream</h2>
                <p>We all share something in common, and that is our humanity: in all it's flawed, stunning beauty. Remembering our connection to our shared existence is something I try to do every day.</p>

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


            </section>

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

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

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

            </section>

        </main>

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

        <!-- 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>

    </body>
</html>