Permalink
Browse files

Added the gears images and links to the main page.

  • Loading branch information...
1 parent db54976 commit 5aca2618236130bf353975fa62667824e977c544 @zgrossbart committed Nov 29, 2011
Showing with 22 additions and 2 deletions.
  1. BIN gears.png
  2. +10 −0 index.css
  3. +11 −1 index.html
  4. +1 −1 processing_gears.html
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -80,4 +80,14 @@ pre {
line-height: 14px;
}
+#paperGears {
+ background: transparent url('gears.png') no-repeat scroll 0 0;
+}
+
+#processingGears {
+ background: transparent url('gears.png') no-repeat scroll -250px 0;
+}
+#raphaelGears {
+ background: transparent url('gears.png') no-repeat scroll -500px 0;
+}
View
@@ -52,7 +52,11 @@
</p>
<p style="margin-top: 160px;">
- The frameworks also handle interactions. Click a square to change its the color.
+ The frameworks also handle interactions. Click a square to change its the color.
+ </p>
+
+ <p style="margin-top: 140px;">
+ Now we'll put it all together with some more complex shapes and create gears. Click the images to see the results.
</p>
</div>
<div id="paper">
@@ -65,6 +69,8 @@
<canvas id="paperInteraction" class="canvas" width="200" height="200" style="background-color: white;"></canvas>
<a href="https://github.com/zgrossbart/3gears/blob/master/paper_interaction.pjs" class="sourceLink">view source</a>
+
+ <a href="http://zgrossbart.github.com/3gears/paper_gears.html" id="paperGears" class="canvas"> </a>
</div>
<div id="processing">
@@ -77,6 +83,8 @@
<canvas width="200" height="200" class="canvas" data-processing-sources="processing_interaction.java"></canvas>
<a href="https://github.com/zgrossbart/3gears/blob/master/processing_interaction.java" class="sourceLink">view source</a>
+
+ <a href="http://zgrossbart.github.com/3gears/processing_gears.html" id="processingGears" class="canvas"> </a>
</div>
<div id="raphael">
@@ -89,6 +97,8 @@
<div id="raphaelInteraction" class="canvas"></div>
<a href="https://github.com/zgrossbart/3gears/blob/master/raphael_shapes.js" class="sourceLink">view source</a>
+
+ <a href="http://zgrossbart.github.com/3gears/raphael_gears.html" id="raphaelGears" class="canvas"> </a>
</div>
</div>
</body>
@@ -23,7 +23,7 @@
<body>
<a href="https://github.com/zgrossbart/3gears" id="forkme"><img style="position: absolute; top: 8px; left: 819px; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
- <canvas width="960" height="650" data-processing-sources="processing_gears.java"></canvas></p>
+ <canvas width="960" height="650" data-processing-sources="processing_gears.java"></canvas>
<h2 style="font-family: ff-basic-gothic-web-pro,Verdana,Arial,Sans-serif;left: 370px;position: absolute;top: 525px;width: 190px;">Gears in Processing.js</h2>

0 comments on commit 5aca261

Please sign in to comment.