1 files changed, 113 insertions, 0 deletions
diff --git a/html_template/template.html b/html_template/template.html
new file mode 100755
index 0000000..7869155
--- /dev/null
+++ b/html_template/template.html
@@ -0,0 +1,113 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="html_template/unbiased.css">
+    <link rel="stylesheet" href="unbiased.css">
+    <title>UnBiased</title>
+  </head>
+<body>
+
+<div id="page-header">
+  <span id="title-1" class="title">un</span><span id="title-2" class="title">biased</span><br />
+  <span id="subtitle">a different way to read the news</span>
+  <p id="timestamp">Last updated: xxTimexx</p>
+</div>
+
+<div id="page-container">
+<div id="top-stories">
+  <a target="_blank" href="xxURL1-1xx" id="top-story-1">
+    <div class="top-story">
+      <div class="top-stories-img">
+	<img src="xxImg1-1xx" />
+      </div>
+      <div class="top-stories-hed">xxTitle1-1xx</div>
+    </div>
+  </a>
+
+  <a target="_blank" href="xxURL1-2xx" id="top-story-2">
+    <div class="top-story">
+      <div class="top-stories-img">
+	<img src="xxImg1-2xx" />
+      </div>
+      <div class="top-stories-hed">xxTitle1-2xx</div>
+    </div>
+  </a>
+
+  <a target="_blank" href="xxURL1-3xx" id="top-story-3">
+    <div class="top-story">
+      <div class="top-stories-img">
+	<img src="xxImg1-3xx" />
+      </div>
+      <div class="top-stories-hed">xxTitle1-3xx</div>
+    </div>
+  </a>
+</div>
+
+<div id="middle-stories">
+  
+  <a target="_blank" href="xxURL2-1xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-1xx" />
+	<p class="middle-stories-hed">xxTitle2-1xx</p>
+      </div>
+    </div>
+  </a>
+
+  <a target="_blank" href="xxURL2-2xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-2xx" />
+	<span class="middle-stories-hed">xxTitle2-2xx</span>
+      </div>
+    </div>
+  </a>
+
+  <a target="_blank" href="xxURL2-3xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-3xx" />
+	<span class="middle-stories-hed">xxTitle2-3xx</span>
+      </div>
+    </div>
+  </a>
+
+
+  <a target="_blank" href="xxURL2-4xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-4xx" />
+	<span class="middle-stories-hed">xxTitle2-4xx</span>
+      </div>
+    </div>
+  </a>
+
+<!--
+  <a target="_blank" href="xxURL2-5xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-5xx" />
+	<span class="middle-stories-hed">xxTitle2-5xx</span>
+      </div>
+    </div>
+  </a>
+
+  <a target="_blank" href="xxURL2-6xx" >
+    <div class="middle-story">
+      <div class="middle-stories-img">
+	<img src="xxImg2-6xx" />
+	<span class="middle-stories-hed">xxTitle2-6xx</span>
+      </div>
+    </div>
+  </a>
+-->
+
+</div>
+
+<div id="bottom-stories">
+</div>
+
+</div>
+</body>
+</html>