Browse files

decided on a style and layout

  • Loading branch information...
1 parent c91e705 commit 693d4fefc5731e70060f2e4fedb4a5a2e71c3b50 @stvn committed Dec 16, 2012
View
42 _layouts/default.html
@@ -14,28 +14,38 @@
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
- <div class="two-column">
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
- <div class="left sidebar">
- <div class="brand">
+ <div class="container">
<h2><a href="/">steven davie</a></h2>
- <p class="tagline">I do stuff on the web.</p>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
</div>
-
- <ul class="nav unstyled">
- <li><a href="/blog.html">blog</a></li>
- <!-- <li><a href="/contact.html">contact</a></li> -->
- </ul>
+ <div class="clear-fix"></div>
</div>
- <div class="left content">
+ <div class="content">
{{ content }}
</div>
-
- <div class="footer">
- <span class="copyright">&#169; 2012 stevendavie.com</span>
- <span class="version"> - v.1.0</span>
- </div>
- </div>
</body>
</html>
View
19 _posts/2012-12-16-first-post.html
@@ -1,13 +1,22 @@
---
layout: default
-title: first post
+title: Setting Up Jekyll and Github Pages
+category: tech
---
-<h4 class="section-title">{{ page.title }} </h4>
+<div class="post">
+ <h4 class="post-title"><a href="{{ page.url }}">{{ page.title }}</a></h4>
+ <p class="post-info">
+ <span class="category">{{ page.category }}</span>
+ <span class="date">{{ page.date | date: "%B %d, %Y" }}</span>
+ </p>
-<div class="post-content">
- <p>Fun with jekyll and and github pages. Just getting set up and trying to figure out all the bells and whistles this baby has on her. Hell, I'll probably re-edit the contents of this post a dozen times as I dial in the basic styles.</p>
+ <div class="post-content">
+ <p>Fun with jekyll and and github pages. Just getting set up and trying to figure out all the bells and whistles this baby has on her. Hell, I'll probably re-edit the contents of this post a dozen times as I dial in the basic styles.</p>
- <p>This second paragraph serves an important purpose.</p>
+ <p>This second paragraph serves an important purpose.</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+ </div>
</div>
View
20 _posts/2012-12-17-second-post.html
@@ -0,0 +1,20 @@
+---
+layout: default
+title: Jekyll Setup Part 2
+category: tech
+---
+<div class="post">
+ <h4 class="post-title"><a href="{{ page.url }}">{{ page.title }}</a></h4>
+ <p class="post-info">
+ <span class="category">{{ page.category }}</span>
+ <span class="date">{{ page.date | date: "%B %d, %Y" }}</span>
+ </p>
+
+ <div class="post-content">
+ <p>Second Post!</p>
+
+ <p>This second paragraph serves an important purpose (again).</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+ </div>
+</div>
View
47 _site/2012/12/16/first-post.html
@@ -1,47 +0,0 @@
-<!DOCTYPE html />
-
-<html lang="en">
- <head>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="Personal Website of Steven Davie">
- <meta name="author" content="Steven Davie">
-
- <title>first post</title>
-
- <link rel="stylesheet" href="/css/styles.css">
- </head>
- <body>
- <div class="two-column">
-
- <div class="left sidebar">
- <div class="brand">
- <h2><a href="/">steven davie</a></h2>
- <p class="tagline">I do stuff on the web.</p>
- </div>
-
- <ul class="nav unstyled">
- <li><a href="/blog.html">blog</a></li>
- <!-- <li><a href="/contact.html">contact</a></li> -->
- </ul>
- </div>
-
- <div class="left content">
- <h4 class="section-title">first post </h4>
-
-<div class="post-content">
- <p>Fun with jekyll and and github pages. Just getting set up and trying to figure out all the bells and whistles this baby has on her. Hell, I'll probably re-edit the contents of this post a dozen times as I dial in the basic styles.</p>
-
- <p>This second paragraph serves an important purpose.</p>
-</div>
-
-
-
- </div>
-
- <div class="footer">
- <span class="copyright">&#169; 2012 stevendavie.com</span>
- <span class="version"> - v.1.0</span>
- </div>
- </div>
- </body>
-</html>
View
46 _site/blog.html
@@ -11,35 +11,47 @@
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
- <div class="two-column">
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
- <div class="left sidebar">
- <div class="brand">
+ <div class="container">
<h2><a href="/">steven davie</a></h2>
- <p class="tagline">I do stuff on the web.</p>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
</div>
-
- <ul class="nav unstyled">
- <li><a href="/blog.html">blog</a></li>
- <!-- <li><a href="/contact.html">contact</a></li> -->
- </ul>
+ <div class="clear-fix"></div>
</div>
- <div class="left content">
+ <div class="content">
<h4 class="section-title">articles</h4>
<ul class='posts unstyled'>
- <li><span class='post-date'>December 16, 2012 - </span> <a href="/2012/12/16/first-post.html">first post</a></li>
+ <li><span class='post-date'>December 17, 2012 - </span> <a href="/tech/2012/12/17/second-post.html">Jekyll Setup Part 2</a></li>
-</ul>
+ <li><span class='post-date'>December 16, 2012 - </span> <a href="/tech/2012/12/16/first-post.html">Setting Up Jekyll and Github Pages</a></li>
- </div>
+</ul>
- <div class="footer">
- <span class="copyright">&#169; 2012 stevendavie.com</span>
- <span class="version"> - v.1.0</span>
</div>
- </div>
</body>
</html>
View
42 _site/contact.html
@@ -11,29 +11,39 @@
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
- <div class="two-column">
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
- <div class="left sidebar">
- <div class="brand">
+ <div class="container">
<h2><a href="/">steven davie</a></h2>
- <p class="tagline">I do stuff on the web.</p>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
</div>
-
- <ul class="nav unstyled">
- <li><a href="/blog.html">blog</a></li>
- <!-- <li><a href="/contact.html">contact</a></li> -->
- </ul>
+ <div class="clear-fix"></div>
</div>
- <div class="left content">
+ <div class="content">
<h4 class="section-title">contact</h4>
</div>
-
- <div class="footer">
- <span class="copyright">&#169; 2012 stevendavie.com</span>
- <span class="version"> - v.1.0</span>
- </div>
- </div>
</body>
</html>
View
101 _site/css/styles.css
@@ -1,7 +1,99 @@
html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
-/*LAYOUT*/
+html {
+ font-family: 'helvetica neue'
+}
+
+a {
+ text-decoration: none;
+ color: #333;
+}
+.header {
+ overflow: auto;
+ padding: 10px 10px 5px 10px;
+ border-bottom: 1px solid #cecece;
+ margin-bottom: 10px;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ background-color: #fff;
+}
+
+.brand .image {
+ margin-right: 13px;
+ margin-top: 2px;
+ margin-bottom: 5px;
+ height: 72px;
+ border: 1px solid #cecece;
+ padding: 3px;
+}
+
+.brand .image,
+.brand .container {
+ float: left;
+}
+
+.inline li{
+ display: inline;
+}
+
+.social-networks {
+ margin-top: 5px;
+}
+
+.sn-icon img{
+ width: 25px;
+}
+
+.content {
+ padding: 0 10px 10px 10px;
+ margin-top: 110px;
+}
+
+.clear-fix {
+ clear: both;
+}
+
+.posts .post-title a{
+ color: #0099CC;
+}
+
+.posts .post-info,
+.post .post-info {
+ font-size: 10px;
+ color: #999;
+ margin-bottom: 5px
+}
+
+.post-info .category {
+ background-color: #666;
+ color: #fff;
+ padding: 2px 5px;
+ border-radius: 4px;
+}
+
+.post .post-title {
+ /*margin-bottom: 10px;*/
+}
+
+.post p {
+ line-height: 25px;
+ margin-bottom: 15px;
+}
+
+.post-separator {
+ margin: 15px 0;
+ height: 1px;
+ border-top: 1px solid #cecece;
+ border-bottom: 1px solid #cecece;
+}
+
+.post-separator:last-child {
+ display: none;
+}
+
+/*
.brand {
margin-bottom: 5px;
}
@@ -36,7 +128,6 @@ html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
}
.post-content {
- /*margin: 0 15px 15px 15px;*/
font-size: smaller;
width: 50%;
}
@@ -52,7 +143,7 @@ html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
left: 10px;
}
-/*TYPOGRAPHY*/
+
html {
font-family: 'helvetica neue'
@@ -65,7 +156,6 @@ a {
}
.brand a {
- /*color: #CC0033;*/
color: #333;
}
@@ -96,7 +186,7 @@ a {
font-size: smaller;
}
-/*UTILITY*/
+
.unstyled {
list-style: none;
@@ -113,3 +203,4 @@ a {
.tar {
text-align: right;
}
+*/
View
BIN _site/images/facebook.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/flickr.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/google-plus.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/linkedin.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/reddit.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/twitter.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN _site/images/yelp.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
91 _site/index.html
@@ -11,28 +11,87 @@
<link rel="stylesheet" href="/css/styles.css">
</head>
<body>
- <div class="two-column">
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
- <div class="left sidebar">
- <div class="brand">
+ <div class="container">
<h2><a href="/">steven davie</a></h2>
- <p class="tagline">I do stuff on the web.</p>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
</div>
-
- <ul class="nav unstyled">
- <li><a href="/blog.html">blog</a></li>
- <!-- <li><a href="/contact.html">contact</a></li> -->
- </ul>
+ <div class="clear-fix"></div>
</div>
- <div class="left content">
-
- </div>
+ <div class="content">
+ <ul class='posts unstyled'>
- <div class="footer">
- <span class="copyright">&#169; 2012 stevendavie.com</span>
- <span class="version"> - v.1.0</span>
- </div>
+ <li>
+ <p><div class="post">
+ <h4 class="post-title"><a href="/tech/2012/12/17/second-post.html">Jekyll Setup Part 2</a></h4>
+ <p class="post-info">
+ <span class="category">tech</span>
+ <span class="date">December 17, 2012</span>
+ </p>
+
+ <div class="post-content">
+ <p>Second Post!</p>
+
+ <p>This second paragraph serves an important purpose (again).</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+ </div>
+</div>
+</p>
+ </li>
+ <li class="post-separator"></li>
+
+ <li>
+ <p><div class="post">
+ <h4 class="post-title"><a href="/tech/2012/12/16/first-post.html">Setting Up Jekyll and Github Pages</a></h4>
+ <p class="post-info">
+ <span class="category">tech</span>
+ <span class="date">December 16, 2012</span>
+ </p>
+
+ <div class="post-content">
+ <p>Fun with jekyll and and github pages. Just getting set up and trying to figure out all the bells and whistles this baby has on her. Hell, I'll probably re-edit the contents of this post a dozen times as I dial in the basic styles.</p>
+
+ <p>This second paragraph serves an important purpose.</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
</div>
+</div>
+
+
+</p>
+ </li>
+ <li class="post-separator"></li>
+
+</ul>
+
+
+
+
+
+ </div>
</body>
</html>
View
65 _site/tech/2012/12/16/first-post.html
@@ -0,0 +1,65 @@
+<!DOCTYPE html />
+
+<html lang="en">
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Personal Website of Steven Davie">
+ <meta name="author" content="Steven Davie">
+
+ <title>Setting Up Jekyll and Github Pages</title>
+
+ <link rel="stylesheet" href="/css/styles.css">
+ </head>
+ <body>
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
+
+ <div class="container">
+ <h2><a href="/">steven davie</a></h2>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
+ </div>
+ <div class="clear-fix"></div>
+ </div>
+
+ <div class="content">
+ <div class="post">
+ <h4 class="post-title"><a href="/tech/2012/12/16/first-post.html">Setting Up Jekyll and Github Pages</a></h4>
+ <p class="post-info">
+ <span class="category">tech</span>
+ <span class="date">December 16, 2012</span>
+ </p>
+
+ <div class="post-content">
+ <p>Fun with jekyll and and github pages. Just getting set up and trying to figure out all the bells and whistles this baby has on her. Hell, I'll probably re-edit the contents of this post a dozen times as I dial in the basic styles.</p>
+
+ <p>This second paragraph serves an important purpose.</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+ </div>
+</div>
+
+
+
+ </div>
+ </body>
+</html>
View
63 _site/tech/2012/12/17/second-post.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html />
+
+<html lang="en">
+ <head>
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="description" content="Personal Website of Steven Davie">
+ <meta name="author" content="Steven Davie">
+
+ <title>Jekyll Setup Part 2</title>
+
+ <link rel="stylesheet" href="/css/styles.css">
+ </head>
+ <body>
+ <div class="brand header">
+ <img src="http://www.gravatar.com/avatar/68398d7dbc1525103e6dd421beff013d" class="image" />
+
+ <div class="container">
+ <h2><a href="/">steven davie</a></h2>
+ <p class="tagline">I do web stuff.</p>
+ <ul class="social-networks inline">
+ <li class="sn-icon">
+ <a href="http://www.linkedin.com/pub/steven-davie/21/67a/88a/"><img src="/images/linkedin.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://github.com/stvn"><img src="/images/github.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.facebook.com/steve.davie.121"><img src="/images/facebook.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://twitter.com/stevendavie"><img src="/images/twitter.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="https://plus.google.com/105282344983798554188/posts"><img src="/images/google-plus.png"/></a>
+ </li>
+ <li class="sn-icon">
+ <a href="http://www.flickr.com/photos/stevendavie"><img src="/images/flickr.png"/></a>
+ </li>
+ </ul>
+ </div>
+ <div class="clear-fix"></div>
+ </div>
+
+ <div class="content">
+ <div class="post">
+ <h4 class="post-title"><a href="/tech/2012/12/17/second-post.html">Jekyll Setup Part 2</a></h4>
+ <p class="post-info">
+ <span class="category">tech</span>
+ <span class="date">December 17, 2012</span>
+ </p>
+
+ <div class="post-content">
+ <p>Second Post!</p>
+
+ <p>This second paragraph serves an important purpose (again).</p>
+
+ <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p>
+ </div>
+</div>
+
+ </div>
+ </body>
+</html>
View
101 css/styles.css
@@ -1,7 +1,99 @@
html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
-/*LAYOUT*/
+html {
+ font-family: 'helvetica neue'
+}
+
+a {
+ text-decoration: none;
+ color: #333;
+}
+.header {
+ overflow: auto;
+ padding: 10px 10px 5px 10px;
+ border-bottom: 1px solid #cecece;
+ margin-bottom: 10px;
+ position: fixed;
+ top: 0;
+ width: 100%;
+ background-color: #fff;
+}
+
+.brand .image {
+ margin-right: 13px;
+ margin-top: 2px;
+ margin-bottom: 5px;
+ height: 72px;
+ border: 1px solid #cecece;
+ padding: 3px;
+}
+
+.brand .image,
+.brand .container {
+ float: left;
+}
+
+.inline li{
+ display: inline;
+}
+
+.social-networks {
+ margin-top: 5px;
+}
+
+.sn-icon img{
+ width: 25px;
+}
+
+.content {
+ padding: 0 10px 10px 10px;
+ margin-top: 110px;
+}
+
+.clear-fix {
+ clear: both;
+}
+
+.posts .post-title a{
+ color: #0099CC;
+}
+
+.posts .post-info,
+.post .post-info {
+ font-size: 10px;
+ color: #999;
+ margin-bottom: 5px
+}
+
+.post-info .category {
+ background-color: #666;
+ color: #fff;
+ padding: 2px 5px;
+ border-radius: 4px;
+}
+
+.post .post-title {
+ /*margin-bottom: 10px;*/
+}
+
+.post p {
+ line-height: 25px;
+ margin-bottom: 15px;
+}
+
+.post-separator {
+ margin: 15px 0;
+ height: 1px;
+ border-top: 1px solid #cecece;
+ border-bottom: 1px solid #cecece;
+}
+
+.post-separator:last-child {
+ display: none;
+}
+
+/*
.brand {
margin-bottom: 5px;
}
@@ -36,7 +128,6 @@ html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
}
.post-content {
- /*margin: 0 15px 15px 15px;*/
font-size: smaller;
width: 50%;
}
@@ -52,7 +143,7 @@ html,body,h1,h2,h3,h4,h5,h6,p,div,ul,li {margin:0;padding:0;}
left: 10px;
}
-/*TYPOGRAPHY*/
+
html {
font-family: 'helvetica neue'
@@ -65,7 +156,6 @@ a {
}
.brand a {
- /*color: #CC0033;*/
color: #333;
}
@@ -96,7 +186,7 @@ a {
font-size: smaller;
}
-/*UTILITY*/
+
.unstyled {
list-style: none;
@@ -113,3 +203,4 @@ a {
.tar {
text-align: right;
}
+*/
View
BIN images/.DS_Store
Binary file not shown.
View
BIN images/facebook.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/flickr.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/github.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/google-plus.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/linkedin.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/reddit.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/twitter.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN images/yelp.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
9 index.html
@@ -3,6 +3,15 @@
title: stevendavie
---
+<ul class='posts unstyled'>
+{% for post in site.posts %}
+ <li>
+ <p>{{post.content}}</p>
+ </li>
+ <li class="post-separator"></li>
+{% endfor %}
+</ul>
+

0 comments on commit 693d4fe

Please sign in to comment.