mobile friendly

aeoth · aeoth · commit 164e7e5e187b · 2011-12-14T14:31:45.000+11:00
diff --git a/_layouts/layout.html b/_layouts/layout.html
@@ -9,7 +9,6 @@
 	<body>
 		<div id="container">
 			<div id="side">
-				code
 				<h1>52</h1>
 				<h2>a new coding project every week</h2>
 				
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -9,7 +9,7 @@ <h1> {{page.title}} </h1>
 				<li><a href="/tag/{{ tag }}">{{ tag }}</a></li>
 			{% endfor %}
 			
-<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="aeoth">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
+<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="code52org">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
 		</span>
 		{{ content }}
 	</div>
diff --git a/_site/css/style.css b/_site/css/style.css
@@ -1,11 +1,31 @@
 body{ font-family: Segoe UI, sans-serif; margin-left:auto; margin-right: auto; width:1100px; }
 h1,h2,h3,h4,h5,h6{ font-weight:lighter; }
 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;}
 
 #side { float:right;color: #41b1e1; width:40%;}
 #side h1 { margin-left:0; font-size:25em; margin-left:-40px; margin-top:-70px;  margin-bottom:0px; line-height:1em;}
 #side h2 { margin-left:0; margin-left:-15px; margin-top:-20px;  margin-bottom:0px; line-height:1em; font-size:3em;}
 #side ul { margin-left:-10px; margin-top:50px; font-size:2em; padding:0;}
-#content { width:50%;}
+#content { width:50%;}
+img
+{
+  width: auto !important;
+  height: auto !important;
+  max-width: 100%;
+  border: none;
+}
+
+/* mostly phones that are under 600px, so these should be safe */
+@media screen and (max-width:600px)
+{
+	body { width:100%; margin:10px; }
+	#content { width : 100%; }
+	#side { float:none; width:100%;}
+	#side h1 { font-size:4em; margin:0;}
+	#side h2 { font-size:1.5em; margin:0;}
+	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
+	#side li { display:inline; }
+}
diff --git a/_site/idea1.html b/_site/idea1.html
@@ -9,7 +9,6 @@
 	<body>
 		<div id="container">
 			<div id="side">
-				code
 				<h1>52</h1>
 				<h2>a new coding project every week</h2>
 				
@@ -26,7 +25,7 @@ <h1> Idea 1: Cupcake ipsum dolor sit amet marshmallow. </h1>
 		<span class="postdate">14 December, 2011
 			
 			
-<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="aeoth">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
+<a href="https://twitter.com/share" class="twitter-share-button" data-count="none" data-via="code52org">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
 		</span>
 		<p>Chocolate bear claw I love. Cotton candy sesame snaps gingerbread chocolate. Candy toffee sweet gummi bears cheesecake chocolate bar cotton candy tart danish. I love I love I love I love sweet I love lollipop I love. Pudding ice cream halvah muffin chupa chups powder. Pie chocolate cake donut ice cream jelly ice cream macaroon topping sesame snaps. Ice cream I love jujubes applicake sweet roll liquorice. Pastry icing biscuit faworki. Chocolate bar cupcake cupcake souffl� I love. Macaroon chupa chups I love chocolate bar candy canes wafer jelly sweet tiramisu. Sesame snaps fruitcake chocolate donut sweet tiramisu. Jelly beans pastry applicake powder marzipan I love.</p>
 
diff --git a/_site/index.html b/_site/index.html
@@ -9,7 +9,6 @@
 	<body>
 		<div id="container">
 			<div id="side">
-				code
 				<h1>52</h1>
 				<h2>a new coding project every week</h2>
 				
diff --git a/css/style.css b/css/style.css
@@ -1,11 +1,31 @@
 body{ font-family: Segoe UI, sans-serif; margin-left:auto; margin-right: auto; width:1100px; }
 h1,h2,h3,h4,h5,h6{ font-weight:lighter; }
 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;}
 
 #side { float:right;color: #41b1e1; width:40%;}
 #side h1 { margin-left:0; font-size:25em; margin-left:-40px; margin-top:-70px;  margin-bottom:0px; line-height:1em;}
 #side h2 { margin-left:0; margin-left:-15px; margin-top:-20px;  margin-bottom:0px; line-height:1em; font-size:3em;}
 #side ul { margin-left:-10px; margin-top:50px; font-size:2em; padding:0;}
-#content { width:50%;}
+#content { width:50%;}
+img
+{
+  width: auto !important;
+  height: auto !important;
+  max-width: 100%;
+  border: none;
+}
+
+/* mostly phones that are under 600px, so these should be safe */
+@media screen and (max-width:600px)
+{
+	body { width:100%; margin:10px; }
+	#content { width : 100%; }
+	#side { float:none; width:100%;}
+	#side h1 { font-size:4em; margin:0;}
+	#side h2 { font-size:1.5em; margin:0;}
+	#side ul { font-size:1em; padding:0px; margin:0px; margin-top:20px;}
+	#side li { display:inline; }
+}
