From ecf7fdbbd56d6af3b78e346ce8263509c7f17212 Mon Sep 17 00:00:00 2001
From: ssstvinc2 <sstvinc2@gmail.com>
Date: Sun, 19 Feb 2017 23:22:00 -0500
Subject: fixed issue where links would also pop open a new instance of
 homepage

---
 html_template/#unbiased.css# | 217 +++++++++++++++++++++++++++++++++++++++++++
 html_template/.#unbiased.css |   1 +
 html_template/template.html  |  44 ++++-----
 html_template/unbiased.css   |   9 +-
 4 files changed, 248 insertions(+), 23 deletions(-)
 create mode 100755 html_template/#unbiased.css#
 create mode 120000 html_template/.#unbiased.css

(limited to 'html_template')

diff --git a/html_template/#unbiased.css# b/html_template/#unbiased.css#
new file mode 100755
index 0000000..302c451
--- /dev/null
+++ b/html_template/#unbiased.css#
@@ -0,0 +1,217 @@
+/*body{
+    width:900px;
+    margin-left:auto;
+    margin-right:auto;
+}*/
+
+
+body{
+    margin:0;
+}
+
+a:link, a:visited, a:hover, a:active {
+			color: #00f;
+			text-decoration:none;
+			    }
+
+a:hover{
+    cursor:pointer;
+}
+
+#page-header{
+    width:100%;
+    text-align:center;
+    padding:.5em 0 1em;
+    margin-bottom:1em;
+    border-bottom:3px solid #BB133E;
+    background:#002147;
+}
+
+.title{
+    font-size:3em;
+}
+
+#title-1{
+    font-style:italic;
+    color:#fff;
+}
+
+#title-2{
+    color:#fff;
+}
+
+#subtitle{
+    font-size:1.25em;
+    color:#ccc;
+}
+
+#timestamp{
+    margin:.5em 0 0 0;
+    font-size:.8em;
+    color:#cc6;
+}
+
+#page-container{
+    width:900px;
+    margin-left:auto;
+    margin-right:auto;
+}
+
+@media only screen and (max-width:900px){
+    #page-container{
+	width:100%
+    }
+}
+
+#top-stories{
+    width:95%;
+    display:block;
+    overflow:auto;
+    padding:10px;
+    margin-left:auto;
+    margin-right:auto;
+    text-align:center;
+    border-bottom: 3px solid #BB133E;
+    margin-bottom: 10px;
+}
+
+.row{
+    display:flex;
+}
+
+.top-story{
+    display:inline-block;
+    vertical-align:top;
+    text-align:left;
+    width:360px;
+    height:auto;
+    overflow:hidden;
+    background:#fff;
+    margin:10px;
+    padding:10px;
+    border:2px solid #ccc;
+    flex:1;
+}
+
+@media only screen and (max-width:500px){
+    .top-story{
+	display:block;
+	width:auto;
+	height:auto;
+    }
+}
+
+.top-stories-img{
+    width:350px;
+    height:200px;
+    overflow:hidden;
+    background-size: cover;
+    background-position: center center;
+    margin:0 auto;
+}
+
+@media only screen and (max-width:500px){
+    .top-stories-img{
+	width:auto;
+    }
+}
+    
+
+.top-stories-hed{
+    font-weight:bold;
+    font-size:1.35em;
+    margin:10px 10px 0;
+    color:#00f;
+}
+
+.top-stories-desc{
+    font-size:1em;
+    padding-top:.5em;
+    margin:0 .75em;
+}
+
+#middle-stories{
+    clear:both;
+    width:500px;
+    margin:0 auto;
+    padding:0;
+    display:block;
+    overflow:auto;
+    float:left;
+}
+
+@media only screen and (max-width:500px){
+    #middle-stories{
+	width:100%;
+	float:none;
+    }
+}
+
+.middle-story{
+    margin:5px 10px;
+    padding:10px;
+    background:#fff;
+    border:2px solid #ddd;
+    width:460px;
+    float:left;
+}
+
+@media only screen and (max-width:500px){
+    .middle-story{
+	width:auto;
+    }
+}
+
+.middle-stories-img{
+    width:150px;
+    height:100px;
+    overflow:hidden;
+    background-size: cover;
+    background-position: center center;
+    float:left;
+    max-width:35%;
+}
+
+.middle-stories-hed{
+    font-size:1.2em;
+    float:left;
+    width:300px;
+    margin-left:10px;
+    color:#00f;
+}
+
+@media only screen and (max-width:500px){
+    .middle-stories-hed{
+	max-width:60%;
+    }
+}
+
+#bottom-stories{
+    margin:0 10px;
+    padding:10px;
+    display:block;
+    overflow:auto;
+    float:left;
+    width:350px;
+    border:5px solid #ddd;
+}
+
+@media only screen and (max-width:900px){
+    #bottom-stories{
+	width:auto;
+	border-width:3px;
+	float:none;
+    }
+}
+
+.bottom-story{    color:#00f;
+
+    padding:15px 0;
+    color:#00f;
+}
+
+#sources{
+    clear:both;
+    padding-top:4em;
+    font-size:.8em;
+}
\ No newline at end of file
diff --git a/html_template/.#unbiased.css b/html_template/.#unbiased.css
new file mode 120000
index 0000000..005e0e4
--- /dev/null
+++ b/html_template/.#unbiased.css
@@ -0,0 +1 @@
+sstvinc2@Buffalo.3153:1487562646
\ No newline at end of file
diff --git a/html_template/template.html b/html_template/template.html
index 41eb86e..fc17006 100755
--- a/html_template/template.html
+++ b/html_template/template.html
@@ -19,7 +19,7 @@
     <div class="row">
 
       <div class="top-story">
