onvlt/personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

WIP

Browse source
This commit is contained in:
Ondřej 2023-09-14 12:45:58 +02:00
parent 1acba35f52
commit 1f08b17265
2 changed files with 20 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/layouts/Layout.astro
View file

@ -7,7 +7,7 @@ const { title } = Astro.props;
---
<!doctype html>
<html lang="cs">
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
@ -98,7 +98,7 @@ const { title } = Astro.props;
}
body {
font-size: clamp(1.5rem, 4vw, 2rem);
font-size: clamp(1.5rem, 4vw, 1.75rem);
font-family: "Ysabeau", sans-serif;
line-height: 1.4;
background-color: var(--gray-1);

30
src/pages/index.astro
View file

@ -13,28 +13,27 @@ import Layout from "../layouts/Layout.astro";
</p>
</hgroup>
<p class="about par-space">
I do mainly web development. While I do so, I try to stay as close to the web platform as possible,
without the heavy tooling and hype of JavaScript frameworks.
I’m an advocate of <a class="link" href="https://hypermedia.systems/">hypermedia-driven applications</a>.
I like a good typography. I experiment with computational typesetting and <a class="link" href="https://docs.racket-lang.org/pollen">Pollen</a> for my school theses.
I contribute to open-source projects at <a class="link" href="https://nolog.cz">nolog.cz</a>, activist IT collective
which provides privacy-focused infrastructure to social movements (You should consider <a class="link" href="https://nolog.cz/support/">donating to them</a>).
</section>
<ul class="about par-space">
<li>I do mainly web development. While I do so, I try to stay as close to the web platform as possible,
without the hype and complexity of JavaScript tooling. Instead, I’m an advocate of <a class="link" href="https://hypermedia.systems/">hypermedia-driven applications</a>.
<li>I like a good typography and hate repetitive work. That’s why I experiment with computational typesetting and <a class="link" href="https://docs.racket-lang.org/pollen">Pollen</a> for my school theses.
<li>I contribute to open-source projects at <a class="link" href="https://nolog.cz">nolog.cz</a>, activist IT collective
which provides privacy-focused infrastructure to social movements (You should consider <a class="link" href="https://nolog.cz/support/">supporting them</a>).
</ul>
<nav class="nav par-space">
<h2>My software projects are to be found at</h2>
<ul>
<li><a class="link" href="https://github.com/onvlt">github</a>,
<li><a class="link" href="https://github.com/onvlt">github</a> and
<li><a class="link" href="https://git.nolog.cz/uwundrej">git.nolog.cz</a>
</ul>.
</nav>
<nav class="nav">
<h2>I'm at</h2>
<h2>I’m at</h2>
<ul>
<li><a class="link" href="https://twitter.com/uwundrej">twitter</a>,
<li><a class="link" href="https://witter.cz/@uwundrej">mastodon</a>,
<li><a class="link" href="https://witter.cz/@uwundrej">mastodon</a> and
<li><a class="link" href="mailto:ondrej@nyv.lt">e-mail</a>
</ul>.
</nav>
@ -45,7 +44,8 @@ import Layout from "../layouts/Layout.astro";
.container {
max-width: 50rem;
padding: 1rem;
margin: 4rem auto 0;
margin: 3rem auto;
word-wrap: break-word;
}
.header {
@ -57,6 +57,12 @@ import Layout from "../layouts/Layout.astro";
}
}
.about {
li {
margin-bottom: 1rem;
}
}
.nav h2 {
display: inline;
margin-right: 0.75rem;