completed base design. On to responsive sizing.

mikevalstar · Nov 9, 2011 · 6dae2dd · 6dae2dd
1 parent 59691f3
commit 6dae2dd
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 11 deletions.
diff --git a/htdocs/css/css.css b/htdocs/css/css.css
@@ -16,7 +16,7 @@ img{ border: 0; }
 .hide{ display: none; }
 
 /* Outer Container */
-#O{ width: 1150px; padding: 0 25px; margin: auto; padding-top: 5.5em; /* border: 1px solid green; */ }
+#O{ width: 1150px; padding: 0 25px; margin: auto; padding-top: 5.5em; }
 
 /* Header */
 #H{}
@@ -30,7 +30,7 @@ img{ border: 0; }
 #Nav{}
 #Nav>ul{ display: block; margin: 0; padding: 1.8em 0 0 0; }
 #Nav>ul>li{ display: block; float: left; padding: 0; }
-#Nav>ul>li{ width: 20%; margin: 0 2.2%; border: 2px solid #D4D4D4; padding: 25px 0; height: 50px; }
+#Nav>ul>li{ width: 20%; margin: 0 2.2%; border: 2px solid #D4D4D4; border-radius: 4px; padding: 25px 0; height: 50px; }
 #Nav>ul>li>a{ display: block; width: 50%; padding: 0.5em 1em; }
 #Nav>ul>li>a:hover{ padding: 0.5em 1em 0.5em 2em; }
 
@@ -54,8 +54,8 @@ img{ border: 0; }
 #NTwitter a{ color: #0084B4; text-decoration: none; }
 
 /* Content */
-#C{}
-#CC{ width: 92%; margin: auto; }
+#C{ padding-top: 1.5em; }
+#CC{ border: 1px solid #CCC; border-radius: 4px; background: white; width: 92%; margin: auto; padding: 0.5em 1em; }
 
 #disqus_identity{ display: none; }
 #disqus_permalink{ display: none; }

diff --git a/htdocs/js/mikevalstar.js b/htdocs/js/mikevalstar.js
@@ -42,7 +42,7 @@ MV.content = {
 		}
 
 		var url = (hash[0] == '#') ? hash.substring(2): hash;
-		$('#CC').load(url + ' #CC', callback);
+		$('#C').load(url + ' #CC', callback);
 	}
 
 	,  loadDisqus: function(){

diff --git a/views/layout.jade b/views/layout.jade
@@ -27,9 +27,9 @@ html(lang="en")
 				h1: a(href="http://mikevalstar.com/") Mike Valstar
 				#social
 					//- a(href="#"): img(src="/img/rss.png", alt="RSS")
-					a(href="#"): img(src="/img/github.png", alt="Github")
-					a(href="#"): img(src="/img/google-plus.png", alt="Google+")
-					a(href="#"): img(src="/img/twitter.png", alt="Twitter")
+					a(href="https://github.com/mikevalstar"): img(src="/img/github.png", alt="Github")
+					a(href="https://plus.google.com/107235391839316017795"): img(src="/img/google-plus.png", alt="Google+")
+					a(href="http://twitter.com/#!/mikevalstar"): img(src="/img/twitter.png", alt="Twitter")
 
 				h2 Web Development, Programming, Random Thoughts
 
@@ -47,5 +47,4 @@ html(lang="en")
 			#C(class=cclass)
 				#CC!= body	
 
-			#F
-				Mike Valstar &copy; 2011
+			#F Mike Valstar &copy; 2011
diff --git a/views/post/bp_100.jade b/views/post/bp_100.jade
@@ -1,6 +1,6 @@
 h2 
 	a(href="/Blog/100/Test_Blog_Post") Blog Post #100
-h5 Date Time Here
+h5: time(pubdate="2011-01-01") Date Time Here
 
 
 p Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb.