Code52 · Jan 28, 2012 · Jan 28, 2012 · Jan 28, 2012
diff --git a/_includes/latest_project.html b/_includes/latest_project.html
@@ -0,0 +1,17 @@
+<div class="latest">
+
+	<h3>The latest Code52 project is <a href="http://code52.org/samurai.html">Samurai</a></h3>
+
+	<div class="description">Samurai a turn-based combat game running on ASP.NET MVC and XNA, with plans to build clients for other platforms in the future. More details  <a href="http://code52.org/samurai.html">here</a>.</div>
+
+	<div class="details">
+
+		<ul>
+			<li>Fork and contribute on <a href="https://github.com/Code52/Samurai">GitHub</a></li>
+			<li>Follow the conversation on <a href="https://jabbr.net/">JabbR</a></li>
+			<li>Track the progress on <a href="https://trello.com/board/samurai/4f1d3d847a38f6221f1d9354">Trello</a></li>
+		</ul>
+
+	</div>
+
+</div>
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -10,7 +10,7 @@
 
 		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
 		<title>{% if page.title != "code52" %}{{ page.title }} - code52{% else %}{{ page.title }}{% endif %}</title>
-		<link rel="stylesheet" type="text/css" href="/css/style_2.css" />
+		<link rel="stylesheet" type="text/css" href="/css/style20120128.css" />
 		<link rel="shortcut icon" href="/img/favicon.ico" />
 	</head>
 	<body>

diff --git a/_layouts/post.html b/_layouts/post.html
@@ -1,6 +1,7 @@
 ---
 layout: layout
 ---
+
 <div class="entry-container">
 	<div class='entry'>
 		<h1> {{page.title}} </h1>

