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

initial page

Browse source
This commit is contained in:
Vivian 2023-01-16 16:19:43 +01:00
parent 82ba5579b8
commit 6c5e7c2de9
9 changed files with 14 additions and 155 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
README.md
View file

@ -1 +0,0 @@
# 0x76.dev

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

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

Binary file not shown.

39
index.html
View file

@ -1,34 +1,23 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>0x76.dev</title> <title>A Page - My Site</title>
<meta name="description" content="Page description"> <meta name="description" content="Page description">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon.svg" type="image/svg+xml">
<meta name="theme-color" content="#0FO"> <meta name="theme-color" content="#8000FF">
</head> </head>
<body> <body>
<script src="/script.js" type="module"></script> <pre>
<main> // this page is intentionally left blank
<section id="main"> </pre>
<h1>0x76.dev</h1>
<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> </body>
</html>
</html>

25
projects.html
View file

@ -1,25 +0,0 @@
<!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>

0
script.js
View file

92
style.css
View file

@ -1,92 +0,0 @@
: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: "DejaVuSansMono";
src: url("./assets/DejaVuSansMono.ttf");
}
* {
overflow: hidden;
}
body {
background-color: black;
color: var(--color);
font-family: "DejaVuSansMono", monospace;
text-shadow: var(--shadow);
}
a {
color: var(--compl);
text-decoration: underline;
}
h1 {
font-size: 6rem;
}
h3 {
font-size: 1.5rem;
}
.x76 {
text-decoration: underline;
}
main {
width: 100%;
height: 100%;
display: grid;
column-gap: 3rem;
row-gap: 3rem;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 25% 1fr 1fr;
}
#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;
}
.blinking-cursor {
padding: 0;
margin: 0 -0.666em;
content: "";
width: 1ch;
height: 1em;
background: var(--color);
display: inline-block;
box-shadow: var(--shadow);
animation: blink 1.5s steps(2) infinite;
}
@keyframes blink {
0% {
opacity: 0;
}
}