The UI component of the AiteStory project.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

108 lines
4.2 KiB

<!DOCTYPE html>
<!-- For preview and template creation only -->
<html>
<head>
<title>Aite RP</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=no" />
<meta name="theme-color" content="#222222">
<meta name="robots" content="noindex">
<meta name="googlebot" content="noindex">
<link rel="stylesheet" href="/ui/css/base.css" />
<link rel="stylesheet" href="/ui/css/magic.css" />
<link rel="stylesheet" href="/ui/css/theme.css" />
<link rel="stylesheet" media="screen" href="/ui/fonts/SeanSans.css" type="text/css"/>
<script type="text/javascript" src="/ui/js/background.js"></script>
</head>
<body>
<img id="main-background" src="/ui/img/bg.png" />
<div id="content-wrapper">
<main>
<article>
<table class="page-list">
<tbody>
<tr class="unread">
<td class="pl-icon">N</td>
<td class="pl-content">
<div class="plc-title"><a href="/testpage.html">Weapons Seized by Adrasteian Authorities</a></div>
<div class="plc-meta">
<div class="plcm-author">Dante</div>
<div class="plcm-date">Nov 23, 2185</div>
<div class="plcm-tag ttype-source">The Pulse</div>
</div>
</td>
</tr>
<tr class="spacer"><td></td></tr>
<tr class="unread">
<td class="pl-icon">i</td>
<td class="pl-content">
<div class="plc-title"><a href="/testpage.html">The trip to Bull Plains</a></div>
<div class="plc-meta">
<div class="plcm-author">Gisle</div>
<div class="plcm-date">Nov 17, 2185</div>
<div class="plcm-tag ttype-location">Bull Plains</div>
</div>
</td>
</tr>
<tr class="spacer"><td></td></tr>
<tr>
<td class="pl-icon">S</td>
<td class="pl-content">
<div class="plc-title"><a href="/testpage.html">Security: Ilyna calling Ehanis after the mission</a></div>
<div class="plc-meta">
<div class="plcm-author">Gisle</div>
<div class="plcm-date">Oct 3, 2185</div>
<div class="plcm-tag ttype-location">Nos Astra</div>
</div>
</td>
</tr>
<tr class="spacer"><td></td></tr>
<tr>
<td class="pl-icon">I</td>
<td class="pl-content">
<div class="plc-title"><a href="/testpage.html">Day 6: Supplies</a></div>
<div class="plc-meta">
<div class="plcm-author">Tyranniac</div>
<div class="plcm-date">Oct 30, 2185</div>
<div class="plcm-tag ttype-event">Ruins of Rakhana</div>
</div>
</td>
</tr>
</tbody>
</table>
</article>
</main>
<nav class="main-menu">
<h1>Aite RP</h1>
<ul>
<li><a><div class="mg-icon">O</div><div class="mg-label">OoC</div></a></li>
<li><a><div class="mg-icon">S</div><div class="mg-label">Stories</div></a></li>
<li><a><div class="mg-icon">N</div><div class="mg-label">News</div></a></li>
<li><a><div class="mg-icon">D</div><div class="mg-label">Documents</div></a></li>
<li><a><div class="mg-icon">I</div><div class="mg-label">Items</div></a></li>
<li><a><div class="mg-icon">i</div><div class="mg-label">Info</div></a></li>
<li><a><div class="mg-icon">B</div><div class="mg-label">Background</div></a></li>
</ul>
<ul>
<li><a><div class="mg-icon">+</div><div class="mg-label">Post</div></a></li>
</ul>
<ul>
<li><a><div class="mg-icon">A</div><div class="mg-label">Login</div></a></li>
</ul>
</nav>
</div>
</body>
</html>