Responsive changes

ccartertx · Jan 29, 2014 · 2392b7a · 2392b7a
1 parent eadd778
commit 2392b7a
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 17 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,14 +1,14 @@
 ---
-layout: default
+layout: post
 ---
 
 <html>
 <head>
-	<link type="text/css" rel="stylesheet" href="css/style.css"
+	<link type="text/css" rel="stylesheet" href="css/style.css" >
 </head>
 	<body>
 		<h2>{{ page.title }}</h2>
-		<p class="meta">{{ page.date -- date_to_string }}</p>
+		<p class="meta">{{ page.date | date_to_string }}</p>
 
 		<div class="post">
 			{{ content }}

diff --git a/css/style.css b/css/style.css
@@ -14,17 +14,37 @@ h2, h3, h4, h5, h6 {
 	color: #0064b2;
 }
 /***************************/
+
+/*Media Queries*/
+@media (min-width: 300px) {}
+@media (min-width: 700px) {  
+	.contact {float:left;}
+	.navbox li {display: inline-block;}
+	.footer {clear:both;}
+}
+@media (min-width: 1100px) {} 
+
+}
+
+
+
 /*****************************************************************************/
 /*
 /* Site
 /*
 /*****************************************************************************/
 
 
-body {
+/*body {
 	background: url(cuadros.png);
 	background-repeat: repeat;
 }	
+*/
+
+#home {
+	background: white;
+
+}
 
 
 h1 {
@@ -148,8 +168,8 @@ margin: 0px;
 
 .navbox {
 
-	margin-top: 20px;
-	margin-bottom: 20px;
+	margin-top: 5%;
+	margin-bottom: 5%;
 
 
 }
@@ -159,12 +179,12 @@ margin: 0px;
 }
 
 .navbox li {
-	display: inline-block;
-	margin: 20px;
+	/*display: inline-block;*/
+	margin: 3%;
 }
 
 .navbox a.nav {
-	width: 75px;
+	width: 60%;
 	border-bottom: 2px dotted #008fff;
 	padding: 5px;
 	text-align: center;
@@ -175,18 +195,16 @@ margin: 0px;
 
 /*Footer - Contact info*/
 
-.footer {
-	clear: both;
-}
+
 .contact {
-	float: left;
+	/*float: left;*/
 	display: inline-block;
 	text-transform: uppercase;
 	font-size: .6em;
 	color: gray;
-	margin-top: 40px;
-	margin-right: 20px;
-	margin-bottom: 40px;
+	margin-top: 5%;
+	margin-right: 2%;
+	margin-bottom: 5%;
 }
 
 .contact a{

diff --git a/index.html b/index.html
@@ -8,7 +8,7 @@ <h2>Blog Posts</h2>
   <ul class="posts">
     {% for post in site.posts %}
       <li><span class="post_meta">{{ post.date | date_to_string }}</span> &raquo; <a href="{{ post.url }}">{{ post.title }}</a>
-      <p>{{ post.excerpt }}</p></li>
+      <p>{{ post.excerpt | truncatewords:25}}</p></li>
     {% endfor %}
   </ul>