commit mvp

Signed-off-by: Robert Günzler <r@gnzler.io>

9 files changed, 1447 insertions, 0 deletions

diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..d90404f
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,19 @@
+Copyright © 2024 robertgzr
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the "Software"),
+to deal in the Software without restriction, including without limitation
+the rights to use, copy, modify, merge, publish, distribute, sublicense,
+and/or sell copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included
+in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
+IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM,
+DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
+TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE
+OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/LICENSE.content b/LICENSE.content
new file mode 100644
index 0000000..cbe5ad1
--- /dev/null
+++ b/LICENSE.content
@@ -0,0 +1,437 @@
+Attribution-NonCommercial-ShareAlike 4.0 International
+
+=======================================================================
+
+Creative Commons Corporation ("Creative Commons") is not a law firm and
+does not provide legal services or legal advice. Distribution of
+Creative Commons public licenses does not create a lawyer-client or
+other relationship. Creative Commons makes its licenses and related
+information available on an "as-is" basis. Creative Commons gives no
+warranties regarding its licenses, any material licensed under their
+terms and conditions, or any related information. Creative Commons
+disclaims all liability for damages resulting from their use to the
+fullest extent possible.
+
+Using Creative Commons Public Licenses
+
+Creative Commons public licenses provide a standard set of terms and
+conditions that creators and other rights holders may use to share
+original works of authorship and other material subject to copyright
+and certain other rights specified in the public license below. The
+following considerations are for informational purposes only, are not
+exhaustive, and do not form part of our licenses.
+
+     Considerations for licensors: Our public licenses are
+     intended for use by those authorized to give the public
+     permission to use material in ways otherwise restricted by
+     copyright and certain other rights. Our licenses are
+     irrevocable. Licensors should read and understand the terms
+     and conditions of the license they choose before applying it.
+     Licensors should also secure all rights necessary before
+     applying our licenses so that the public can reuse the
+     material as expected. Licensors should clearly mark any
+     material not subject to the license. This includes other CC-
+     licensed material, or material used under an exception or
+     limitation to copyright. More considerations for licensors:
+    wiki.creativecommons.org/Considerations_for_licensors
+
+     Considerations for the public: By using one of our public
+     licenses, a licensor grants the public permission to use the
+     licensed material under specified terms and conditions. If
+     the licensor's permission is not necessary for any reason--for
+     example, because of any applicable exception or limitation to
+     copyright--then that use is not regulated by the license. Our
+     licenses grant only permissions under copyright and certain
+     other rights that a licensor has authority to grant. Use of
+     the licensed material may still be restricted for other
+     reasons, including because others have copyright or other
+     rights in the material. A licensor may make special requests,
+     such as asking that all changes be marked or described.
+     Although not required by our licenses, you are encouraged to
+     respect those requests where reasonable. More considerations
+     for the public:
+    wiki.creativecommons.org/Considerations_for_licensees
+
+=======================================================================
+
+Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International
+Public License
+
+By exercising the Licensed Rights (defined below), You accept and agree
+to be bound by the terms and conditions of this Creative Commons
+Attribution-NonCommercial-ShareAlike 4.0 International Public License
+("Public License"). To the extent this Public License may be
+interpreted as a contract, You are granted the Licensed Rights in
+consideration of Your acceptance of these terms and conditions, and the
+Licensor grants You such rights in consideration of benefits the
+Licensor receives from making the Licensed Material available under
+these terms and conditions.
+
+
+Section 1 -- Definitions.
+
+  a. Adapted Material means material subject to Copyright and Similar
+     Rights that is derived from or based upon the Licensed Material
+     and in which the Licensed Material is translated, altered,
+     arranged, transformed, or otherwise modified in a manner requiring
+     permission under the Copyright and Similar Rights held by the
+     Licensor. For purposes of this Public License, where the Licensed
+     Material is a musical work, performance, or sound recording,
+     Adapted Material is always produced where the Licensed Material is
+     synched in timed relation with a moving image.
+
+  b. Adapter's License means the license You apply to Your Copyright
+     and Similar Rights in Your contributions to Adapted Material in
+     accordance with the terms and conditions of this Public License.
+
+  c. BY-NC-SA Compatible License means a license listed at
+     creativecommons.org/compatiblelicenses, approved by Creative
+     Commons as essentially the equivalent of this Public License.
+
+  d. Copyright and Similar Rights means copyright and/or similar rights
+     closely related to copyright including, without limitation,
+     performance, broadcast, sound recording, and Sui Generis Database
+     Rights, without regard to how the rights are labeled or
+     categorized. For purposes of this Public License, the rights
+     specified in Section 2(b)(1)-(2) are not Copyright and Similar
+     Rights.
+
+  e. Effective Technological Measures means those measures that, in the
+     absence of proper authority, may not be circumvented under laws
+     fulfilling obligations under Article 11 of the WIPO Copyright
+     Treaty adopted on December 20, 1996, and/or similar international
+     agreements.
+
+  f. Exceptions and Limitations means fair use, fair dealing, and/or
+     any other exception or limitation to Copyright and Similar Rights
+     that applies to Your use of the Licensed Material.
+
+  g. License Elements means the license attributes listed in the name
+     of a Creative Commons Public License. The License Elements of this
+     Public License are Attribution, NonCommercial, and ShareAlike.
+
+  h. Licensed Material means the artistic or literary work, database,
+     or other material to which the Licensor applied this Public
+     License.
+
+  i. Licensed Rights means the rights granted to You subject to the
+     terms and conditions of this Public License, which are limited to
+     all Copyright and Similar Rights that apply to Your use of the
+     Licensed Material and that the Licensor has authority to license.
+
+  j. Licensor means the individual(s) or entity(ies) granting rights
+     under this Public License.
+
+  k. NonCommercial means not primarily intended for or directed towards
+     commercial advantage or monetary compensation. For purposes of
+     this Public License, the exchange of the Licensed Material for
+     other material subject to Copyright and Similar Rights by digital
+     file-sharing or similar means is NonCommercial provided there is
+     no payment of monetary compensation in connection with the
+     exchange.
+
+  l. Share means to provide material to the public by any means or
+     process that requires permission under the Licensed Rights, such
+     as reproduction, public display, public performance, distribution,
+     dissemination, communication, or importation, and to make material
+     available to the public including in ways that members of the
+     public may access the material from a place and at a time
+     individually chosen by them.
+
+  m. Sui Generis Database Rights means rights other than copyright
+     resulting from Directive 96/9/EC of the European Parliament and of
+     the Council of 11 March 1996 on the legal protection of databases,
+     as amended and/or succeeded, as well as other essentially
+     equivalent rights anywhere in the world.
+
+  n. You means the individual or entity exercising the Licensed Rights
+     under this Public License. Your has a corresponding meaning.
+
+
+Section 2 -- Scope.
+
+  a. License grant.
+
+       1. Subject to the terms and conditions of this Public License,
+          the Licensor hereby grants You a worldwide, royalty-free,
+          non-sublicensable, non-exclusive, irrevocable license to
+          exercise the Licensed Rights in the Licensed Material to:
+
+            a. reproduce and Share the Licensed Material, in whole or
+               in part, for NonCommercial purposes only; and
+
+            b. produce, reproduce, and Share Adapted Material for
+               NonCommercial purposes only.
+
+       2. Exceptions and Limitations. For the avoidance of doubt, where
+          Exceptions and Limitations apply to Your use, this Public
+          License does not apply, and You do not need to comply with
+          its terms and conditions.
+
+       3. Term. The term of this Public License is specified in Section
+          6(a).
+
+       4. Media and formats; technical modifications allowed. The
+          Licensor authorizes You to exercise the Licensed Rights in
+          all media and formats whether now known or hereafter created,
+          and to make technical modifications necessary to do so. The
+          Licensor waives and/or agrees not to assert any right or
+          authority to forbid You from making technical modifications
+          necessary to exercise the Licensed Rights, including
+          technical modifications necessary to circumvent Effective
+          Technological Measures. For purposes of this Public License,
+          simply making modifications authorized by this Section 2(a)
+          (4) never produces Adapted Material.
+
+       5. Downstream recipients.
+
+            a. Offer from the Licensor -- Licensed Material. Every
+               recipient of the Licensed Material automatically
+               receives an offer from the Licensor to exercise the
+               Licensed Rights under the terms and conditions of this
+               Public License.
+
+            b. Additional offer from the Licensor -- Adapted Material.
+               Every recipient of Adapted Material from You
+               automatically receives an offer from the Licensor to
+               exercise the Licensed Rights in the Adapted Material
+               under the conditions of the Adapter's License You apply.
+
+            c. No downstream restrictions. You may not offer or impose
+               any additional or different terms or conditions on, or
+               apply any Effective Technological Measures to, the
+               Licensed Material if doing so restricts exercise of the
+               Licensed Rights by any recipient of the Licensed
+               Material.
+
+       6. No endorsement. Nothing in this Public License constitutes or
+          may be construed as permission to assert or imply that You
+          are, or that Your use of the Licensed Material is, connected
+          with, or sponsored, endorsed, or granted official status by,
+          the Licensor or others designated to receive attribution as
+          provided in Section 3(a)(1)(A)(i).
+
+  b. Other rights.
+
+       1. Moral rights, such as the right of integrity, are not
+          licensed under this Public License, nor are publicity,
+          privacy, and/or other similar personality rights; however, to
+          the extent possible, the Licensor waives and/or agrees not to
+          assert any such rights held by the Licensor to the limited
+          extent necessary to allow You to exercise the Licensed
+          Rights, but not otherwise.
+
+       2. Patent and trademark rights are not licensed under this
+          Public License.
+
+       3. To the extent possible, the Licensor waives any right to
+          collect royalties from You for the exercise of the Licensed
+          Rights, whether directly or through a collecting society
+          under any voluntary or waivable statutory or compulsory
+          licensing scheme. In all other cases the Licensor expressly
+          reserves any right to collect such royalties, including when
+          the Licensed Material is used other than for NonCommercial
+          purposes.
+
+
+Section 3 -- License Conditions.
+
+Your exercise of the Licensed Rights is expressly made subject to the
+following conditions.
+
+  a. Attribution.
+
+       1. If You Share the Licensed Material (including in modified
+          form), You must:
+
+            a. retain the following if it is supplied by the Licensor
+               with the Licensed Material:
+
+                 i. identification of the creator(s) of the Licensed
+                    Material and any others designated to receive
+                    attribution, in any reasonable manner requested by
+                    the Licensor (including by pseudonym if
+                    designated);
+
+                ii. a copyright notice;
+
+               iii. a notice that refers to this Public License;
+
+                iv. a notice that refers to the disclaimer of
+                    warranties;
+
+                 v. a URI or hyperlink to the Licensed Material to the
+                    extent reasonably practicable;
+
+            b. indicate if You modified the Licensed Material and
+               retain an indication of any previous modifications; and
+
+            c. indicate the Licensed Material is licensed under this
+               Public License, and include the text of, or the URI or
+               hyperlink to, this Public License.
+
+       2. You may satisfy the conditions in Section 3(a)(1) in any
+          reasonable manner based on the medium, means, and context in
+          which You Share the Licensed Material. For example, it may be
+          reasonable to satisfy the conditions by providing a URI or
+          hyperlink to a resource that includes the required
+          information.
+       3. If requested by the Licensor, You must remove any of the
+          information required by Section 3(a)(1)(A) to the extent
+          reasonably practicable.
+
+  b. ShareAlike.
+
+     In addition to the conditions in Section 3(a), if You Share
+     Adapted Material You produce, the following conditions also apply.
+
+       1. The Adapter's License You apply must be a Creative Commons
+          license with the same License Elements, this version or
+          later, or a BY-NC-SA Compatible License.
+
+       2. You must include the text of, or the URI or hyperlink to, the
+          Adapter's License You apply. You may satisfy this condition
+          in any reasonable manner based on the medium, means, and
+          context in which You Share Adapted Material.
+
+       3. You may not offer or impose any additional or different terms
+          or conditions on, or apply any Effective Technological
+          Measures to, Adapted Material that restrict exercise of the
+          rights granted under the Adapter's License You apply.
+
+
+Section 4 -- Sui Generis Database Rights.
+
+Where the Licensed Rights include Sui Generis Database Rights that
+apply to Your use of the Licensed Material:
+
+  a. for the avoidance of doubt, Section 2(a)(1) grants You the right
+     to extract, reuse, reproduce, and Share all or a substantial
+     portion of the contents of the database for NonCommercial purposes
+     only;
+
+  b. if You include all or a substantial portion of the database
+     contents in a database in which You have Sui Generis Database
+     Rights, then the database in which You have Sui Generis Database
+     Rights (but not its individual contents) is Adapted Material,
+     including for purposes of Section 3(b); and
+
+  c. You must comply with the conditions in Section 3(a) if You Share
+     all or a substantial portion of the contents of the database.
+
+For the avoidance of doubt, this Section 4 supplements and does not
+replace Your obligations under this Public License where the Licensed
+Rights include other Copyright and Similar Rights.
+
+
+Section 5 -- Disclaimer of Warranties and Limitation of Liability.
+
+  a. UNLESS OTHERWISE SEPARATELY UNDERTAKEN BY THE LICENSOR, TO THE
+     EXTENT POSSIBLE, THE LICENSOR OFFERS THE LICENSED MATERIAL AS-IS
+     AND AS-AVAILABLE, AND MAKES NO REPRESENTATIONS OR WARRANTIES OF
+     ANY KIND CONCERNING THE LICENSED MATERIAL, WHETHER EXPRESS,
+     IMPLIED, STATUTORY, OR OTHER. THIS INCLUDES, WITHOUT LIMITATION,
+     WARRANTIES OF TITLE, MERCHANTABILITY, FITNESS FOR A PARTICULAR
+     PURPOSE, NON-INFRINGEMENT, ABSENCE OF LATENT OR OTHER DEFECTS,
+     ACCURACY, OR THE PRESENCE OR ABSENCE OF ERRORS, WHETHER OR NOT
+     KNOWN OR DISCOVERABLE. WHERE DISCLAIMERS OF WARRANTIES ARE NOT
+     ALLOWED IN FULL OR IN PART, THIS DISCLAIMER MAY NOT APPLY TO YOU.
+
+  b. TO THE EXTENT POSSIBLE, IN NO EVENT WILL THE LICENSOR BE LIABLE
+     TO YOU ON ANY LEGAL THEORY (INCLUDING, WITHOUT LIMITATION,
+     NEGLIGENCE) OR OTHERWISE FOR ANY DIRECT, SPECIAL, INDIRECT,
+     INCIDENTAL, CONSEQUENTIAL, PUNITIVE, EXEMPLARY, OR OTHER LOSSES,
+     COSTS, EXPENSES, OR DAMAGES ARISING OUT OF THIS PUBLIC LICENSE OR
+     USE OF THE LICENSED MATERIAL, EVEN IF THE LICENSOR HAS BEEN
+     ADVISED OF THE POSSIBILITY OF SUCH LOSSES, COSTS, EXPENSES, OR
+     DAMAGES. WHERE A LIMITATION OF LIABILITY IS NOT ALLOWED IN FULL OR
+     IN PART, THIS LIMITATION MAY NOT APPLY TO YOU.
+
+  c. The disclaimer of warranties and limitation of liability provided
+     above shall be interpreted in a manner that, to the extent
+     possible, most closely approximates an absolute disclaimer and
+     waiver of all liability.
+
+
+Section 6 -- Term and Termination.
+
+  a. This Public License applies for the term of the Copyright and
+     Similar Rights licensed here. However, if You fail to comply with
+     this Public License, then Your rights under this Public License
+     terminate automatically.
+
+  b. Where Your right to use the Licensed Material has terminated under
+     Section 6(a), it reinstates:
+
+       1. automatically as of the date the violation is cured, provided
+          it is cured within 30 days of Your discovery of the
+          violation; or
+
+       2. upon express reinstatement by the Licensor.
+
+     For the avoidance of doubt, this Section 6(b) does not affect any
+     right the Licensor may have to seek remedies for Your violations
+     of this Public License.
+
+  c. For the avoidance of doubt, the Licensor may also offer the
+     Licensed Material under separate terms or conditions or stop
+     distributing the Licensed Material at any time; however, doing so
+     will not terminate this Public License.
+
+  d. Sections 1, 5, 6, 7, and 8 survive termination of this Public
+     License.
+
+
+Section 7 -- Other Terms and Conditions.
+
+  a. The Licensor shall not be bound by any additional or different
+     terms or conditions communicated by You unless expressly agreed.
+
+  b. Any arrangements, understandings, or agreements regarding the
+     Licensed Material not stated herein are separate from and
+     independent of the terms and conditions of this Public License.
+
+
+Section 8 -- Interpretation.
+
+  a. For the avoidance of doubt, this Public License does not, and
+     shall not be interpreted to, reduce, limit, restrict, or impose
+     conditions on any use of the Licensed Material that could lawfully
+     be made without permission under this Public License.
+
+  b. To the extent possible, if any provision of this Public License is
+     deemed unenforceable, it shall be automatically reformed to the
+     minimum extent necessary to make it enforceable. If the provision
+     cannot be reformed, it shall be severed from this Public License
+     without affecting the enforceability of the remaining terms and
+     conditions.
+
+  c. No term or condition of this Public License will be waived and no
+     failure to comply consented to unless expressly agreed to by the
+     Licensor.
+
+  d. Nothing in this Public License constitutes or may be interpreted
+     as a limitation upon, or waiver of, any privileges and immunities
+     that apply to the Licensor or You, including from the legal
+     processes of any jurisdiction or authority.
+
+=======================================================================
+
+Creative Commons is not a party to its public
+licenses. Notwithstanding, Creative Commons may elect to apply one of
+its public licenses to material it publishes and in those instances
+will be considered the “Licensor.” The text of the Creative Commons
+public licenses is dedicated to the public domain under the CC0 Public
+Domain Dedication. Except for the limited purpose of indicating that
+material is shared under a Creative Commons public license or as
+otherwise permitted by the Creative Commons policies published at
+creativecommons.org/policies, Creative Commons does not authorize the
+use of the trademark "Creative Commons" or any other trademark or logo
+of Creative Commons without its prior written consent including,
+without limitation, in connection with any unauthorized modifications
+to any of its public licenses or any other arrangements,
+understandings, or agreements concerning use of licensed material. For
+the avoidance of doubt, this paragraph does not form part of the
+public licenses.
+
+Creative Commons may be contacted at creativecommons.org.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..00353de
--- /dev/null
+++ b/README.md
@@ -0,0 +1,8 @@
+
+# site
+
+inspired by the [rabbits](https://100r.co)
+
+## bugs, help, patches?
+
+submit them to my [public-inbox](https://lists.sr.ht/~robertgzr/public-inbox) by sending an email to [~robertgzr/public-inbox@lists.sr.ht](mailto:~robertgzr/public-inbox@lists.sr.ht?Subject=%5Bsite%5D%20)
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..505d3fb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="title" content="robertgzr's site">
+    <meta name="description" content="the personal website of robertgzr">
+    <!-- Links -->
+    <link rel="alternate" type="application/rss+xml" title="robertgzr's journal" href="links/rss.xml">
+    <link rel="stylesheet" type="text/css" href="links/main.css">
+    <link rel="stylesheet" type="text/css" href="links/hero.css">
+    <link rel="shortcut icon" type="image/png" href="media/services/icon.png">
+    <title>gzr.im</title>
+</head>
+
+<body>
+    <main class="hero">
+        <img src="media/interface/logo.svg" alt="my avatar; a penrose-inspired impossible hexagon">
+        <nav>
+            <section class="left">
+                <ul class="nobull">
+                    <li><a href="https://toot.berlin/@robertgzr" target="_blank">mastodon</a></li>
+                </ul>
+            </section>
+            <section class="left">
+                <ul class="nobull">
+                    <li><a href="https://sr.ht/~robertgzr" target="_blank">sourcehut</a></li>
+                    <li><a href="https://github.com/robertgzr" target="_blank">github</a></li>
+                    <li><a href="https://gitlab.com/robertgzr" target="_blank">gitlab</a></li>
+                    <!--<li><a href="https://gitlab.gnome.org/robertgzr" target="_blank">gnome.org</a></li>-->
+                    <!--<li><a href="https://gitlab.freedesktop.org/robertgzr" target="_blank">f-d.org</a></li>-->
+                </ul>
+            </section>
+            <section class="right">
+                <ul class="nobull">
+                    <!--<li><a href="/links/rss.xml" target="_blank">rss</a></li>-->
+                    <li><a href="/~pgp" target="_blank">pgp</a></li>
+                    <li><a href="/~cv" target="_blank">cv</a></li>
+                </ul>
+            </section>
+            <section class="right">
+                <ul class="nobull">
+                    <li><a href="/site/about.html">about</a></li>
+                    <li><a href="/site/index.html">index</a></li>
+                    <!--<li><a href="/humans.txt">humans.txt</a></li>-->
+                </ul>
+            </section>
+        </nav>
+    </main>
+</body>
+
+</html>
diff --git a/links/hero.css b/links/hero.css
new file mode 100644
index 0000000..9dd4f77
--- /dev/null
+++ b/links/hero.css
@@ -0,0 +1,44 @@
+body {
+	width: 100vw;
+	height: 100vh;
+	display: grid;
+	place-items: center;
+}
+
+main.hero>img {
+	max-height: 33vh;
+}
+
+main.hero>nav li+li {
+	margin-top: 5px;
+}
+
+main.hero>nav section+section {
+	margin-top: 15px;
+}
+
+main.hero>nav {
+	float: none;
+	width: calc(700px / 2);
+}
+
+main.hero>nav ul {
+	padding-left: 0;
+	margin: 0;
+}
+
+main.hero>nav section.left {
+	margin-right: calc((700px / 2) / 2);
+	text-align: end;
+
+	padding-right: 15px;
+	border-right: 1px solid var(--fg);
+}
+
+main.hero>nav section.right {
+	margin-left: calc((700px / 2) / 2);
+	text-align: start;
+
+	padding-left: 15px;
+	border-left: 1px solid var(--fg);
+}
diff --git a/links/main.css b/links/main.css
new file mode 100644
index 0000000..aeaaf94
--- /dev/null
+++ b/links/main.css
@@ -0,0 +1,523 @@
+:root {
+	--fg: black;
+	--bg: whitesmoke;
+	--ac: hotpink;
+}
+
+::selection {
+	background: var(--ac);
+	opacity: 1.0;
+	color: black;
+	padding: 10px;
+	/* Safari */
+}
+
+body {
+	background: var(--bg);
+	color: var(--fg);
+	overflow-x: hidden;
+	font-family: sans-serif;
+	padding: 0;
+	margin: 0;
+}
+
+header {
+	padding: 25px;
+}
+
+header a {
+	text-decoration: none;
+}
+
+header a img {
+	vertical-align: bottom;
+}
+
+header h1 {
+	--gap: 10px;
+
+	display: inline-block;
+	margin: 0;
+	padding: 5px;
+
+	border-left: 2px solid var(--fg);
+	margin-left: var(--gap);
+
+	font-weight: 800;
+}
+
+header h1::before {
+	content: "";
+	margin-left: var(--gap);
+}
+
+nav {
+	padding: 45px;
+	padding-top: 0;
+
+	float: right;
+}
+
+nav details summary {
+	margin-bottom: 30px
+}
+
+nav .site-nav section {
+	line-height: 22px;
+	margin-bottom: 40px;
+
+	border-left: 1px solid var(--fg);
+	padding-left: 15px;
+	margin-left: -15px;
+}
+
+nav .site-nav section h2 {
+	margin: 20px 0 20px 0;
+}
+
+nav .site-nav section ul {
+	margin: 0px;
+	padding: 0px;
+}
+
+main {
+	padding: 45px;
+	float: left;
+	max-width: 700px;
+}
+
+main img {
+	width: 100%;
+	max-width: 700px;
+	margin-bottom: 15px;
+}
+
+main>* {
+	max-width: 600px;
+	margin-bottom: 30px
+}
+
+main>h1 {
+	font-size: 45px;
+	text-transform: capitalize;
+	display: none
+}
+
+main>h2 {
+	font-size: 30px;
+	text-transform: capitalize
+}
+
+main>h3 {
+	font-size: 20px;
+	text-transform: capitalize
+}
+
+main>h4 {
+	font-size: 35px;
+	text-transform: capitalize
+}
+
+main p {
+	line-height: 25px;
+	font-size: 16px;
+	margin-top: 0px;
+}
+
+main>ul {
+	line-height: 25px;
+}
+
+figure {
+	margin: 0;
+	padding-bottom: 20px
+}
+
+figcaption {
+	font-size: 14px;
+	padding: 2px
+}
+
+code.button {
+	background: var(--fg);
+	color: var(--bg);
+	font-size: smaller;
+	display: inline-block;
+	padding: 0px 6px;
+	font-weight: bold;
+	border-radius: 2px;
+	line-height: 22px
+}
+
+main hr {
+	border: 1px;
+	clear: both;
+}
+
+main>ul.jump {
+	columns: 2;
+	line-height: 20px
+}
+
+main>ul.jump li {
+	list-style-type: decimal-leading-zero;
+	list-style-position: inside;
+	text-transform: capitalize;
+}
+
+/*main img {*/
+/*	max-height: 33vh;*/
+/*	object-fit: cover;*/
+/*}*/
+
+main img.medium {
+	max-width: 300px;
+	padding: 10px
+}
+
+main img.normal {
+	max-width: 192px;
+}
+
+main img.sm {
+	max-width: 88px
+}
+
+main>q {
+	font-size: 20px;
+	max-width: 500px;
+	display: block;
+	margin-left: 30px;
+}
+
+main>pre {
+	font-family: monospace;
+	background: var(--fg);
+	color: var(--bg);
+	padding: 15px;
+}
+
+main>code {
+	font-family: monospace;
+	font-size: 12px;
+	margin-bottom: 30px;
+	display: block;
+	background: var(--fg);
+	color: var(--bg);
+	padding: 15px;
+	white-space: pre
+}
+
+main>code comment {
+	color: #777
+}
+
+main ul.gallery {
+	background: none
+}
+
+main ul.gallery li {
+	clear: both;
+	display: block;
+	height: 260px;
+	margin-top: -2px
+}
+
+main ul.gallery li:last-child {
+	border-bottom: 0px
+}
+
+main ul.gallery li a {
+	display: block;
+	padding: 10px
+}
+
+main ul.gallery li img {
+	width: 250px;
+	float: left;
+	display: block;
+	margin-right: 15px;
+}
+
+main .project {
+	border-left: 2px solid var(--fg);
+	padding-left: 30px;
+	max-width: 555px;
+}
+
+main .project>* {
+	margin-bottom: 30px
+}
+
+main .project p {
+	padding: 0px;
+	margin-top: 0px;
+	margin-bottom: 30px;
+}
+
+main .project img {
+	display: block;
+	max-width: 100%;
+}
+
+main .button {
+	background-color: #000;
+	border: 2px solid var(--fg);
+	color: var(--bg);
+	padding: 13px 28px;
+	text-align: center;
+	text-decoration: none;
+	display: inline-block;
+	font-size: 14px;
+	border-radius: 200px;
+	font-weight: bold;
+	margin-right: 15px;
+	margin-bottom: 30px;
+}
+
+main .button:hover {
+	background-color: #333 !important;
+	color: var(--bg);
+	cursor: pointer;
+}
+
+main .button small {
+	color: var(--fg);
+}
+
+main .button.patreon {
+	border-color: #e75942
+}
+
+main .button.patreon:hover {
+	background: #e75942 !important;
+	cursor: pointer;
+}
+
+body select {
+	color: var(--fg);
+	margin-bottom: 20px
+}
+
+main table.drpdown {
+	padding-bottom: 15px;
+	font-size: 18px
+}
+
+main table.drpdown td {
+	padding-bottom: 15px;
+	color: var(--fg);
+}
+
+main>table.col tr th {
+	text-align: left
+}
+
+main>table.col tr td {
+	border-right: 1.5px solid var(--fg)
+}
+
+main>table.col tr>* {
+	padding: 5px 20px
+}
+
+main>table.col tr td:last-child {
+	border-right: 0px
+}
+
+main>table.col tr>*:first-child {
+	padding-left: 0px
+}
+
+main>table.col b {
+	font-weight: bold
+}
+
+main .progress {
+	padding: 2px;
+	width: 100%;
+	max-width: 100%;
+	border: 1px solid grey
+}
+
+main .progress>div {
+	height: 100%;
+	width: 100%;
+	background-color: var(--fg)
+}
+
+main .progress>div>span {
+	color: var(--bg);
+	padding: 0px 2px
+}
+
+main img.detail {
+	max-width: 64px;
+	float: left;
+	border: 1px solid #777;
+	padding: 20px;
+	margin: 0px 20px 20px 0px;
+	border-radius: 3px;
+}
+
+main .shortcut,
+main kbd {
+	background: var(--bg);
+	color: var(--fg);
+	display: inline-block;
+	padding: 2px 5px;
+	margin: 0px;
+	font-size: 12px;
+	line-height: 16px;
+	border-radius: 2px;
+	font-weight: bold
+}
+
+main .shortcut-list dt,
+main .shortcut-list dd {
+	display: inline;
+	line-height: 25px;
+	margin-left: 0;
+	margin-right: 10px;
+}
+
+main>table.logbook tr td {
+	padding-bottom: 15px;
+	padding-top: 15px;
+}
+
+main>table img {
+	max-width: 100%;
+	display: block;
+	margin: 20px 0;
+}
+
+main>table tr th {
+	text-align: left;
+	font-weight: bold
+}
+
+main>table tr>* {
+	padding: 5px 15px;
+	vertical-align: top;
+}
+
+main span.date {
+	padding-bottom: 20px;
+	float: right;
+}
+
+main>section#footnotes {
+	font-size: 12px;
+}
+
+
+footer {
+	line-height: 30px;
+	clear: both;
+	padding: 25px;
+	border-top: 1px solid var(--bg);
+}
+
+/* Modular */
+
+a {
+	color: var(--fg);
+}
+
+ul {
+	margin: 0px 0px 30px 0px;
+}
+
+.col2 {
+	columns: 2
+}
+
+.capital {
+	text-transform: capitalize
+}
+
+.notice {
+	padding: 15px;
+	border: 1px solid var(--ac);
+	background-color: color-mix(in srgb, var(--ac) 10%, var(--bg));
+	color: color-mix(in srgb, var(--fg) 90%, var(--bg));
+	font-size: 12px;
+}
+
+.notice h1 {
+	text-align: end;
+	font-size: 14px;
+	text-transform: capitalize;
+}
+
+ul.nobull li {
+	list-style-type: none
+}
+
+.hidden {
+	display: none
+}
+
+/* Theme */
+
+@media (prefers-color-scheme: dark) {
+	:root {
+		--fg: whitesmoke;
+		--bg: black;
+	}
+
+	.mono {
+		filter: invert(1)
+	}
+}
+
+/* Mobile */
+
+@media (max-width: 1100px) {
+	nav {
+		width: 100%;
+		float: none;
+	}
+
+	nav .site-nav section {
+		display: inline-block;
+		margin: 0 10px 10px 0;
+	}
+}
+
+@media (max-width: 1100px) and (min-width: 651px) {
+	nav .site-nav section {
+		width: calc(25% - 10px);
+	}
+
+	nav .site-nav section:nth-child(4n + 1) {
+		clear: left;
+	}
+}
+
+@media (max-width: 650px) and (min-width: 501px) {
+	nav .site-nav section {
+		width: calc(33% - 10px);
+	}
+
+	nav .site-nav section:nth-child(3n + 1) {
+		clear: left;
+	}
+}
+
+@media (max-width: 500px) and (min-width: 351px) {
+	nav .site-nav section {
+		width: calc(50% - 10px);
+	}
+
+	nav .site-nav section:nth-child(2n + 1) {
+		clear: left;
+	}
+}
+
+@media (max-width: 350px) {
+	nav .site-nav section {
+		width: 100%;
+	}
+}
diff --git a/makefile b/makefile
new file mode 100644
index 0000000..5a5e6fd
--- /dev/null
+++ b/makefile
@@ -0,0 +1,35 @@
+all: run
+
+# content
+PANDOC  ?= pandoc
+htm_SRC := $(shell find src/inc/ -name '*.htm' -print)
+md_SRC  := $(shell find src/inc/ -name '*.md' -print)
+SRC     := $(htm_SRC) $(md_SRC:%.md=%.htm)
+DST     := site
+
+# see https://pandoc.org/MANUAL.html#pandocs-markdown
+%.htm: %.md
+	$(PANDOC) --from=markdown --to=html --output $@ $<
+
+# generator
+ZIG     ?= zig
+gen_SRC := src/main.zig
+gen_BIN := bin/gen
+
+$(gen_BIN): $(gen_SRC)
+	$(ZIG) build-exe -lc -O Debug -femit-bin=$@ $<
+
+
+clean:
+	@ rm -f $(DST)/* bin/* $(md_SRC:%.md=%.htm)
+
+run: $(gen_BIN) $(SRC)
+	@ mkdir -p $(DST) && $(gen_BIN)
+
+watch:
+	@ find . -print | entr -nc -- $(MAKE)
+
+serve:
+	@ caddy file-server -r . -l :1414
+
+.PHONY: all clean serve watch
diff --git a/src/inc/about.htm b/src/inc/about.htm
new file mode 100644
index 0000000..7c04631
--- /dev/null
+++ b/src/inc/about.htm
@@ -0,0 +1,5 @@
+<p>I am a software engineer from Berlin.</p>
+<p>Not sure what to write about here. I guess I really only made this page
+  to be able to play around with HTML</p>
+<p>Come back later... maybe I have come up with something clever to put here
+  :)</p>
diff --git a/src/main.zig b/src/main.zig
new file mode 100644
index 0000000..56dc7a1
--- /dev/null
+++ b/src/main.zig
@@ -0,0 +1,323 @@
+// TODO: just let compiler infer error set through recursive calls
+// depends on: https://github.com/ziglang/zig/issues/2971
+
+const std = @import("std");
+const c = @cImport({
+    @cInclude("time.h");
+});
+
+const PAGE_PATH = "src/inc";
+const SITE_PATH = "site";
+
+const DOMAIN_URL = "https://example.com";
+const SITE_NAME = "example";
+const LICENSE_URL = "https://example.com/license";
+const SOURCE_URL = "https://example.com/source";
+
+const BuildErrors = (std.fs.File.OpenError || std.fs.File.WriteError || std.mem.Allocator.Error);
+
+// also trims off base paths
+fn stripExt(path: []const u8) ![]const u8 {
+    const basename = std.fs.path.basename(path);
+    const ext = std.fs.path.extension(path);
+    const ext_idx = std.mem.indexOfPosLinear(u8, basename, 0, ext);
+    std.debug.assert(ext_idx != null);
+    return basename[0..ext_idx.?];
+}
+
+fn joinIn(allocator: std.mem.Allocator, paths: []const []const u8, filename_parts: []const []const u8) ![]u8 {
+    const filename = try std.mem.concat(allocator, u8, filename_parts);
+    defer allocator.free(filename);
+
+    var p = try std.ArrayList([]const u8).initCapacity(allocator, paths.len + 1);
+    defer p.deinit();
+
+    p.appendSliceAssumeCapacity(paths);
+    p.appendAssumeCapacity(filename);
+
+    const paths2 = try p.toOwnedSlice();
+    defer allocator.free(paths2);
+
+    std.debug.assert(paths.len + 1 == paths2.len);
+    return try std.fs.path.join(allocator, paths2);
+}
+
+fn portal(allocator: std.mem.Allocator, f: std.fs.File, refname: []const u8, insert_heading: bool) BuildErrors!void {
+    const basename = try std.mem.replaceOwned(u8, allocator, refname, " ", "_");
+    defer allocator.free(basename);
+    const refpathPage = try joinIn(allocator, &.{PAGE_PATH}, &.{ basename, ".htm" });
+    defer allocator.free(refpathPage);
+    const refpathSite = try joinIn(allocator, &.{SITE_PATH}, &.{ basename, ".html" });
+    defer allocator.free(refpathSite);
+
+    if (insert_heading)
+        try f.writer().print(
+            \\<h2 id="{[ID]s}"><a href="/{[PATH]s}">{[NAME]s}</a></2>
+            \\
+        , .{
+            .ID = basename,
+            .NAME = refname,
+            .PATH = refpathSite,
+        });
+
+    try inject(allocator, f, refpathPage);
+
+    // XXX: track ref count?
+}
+
+fn template(allocator: std.mem.Allocator, f: std.fs.File, refname: []const u8) BuildErrors!void {
+    if (std.mem.startsWith(u8, refname, "/"))
+        return try portal(allocator, f, refname[1..], false);
+
+    const basename = try std.mem.replaceOwned(u8, allocator, refname, " ", "_");
+    defer allocator.free(basename);
+    const refpathSite = try joinIn(allocator, &.{SITE_PATH}, &.{ basename, ".html" });
+    defer allocator.free(refpathSite);
+
+    try f.writer().print(
+        \\<a href="/{[PATH]s}">{[NAME]s}</a>
+        \\
+    , .{
+        .NAME = refname,
+        .PATH = refpathSite,
+    });
+
+    // XXX: track ref count?
+}
+
+fn inject(allocator: std.mem.Allocator, f: std.fs.File, srcpath: []const u8) BuildErrors!void {
+    const inc = std.fs.cwd().openFile(srcpath, .{ .mode = .read_only }) catch |err| {
+        if (err == error.FileNotFound)
+            std.log.warn("Missing {s} include.", .{srcpath});
+
+        return err;
+    };
+    defer inc.close();
+
+    var buf_writer = std.io.bufferedWriter(f.writer());
+    var out_stream = buf_writer.writer();
+
+    var buf_reader = std.io.bufferedReader(inc.reader());
+    var in_stream = buf_reader.reader();
+
+    var arena = std.heap.ArenaAllocator.init(allocator);
+    defer arena.deinit();
+    while (in_stream.readUntilDelimiterOrEofAlloc(
+        arena.allocator(),
+        '\n',
+        buf_reader.buf.len,
+    ) catch @panic("Failed to read from stream")) |chunk| {
+        if (std.mem.indexOfPosLinear(u8, chunk, 0, "{")) |start| {
+            try out_stream.writeAll(chunk[0..start]);
+            try buf_writer.flush();
+
+            if (std.mem.indexOfPosLinear(u8, chunk, start + 1, "}")) |end| {
+                try template(allocator, f, chunk[start + 1 .. end]);
+                try buf_writer.flush();
+
+                try out_stream.writeAll(chunk[end + 1 ..]);
+                try buf_writer.flush();
+            } else {
+                std.log.err("Templating error in {s}", .{srcpath});
+                std.os.linux.exit(1);
+            }
+        } else {
+            try out_stream.writeAll(chunk);
+            try out_stream.writeByte('\n');
+        }
+        _ = arena.reset(.free_all);
+    }
+
+    try buf_writer.flush();
+}
+
+fn build(allocator: std.mem.Allocator, f: std.fs.File, page_name: []const u8, srcpath: []const u8) BuildErrors!void {
+    const mtime = blk: {
+        const attr = try allocator.create(std.os.linux.Stat);
+        defer allocator.destroy(attr);
+        const srcpathZ = try allocator.dupeZ(u8, srcpath);
+        defer allocator.free(srcpathZ);
+        _ = std.os.linux.stat(srcpathZ, attr);
+        const mtime = attr.mtime();
+        const mtime_str = c.ctime(&mtime.tv_sec);
+        break :blk std.mem.span(mtime_str);
+    };
+
+    // HEAD
+    try f.writer().print(
+        \\<!DOCTYPE html><html lang="en">
+        \\<head>
+        \\<meta charset="utf-8">
+        \\<meta name="thumbnail" content="{[DOMAIN]s}/media/services/thumbnail.jpg">
+        \\<meta name="viewport" content="width=device-width,initial-scale=1">
+        \\<link rel="alternate" type="application/rss+xml" title="RSS Feed" href="../links/rss.xml">
+        \\<link rel="stylesheet" type="text/css" href="../links/main.css">
+        \\<link rel="shortcut icon" type="image/png" href="../media/services/icon.png">
+        \\<title>{[SITE_NAME]s} &mdash; {[PAGE_NAME]s}</title>
+        \\</head>
+        \\<body>
+        \\<header>
+        \\<a href="/"><img src="../media/interface/logo.svg" alt="{[SITE_NAME]s}" height="50">
+        \\<h1>gzr.im</h1>
+        \\</a>
+        \\</header>
+        \\
+    , .{
+        .DOMAIN = DOMAIN_URL,
+        .SITE_NAME = SITE_NAME,
+        .PAGE_NAME = page_name,
+    });
+
+    // NAV
+    try f.writer().writeAll(
+        \\<nav>
+        \\
+    );
+    portal(allocator, f, "meta.nav", false) catch {}; // ignore error
+    try f.writer().writeAll(
+        \\</nav>
+        \\
+    );
+
+    // MAIN
+    try f.writer().print(
+        \\<main>
+        \\
+        \\<!-- Generated file, do not edit -->
+        \\
+        \\<h1>{[PAGE_NAME]s}</h1>
+        \\
+    , .{
+        .PAGE_NAME = page_name,
+    });
+    try inject(allocator, f, srcpath);
+    try f.writer().writeAll(
+        \\
+        \\</main>
+        \\
+    );
+
+    // FOOTER
+    try f.writer().print(
+        \\<footer>
+        \\<span style="">
+        \\Edited on {[MTIME]s} <a href="{[SOURCE]s}/{[PATH]s}">[edit]</a><br/>
+        \\</span>
+        \\<b>robertgzr</b> &copy; &mdash;
+        \\<a href="{[LICENSE]s}" target="_blank">BY-NC-SA 4.0</a>
+        \\</footer>
+        \\</body></html>
+    , .{
+        .MTIME = mtime,
+        .PATH = srcpath,
+        .LICENSE = LICENSE_URL,
+        .SOURCE = SOURCE_URL,
+    });
+}
+
+fn generate(allocator: std.mem.Allocator, pages: [][]const u8) !void {
+    for (pages) |p| {
+        const dstname = try stripExt(p);
+        const srcpath = try joinIn(allocator, &.{PAGE_PATH}, &.{ dstname, ".htm" });
+        defer allocator.free(srcpath);
+        const dstpath = try joinIn(allocator, &.{SITE_PATH}, &.{ dstname, ".html" });
+        defer allocator.free(dstpath);
+
+        const f = try std.fs.cwd().createFile(dstpath, .{});
+
+        const page_name = try std.mem.replaceOwned(u8, allocator, dstname, "_", " ");
+        defer allocator.free(page_name);
+
+        try build(allocator, f, page_name, srcpath);
+    }
+
+    std.log.info("Generated {d} files.", .{pages.len});
+}
+
+fn genindex(allocator: std.mem.Allocator, pages: [][]const u8) !void {
+    const srcpathIndex = try joinIn(allocator, &.{PAGE_PATH}, &.{"index.htm"});
+    defer allocator.free(srcpathIndex);
+
+    const f = try std.fs.cwd().createFile(srcpathIndex, .{});
+    defer f.close();
+
+    try f.writeAll(
+        \\<ul class="col2 captial">
+        \\
+    );
+
+    // alphanum ascii sort
+    std.mem.sort(
+        []const u8,
+        pages,
+        {},
+        struct {
+            fn lessthan(_: void, a: []const u8, b: []const u8) bool {
+                return std.ascii.lessThanIgnoreCase(a, b);
+            }
+        }.lessthan,
+    );
+
+    for (pages) |p| {
+        if (std.mem.startsWith(u8, p, "meta.")) continue;
+
+        const dstname = try stripExt(p);
+        const dstpath = try joinIn(allocator, &.{SITE_PATH}, &.{ dstname, ".html" });
+        defer allocator.free(dstpath);
+
+        try f.writer().print(
+            \\<li><a href="/{[HREF]s}">{[LINK]s}</a></li>
+            \\
+        , .{
+            .HREF = dstpath,
+            .LINK = dstname,
+        });
+    }
+
+    try f.writeAll(
+        \\</ul>
+        \\
+    );
+
+    std.log.info("Generated index.", .{});
+}
+
+fn index(allocator: std.mem.Allocator, path: []const u8) ![][]const u8 {
+    var dir = std.fs.cwd().openDir(path, .{ .iterate = true }) catch |err| {
+        if (err == error.FileNotFound) {
+            std.log.err("Missing {s} folder.", .{PAGE_PATH});
+            std.os.linux.exit(1);
+        } else return err;
+    };
+    defer dir.close();
+
+    var pages = std.ArrayList([]const u8).init(allocator);
+    defer pages.deinit();
+
+    var dirIter = dir.iterate();
+    while (try dirIter.next()) |e|
+        if (e.kind == .file)
+            if (std.mem.endsWith(u8, e.name, ".htm"))
+                try pages.append(try allocator.dupe(u8, e.name));
+
+    std.log.info("Indexed {d} pages.", .{pages.items.len});
+    return try pages.toOwnedSlice();
+}
+
+pub fn main() !void {
+    var gpa = std.heap.GeneralPurposeAllocator(.{}){};
+    const allocator = gpa.allocator();
+    defer _ = gpa.deinit();
+
+    const pages = index(allocator, PAGE_PATH) catch {
+        std.log.err("Failed to index pages.", .{});
+        std.os.linux.exit(1);
+    };
+    defer {
+        for (pages) |p| allocator.free(p);
+        allocator.free(pages);
+    }
+
+    try genindex(allocator, pages);
+    try generate(allocator, pages);
+}