v/0x76.dev
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

better responsiveness + more content

Browse source
This commit is contained in:
Vivian 2025-05-15 14:33:14 +02:00
parent 7407383705
commit 67798c10c0
2 changed files with 24 additions and 19 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
index.html
View file

@ -17,9 +17,17 @@
<h2>Wait who?</h2>
<p>
I am a student at the TU Delft studying <a href="https://cese.ewi.tudelft.nl/">CESE</a>. I also teach some of the courses, specifically the Rust ones.
</p>
<p>
Currently I am working on my Master's Thesis of creating a Rust Embedded test suite for the Embedded-HAL at <a href="https://tweedegolf.nl/">Tweede Golf</a>,
if this sounds interesting do not hesitate to contact me on any of my socials below.
</p>
<p>
Besides my study I maintain a NixOS-based homelab, which is definitely more complex than it needs to be...
</p>
<p>
Apart from computers I also dabble in philosophy &mdash; in which I did my minor &mdash; and I love to <a href="./books.html">read</a>.
</p>
</section>
<section class="socials second">
<h2>Forking Paths</h2>
@ -27,6 +35,7 @@
<li><a href="mailto:vivian@0x76.dev">E-Mail</a></li>
<li><a rel="me" href="https://fedi.xirion.net/@0x76">Fedi</a></li>
<li><a href="matrix.to/#/@v:meowy.tech">Matrix</a></li>
<li><a href="https://bsky.app/profile/0x76.dev">Bluesky</a></li>
<li><a href="https://git.0x76.dev">Self-Hosted Git</a>
<li><a href="https://github.com/NULLx76/">Github</a></li>
</ul>

28
style.css
View file

@ -33,7 +33,6 @@ body {
font-style: normal;
color: whitesmoke;
background-color: black;
text-align: center;
}
h1,
@ -44,7 +43,7 @@ h3 {
}
h1 {
font-size: 8rem;
font-size: min(23vw, 8rem);
}
a:link,
@ -53,31 +52,28 @@ a:visited {
}
main {
height: 100%;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr auto;
width: 100%;
display: flex;
text-align: center;
justify-content: center;
align-items: center;
flex-direction: column;
}
header {
grid-row: 1;
grid-column: 2;
main > * {
width: min(80vw, 50rem);
}
section.first {
margin-top: 2em;
grid-column: 2;
grid-row: 2;
}
section.second {
grid-column: 2;
grid-row: 3;
.socials {
width: min(20rem, 100%);
}
.socials > ul {
.socials>ul {
columns: 2;
}