Style the blog

This commit is contained in:
2014-07-13 19:18:26 -04:00
parent e030713d82
commit 47c05887f5
6 changed files with 164 additions and 199 deletions

View File

@@ -1,44 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width">
<html style="background: whitesmoke">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>{{ page.title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, max-scale=1">
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="/css/syntax.css">
<!-- 3rd party CSS -->
<link rel="stylesheet" href="/css/normalize.css">
<!-- Fix IE -->
<!--[if lt IE 9]>
<script src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
<![endif]-->
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/main.css">
<!-- syntax highlighting CSS -->
<link rel="stylesheet" href="/css/syntax.css">
</head>
<body>
<!-- Custom CSS -->
<link rel="stylesheet" href="/css/main.css">
<div class="site">
<div class="header">
<h1 class="title"><a href="/">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a>
</div>
{{ content }}
<div class="footer">
<div class="contact">
<p>
Tyler Hallada<br />
Programmer and writer<br />
tyler@hallada.net
</p>
</div>
<div class="contact">
<p>
<a href="https://github.com/yourusername">github.com/thallada</a><br />
<a href="https://twitter.com/yourusername">twitter.com/tyhallada</a><br />
</p>
</div>
</div>
<!-- Web Fonts -->
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="container">
<div class="row clearfix header">
<h1 class="title"><a href="/blog">{{ site.name }}</a></h1>
<a class="extra" href="/">home</a>
</div>
{{ content }}
<div class="row clearfix footer">
<div class="column full contact">
<p class="contact-info">
<a href="mailto:tyler@hallada.net">tyler@hallada.net</a>
</p>
</div>
</body>
</div>
</div>
</body>
</html>

View File

@@ -1,9 +1,18 @@
---
layout: default
---
<h2>{{ page.title }}</h2>
<p class="meta">{{ page.date | date_to_string }}</p>
<div class="post">
{{ content }}
<div class="card">
<div class="row clearfix post-header">
<div class="column three-fourths">
<a href="{{ post.url }}"><h2 class="post-title">{{ page.title }}</h2></a>
</div>
<div class="column fourth">
<span class="timestamp">{{ page.date | date_to_string }}</span>
</div>
</div>
<div class="row clearfix">
<div class="column full post">
{{ content }}
</div>
</div>
</div>