added html, css, and ttf

This commit is contained in:
Paul Houser 2020-08-23 15:30:40 -07:00
parent d572338deb
commit 040bd575a8
3 changed files with 227 additions and 0 deletions

103
index.html Normal file
View File

@ -0,0 +1,103 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="./styles/style.css">
<title>Home</title>
</head>
<body>
<div class="container">
<div class="prompt">~<span> λ</span> tree</div>
<div class="column">
<div class="tree">
<h1>.</h1>
<ul>
<li>
<h1>general</h1>
<ul>
<li><a href="https://youtube.com">youtube</a></li>
<li><a href="https://github.com/GideonWolfe">github</a></li>
<li><a href="https://mail.google.com">gmail</a></li>
<li><a href="https://gideonwolfe.com/">my website</a></li>
</ul>
</li>
<li>
<h1>reddit</h1>
<ul>
<li><a href="https://reddit.com">front page</a></li>
<li><a href="https://reddit.com/u/Ken_Mcnutt">profile</a></li>
<li><a href="https://reddit.com/r/unixporn">unixporn</a></li>
</ul>
</li>
<li>
<h1>school</h1>
<ul>
<li><a href="https://wwu.instructure.com/">canvas</a></li>
<li><a href="https://dw.wwu.edu/Dashboard/dashboard">degreeworks</a></li>
<li><a href="https://outlook.office.com">outlook</a></li>
<li><a href="https://admin.wwu.edu/pls/wwis/twbkwbis.P_GenMenu?name=bmenu.P_MainMnu">web4u</a></li>
</ul>
</li>
<li>
<h1>other</h1>
<ul>
<li><a href="http://10.1.10.151:8096/web/index.html#!/home.html">jellyfin</a></li>
<li><a href="https://media.hebertcloud.us/jellyfin/web/index.html#!/home.html">kaleb's jellyfin</a></li>
<li><a href="https://hulu.com">hulu</a></li>
<li><a href="http://10.1.10.151:8576/#Homepage">organizr</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="column">
<div class="tree">
<h1>.</h1>
<ul>
<li>
<h1>general</h1>
<ul>
<li><a href="https://youtube.com">youtube</a></li>
<li><a href="https://github.com/GideonWolfe">github</a></li>
<li><a href="https://mail.google.com">gmail</a></li>
<li><a href="https://gideonwolfe.com/">my website</a></li>
</ul>
</li>
<li>
<h1>reddit</h1>
<ul>
<li><a href="https://reddit.com">front page</a></li>
<li><a href="https://reddit.com/u/Ken_Mcnutt">profile</a></li>
<li><a href="https://reddit.com/r/unixporn">unixporn</a></li>
</ul>
</li>
<li>
<h1>school</h1>
<ul>
<li><a href="https://wwu.instructure.com/">canvas</a></li>
<li><a href="https://dw.wwu.edu/Dashboard/dashboard">degreeworks</a></li>
<li><a href="https://outlook.office.com">outlook</a></li>
<li><a href="https://admin.wwu.edu/pls/wwis/twbkwbis.P_GenMenu?name=bmenu.P_MainMnu">web4u</a></li>
</ul>
</li>
<li>
<h1>other</h1>
<ul>
<li><a href="http://10.1.10.151:8096/web/index.html#!/home.html">jellyfin</a></li>
<li><a href="https://media.hebertcloud.us/jellyfin/web/index.html#!/home.html">kaleb's jellyfin</a></li>
<li><a href="https://hulu.com">hulu</a></li>
<li><a href="http://10.1.10.151:8576/#Homepage">organizr</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="prompt">~<span> λ</span> ddg</div>
<form action="https://duckduckgo.com/" method="GET">
<h1>search: </h1>
<input type="text" name="q" autofocus="autofocus">
</form>
</div>
</body>
</html>

BIN
styles/Hack.ttf Normal file

Binary file not shown.

124
styles/style.css Normal file
View File

@ -0,0 +1,124 @@
@import url('/home/paul/.cache/wal/colors.css');
@font-face {
font-family: "Roboto Mono";
src: url("./Hack.ttf");
}
:root {
--font: "Roboto Mono";
/* --background: var(--background) !important; */
/* --foreground: #fffffe; */
/* --pink: #e53170; */
/* --red: #f25f4c; */
/* --orange: #ff8906; */
/* --branch: 1px solid #a7a9be; */
--branch: 1px solid var(--color12);
}
html {
font-size: 12px;
}
body {
background: var(--background);
}
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.prompt {
font-family: var(--font);
color: var(--color5);
}
.prompt~.prompt {
padding: 1.5rem 0 0.3125rem;
}
span {
color: var(--color10);
}
h1 {
display: inline;
font-family: var(--font);
font-size: 1rem;
font-weight: normal;
color: var(--color9);
}
.tree > ul {
margin: 0;
padding-left: 1rem;
}
ul {
list-style: none;
padding-left: 2.5rem;
}
li {
position: relative;
}
li::before, li::after {
content: "";
position: absolute;
left: -0.75rem;
}
li::before {
border-top: var(--branch);
top: 0.75rem;
width: 0.5rem;
}
li::after {
border-left: var(--branch);
height: 100%;
top: 0.25rem;
}
li:last-child::after {
height: 0.5rem;
}
a {
font-family: var(--font);
font-size: 1rem;
color: var(--color6);
text-decoration: none;
outline: none;
}
a:hover {
color: var(--color12);
background: var(--background);
}
form h1 {
padding-left: 0.125rem;
}
input {
font-family: var(--font);
font-size: 1rem;
color: var(--foreground);
background-color: var(--background);
border: none;
}
.column {
float: left;
width: 50%;
}
.row:after {
content: "";
display: table;
clear: both;
}