Update Style

_layouts/default.html

@@ -13,6 +13,9 @@
         <!-- Bootstrap core CSS -->
     	<link href="{{ site.baseurl }}/css/bootstrap.min.css" rel="stylesheet">
 
+        <!-- Fonts -->
+        <link href="//fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
+        
         <!-- Custom CSS -->
         <link rel="stylesheet" href="{{ site.baseurl }}/css/main.css">
 
@@ -22,10 +25,10 @@
 		<div class="container">
 
 			<div class="col-sm-3">
-				<h1>{{ site.name }}</h1>
+				<h3>{{ site.name }}</h3>
 				<img id="about" src="{{ site.baseurl }}/img/avatar.jpg" height="75px" width="75px" /><br />	
 
-				<strong>navigation</strong><br />
+				<strong>Navigation</strong><br />
 				<a href="{{ site.baseurl }}/">home</a> <br />
 				{% for i in site.urls %}
 					<a class="about" href="{{ i.url }}">{{ i.text }}</a><br />
@@ -33,7 +36,7 @@
 				
 				{% if site.about %}
 				<div id="about">
-					<strong>about</strong><br />
+					<strong>About</strong><br />
 					{{ site.about }}
 				</div>
 				{% endif %}
@@ -46,7 +49,7 @@
 				<footer>
 					&copy; {{ site.name }}
 					{% if site.github %} 
-						- <a href="{{ site.github }}">{{ site.github }}</a>
+						- <a href="{{ site.github }}">{{ site.github }} - Powered by Jekyll.</a>
 					{% endif %}
 				</footer>
 			</div>

css/main.css

@@ -4,12 +4,17 @@
  * //////////////
  */
 body {
-    color: #424242;
+    font-family: "Roboto Condensed", Arial, sans-serif;
+    background-color: #fff;
+    font-size: 16px;
+    line-height: 1.5em;
+    color: #666;
+    font-weight: 300;
 }
 
 @media (min-width: 768px) {
   .container {
-    max-width: 730px;
+    max-width: 780px;
   }
 }
 /**
@@ -27,6 +32,7 @@ h1 {
     font-weight: normal;
     color: #696969;
     margin-bottom: 10px;
+    font-size: 25px;
 }
 
 h2 {
@@ -86,6 +92,7 @@ div.content pre {
     overflow-x: auto;
     font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
     font-size: 12px;
+    border: none;
 }
 
 div.content .highlight {
@@ -97,6 +104,7 @@ footer {
     width: 100%;
     height: 10px;
     margin-top: 10px;
+    margin-bottom: 3em;
     padding-top: 10px;
     color: #C2C2C2;
     font-size: 11px;

index.html

@@ -3,10 +3,10 @@ layout: default
 ---
 
 <div id="home">
-  <h1>Blog Posts</h1>
-  <ul class="posts">
+  <h1>Our Stack Problems</h1>
+  <ol class="posts">
     {% for post in site.posts %}
       <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
-  </ul>
+  </ol>
 </div>