--- /dev/null
+<?php //require_once "authenticate.php" ?>
+<html>
+ <head>
+ <link rel="icon" type="image/png" href="favicon.png">
+ <link href='styles.css'
+ rel='stylesheet'
+ type='text/css'
+ id="stylesheet">
+ </head>
+ <body>
+ <div id="header">
+ <h1 id="title">The Delay Line</h1>
+
+ <a href="login.php"
+ id="login"
+ class="head-links"> Login </a>
+
+ <a href="post.php?topic"
+ id="newTopic"
+ class="head-links"> Create a Topic </a>
+ </div>
+
+ <div id="posts">
+ <div class="topic">
+ <div class="post">
+ <h2 class="post-title">Sample Topic 1</h2>
+ <p class="post-content">Lorem Ipsem and some other large amount
+ of sample text to make a reasonable block of text here</p>
+ </div>
+ <div class="meta">
+ <p class="active">Active</p>
+ <p class="author">bsf</p>
+ <p class="count">4 posts</p>
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
--- /dev/null
+<h1>The Delay Line</h1>
+
+<p>The Delay Line is like a traditional internet forum, but we've thrown
+in a few twists to try to encourage longer, calmer, and more informed
+discussion.</p>
+
+<h2>How it works:</h2>
+
+<p>When someone starts a new topic, they choose a <em>gate period</em> for
+that topic -- hourly, daily, or weekly. Replies posted to that topic will
+not be displayed immediately when they are posted -- instead, they will be
+held as a draft (which you can continue to revise) until the period expires.
+For example, if the gating period is daily, all posts made during each
+day will become visible exactly at midnight, regardless of when they were
+written. And further replies will be held until midnight the next day. Once
+replies are posted, they cannot be edited.</p>
+
+<h2>The Rules:</h2>
+
+<p>These forums are not monitored or moderated.
+We are not responsible for user-generated content.
+<strong>Enter at your own risk.</strong></p>
+
+<a href="board.php">Enter</a>
\ No newline at end of file
--- /dev/null
+.head-links
+{
+ display: inline-block;
+ background: white;
+ font-weight:bold;
+ border-radius: .4em;
+ height: 1em;
+ padding: .25em 1em;
+ color: black;
+ text-decoration: none;
+ margin: .5em;
+ background-color: #A88;
+}
+
+.head-links:hover
+{
+ color: #A00;
+}
+
+#posts
+{
+ display: table;
+ width: 100%;
+}
+
+.topic
+{
+ display: table-row;
+ width: 100%;
+ margin: 1px;
+}
+
+.post
+{
+ display: table-cell;
+ width: 80%;
+ margin: none;
+ padding: none;
+ background: #FEE;
+ border: 1px solid black;
+ padding: .5em;
+}
+
+.meta
+{
+ display: table-cell;
+ width: 19%;
+ margin: none;
+ padding: none;
+ background: #FCC;
+ border: 1px solid black;
+ text-align:center;
+ font-size: small;
+ vertical-align:middle;
+}
+
+.active
+{
+ font-weight: bold;
+ color: #060;
+}
+
+.inactive
+{
+ font-weight: bold;
+ color: #600;
+}
+
+.post-title
+{
+ margin-bottom: -.5em;
+}
\ No newline at end of file