New layout draft for Coordinate System and Shapes tutorial

REAS · REAS · commit a1e3082980c7 · 2015-09-30T21:24:42.000-07:00
diff --git a/content/static/tutorials/drawing/index.html b/content/static/tutorials/drawing/index.html
@@ -1,16 +1,19 @@
-<h1>Coordinate System and Shapes</h1>
-	
-<p>
-<table width="656">
+<table width="650">
    	<tr>
-   	
-<p class="license">This tutorial is for Processing version 1.1+. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>. This tutorial is from the book, <a href="http://www.processing.org/learning/books/#shiffman">Learning Processing</a>, by Daniel Shiffman, published by Morgan Kaufmann Publishers, Copyright &copy; 2008 Elsevier Inc. All rights reserved.</p>
-	
-	<p>&nbsp;</p>
+   	<td>
+
+	<p class="license">
+    	This tutorial is from the book <a href="http://www.processing.org/learning/books/#shiffman">Learning Processing</a> by Daniel Shiffman, published by Morgan Kaufmann Publishers, &copy; 2008 Elsevier Inc. All rights reserved. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>.
+    </p>
+
+   	<h1 style="line-height: 0.7em;">Coordinate System and Shapes</h1>
+	<h3 style="line-height: 0.7em;"><em>Daniel Shiffman</em></h3>
+
 
    <h3>Coordinate Space</h3>
-<p>
-Before we begin programming with Processing, we must first channel our eighth grade selves, pull out a piece of graph paper, and draw a line. The shortest distance between two points is a good old fashioned line, and this is where we begin, with two points on that graph paper. 
+
+   <p>
+		Before we begin programming with Processing, we must first channel our eighth grade selves, pull out a piece of graph paper, and draw a line. The shortest distance between two points is a good old fashioned line, and this is where we begin, with two points on that graph paper. 
 <br /><br />
 <img src="imgs/drawing-01.svg" style= "width: 645px; height: 244px">
 <br /><br />
@@ -93,13 +96,10 @@ <h3>Simple Shapes</h3>
 line(90,150,80,160);
 line(110,150,120,160);
 </pre>
-</p>
 
-	<p>&nbsp;</p>
+</p>
 
-<p class="license">This tutorial is for Processing version 1.1+. If you see any errors or have comments, please <a href="https://github.com/processing/processing-docs/issues?state=open">let us know</a>. This tutorial is from the book, <a href="http://www.processing.org/learning/books/#shiffman">Learning Processing</a>, by Daniel Shiffman, published by Morgan Kaufmann Publishers, Copyright &copy; 2008 Elsevier Inc. All rights reserved.</p>
    		
-</td>
+	</td>
 	</tr>
-  </table>
-</p>
+</table>
