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

some updates

Browse source
This commit is contained in:
Vivian 2022-05-13 16:18:48 +02:00
parent e3fff66bf6
commit 82ba5579b8
No known key found for this signature in database
GPG key ID: F69440FC85CD66CD
8 changed files with 84 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/DejaVuSansMono-Bold.ttf (Stored with Git LFS) Normal file
View file

Binary file not shown.

BIN
assets/DejaVuSansMono-BoldOblique.ttf (Stored with Git LFS) Normal file
View file

Binary file not shown.

BIN
assets/DejaVuSansMono-Oblique.ttf (Stored with Git LFS) Normal file
View file

Binary file not shown.

BIN
assets/DejaVuSansMono.ttf (Stored with Git LFS) Normal file
View file

Binary file not shown.

BIN
assets/monogram.ttf (Stored with Git LFS)
View file

Binary file not shown.

10
index.html
View file

@ -18,8 +18,16 @@
<main>
<section id="main">
<h1>0x76.dev</h1>
<p>Hiiiii~</p>
<h3>Hi~ welcome to <a href="#">0x76.dev</a></h3>
<p>
I'm victor (also known as <span class="x76" title="0x76">v</span>), and you can use any pronouns for me.
I like programming, philosphy, reading, and whatever piques my interest at any given time.
<span class="blinking-cursor"></span>
</p>
</section>
<section id="links">
<div>Projects</div>
<div>Mastodon</div>
</section>
</main>
</body>

25
projects.html Normal file
View file

@ -0,0 +1,25 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>0x76.dev</title>
<meta name="description" content="Page description">
<link rel="stylesheet" href="/style.css">
<link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<meta name="theme-color" content="#0FO">
</head>
<body>
<script src="/script.js" type="module"></script>
<main>
<section id="main">
<h1>0x76.dev - Projects</h1>
<p>Content TBD</p>
</section>
</main>
</body>
</html>

48
style.css
View file

@ -1,27 +1,42 @@
:root {
--color: #7fffbf;
--compl: #80FFFF;
/* x-offset y-offset blur color */
--shadow: 0 0 3px #0f0, -2px 0 3px #f00, 2px 0 3px #00f;
}
@font-face {
font-family: "monogram";
src: url("./assets/monogram.ttf");
font-family: "DejaVuSansMono";
src: url("./assets/DejaVuSansMono.ttf");
}
* {
overflow: hidden;
}
body {
background-color: black;
color: var(--color);
font-family: "monogram", monospace;
font-family: "DejaVuSansMono", monospace;
/* x-offset y-offset blur color */
text-shadow: 0 0 2px #0f0, -2px 0 2px #f00, 2px 0 2px #00f;
text-shadow: var(--shadow);
}
a {
color: var(--compl);
text-decoration: underline;
}
h1 {
font-size: 6rem;
}
p {
font-size: 2rem;
h3 {
font-size: 1.5rem;
}
.x76 {
text-decoration: underline;
}
main {
@ -37,23 +52,36 @@ main {
}
main>section#main {
#main {
grid-column: 2;
grid-row: 2;
}
#links {
grid-column: 2;
grid-row: 3;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
}
main>section {
text-align: center;
}
main>section>p:after {
.blinking-cursor {
padding: 0;
margin: 0 -0.666em;
content: "";
width: 1ch;
height: 0.6em;
height: 1em;
background: var(--color);
display: inline-block;
box-shadow: var(--shadow);
animation: blink 1.5s steps(2) infinite;
}