173 lines
6.5 KiB
HTML
173 lines
6.5 KiB
HTML
<!--:O New! page-->
|
|
<!-- layout diagram at https://cdn.discordapp.com/attachments/859867392544342026/896633035011809290/unknown.png -->
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>a</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="/style.css" />
|
|
</head>
|
|
<body id="articlePage">
|
|
<!-- :O where'd all That go and the page still looks fine without?
|
|
switch to the new page https://i.imgur.com/0vJ2s4R.png
|
|
oh! i see!
|
|
-->
|
|
<aside>
|
|
<!-- sidebar -->
|
|
<header>
|
|
<a href="/">
|
|
← Back <!-- larr = Left ARRow -->
|
|
</a>
|
|
</header>
|
|
<ul>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img class="icon" src="https://picsum.photos/16" alt="fake icon" />
|
|
<span class="name">option</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</aside>
|
|
<!--
|
|
akira -- :O photos
|
|
akira -- should i keep these at 16x16?
|
|
eaic -- doesn't matter yet
|
|
eaic -- it's css time!
|
|
akira -- oh!!!!!!!!!!!! Wait brb
|
|
-->
|
|
<main>
|
|
<p>
|
|
Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here Article text goes here
|
|
</p>
|
|
</main>
|
|
</body>
|
|
</html>
|
|
|