Added bio on me.html
This commit is contained in:
parent
5deed57868
commit
2076ff16b0
3 changed files with 65 additions and 21 deletions
|
@ -14,6 +14,11 @@
|
||||||
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
|
src: url('/assets/fonts/fira_code_v6.2/woff2/FiraCode-Regular.woff2');
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: ATT PC6300;
|
||||||
|
src: url('/assets/fonts/oldschool_pc_font_pack_v2.2/Web437_ATT_PC6300.woff')
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin-top: 2%;
|
margin-top: 2%;
|
||||||
|
@ -46,6 +51,10 @@ body {
|
||||||
color: #bb53f3;
|
color: #bb53f3;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.navbar a:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
.navbar h1 {
|
.navbar h1 {
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
@ -63,30 +72,34 @@ body {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.navbar a:hover {
|
|
||||||
color: white;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Main content */
|
/* Main content */
|
||||||
|
|
||||||
.main {
|
main {
|
||||||
color: white;
|
color: white;
|
||||||
font-family: FiraCode;
|
font-family: FiraCode;
|
||||||
width: 70%;
|
width: 70%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main h2 {
|
main h2 {
|
||||||
margin-top: 3px;
|
font-family: ATT PC6300;
|
||||||
|
font-size: 40px;
|
||||||
|
margin-top: 20px;
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main p {
|
main p {
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main a {
|
main a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #418cf6;
|
color: #418cf6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
12
index.html
12
index.html
|
@ -6,14 +6,15 @@
|
||||||
<title>Zaydsite NOW!</title>
|
<title>Zaydsite NOW!</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<ul class="navbar">
|
<nav class="navbar">
|
||||||
<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
|
<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
|
||||||
<li><a href="/me.html">me</a></li>
|
<li><a href="/me.html">me</a></li>
|
||||||
<li><a href="/links.html">links</a></li>
|
<li><a href="/links.html">links</a></li>
|
||||||
<li><a href="/contact.html">contact</a></li>
|
<li><a href="/contact.html">contact</a></li>
|
||||||
<li><a href="/blog.html">blog</a></li>
|
<li><a href="/blog.html">blog</a></li>
|
||||||
</ul>
|
</nav>
|
||||||
<div class="main">
|
<main>
|
||||||
|
<hr>
|
||||||
<h2>Welcome!</h2>
|
<h2>Welcome!</h2>
|
||||||
<p>
|
<p>
|
||||||
This is my own home on the web. You probably know me as Zayd.
|
This is my own home on the web. You probably know me as Zayd.
|
||||||
|
@ -21,6 +22,9 @@
|
||||||
clearnet), but for now <a href="https://fsky.io">FSKY</a> is
|
clearnet), but for now <a href="https://fsky.io">FSKY</a> is
|
||||||
hosting my site.
|
hosting my site.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</main>
|
||||||
|
<footer>
|
||||||
|
<p><a href="/credits.html">Credits</a></p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
39
me.html
39
me.html
|
@ -6,15 +6,42 @@
|
||||||
<title>Zaydsite NOW!</title>
|
<title>Zaydsite NOW!</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<ul class="navbar">
|
<nav class="navbar">
|
||||||
<li><h1><a href="/">wanderlost</a></h1></li>
|
<li><h1 class="title"><a href="/">wanderlost</a></h1></li>
|
||||||
<li><a href="/me.html">me</a></li>
|
<li><a href="/me.html">me</a></li>
|
||||||
<li><a href="/links.html">links</a></li>
|
<li><a href="/links.html">links</a></li>
|
||||||
<li><a href="/contact.html">contact</a></li>
|
<li><a href="/contact.html">contact</a></li>
|
||||||
<li><a href="/blog.html">blog</a></li>
|
<li><a href="/blog.html">blog</a></li>
|
||||||
</ul>
|
</nav>
|
||||||
<div class="main">
|
<main>
|
||||||
<p>Soon...</p>
|
<hr>
|
||||||
</div>
|
<h2>me</h2>
|
||||||
|
<p>
|
||||||
|
I'm Zayd, though I also go by a few different names in some
|
||||||
|
places. I'm a hobbyist archivist (usually working with optical
|
||||||
|
mediums, specifically CDDA). I also write code when I'm not
|
||||||
|
feeling lazy. I very much believe in privacy and user rights
|
||||||
|
in technology.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
I listen to a lot of different genres, but I tend to go for nu
|
||||||
|
metal the most and listen to a lot of artists in that genre that
|
||||||
|
few have heard of. Some of them are End7, Missile Girl Scoot,
|
||||||
|
Flofactor, Spyndakit, and more.
|
||||||
|
</p>
|
||||||
|
<h3>interests</h3>
|
||||||
|
<ul>
|
||||||
|
<li>archival</li>
|
||||||
|
<li>data preservation</li>
|
||||||
|
<li>music</li>
|
||||||
|
<li>open source</li>
|
||||||
|
<li>privacy</li>
|
||||||
|
<li>programming</li>
|
||||||
|
<li>unix</li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<p><a href="/credits.html">Credits</a></p>
|
||||||
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Add table
Reference in a new issue