diff options
Diffstat (limited to 'html_template')
| -rwxr-xr-x[-rw-r--r--] | html_template/BAKtemplate.html | 236 | ||||
| -rwxr-xr-x[-rw-r--r--] | html_template/BAKunbiased.css | 206 | ||||
| -rwxr-xr-x[-rw-r--r--] | html_template/Penguins.jpg | bin | 777835 -> 777835 bytes | |||
| -rw-r--r-- | html_template/newtemplate.html | 300 | ||||
| -rwxr-xr-x[-rw-r--r--] | html_template/template.html | 18 | ||||
| -rwxr-xr-x[-rw-r--r--] | html_template/unbiased.css | 7 |
6 files changed, 389 insertions, 378 deletions
diff --git a/html_template/BAKtemplate.html b/html_template/BAKtemplate.html index ab1dbb9..94a3796 100644..100755 --- a/html_template/BAKtemplate.html +++ b/html_template/BAKtemplate.html @@ -1,118 +1,118 @@ -<!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"> - <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> - - <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> - <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" /> - </div> - <div class="top-stories-hed">xxTitle1-3xx</div> - </a> - <div class="top-stories-desc">xxDesc1-3xx</div> - </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> - </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> - </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> - </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> - </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> - </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> - </a> - -</div> - -<div id="bottom-stories"> -</div> - -</div> - -<div id="sources"> - Sources: xxSourcesxx -</div> -</body> -</html> +<!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">
+ <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>
+
+ <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>
+ <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" />
+ </div>
+ <div class="top-stories-hed">xxTitle1-3xx</div>
+ </a>
+ <div class="top-stories-desc">xxDesc1-3xx</div>
+ </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>
+ </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>
+ </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>
+ </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>
+ </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>
+ </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>
+ </a>
+
+</div>
+
+<div id="bottom-stories">
+</div>
+
+</div>
+
+<div id="sources">
+ Sources: xxSourcesxx
+</div>
+</body>
+</html>
diff --git a/html_template/BAKunbiased.css b/html_template/BAKunbiased.css index 49b6dce..ade390b 100644..100755 --- a/html_template/BAKunbiased.css +++ b/html_template/BAKunbiased.css @@ -1,104 +1,104 @@ -a:link, a:visited, a:hover, a:active { - color: #00f; - text-decoration:none; - } - -#page-header{ - text-align:center; - padding:.5em 0 1em; - margin-bottom:1em; - border-bottom:1px solid #000; -} - -.title{ - font-size:3em; -} - -#title-1{ - font-style:italic; - color:#d00; -} - -#title-2{ - color:#00d; -} - -#subtitle{ - font-size:1.25em; -} - -#timestamp{ - margin:.5em 0 0 0; - font-size:.8em; -} - -#page-container{ - width:1150px; - padding:0 1em; - margin-left:auto; - margin-right:auto; -} - -#top-stories{ - width:1150px; - margin-left:auto; - margin-right:auto; - font-size:1.25em; -} - -.top-story{ - width:350px; - float:left; - margin:0 .5em; -} - -.top-stories-img{ - width:350px; - height:200px; - overflow:hidden; -} - -.top-stories-img img{ - width:100%; - display:block; - vertical-align:text-bottom; -} - -.top-stories-desc{ - font-size:.8em; - padding-top:.5em; -} - -#middle-stories{ - clear:both; - width:1000px; - margin:0 auto; -} - -.middle-story{ - margin:2em 5px; - width:45%; - float:left; - height:100px; -} - -.middle-story img{ - vertical-align:middle; - height:100px; - float:left; - margin-right:1em; -} - -.middle-stories-hed{ - font-size:1.1em; -} - -.middle-story p{ - display:block; -} - -#sources{ - clear:both; - padding-top:4em; - font-size:.8em; +a:link, a:visited, a:hover, a:active {
+ color: #00f;
+ text-decoration:none;
+ }
+
+#page-header{
+ text-align:center;
+ padding:.5em 0 1em;
+ margin-bottom:1em;
+ border-bottom:1px solid #000;
+}
+
+.title{
+ font-size:3em;
+}
+
+#title-1{
+ font-style:italic;
+ color:#d00;
+}
+
+#title-2{
+ color:#00d;
+}
+
+#subtitle{
+ font-size:1.25em;
+}
+
+#timestamp{
+ margin:.5em 0 0 0;
+ font-size:.8em;
+}
+
+#page-container{
+ width:1150px;
+ padding:0 1em;
+ margin-left:auto;
+ margin-right:auto;
+}
+
+#top-stories{
+ width:1150px;
+ margin-left:auto;
+ margin-right:auto;
+ font-size:1.25em;
+}
+
+.top-story{
+ width:350px;
+ float:left;
+ margin:0 .5em;
+}
+
+.top-stories-img{
+ width:350px;
+ height:200px;
+ overflow:hidden;
+}
+
+.top-stories-img img{
+ width:100%;
+ display:block;
+ vertical-align:text-bottom;
+}
+
+.top-stories-desc{
+ font-size:.8em;
+ padding-top:.5em;
+}
+
+#middle-stories{
+ clear:both;
+ width:1000px;
+ margin:0 auto;
+}
+
+.middle-story{
+ margin:2em 5px;
+ width:45%;
+ float:left;
+ height:100px;
+}
+
+.middle-story img{
+ vertical-align:middle;
+ height:100px;
+ float:left;
+ margin-right:1em;
+}
+
+.middle-stories-hed{
+ font-size:1.1em;
+}
+
+.middle-story p{
+ display:block;
+}
+
+#sources{
+ clear:both;
+ padding-top:4em;
+ font-size:.8em;
}
\ No newline at end of file diff --git a/html_template/Penguins.jpg b/html_template/Penguins.jpg Binary files differindex 030ab8a..030ab8a 100644..100755 --- a/html_template/Penguins.jpg +++ b/html_template/Penguins.jpg diff --git a/html_template/newtemplate.html b/html_template/newtemplate.html index 923dee2..0cec766 100644 --- a/html_template/newtemplate.html +++ b/html_template/newtemplate.html @@ -1,150 +1,150 @@ -<!DOCTYPE html> -<html> - <head> - <meta charset="utf-8"> - <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: Mon, Feb 13, 7:51pm EST</p> -</div> - -<div id="page-container"> - <div id="top-stories"> - - <div class="top-story"> - <a target="_blank" id="top-story-1" href="" onclick="location.href='xxURL1-1'"> - <div class="top-stories-img" style="background-image: url('http://www.theblaze.com/wp-content/uploads/2017/02/GettyImages-465794068-1280x720.jpg');" /> - </div> - <div class="top-stories-hed">Rand Paul and Cory Booker push bipartisan effort to limit solitary confinement for juveniles</div> - </a> - <div class="top-stories-desc">Sen. Rand Paul (R-Ky) and Sen …</div> - </div> - - <div class="top-story"> - <a target="_blank" href="" onclick="location.href='xxURL1-2'"> - <div class="top-stories-img" style="background-image: url('http://cdn.weeklystandard.biz/cache/r960-90b8d8d5cbcef212ecae2a5c455fed8f.jpg');" /> - </div> - <div class="top-stories-hed">Bibi and Donald</div> - </a> - <div class="top-stories-desc">This week, Israel's prime minister will visit Washington and meet with our new president. They will have a complex agenda. Benjamin ...</div> - </div> - - <div class="top-story"> - <a target="_blank" href="" onclick="location.href='xxURL1-3'"> - <div class="top-stories-img" style="background-image: url('https://static01.nyt.com/images/2017/02/13/multimedia/DavidOyelowo-UnitedKingdom/DavidOyelowo-UnitedKingdom-facebookJumbo.png');" /> - </div> - <div class="top-stories-hed">David Oyelowo on How to Play a Real King</div> - </a> - <div class="top-stories-desc">He stars in “A United Kingdom,” about the Botswana leader who married a white woman and set off an international crisis.</div> - </div> - - <div class="top-story"> - <a target="_blank" href="" onclick="location.href='xxURL1-4'"> - <div class="top-stories-img" style="background-image: url('http://a57.foxnews.com/images.foxnews.com/content/fox-news/us/2017/02/13/judge-orders-ohio-village-to-pay-back-3-million-to-lead-footed-drivers/_jcr_content/par/featured-media/media-0.img.jpg/0/0/1487019011476.jpg?ve=1');" /> - </div> - <div class="top-stories-hed">Judge orders Ohio village to pay back $3 million to lead-footed drivers</div> - </a> - <div class="top-stories-desc">Speed cameras became a cash cow for the small village of New Miami, Ohio.</div> - </div> - - </div> - - <div id="middle-stories"> - - <a target="_blank" href="" onclick="location.href='xxURL2-1'"> - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('http://www.theblaze.com/wp-content/uploads/2017/02/GettyImages-635148734-1280x720.jpg');"> - </div> - <div class="middle-stories-hed">DHS says 75 percent of those detained in ICE raids last week were ‘criminal aliens’</div> - </div> - </a> - - <a target="_blank" href="" onclick="location.href='xxURL2-2'"> - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('http://a57.foxnews.com/media2.foxnews.com/BrightCove/694940094001/2017/02/12/0/0/694940094001_5320280093001_5320267547001-vs.jpg?ve=1');"> - </div> - <div class="middle-stories-hed">Drama grips Trump inner circle, as president charges ahead on agenda</div> - </div> - </a> - - <a target="_blank" href="" onclick="location.href='xxURL2-3'"> - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('http://ichef.bbci.co.uk/news/1024/cpsprodpb/C9C5/production/_94635615_6c33162f-1c24-487d-8a51-bb7b13ec063f.jpg');"> - </div> - <div class="middle-stories-hed">Ku Klux Klan killing: Frank Ancona's wife and stepson charged - BBC News</div> - </div> - </a> - - <a target="_blank" href="" onclick="location.href='xxURL2-4'"> - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('http://media1.s-nbcnews.com/j/newscms/2017_07/1900281/13217-oroville-dam-724a-rs_4a8b5ba9690488f11410f156833e1b70.nbcnews-fp-1200-800.jpg');"> - </div> - <div class="middle-stories-hed">Nearly 190,000 ordered to evacuate in California dam spillway failure</div> - </div> - </a> - - <a target="_blank" href="" > - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('http://cbsnews1.cbsistatic.com/hub/i/2017/02/13/4ad800d9-69ba-4102-a8ec-af12e8eb6adb/021317-news.jpg');"> - </div> - <div class="middle-stories-hed">Jerry Sandusky's son, 41, arrested on child sex charges</div> - </div> - </a> - - <a target="_blank" href="" > - <div class="middle-story"> - <div class="middle-stories-img" style="background-image: url('https://static01.nyt.com/images/2017/02/14/us/14townhall1/14townhall1-facebookJumbo.jpg');"> - </div> - <div class="middle-stories-hed">Angry Town Hall Meetings on Health Care Law, and Few Answers</div> - </div> - </a> - - - </div> - - <div id="bottom-stories"> - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-1xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-2xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-3xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-4xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-5xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-6xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-7xx</a> - </div> - - <div class="bottom-story"> - <a target="_blank" href="">xxTitle3-8xx</a> - </div> -</div> - -</div> - -<div id="sources"> - Sources: BBC US, NBC News, CBS News, The Blaze, Weekly Standard, New York Times, Fox News -</div> -</body> -</html> +<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <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: Mon, Feb 13, 7:51pm EST</p>
+</div>
+
+<div id="page-container">
+ <div id="top-stories">
+
+ <div class="top-story">
+ <a target="_blank" id="top-story-1" href="" onclick="location.href='xxURL1-1'">
+ <div class="top-stories-img" style="background-image: url('http://www.theblaze.com/wp-content/uploads/2017/02/GettyImages-465794068-1280x720.jpg');" />
+ </div>
+ <div class="top-stories-hed">Rand Paul and Cory Booker push bipartisan effort to limit solitary confinement for juveniles</div>
+ </a>
+ <div class="top-stories-desc">Sen. Rand Paul (R-Ky) and Sen …</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="" onclick="location.href='xxURL1-2'">
+ <div class="top-stories-img" style="background-image: url('http://cdn.weeklystandard.biz/cache/r960-90b8d8d5cbcef212ecae2a5c455fed8f.jpg');" />
+ </div>
+ <div class="top-stories-hed">Bibi and Donald</div>
+ </a>
+ <div class="top-stories-desc">This week, Israel's prime minister will visit Washington and meet with our new president. They will have a complex agenda. Benjamin ...</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="" onclick="location.href='xxURL1-3'">
+ <div class="top-stories-img" style="background-image: url('https://static01.nyt.com/images/2017/02/13/multimedia/DavidOyelowo-UnitedKingdom/DavidOyelowo-UnitedKingdom-facebookJumbo.png');" />
+ </div>
+ <div class="top-stories-hed">David Oyelowo on How to Play a Real King</div>
+ </a>
+ <div class="top-stories-desc">He stars in “A United Kingdom,” about the Botswana leader who married a white woman and set off an international crisis.</div>
+ </div>
+
+ <div class="top-story">
+ <a target="_blank" href="" onclick="location.href='xxURL1-4'">
+ <div class="top-stories-img" style="background-image: url('http://a57.foxnews.com/images.foxnews.com/content/fox-news/us/2017/02/13/judge-orders-ohio-village-to-pay-back-3-million-to-lead-footed-drivers/_jcr_content/par/featured-media/media-0.img.jpg/0/0/1487019011476.jpg?ve=1');" />
+ </div>
+ <div class="top-stories-hed">Judge orders Ohio village to pay back $3 million to lead-footed drivers</div>
+ </a>
+ <div class="top-stories-desc">Speed cameras became a cash cow for the small village of New Miami, Ohio.</div>
+ </div>
+
+ </div>
+
+ <div id="middle-stories">
+
+ <a target="_blank" href="" onclick="location.href='xxURL2-1'">
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('http://www.theblaze.com/wp-content/uploads/2017/02/GettyImages-635148734-1280x720.jpg');">
+ </div>
+ <div class="middle-stories-hed">DHS says 75 percent of those detained in ICE raids last week were ‘criminal aliens’</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="" onclick="location.href='xxURL2-2'">
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('http://a57.foxnews.com/media2.foxnews.com/BrightCove/694940094001/2017/02/12/0/0/694940094001_5320280093001_5320267547001-vs.jpg?ve=1');">
+ </div>
+ <div class="middle-stories-hed">Drama grips Trump inner circle, as president charges ahead on agenda</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="" onclick="location.href='xxURL2-3'">
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('http://ichef.bbci.co.uk/news/1024/cpsprodpb/C9C5/production/_94635615_6c33162f-1c24-487d-8a51-bb7b13ec063f.jpg');">
+ </div>
+ <div class="middle-stories-hed">Ku Klux Klan killing: Frank Ancona's wife and stepson charged - BBC News</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="" onclick="location.href='xxURL2-4'">
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('http://media1.s-nbcnews.com/j/newscms/2017_07/1900281/13217-oroville-dam-724a-rs_4a8b5ba9690488f11410f156833e1b70.nbcnews-fp-1200-800.jpg');">
+ </div>
+ <div class="middle-stories-hed">Nearly 190,000 ordered to evacuate in California dam spillway failure</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('http://cbsnews1.cbsistatic.com/hub/i/2017/02/13/4ad800d9-69ba-4102-a8ec-af12e8eb6adb/021317-news.jpg');">
+ </div>
+ <div class="middle-stories-hed">Jerry Sandusky's son, 41, arrested on child sex charges</div>
+ </div>
+ </a>
+
+ <a target="_blank" href="" >
+ <div class="middle-story">
+ <div class="middle-stories-img" style="background-image: url('https://static01.nyt.com/images/2017/02/14/us/14townhall1/14townhall1-facebookJumbo.jpg');">
+ </div>
+ <div class="middle-stories-hed">Angry Town Hall Meetings on Health Care Law, and Few Answers</div>
+ </div>
+ </a>
+
+
+ </div>
+
+ <div id="bottom-stories">
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-1xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-2xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-3xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-4xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-5xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-6xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-7xx</a>
+ </div>
+
+ <div class="bottom-story">
+ <a target="_blank" href="">xxTitle3-8xx</a>
+ </div>
+</div>
+
+</div>
+
+<div id="sources">
+ Sources: BBC US, NBC News, CBS News, The Blaze, Weekly Standard, New York Times, Fox News
+</div>
+</body>
+</html>
diff --git a/html_template/template.html b/html_template/template.html index c0e0711..41eb86e 100644..100755 --- a/html_template/template.html +++ b/html_template/template.html @@ -16,12 +16,12 @@ <div id="page-container">
<div id="top-stories">
+ <div class="row">
- <div class="top-story">
- <a target="_blank" href="" 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>
+ <div class="top-story">
+ <a target="_blank" href="" 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>
<div class="top-stories-desc">xxDesc1-1xx</div>
</div>
@@ -35,6 +35,10 @@ <div class="top-stories-desc">xxDesc1-2xx</div>
</div>
+ </div>
+
+<div class="row">
+
<div class="top-story">
<a target="_blank" href="" onclick="window.open('xxURL1-3xx', '_blank')">
<div class="top-stories-img" style="background-image: url('xxImg1-3xx');" />
@@ -52,7 +56,9 @@ </a>
<div class="top-stories-desc">xxDesc1-4xx</div>
</div>
-
+
+ </div>
+
</div>
<div id="middle-stories">
diff --git a/html_template/unbiased.css b/html_template/unbiased.css index 126e194..c0bb121 100644..100755 --- a/html_template/unbiased.css +++ b/html_template/unbiased.css @@ -71,17 +71,22 @@ a:link, a:visited, a:hover, a:active { margin-bottom: 10px;
}
+.row{
+ display:flex;
+}
+
.top-story{
display:inline-block;
vertical-align:top;
text-align:left;
width:360px;
- height:352px;
+ height:auto;
overflow:hidden;
background:#fff;
margin:10px;
padding:10px;
border:2px solid #ccc;
+ flex:1;
}
@media only screen and (max-width:500px){
|
