made-in-akira/webdev/Akira Webpage/pages/article.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="/">
&larr; 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>