diff options
| author | sstvinc2 <sstvinc2@gmail.com> | 2017-02-13 19:22:13 -0600 |
|---|---|---|
| committer | sstvinc2 <sstvinc2@gmail.com> | 2017-02-13 19:22:13 -0600 |
| commit | 028845d66a407f8af072c7b11be7be4bb4ae4602 (patch) | |
| tree | 1c194f55e6bcc4483f9082edee6126fc80a7696d /html_template/template.html | |
| parent | dc7dc6019b076583f1e815457b439f00200fb808 (diff) | |
New layout implemented, plus a CBS fix
Diffstat (limited to 'html_template/template.html')
| -rw-r--r-- | html_template/template.html | 176 |
1 files changed, 104 insertions, 72 deletions
diff --git a/html_template/template.html b/html_template/template.html index 94a3796..87e34e8 100644 --- a/html_template/template.html +++ b/html_template/template.html @@ -2,7 +2,6 @@ <html>
<head>
<meta charset="utf-8">
- <link rel="stylesheet" href="html_template/unbiased.css">
<link rel="stylesheet" href="unbiased.css">
<title>UnBiased</title>
</head>
@@ -15,98 +14,131 @@ </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">
- <img src="xxImg1-1xx" />
- </div>
- <div class="top-stories-hed">xxTitle1-1xx</div>
- </a>
- <div class="top-stories-desc">xxDesc1-1xx</div>
+ <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 class="top-story">
- <a target="_blank" href="redirects/h1-2.html" id="top-story-2">
- <div class="top-stories-img">
- <img src="xxImg1-2xx" />
+ <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>
- <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">
- <img src="xxImg1-3xx" />
+
+ <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>
- <div class="top-stories-hed">xxTitle1-3xx</div>
</a>
- <div class="top-stories-desc">xxDesc1-3xx</div>
+
+ <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>
-
-<div id="middle-stories">
- <a target="_blank" href="redirects/h2-1.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-1xx" />
- <p class="middle-stories-hed">xxTitle2-1xx</p>
- </div>
+ <div id="bottom-stories">
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-1.html">xxTitle3-1xx</a>
</div>
- </a>
- <a target="_blank" href="redirects/h2-2.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-2xx" />
- <span class="middle-stories-hed">xxTitle2-2xx</span>
- </div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-2.html">xxTitle3-2xx</a>
</div>
- </a>
- <a target="_blank" href="redirects/h2-3.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-3xx" />
- <span class="middle-stories-hed">xxTitle2-3xx</span>
- </div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-3.html">xxTitle3-3xx</a>
</div>
- </a>
-
- <a target="_blank" href="redirects/h2-4.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-4xx" />
- <span class="middle-stories-hed">xxTitle2-4xx</span>
- </div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-4.html">xxTitle3-4xx</a>
</div>
- </a>
- <a target="_blank" href="redirects/h2-5.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-5xx" />
- <span class="middle-stories-hed">xxTitle2-5xx</span>
- </div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-5.html">xxTitle3-5xx</a>
</div>
- </a>
- <a target="_blank" href="redirects/h2-6.html" >
- <div class="middle-story">
- <div class="middle-stories-img">
- <img src="xxImg2-6xx" />
- <span class="middle-stories-hed">xxTitle2-6xx</span>
- </div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-6.html">xxTitle3-6xx</a>
</div>
- </a>
-</div>
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-7.html">xxTitle3-7xx</a>
+ </div>
-<div id="bottom-stories">
+ <div class="bottom-story">
+ <a target="_blank" href="redirects/h3-8.html">xxTitle3-8xx</a>
+ </div>
</div>
</div>
|