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

overhaul

Browse source
This commit is contained in:
Vivian 2025-02-04 10:23:42 +01:00
parent 488ae3f6cb
commit 5e019cc257
2 changed files with 29 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
index.html
View file

@ -10,15 +10,22 @@
<body>
<main>
<header>
<h1></h1>
<p>Hi i'm Vivian (she/her) and welcome to my website!</p>
<h1 aria-label="v | 0x76"></h1>
<p>Hi I'm Vivian (she/her) and welcome to my website!</p>
</header>
<section class="about">
<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>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 am also interested in Philosophy &mdash; in which I did my minor &mdash; and I love to read.</p>
</section>
<section class="socials">
<h2>Forking Paths</h2>
<ul>
<h2>Links</h2>
<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="https://git.0x76.dev">Self Hosted Git</a>
<li><a href="matrix.to/#/@v:meowy.tech">Matrix</a></li>
<li><a href="https://git.0x76.dev">Self-Hosted Git</a>
<li><a href="https://github.com/NULLx76/">Github</a></li>
</ul>
</section>

25
style.css
View file

@ -12,7 +12,8 @@
src: url(./fonts/MPLUSCodeLatin-Regular.ttf);
}
html, body {
html,
body {
height: 100%;
}
@ -34,7 +35,9 @@ body {
text-align: center;
}
h1, h2, h3 {
h1,
h2,
h3 {
color: var(--violet);
font-family: "Major Mono Display", monospace;
}
@ -43,7 +46,8 @@ h1 {
font-size: 8rem;
}
a:link, a:visited {
a:link,
a:visited {
color: inherit;
}
@ -57,10 +61,16 @@ main {
}
header {
/* grid-row: 1; */
grid-row: 1;
grid-column: 2;
}
section.about {
margin-top: 2em;
grid-column: 2;
grid-row: 2;
}
section.socials {
grid-column: 2;
grid-row: 3;
@ -68,16 +78,17 @@ section.socials {
.socials > ul {
list-style-type: none;
columns: 2;
}
header > h1 {
header>h1 {
color: var(--violet);
}
header > h1::before {
header>h1::before {
content: "0x76";
}
header > h1:hover::before {
header>h1:hover::before {
content: "v";
}