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

30
src/pages/index.astro
View file

@ -13,28 +13,27 @@ import Layout from "../layouts/Layout.astro";
</p> </p>
</hgroup> </hgroup>
<p class="about par-space"> <ul 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, <li>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. 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>.
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.
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. <li>I contribute to open-source projects at <a class="link" href="https://nolog.cz">nolog.cz</a>, activist IT collective
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>).
which provides privacy-focused infrastructure to social movements (You should consider <a class="link" href="https://nolog.cz/support/">donating to them</a>). </ul>
</section>
<nav class="nav par-space"> <nav class="nav par-space">
<h2>My software projects are to be found at</h2> <h2>My software projects are to be found at</h2>
<ul> <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> <li><a class="link" href="https://git.nolog.cz/uwundrej">git.nolog.cz</a>
</ul>. </ul>.
</nav> </nav>
<nav class="nav"> <nav class="nav">
<h2>I'm at</h2> <h2>I’m at</h2>
<ul> <ul>
<li><a class="link" href="https://twitter.com/uwundrej">twitter</a>, <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> <li><a class="link" href="mailto:ondrej@nyv.lt">e-mail</a>
</ul>. </ul>.
</nav> </nav>
@ -45,7 +44,8 @@ import Layout from "../layouts/Layout.astro";
.container { .container {
max-width: 50rem; max-width: 50rem;
padding: 1rem; padding: 1rem;
margin: 4rem auto 0; margin: 3rem auto;
word-wrap: break-word;
} }
.header { .header {
@ -57,6 +57,12 @@ import Layout from "../layouts/Layout.astro";
} }
} }
.about {
li {
margin-bottom: 1rem;
}
}
.nav h2 { .nav h2 {
display: inline; display: inline;
margin-right: 0.75rem; margin-right: 0.75rem;