Initial commit here's what I got so far :P
This commit is contained in:
commit
65bb758789
|
@ -0,0 +1,9 @@
|
||||||
|
# otter.men June 2024
|
||||||
|
|
||||||
|
Building a new personal website because I am currently having a really bad identity crisis. Also learning Git (wow!).
|
||||||
|
|
||||||
|
# Plans
|
||||||
|
|
||||||
|
* Wikipedia-inspired about page
|
||||||
|
* Works page
|
||||||
|
* Unhinged rotating sort of "banner ad" to advertise blog
|
|
@ -0,0 +1,25 @@
|
||||||
|
<div id="wrapper">
|
||||||
|
<?php
|
||||||
|
require "essential/template.php";
|
||||||
|
?>
|
||||||
|
<div id="content">
|
||||||
|
<h1>About</h1>
|
||||||
|
<table id="infobox">
|
||||||
|
<tbody>
|
||||||
|
<th>tom otter</th>
|
||||||
|
<tr>
|
||||||
|
<th>
|
||||||
|
jfnsd
|
||||||
|
</th>
|
||||||
|
<td>
|
||||||
|
jsoidjasifjamokdl
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<p>ayo what up</p>
|
||||||
|
<h2>snifjhduo</h2>
|
||||||
|
<p>what's good</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
|
@ -0,0 +1,55 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#wrapper {
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navtop {
|
||||||
|
border-bottom: 1px black solid;
|
||||||
|
height: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbottom ul {
|
||||||
|
padding: 8px;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#left {
|
||||||
|
width: fit-content;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
#navbottom ul li::marker {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#blog, #navigation {
|
||||||
|
border: 1px black solid;
|
||||||
|
width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#blog {
|
||||||
|
height: 100px;
|
||||||
|
margin-top: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#content {
|
||||||
|
border: 1px black solid;
|
||||||
|
width: 500px;
|
||||||
|
height: 500px;
|
||||||
|
margin-left: 220px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#infobox {
|
||||||
|
float:right;
|
||||||
|
border: 1px black solid;
|
||||||
|
}
|
|
@ -0,0 +1,17 @@
|
||||||
|
<link rel="stylesheet" href="essential/common.css">
|
||||||
|
<nav id="left">
|
||||||
|
<nav id="navigation">
|
||||||
|
<div id="navtop">
|
||||||
|
placeholder
|
||||||
|
</div>
|
||||||
|
<div id="navbottom">
|
||||||
|
<ul>
|
||||||
|
<li>About</li>
|
||||||
|
<li>Stuff</li>
|
||||||
|
<li>Whatever</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<a><nav id="blog">
|
||||||
|
</nav></a>
|
||||||
|
</nav>
|
Loading…
Reference in New Issue