You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

125 lines
4.8 KiB

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Shirakumo</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
<header>
<h1>
<img src="logo.svg" alt="Shirakumo" id="logo" />
</h1>
<nav>
<a href="#about">About</a>
<a href="#members">Members</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</header>
<main>
<section id="about">
<h2>About</h2>
<p>Shirakumo is a small collective writing open source software.</p>
<p>There is also a <a href="games.html">separate games team</a> working on several indie titles.</p>
</section>
<section id="members">
<h2>Members</h2>
<ul>
<li class="member vcard" data-member="nicolas hafner">
<div class="left">
<img class="photo" src="https://secure.gravatar.com/avatar/daa167d57e692a423067fceba30aadf8?s=128&amp;d=mm" />
</div>
<div class="right">
<h3>
<span class="fn">Nicolas Hafner</span>
<span class="nickname">Shinmera</span>
</h3>
<div class="linkage">
<a href="https://everything.shinmera.com" class="url">https://everything.shinmera.com</a>
<a href="mailto:[email protected]" class="email">[email protected]</a>
</div>
<div class="adr">
<span class="region">Zürich</span>,
<span class="country-name">Switzerland</span>
</div>
<p class="note">
Lead author.
</p>
</div>
</li>
<li class="member vcard" data-member="janne pakarinen">
<div class="left">
<img class="photo" src="https://secure.gravatar.com/avatar/fd1781f3c9066aa08d51fd5309c5c0cf?s=128&amp;d=mm" />
</div>
<div class="right">
<h3>
<span class="fn">Janne Pakarinen</span>
<span class="nickname">Gingerale</span>
</h3>
<div class="linkage">
<a href="https://gingeralesy.pro" class="url">https://gingeralesy.pro</a>
<a href="mailto:[email protected]" class="email">[email protected]</a>
</div>
<div class="adr">
<span class="region">Vantaa</span>,
<span class="country-name">Finland</span>
</div>
<p class="note">
Tin author.
</p>
</div>
</li>
<li class="member vcard" data-member="selwyn">
<div class="left">
<img class="photo" src="https://avatars1.githubusercontent.com/u/14922779?s=128&v=4" />
</div>
<div class="right">
<h3>
<span class="fn">Selwyn Simsek</span>
<span class="nickname">Selwin</span>
</h3>
<div class="linkage">
<a href="mailto:[email protected]" class="email">[email protected]</a>
</div>
<p class="note">
Bronze author.
</p>
</div>
</li>
<li class="member vcard" data-member="joram schrijver">
<div class="left">
<img class="photo" src="https://secure.gravatar.com/avatar/37b76307c19cb2f93879e3f52a01cdeb?s=128&amp;d=mm" />
</div>
<div class="right">
<h3>
<span class="fn">Joram Schrijver</span>
<span class="nickname">Mood</span>
</h3>
<div class="linkage">
<a href="https://www.joram.io" class="url">https://www.joram.io</a>
<a href="mailto:[email protected]" class="email">[email protected]</a>
</div>
<div class="adr">
<span class="region">Heino</span>,
<span class="country-name">Netherlands</span>
</div>
<p class="note">
Aluminium author.
</p>
</div>
</li>
</ul>
</section>
<section id="projects">
<h2>Projects</h2>
<p>Most of our projects can be found on <a href="https://github.com/Shirakumo">GitHub</a>.</p>
</section>
<section id="contact">
<h2>Contact</h2>
<p>You can reach us through email at <a href="mailto:[email protected]">[email protected]</a> or on the TyNET Lichat/IRC network at <a href="irc://irc.tymoon.eu/%23shirakumo">irc.tymoon.eu/#shirakumo</a> or <a href="https://chat.tymoon.eu/?channel=shirakumo">chat.tymoon.eu/shirakumo</a>.</p>
</section>
</main>
</body>
</html>