Skip to content

Instantly share code, notes, and snippets.

@charlietuna

charlietuna/homestyle-edits.css

Created May 13, 2014 05:39
Show Gist options
  • Save charlietuna/970d5f5f1370b79d21e3 to your computer and use it in GitHub Desktop.
Save charlietuna/970d5f5f1370b79d21e3 to your computer and use it in GitHub Desktop.
Download ZIP
Refactor of The Incomparable HTML and CSS
Raw
homestyle-edits.css
body
{
font-family: HelveticaNeue-Medium, "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: large;
background-color: #252b6f;
color: white;
text-align: center;
}
a, a:visited, a:hover { color: white; }
img.logo {
display: block;
margin: 0 auto;
width: 250px;
height: 250px;
}
p.cards img {
border: 1px solid white;
width: 200px;
height: 200px;
margin: 5px;
}
Raw
index.html
<html>
<head>
<title>The Incomparable - Geeky pop culture podcasts you'll love</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="homestyle-edits.css" type="text/css">
<script type="text/javascript" async="" src="./incomparable_files/ga.js"></script>
<script type="text/javascript" src="./incomparable_files/loader.js"></script>
<script type="text/javascript" src="./incomparable_files/coupons_support2.js"></script>
</head>
<body>
<img class="logo" src="./incomparable_files/incomparable-square.jpg">
<div id="links">
<p>The Incomparable dives into pop culture, from books to movies to comics to TV shows to games.</p>
<p>Our podcasts:</p>
<p class="cards">
<a href="http://5by5.tv/incomparable"><img src="./incomparable_files/incomparable250.jpg" alt="The Incomparable Podcast"></a>
<a href="http://www.theincomparable.com/tpk"><img src="./incomparable_files/logo-tpk.png" alt="Total Party Kill"></a>
<a href="http://www.theincomparable.com/notplaying/"><img src="./incomparable_files/notplaying.jpg" alt="Not Playing with Lex &amp; Dan"></a>
<a href="http://www.theincomparable.com/teevee"><img src="./incomparable_files/logo-teevee.png" alt="TeeVee"></a>
<a href="http://www.theincomparable.com/bonustrack"><img src="./incomparable_files/logo-bonustrack.png" alt="Not Playing with Lex &amp; Dan"></a>
</p>
<p>Subscribe to all our podcasts via our Master Feed on <a href="https://itunes.apple.com/us/podcast/the-incomparable-master-feed/id856270900?mt=2">iTunes</a> or <a href="http://feeds.theincomparable.com/incomparable">via RSS</a>.</p>
<p>Follow The Incomparable on <a href="http://twitter.com/theincomparable">Twitter</a> or
<a href="https://plus.google.com/100945211661581787722" rel="publisher">Google+</a>
or <a href="https://www.facebook.com/incomparablepodcast">Facebook</a></p>
<p>Join the Book Club on <a href="http://www.goodreads.com/group/show/64218-the-incomparable-book-club">Goodreads</a>.</p>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment