Initial Commit
This commit is contained in:
commit
f41d37253c
|
@ -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;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
After Width: | Height: | Size: 36 KiB |
Binary file not shown.
After Width: | Height: | Size: 5.1 KiB |
|
@ -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>
|
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
@ -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 New Issue