-	<a target="_blank" href="" onclick="window.open('xxURL1-1xx', '_blank')">
+	<a target="_blank" onclick="window.open('xxURL1-1xx', '_blank')">
 	  <div class="top-stories-img" style="background-image: url('xxImg1-1xx');" /></div>
       <div class="top-stories-hed">xxTitle1-1xx</div>
       </a>
@@ -27,7 +27,7 @@
     </div>
     
     <div class="top-story">
-      <a target="_blank" href="" onclick="window.open('xxURL1-2xx', '_blank')">
+      <a target="_blank" onclick="window.open('xxURL1-2xx', '_blank')">
 	<div class="top-stories-img" style="background-image: url('xxImg1-2xx');" />
 	</div>
 	<div class="top-stories-hed">xxTitle1-2xx</div>
@@ -40,7 +40,7 @@
 <div class="row">
 
     <div class="top-story">
-      <a target="_blank" href="" onclick="window.open('xxURL1-3xx', '_blank')">
+      <a target="_blank" onclick="window.open('xxURL1-3xx', '_blank')">
 	<div class="top-stories-img" style="background-image: url('xxImg1-3xx');" />
 	</div>
 	<div class="top-stories-hed">xxTitle1-3xx</div>
@@ -49,7 +49,7 @@
     </div>
     
     <div class="top-story">
-      <a target="_blank" href="" onclick="window.open('xxURL1-4xx', '_blank')">
+      <a target="_blank" onclick="window.open('xxURL1-4xx', '_blank')">
 	<div class="top-stories-img" style="background-image: url('xxImg1-4xx');" />
 	</div>
 	<div class="top-stories-hed">xxTitle1-4xx</div>
@@ -63,7 +63,7 @@
 
   <div id="middle-stories">
   
-    <a target="_blank" href="" onclick="window.open('xxURL2-1xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-1xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-1xx');">
 	</div>
@@ -71,7 +71,7 @@
       </div>
     </a>
     
-    <a target="_blank" href="" onclick="window.open('xxURL2-2xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-2xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-2xx');">
 	</div>
@@ -79,7 +79,7 @@
       </div>
     </a>
     
-    <a target="_blank" href="" onclick="window.open('xxURL2-3xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-3xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-3xx');">
 	</div>
@@ -87,7 +87,7 @@
       </div>
     </a>
     
-    <a target="_blank" href="" onclick="window.open('xxURL2-4xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-4xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-4xx');">
 	</div>
@@ -95,7 +95,7 @@
       </div>
     </a>
     
-    <a target="_blank" href="" onclick="window.open('xxURL2-5xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-5xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-5xx');">
 	</div>
@@ -103,7 +103,7 @@
       </div>
     </a>
     
-    <a target="_blank" href="" onclick="window.open('xxURL2-6xx', '_blank')">
+    <a target="_blank" onclick="window.open('xxURL2-6xx', '_blank')">
       <div class="middle-story">
 	<div class="middle-stories-img" style="background-image: url('xxImg2-6xx');">
 	</div>
@@ -116,51 +116,51 @@
   
   <div id="bottom-stories">
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-1xx', '_blank')">xxTitle3-1xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-1xx', '_blank')">xxTitle3-1xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-2xx', '_blank')">xxTitle3-2xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-2xx', '_blank')">xxTitle3-2xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-3xx', '_blank')">xxTitle3-3xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-3xx', '_blank')">xxTitle3-3xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-4xx', '_blank')">xxTitle3-4xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-4xx', '_blank')">xxTitle3-4xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-5xx', '_blank')">xxTitle3-5xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-5xx', '_blank')">xxTitle3-5xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-6xx', '_blank')">xxTitle3-6xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-6xx', '_blank')">xxTitle3-6xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-7xx', '_blank')">xxTitle3-7xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-7xx', '_blank')">xxTitle3-7xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-8xx', '_blank')">xxTitle3-8xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-8xx', '_blank')">xxTitle3-8xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-9xx', '_blank')">xxTitle3-9xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-9xx', '_blank')">xxTitle3-9xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-10xx', '_blank')">xxTitle3-10xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-10xx', '_blank')">xxTitle3-10xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-11xx', '_blank')">xxTitle3-11xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-11xx', '_blank')">xxTitle3-11xx</a>
     </div>
 
     <div class="bottom-story">
-      <a target="_blank" href="" onclick="window.open('xxURL3-12xx', '_blank')">xxTitle3-12xx</a>
+      <a target="_blank" onclick="window.open('xxURL3-12xx', '_blank')">xxTitle3-12xx</a>
     </div>
 </div>
 
diff --git a/html_template/unbiased.css b/html_template/unbiased.css
index c0bb121..cc6ed45 100755
--- a/html_template/unbiased.css
+++ b/html_template/unbiased.css
@@ -12,7 +12,11 @@ body{
 a:link, a:visited, a:hover, a:active {
 			color: #00f;
 			text-decoration:none;
-		    }
+			    }
+
+a:hover{
+    cursor:pointer;
+}
 
 #page-header{
     width:100%;
@@ -117,6 +121,7 @@ a:link, a:visited, a:hover, a:active {
     font-weight:bold;
     font-size:1.35em;
     margin:10px 10px 0;
+    color:#00f;
 }
 
 .top-stories-desc{
@@ -172,6 +177,7 @@ a:link, a:visited, a:hover, a:active {
     float:left;
     width:300px;
     margin-left:10px;
+    color:#00f;
 }
 
 @media only screen and (max-width:500px){
@@ -200,6 +206,7 @@ a:link, a:visited, a:hover, a:active {
 
 .bottom-story{
     padding:15px 0;
+    color:#00f;
 }
 
 #sources{
-- 
cgit v1.2.3