diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..3e1f697 --- /dev/null +++ b/index.html @@ -0,0 +1,121 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="style.css"> + <title>bauherren</title> +</head> +<body> + <header> + <h1>bauherren</h1> + <blockquote>I was hoping for a pyramid.</blockquote> + <img src="img/ornament.svg" type="svg" id="ornament"/> + </header> + + <main> + +<details><summary>Members</summary> + <section id="people"> + <div class="person"> + <h2>Akin</h2> + <ul> + <li><a href="mailto:akin@bauherren.ovh">akin@bauherren.ovh</a></li> + </ul> + <img src="img/akin.avif" class="avatar" alt="placeholder"/> + <p>Computer scientist, aiming to be the best in the field + <br> + <blockquote>"Jesus is Lord, to the glory of God the Father"</blockquote> + </div> + <div class="person"> + <h2>Béla</h2> + <ul> + <li><a href="//gyenes.xyz">gyenes.xyz</a></li> + <li><a href="mailto:contact@gyenes.xyz">contact@gyenes.xyz</a></li> + </ul> + <img src="img/bela.png" class="avatar" alt="placeholder"/> + <p>Mathematics, physics, astronomy + <br> + <blockquote>"There are no choices; nothing but a straight line"</blockquote> + </div> + + <div class="person"> + <h2>Christos</h2> + <ul> + <li><a href="//c.bauherren.ovh">c.bauherren.ovh</a></li> + <li><a href="mailto:christos@bauherren.ovh">christos@bauherren.ovh</a></li> + </ul> + <img src="img/christ.png" class="avatar" alt="placeholder"/> + <p>Wanderer, marking things down as I go. Childless. Low-scale computing and natural living. + <br> + <blockquote>"Sometimes I am king, and sometimes the begger. + Sometimes I am the wound and sometimes the blade, the torturer and the flayed. + Thus, play I many men"</blockquote> + </div> + + <div class="person"> + <h2>Pranshu</h2> + <ul> + <li><a href="//pranshu.codeberg.page">pranshu.codeberg.page</a></li> + <li><a href="mailto:pranshu@bauherren.ovh">pranshu@bauherren.ovh</a></li> + </ul> + <img src="img/pranshu.webp" class="avatar" alt="placeholder"/> + <p>Contrarion in exile. Emacs for life. + <br> + <blockquote>"In India there are no roads; only directions"</blockquote> + </div> + + <div class="person"> + <h2>Akbar</h2> + <ul> + <li><a href="//keyi.ng">keyi.ng</a></li> + <li><a href="mailto:akbar@keyi.ng">akbar@keyi.ng</a></li> + </ul> + <img src="img/akbar.png" class="avatar" alt="Akbar"/> + <p>Self-proclaimed free-thinker. + Studying computer science. + Interested in computing, finance, and philosophy.</p> + </div> + </section> +</details> + +<details><summary>projects</summary> + <section id="projects"> + <h2>Christos</h2> + <div class="project"> + <h3>cork</h3> + <p>Cork, a fast performant static-site generator written in RC shell…<p><a href="cork/">[Read more]</a> + </div> + <div class="project"> + <h3>smap</h3> + <p>smap, a set of scripts that generate a variety of HTML sitemaps<p><a href="smap/">[Read more]</a> + </div> + <div class="project"> + <h3>bq</h3> + <p>bq, a line oriented editor that puts the customizability in user's hands…<p><a href="bq/">[Read more]</a> + </div> + <h2>Pranshu</h2> + <p>Coming soon... + </section> +</details> + + <details><summary>Blog</summary> + <div class="project"> + <h3><a href=/blog/path-to-self-hosting>Path to self hosting</a></h3> + <blockquote>Reflections</blockquote> + </div> + <div class="project"> + <h3><a href=/blog/uses>What do you use</a></h3> + <blockquote>What technologies have you gravitated towards after X years on this planet...</blockquote> + </div> + </details> + </main> + + <footer> + <p>Designed by <a href=//keyi.ng>keyi.ng</a></p> + <img src="img/footer.svg" type="svg" width="25%;"/> + </footer> + +</body> +</html> |