yosh/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Activity

Initial Commit

Browse source
This commit is contained in:
yosh 2022-10-16 02:12:09 -04:00
commit f41d37253c
17 changed files with 175 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
fonts.css Normal file
View 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
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

BIN
img/construction.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
img/grow.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
img/titlebar_welcome.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

45
index.html Executable file
View 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
View file

Binary file not shown.

BIN
res/fonts/Monocraft.otf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline5x9b.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline5x9r.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline6x12b.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline6x12r.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline7x14b.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline7x14r.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline8x16b.ttf Normal file
View file

Binary file not shown.

BIN
res/fonts/TamzenForPowerline8x16r.ttf Normal file
View file

Binary file not shown.

73
style.css Executable file
View 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;
}