Add about section #6

Merged
CenTdemeern1 merged 5 commits from about into main 2025-02-13 06:11:58 +00:00
Showing only changes of commit d72ebcdbef - Show all commits

View file

@ -11,12 +11,14 @@
<body>
<script type="module" src="/static/config.mjs"></script>
<script type="module" src="/static/about.mjs"></script>
<div class="flex-vcenter">
<dialog id="mainDialog" class="half-width half-height">
<header class="separator-bottom margin-large-bottom">
<div class="flex-row">
<h1>FeDirect</h1>
<p class="margin-auto-top">&ThickSpace;By Nekomata</p>
<p class="margin-auto-top">&ThickSpace;<a id="aboutLink" href="#"
title="About FeDirect & Nekomata">By Nekomata</a></p>
</div>
<img src="/static/nekomata_small.png" alt="Nekomata Logo" class="logo" />
</header>
@ -109,6 +111,36 @@ Unchecking this is not recommended, and this option only exists for exceptional
<button type="reset" class="close">Cancel</button>
</form>
</dialog>
<dialog id="about" class="half-width-max half-height">
<center>
<div class="flex-row wfit-content">
<h1>About FeDirect</h1>
<p class="margin-auto-top">&ThickSpace;(v<span id="version"></span>)</p>
</div>
<p class="margin-none-top wrap-balance">
FeDirect links the Fediverse together by allowing you to create generic links that
link people to their native instance!
</p>
<a href="https://kitsunes.dev/Nekomata/FeDirect">Source code</a>
<h2>About Nekomata</h2>
<div class="circlingMembers">
<center class="absolute-centered member charlotte align-content-center flex-column">
<img id="charlotteAvatar" class="xl-size" alt="Charlotte's avatar" />
<p class="margin-none">Charlotte</p>
<a href="https://eepy.moe/@CenTdemeern1" class="margin-none">@CenTdemeern1@eepy.moe</a>
<p class="margin-none">Programming, design</p>
</center>
<center class="absolute-centered member kio align-content-center flex-column">
<img id="kioAvatar" class="xl-size" alt="Charlotte's avatar" />
<p class="margin-none">Kio</p>
<a href="https://kitsunes.club/@Kio" class="margin-none">@Kio@kitsunes.club</a>
<p class="margin-none">Funding, hosting, design</p>
</center>
<img src="/static/nekomata_small.png" alt="Nekomata Logo" class="absolute-centered xl-size-max" />
</div>
<button class="close">Close</button>
</center>
</dialog>
<dialog id="spinner"><span class="spinner"></span></dialog>
</body>