Initial Commit
This commit is contained in:
commit
f41d37253c
17 changed files with 175 additions and 0 deletions
57
fonts.css
Normal file
57
fonts.css
Normal file
|
@ -0,0 +1,57 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: Monocraft;
|
||||||
|
src: url("res/fonts/Monocraft.otf") format("opentype");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen9";
|
||||||
|
src: url("res/fonts/TamzenForPowerline5x9r.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen9";
|
||||||
|
src: url("res/fonts/TamzenForPowerline5x9b.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen12";
|
||||||
|
src: url("res/fonts/TamzenForPowerline6x12r.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen12";
|
||||||
|
src: url("res/fonts/TamzenForPowerline6x12b.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen14";
|
||||||
|
src: url("res/fonts/TamzenForPowerline7x14r.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen14";
|
||||||
|
src: url("res/fonts/TamzenForPowerline7x14b.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen16";
|
||||||
|
src: url("res/fonts/TamzenForPowerline8x16r.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: "Tamzen16";
|
||||||
|
src: url("res/fonts/TamzenForPowerline8x16b.ttf") format("truetype");
|
||||||
|
font-display: swap;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
BIN
img/bg.png
Normal file
BIN
img/bg.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5 KiB |
BIN
img/construction.gif
Normal file
BIN
img/construction.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
BIN
img/grow.png
Normal file
BIN
img/grow.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
BIN
img/titlebar_welcome.png
Normal file
BIN
img/titlebar_welcome.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.1 KiB |
45
index.html
Executable file
45
index.html
Executable file
|
@ -0,0 +1,45 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf8">
|
||||||
|
<title>~yosh</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<header>
|
||||||
|
<h1>~yosh@unix.dog</h1>
|
||||||
|
</header>
|
||||||
|
<section id="lbar">
|
||||||
|
<nav>
|
||||||
|
<h2>navigation</h2>
|
||||||
|
<ul>
|
||||||
|
<li><a href="thoughts.html">thoughts</a>
|
||||||
|
<li><a href="contact.html">links</a>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</section>
|
||||||
|
<main>
|
||||||
|
<img class="titlebar" alt="welcome!" src="img/titlebar_welcome.png">
|
||||||
|
<h2>welcome!</h2>
|
||||||
|
<p>yo what up. welcome to my unix.dog page<br>
|
||||||
|
take a look around!</p>
|
||||||
|
<h2>myself</h2>
|
||||||
|
<p>I'm yosh. or yoshi. or yoshiyosh... or yoshiyoshiyosh...<br>
|
||||||
|
my names get taken a lot. wonder why.<br>
|
||||||
|
I enjoy many things. honestly don't really know where to begin<br>
|
||||||
|
always hated introductions and talking about myself<br>
|
||||||
|
I like shell scripting, linux, the look of old UI, archival, anthropomorphic animals, and music. lots of music<br>
|
||||||
|
I'm also kinda a video game junkie. I enjoy doing hard stuff in video games I like<br>
|
||||||
|
<h2>site</h2>
|
||||||
|
<p>this is probably gonna be a more "social" site ??<br>
|
||||||
|
not sure how to really explain it, but here's where I'll probably put webrings n shit connecting to a bunch of other people in the same vein. who knows<br>
|
||||||
|
the actual design is more or less something that popped into my head while messing around with twm on my computer. I like the look of it<br>
|
||||||
|
in a perfect world this site would resemble those kinda "design group" abstract-y2k websites that I adore, but that usually requires making actual visual images. I do not have that skill</p>
|
||||||
|
</main>
|
||||||
|
<footer>
|
||||||
|
<p><img alt="under construction" src="img/construction.gif"><br>
|
||||||
|
very, very much under construction</p>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
BIN
res/fonts/CozetteVector.otf
Normal file
BIN
res/fonts/CozetteVector.otf
Normal file
Binary file not shown.
BIN
res/fonts/Monocraft.otf
Normal file
BIN
res/fonts/Monocraft.otf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline5x9b.ttf
Normal file
BIN
res/fonts/TamzenForPowerline5x9b.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline5x9r.ttf
Normal file
BIN
res/fonts/TamzenForPowerline5x9r.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline6x12b.ttf
Normal file
BIN
res/fonts/TamzenForPowerline6x12b.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline6x12r.ttf
Normal file
BIN
res/fonts/TamzenForPowerline6x12r.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline7x14b.ttf
Normal file
BIN
res/fonts/TamzenForPowerline7x14b.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline7x14r.ttf
Normal file
BIN
res/fonts/TamzenForPowerline7x14r.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline8x16b.ttf
Normal file
BIN
res/fonts/TamzenForPowerline8x16b.ttf
Normal file
Binary file not shown.
BIN
res/fonts/TamzenForPowerline8x16r.ttf
Normal file
BIN
res/fonts/TamzenForPowerline8x16r.ttf
Normal file
Binary file not shown.
73
style.css
Executable file
73
style.css
Executable file
|
@ -0,0 +1,73 @@
|
||||||
|
@import "fonts.css"; /* gonna be doing a lot of font testing */
|
||||||
|
|
||||||
|
html {
|
||||||
|
height: 100%;
|
||||||
|
background-image: url("img/grow.png"), url("img/bg.png");
|
||||||
|
background-repeat: no-repeat, repeat;
|
||||||
|
background-attachment: fixed, fixed;
|
||||||
|
background-size: min(600px, 100vw) auto, auto;
|
||||||
|
background-position: right bottom, center;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
width: 960px;
|
||||||
|
margin: 8px auto;
|
||||||
|
font-family: "Tamzen16";
|
||||||
|
font-size: 16px;
|
||||||
|
|
||||||
|
display: grid;
|
||||||
|
gap: 16px;
|
||||||
|
text-align: center;
|
||||||
|
grid-template:
|
||||||
|
"header header" auto
|
||||||
|
"lbar main " 1fr
|
||||||
|
"footer footer" auto
|
||||||
|
/ 1fr 3fr;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-family: "Tamzen9";
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 45px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
font-family: "Tamzen12";
|
||||||
|
font-weight: bold;
|
||||||
|
font-size: 36px;
|
||||||
|
margin: 16px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
ul, ol {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
body > * {
|
||||||
|
border: 2px solid black;
|
||||||
|
background-color: #CCEEDD88;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titlebar {
|
||||||
|
border-bottom: 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
header {
|
||||||
|
grid-area: header;
|
||||||
|
}
|
||||||
|
|
||||||
|
#lbar {
|
||||||
|
grid-area: lbar;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
grid-area: main;
|
||||||
|
border: 2px solid black;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
grid-area: footer;
|
||||||
|
}
|
Loading…
Reference in a new issue