Skip to content

Instantly share code, notes, and snippets.

@scottmagdalein
Created September 11, 2012 14:58
Show Gist options
  • Save scottmagdalein/3699419 to your computer and use it in GitHub Desktop.
Save scottmagdalein/3699419 to your computer and use it in GitHub Desktop.
changes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
<meta name="description" content="{MetaDescription}"/>
<script type="text/javascript" src="//use.typekit.net/jna0pib.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>
<meta name="viewport" content="width=device-width">
<link rel="shortcut icon" href="http://static.tumblr.com/j1ln7tw/o5pma6v0d/favicon.ico"/>
<link rel="alternate" type="application/rss+xml" name="RSS" href="{RSS}"/>
<link href="http://static.tumblr.com/j1ln7tw/tElma59q5/ss-standard.css" rel="stylesheet" />
<style type="text/css" media="screen">
@font-face {
font-family: SSStandard;
src: url('http://static.tumblr.com/j1ln7tw/5KJma59qx/ss-standard.eot')
src: url('http://static.tumblr.com/j1ln7tw/cwSma59rz/ss-standard.svg')
src: url('http://static.tumblr.com/j1ln7tw/6wyma59sj/ss-standard.ttf')
src: url('http://static.tumblr.com/j1ln7tw/3uCma59sy/ss-standard.woff')
src: url('http://static.tumblr.com/j1ln7tw/mg4ma5afg/ss-standard.otf')
}
p {
font-size: 16px;
letter-spacing: .06em;
color: #676767;
text-align: left;
line-height: 1.2em;
}
p, h1, h2, h3, h4, h5, h6 {
font-family: SSStandard, "Freight-Sans-Pro", "Freight Sans Pro", Gotham, "Helvetica Neue", Helvetica, sans-serif;
}
h2 {
font-weight: 500; font-size: 26px; letter-spacing: .04em; color: #676767;
}
h3 {
font-weight: 200; font-size: 12px; letter-spacing: .05em; color:#676767;
}
a {
color: #676767 !important; font-weight: bold;
}
a:active {
color: #676767 !important; font-weight: bold;
}
a:visited {
color: #676767 !important; font-weight: bold;
}
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
width: 100% !important;
height: 100%;
margin: auto;
background-color: #efefef;
}
header {
width:100%;
background-color:#fff;
text-align: center;
border-bottom: 1px #ddd solid;
margin: auto;
}
.top_bar {
width: 100%;
background-image: url('http://static.tumblr.com/j1ln7tw/BFMm9zphg/stripedbg.png');
background-repeat: repeat-x;
height: 10px;
}
.logo {
padding-bottom: 15px;
border-bottom: 1px #ddd solid;
}
.subtitle {
margin: 20px auto 0 auto;
padding-bottom: 20px;
width: 400px;
font-weight: 300;
text-align: center;
}
.wrapper {
width: 500px;
margin: auto;
padding-bottom: 40px;
overflow: auto;
height: 100%;
}
/* POST FOOTERS */
.posts {
width: 100%
}
.post_title {
background-color: #fff;
margin: 20px auto 0 auto;
border: 1px #ddd solid;
border-bottom: none;
padding: 20px 0 20px 0;
text-align: center;
}
.text p {
background-color: #fff;
margin-top: 0;
margin-bottom: 0;
padding: 20px;
border: 1px #ddd solid;
border-bottom: 0;
font-weight: 300;
}
.post-footer {
background-color: #D6E6D2;
text-align: right;
margin-top: 0;
padding: 2px 10px 2px 0;
}
.footer-wrapper {
position: absolute;
margin-top: -30px;
height: 30px;
width: 100%;
}
.footer {
background-color: #676767;
text-align: center;
padding: 10px;
line-height: .5em;
}
.footer a {
font-weight: normal;
color: #ddd !important;
}
</style>
</head>
<body>
<header>
<div class="top_bar"></div>
<div class="logo">
<h1 class"ss-picture"><a style="text-decoration: none;" href="/">PicDigest</a></h1>
<!-- <img src="http://static.tumblr.com/j1ln7tw/Hj1m9zpi6/picdigestlogo.png"/> -->
</div>
<p class="subtitle">This is the <a href="http://picdigest.com">PicDigest</a> digest; a summary of product news, what's going on in the office, thoughts on social businesses, and a few user stories from time-to-time.</p>
</header>
<div class="wrapper">
<div id="posts">
{block:Posts}
{block:Text}
{block:Title}<h2 class="post_title">{Title}</h2>{/block:Title}
<div class="text">
{Body}
</div>
{/block:Text}
{block:Date}
<h3 class="post-footer"><a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a>
</h3>
{/block:Date}
{/block:Posts}
</div> <!-- end posts -->
</div> <!-- end of wrapper -->
<div class="footer-wrapper">
<div class="footer">
<h3 style="color: #ddd !important;">Copyright 2012 <a href="http://picdigest.com">PicDigest</a> | <a href="/">Blog home</a></h3>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment