summaryrefslogtreecommitdiff
path: root/html_template/newtemplate.html
diff options
context:
space:
mode:
authorsstvinc2 <sstvinc2@gmail.com>2017-02-13 18:45:58 -0600
committersstvinc2 <sstvinc2@gmail.com>2017-02-13 18:45:58 -0600
commitdc7dc6019b076583f1e815457b439f00200fb808 (patch)
treec38ab253eeac5958cc8fc2163287704ee13b80cb /html_template/newtemplate.html
parent0fb8417031cb025d6c609b1aefd5964553767b90 (diff)
Draft of new page layout
Saving this in case of need to rollback
Diffstat (limited to 'html_template/newtemplate.html')
-rw-r--r--html_template/newtemplate.html150
1 files changed, 150 insertions, 0 deletions
diff --git a/html_template/newtemplate.html b/html_template/newtemplate.html
new file mode 100644
index 0000000..e9715fc
--- /dev/null
+++ b/html_template/newtemplate.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <link rel="stylesheet" href="testtemplate.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">
+
+ <div class="top-story">
+ <a target="_blank" href="redirects/h1-1.html" id="top-story-1">
+ <div class="top-stories-img" style="background-image: url('xxImg1-1xx');" />
+ </div>
+ <div class="top-stories-hed">xxTitle1-1xx</div>
+ </a>
+ <div class="top-stories-desc">xxDesc1-1xx</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="redirects/h1-2.html" id="top-story-2">
+ <div class="top-stories-img" style="background-image: url('xxImg1-2xx');" />
+ </div>
+ <div class="top-stories-hed">xxTitle1-2xx</div>
+ </a>
+ <div class="top-stories-desc">xxDesc1-2xx</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="redirects/h1-3.html" id="top-story-3">
+ <div class="top-stories-img" style="background-image: url('xxImg1-3xx');" />
+ </div>
+ <div class="top-stories-hed">xxTitle1-3xx</div>
+ </a>
+ <div class="top-stories-desc">xxDesc1-3xx</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="redirects/h1-4.html" id="top-story-4">
+ <div class="top-stories-img" style="background-image: url('xxImg1-4xx');" />
+ </div>
+ <div class="top-stories-hed">xxTitle1-4xx</div>
+ </a>
+ <div class="top-stories-desc">xxDesc1-4xx</div>
+ </div>
+
+ </div>
+
+ <div id="middle-stories">
+
+ <a target="_blank" href="redirects/h2-1.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-1xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-1xx</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="redirects/h2-2.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-2xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-2xx</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="redirects/h2-3.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-3xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-3xx</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="redirects/h2-4.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-4xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-4xx</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="redirects/h2-5.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-5xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-5xx</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="redirects/h2-6.html" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('xxImg2-6xx');">
+ </div>
+ <div class="middle-stories-hed">xxTitle2-6xx</div>
+ </div>
+ </a>
+
+
+ </div>
+
+ <div id="bottom-stories">
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-1.html">xxTitle3-1xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-2.html">xxTitle3-2xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-3.html">xxTitle3-3xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-4.html">xxTitle3-4xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-5.html">xxTitle3-5xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-6.html">xxTitle3-6xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-7.html">xxTitle3-7xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-8.html">xxTitle3-8xx</a>
+ </div>
+</div>
+
+</div>
+
+<div id="sources">
+ Sources: xxSourcesxx
+</div>
+</body>
+</html>