update
This commit is contained in:
parent
349d5b428a
commit
ecb7811560
4 changed files with 48 additions and 6 deletions
BIN
MPLUSCodeLatin-Regular.ttf
Normal file
BIN
MPLUSCodeLatin-Regular.ttf
Normal file
Binary file not shown.
BIN
WebPlus_IBM_BIOS.woff
Normal file
BIN
WebPlus_IBM_BIOS.woff
Normal file
Binary file not shown.
17
index.html
17
index.html
|
@ -2,16 +2,27 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>0x76.dev</title>
|
||||
<title>Vivian (0x76)</title>
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>💜</text></svg>">
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<header>
|
||||
<h1></h1>
|
||||
<p>hi i'm Vivian and welcome to my website</p>
|
||||
<p>Hi i'm Vivian (she/her) and welcome to my website!</p>
|
||||
<p>I'm into all things tech, but also TTRPGs, board games, books and philosophy.</p>
|
||||
</header>
|
||||
|
||||
<section class="socials">
|
||||
<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="https://github.com/NULLx76/">Github</a></li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
|
37
style.css
37
style.css
|
@ -7,23 +7,46 @@
|
|||
src: url(./MajorMonoDisplay-Regular.ttf);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "MPLUS Code";
|
||||
src: url(./MPLUSCodeLatin-Regular.ttf);
|
||||
}
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
padding-top: 0.4em;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: "Major Mono Display", monospace;
|
||||
font-family: "MPLUS Code", monospace;
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
color: white;
|
||||
color: whitesmoke;
|
||||
background-color: black;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color: var(--violet);
|
||||
font-family: "Major Mono Display", monospace;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 8rem;
|
||||
}
|
||||
|
||||
a:link, a:visited {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
main {
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
|
@ -36,7 +59,15 @@ main {
|
|||
header {
|
||||
/* grid-row: 1; */
|
||||
grid-column: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
section.socials {
|
||||
grid-column: 2;
|
||||
grid-row: 3;
|
||||
}
|
||||
|
||||
.socials > ul {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
header > h1 {
|
||||
|
|
Loading…
Reference in a new issue