diff options
Diffstat (limited to 'served/home.html')
| -rw-r--r-- | served/home.html | 66 |
1 files changed, 66 insertions, 0 deletions
diff --git a/served/home.html b/served/home.html new file mode 100644 index 0000000..74f25bf --- /dev/null +++ b/served/home.html @@ -0,0 +1,66 @@ +--- +template=minimal +title=Home | nyble.dev +style=/styles/home.css +--- +[@paragraphs off] +<header> + <img src="/faces/triblur/triblur_94.gif" alt="my face in 256 color with red and blue fringing" /> + + <section id="contact"> + <h2>Contact~,.</h2> + <ul> + <li>Email! <a href="mailto:gen@nyble.dev">gen@nyble.dev</a></li> + <li>Github? <a href="https://github.com/gennyble">@gennyble</a></li> + <!-- well, i guess that's it. --> + <!-- <li>Twitter.. <a href="https://twitter.com/gennyble">@gennyble</a></li> --> + <li>Cohost: <a href="https://cohost.org/gen">cohost/gen</a></li> + <li>Fedi—<br><a href="https://amble.quest/inann" style="margin-left: 1rem">@inann@amble.quest</a></li> + </ul> + </section> +</header> + +<main id="main-content"> + <section id="greeting"> + <h1>Hello,</h1> + <p> + I'm genny. I like to write software things. <br /> + small, intentional tools and multimedia experiments are some of my favourite projects to work on. + </p> + </section> + + <section id="multimedia"> + <h2>sharing images, videos,<br /><a href="bits/" style="color: var(--color-a-dim)">bits/</a> of my world</h2> + <ol class="thing-list"> + <li><a href="bits/ramen-bowl.html">ramen-bowl.html</a></li> + <li><a href="bits/touching-grass/">touching-grass.html</a></li> + <li><a href="bits/smoems.html">smoems.html</a></li> + </ol> + </section> + + <section id="scrap"> + <h2>— scrap</h2> + <p style="display: inline"> + dropped things collected: <a href="bits/scrap/">scrap.html</a> + </p> + <p style="text-align: right;"> + last update:<br /> + <time datetime="2023-08-07">aug 7, 2023</time> - wrench! + </p> + <!-- for half-length border on right/bottom of this section --> + <div id="scrap-halfborder"></div> + </section> + + <section id="writing"> + <!-- for half-length border on left/top of this section --> + <div id="writing-halfborder"></div> + + <a href="/atom.xml" style="float: right; margin-left: 1rem"><img src="valid-atom.png"></a> + + <ul class="thing-list"> + <li><a href="/atom.xml">atoml.xml</a> — subscribe with your feed reader ;)</li> + <li><a href="/things/">things/</a> — projects; creative pursuits; what i work on</li> + <li><a href="/words/">words/</a> — technical writing, project updates, and weeknotes.</li> + </ul> + </section> +</main> \ No newline at end of file |