Added page layout, fixed page list, updated style

This commit is contained in:
2017-09-24 17:21:29 +02:00
parent aaceec4e1a
commit 3d1ade5ea7
9 changed files with 524 additions and 153 deletions
+58 -64
View File
@@ -12,9 +12,15 @@
<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" />
<script type="text/javascript" src="/ui/js/background.js"></script>
</head>
<body>
<img id="main-background" src="/ui/img/bg2.png" />
<div id="content-wrapper">
<nav>
@@ -23,6 +29,7 @@
<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>
@@ -41,70 +48,57 @@
<main>
<article>
<div class="menu-item">
<div class="mi-icon">O</div>
<div class="mi-body">
<div class="mi-title">What is this site for?</div>
<div class="mi-meta">
<div class="mi-segment mis-author" title="Author">Gisle</div>
<div class="mi-segment mis-date" title="Date">Sep 30, 2017</div>
<div class="mi-segment mis-tags">
<div class="mi-tag ttype-special">Sticky</div>
</div>
</div>
</div>
</div>
<div class="menu-item">
<div class="mi-icon">S</div>
<div class="mi-body">
<div class="mi-title">A Day At The Office With Jessica</div>
<div class="mi-meta">
<div class="mi-segment mis-author" title="Author">Dante</div>
<div class="mi-segment mis-date" title="Date">Nov 22, 2185</div>
<div class="mi-segment mis-tags">
<div class="mi-tag ttype-character">Jason Wolfe</div>
<div class="mi-tag ttype-character">Jessica Kaya</div>
<div class="mi-tag ttype-character">Jattic Kur'don</div>
<div class="mi-tag ttype-character">Leah Mercier</div>
<div class="mi-tag ttype-character">Steve Briggs</div>
<div class="mi-tag ttype-location">Freedom Falls</div>
</div>
</div>
</div>
</div>
<div class="menu-item">
<div class="mi-icon">I</div>
<div class="mi-body">
<div class="mi-title">Omni-Tool From Quinn</div>
<div class="mi-meta">
<div class="mi-segment mis-author" title="Author">Dante</div>
<div class="mi-segment mis-date" title="Date">Nov 19, 2185</div>
<div class="mi-segment mis-tags">
<div class="mi-tag ttype-character">Renala T'Iavay</div>
<div class="mi-tag ttype-character">Quinn</div>
<div class="mi-tag ttype-location">Freedom Falls</div>
</div>
</div>
</div>
</div>
<div class="menu-item">
<div class="mi-icon">S</div>
<div class="mi-body">
<div class="mi-title">Security</div>
<div class="mi-meta">
<div class="mi-segment mis-author" title="Author">Gisle</div>
<div class="mi-segment mis-date" title="Date">Oct 23, 2185</div>
<div class="mi-segment mis-tags">
<div class="mi-tag ttype-character">Ilyna T'Rea</div>
<div class="mi-tag ttype-character">Ehanis Tioran</div>
<div class="mi-tag ttype-location">Nos Astra</div>
</div>
</div>
</div>
</div>
<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>
</div>