diff --git a/css/style.css → css/style20120128.css b/css/style.css → css/style20120128.css
@@ -1,110 +1,134 @@
-body 
-{ 
-	font-family: Segoe UI, sans-serif; 
-	margin-left:auto; 
-	margin-right: auto;
-	width:1100px; 
-}
-h1,h2,h3,h4,h5,h6 
-{ 
-	font-family: Segoe UI Light, Segoe WP Light, Segoe UI, Helvetica, sans-serif; 
-	font-weight: lighter; 
-	margin-bottom:0px; 
-}
-h1 
-{ 
-	font-size: 4em;
-}
-h2 
-{ 
-	font-size: 2.5em;
-}
-a, a:visited 
-{ 
-	text-decoration: none; 
-	color:#13678b;
-}
-a:hover 
-{
-	color:white; 
-	background: #13678b
-}
-ul 
-{
-	margin:0; 
-	padding:0;
-}
-li 
-{ 
-	margin:0; 
-	padding:0; 
-	list-style-type:none;
-}
-.entry ul, .idea ul 
-{
-	margin-left:10px; 
-}
-.entry li, .idea li 
-{
-	margin-left:10px; 
-	list-style-type:circle;
-}
-#hometext a { font-size: 2em; margin-left: 5px; margin-right:10px; display: none; color: #41B1E1; font-weight: normal;  }
-#home:hover 
-{ 
-	background:none; 
-}
-#side 
-{ 
-	float:right; 
-	color: #41b1e1; 
-	margin-left:50px; 
-}
-#side .section 
-{ 
-	margin-top:50px;
-	margin-bottom: 50px; 
-	padding:0;
-}
-#side .section ul 
-{ 
-	font-size:2em;
-}
-#content 
-{
-	width:auto;
-}
-img
-{
-  width: auto !important; 
-  height: auto !important; 
-  max-width: 100%; 
-  border: none;
-}
-.postdate 
-{ 
-	font-size: 0.8em; 
-	font-weight: bold; 
-}
-.idea h1, .entry h1 
-{
-	margin-bottom: 5px;
-}
-
-/* min-device-width: 800px instead? */
-@media screen and (max-width:900px)
-{
-	body { width:auto; margin:10px; }
-	#content { width : 100%; }
-	#side { float:none; width:100%; margin-left:0px; }
-	#side .section { margin-top:0; margin-right: 30px; }
-	#side .section ul { font-size:1.2em; padding:0px; margin:5px; }
-	#side li { display: inline; margin-left:3px; margin-right: 3px; font-weight: normal; }
-	#home { display: none;  }
-	#hometext a { display: inline;  }
-	h1 { margin-top: -0px;}
-}
-
-#suggest { color: orange; }
-#suggest:hover { color:white; 
-	background: orange }
+body 
+{ 
+	font-family: Segoe UI, sans-serif; 
+	margin-left:auto; 
+	margin-right: auto;
+	width:1100px; 
+}
+h1,h2,h3,h4,h5,h6 
+{ 
+	font-family: Segoe UI Light, Segoe WP Light, Segoe UI, Helvetica, sans-serif; 
+	font-weight: lighter; 
+	margin-bottom:0px; 
+}
+h1 
+{ 
+	font-size: 4em;
+}
+h2 
+{ 
+	font-size: 2.5em;
+}
+a, a:visited 
+{ 
+	text-decoration: none; 
+	color:#13678b;
+}
+a:hover 
+{
+	color:white; 
+	background: #13678b
+}
+ul 
+{
+	margin:0; 
+	padding:0;
+}
+li 
+{ 
+	margin:0; 
+	padding:0; 
+	list-style-type:none;
+}
+.entry ul, .idea ul 
+{
+	margin-left:10px; 
+}
+.entry li, .idea li , .latest li
+{
+	margin-left:10px; 
+	list-style-type:circle;
+}
+#hometext a { font-size: 2em; margin-left: 5px; margin-right:10px; display: none; color: #41B1E1; font-weight: normal;  }
+#home:hover 
+{ 
+	background:none; 
+}
+#side 
+{ 
+	float:right; 
+	color: #41b1e1; 
+	margin-left:50px; 
+}
+#side .section 
+{ 
+	margin-top:50px;
+	margin-bottom: 50px; 
+	padding:0;
+}
+#side .section ul 
+{ 
+	font-size:2em;
+}
+#content 
+{
+	width:auto;
+}
+img
+{
+  width: auto !important; 
+  height: auto !important; 
+  max-width: 100%; 
+  border: none;
+}
+.postdate 
+{ 
+	font-size: 0.8em; 
+	font-weight: bold; 
+}
+.idea h1, .entry h1 
+{
+	margin-bottom: 5px;
+}
+
+.latest 
+{
+	border-bottom: 1px solid #13678B;
+	padding: 10px; 
+	padding-left: 20px;
+	padding-bottom: 20px;
+	margin-right: 330px; /*hack*/ 
+	margin-top: 10px;
+}
+
+.latest h3 { margin-top: 5px; font-size: 1.8em; color: #13678B;}
+
+.latest .description 
+{ 	
+	font-family: Segoe UI Light, Segoe WP Light, Segoe UI, Helvetica, sans-serif; 
+ 	font-weight: bold; 
+ 	margin-top: 10px; 
+ 	margin-bottom: 10px; 
+}
+
+.latest .details { margin: 10px;}
+
+/* min-device-width: 800px instead? */
+@media screen and (max-width:900px)
+{
+	body { width:auto; margin:10px; }
+	#content { width : 100%; }
+	#side { float:none; width:100%; margin-left:0px; }
+	#side .section { margin-top:0; margin-right: 30px; }
+	#side .section ul { font-size:1.2em; padding:0px; margin:5px; }
+	#side li { display: inline; margin-left:3px; margin-right: 3px; font-weight: normal; }
+	#home { display: none;  }
+	#hometext a { display: inline;  }
+	h1 { margin-top: -0px;}
+	.latest { margin-right:0px;	border-top: 1px solid #13678B; margin-top: -20px; margin-bottom: 20px;	}
+}
+
+#suggest { color: orange; }
+#suggest:hover { color:white; background: orange }
+
+
diff --git a/css/style_2.css b/css/style_2.css
diff --git a/img/logo.png b/img/logo.png