bfl-itp · jairwin06 · Sep 18, 2014 · Oct 2, 2014 · afeld · Oct 9, 2014
diff --git a/README.md b/README.md
@@ -11,3 +11,11 @@
 > Take the [first week's](https://github.com/bfl-itp/syllabus/blob/master/schedule.md#sep-4) offline Instructional Thing assignment online. Reimagine it for (and take advantage of) the new medium.
 
 *Describe your project here – explain the evolution*
+
+The idea for this project began as a stop motion animation/timelapse video instructional for hand casting. I set up both a video camera and a camera shooting frames every 5 seconds, imagining that the process could speak for itself, because it is very visual. I soon learned that it's difficult to document such an intensive process without an extra set of hands and without a well thought out shot plan/storyboard for imperative, key shots to explain the process. So, I was left with gigabytes worth of documentation content, but a lot of it involved motion blurred images. And, I learned that simply documenting a process (even if it is quite visual) isn't sufficient. It's important to think of key steps in a process and key information that could easily be translated visually (for example, measurements of ingredients).
+
+This web version of the process pairs down the process to key steps, includes short copy to support the visuals as well as links to learn more about and purchase materials.
+
+Here are some photos of my process:
+![shooting1] (shooting1.JPG)
+![shooting2] (shooting2.JPG)
diff --git a/casting1.jpg b/casting1.jpg
diff --git a/casting2.JPG b/casting2.JPG
diff --git a/casting3.jpg b/casting3.jpg
diff --git a/casting4.jpg b/casting4.jpg
diff --git a/casting5.jpg b/casting5.jpg
diff --git a/casting6.jpg b/casting6.jpg
diff --git a/casting7.jpg b/casting7.jpg
diff --git a/casting8.jpg b/casting8.jpg
diff --git a/casting9.jpg b/casting9.jpg
diff --git a/index.html b/index.html
@@ -1,9 +1,122 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>So-and-so's Instructional Assignment</title>
-  </head>
-  <body>
-    YOUR CODE HERE
+    <title>Julia's Instructional: How To Cast Your Hand</title>
+
+
+  <style>
+
+  h1 {
+    text-align: left;
+    margin: 5px;
+    padding: 5px;
+    font: 24px arial, sans-serif;
+    font-weight: bold;
+  }
+
+div.img {
+    margin: 5px;
+    padding: 5px;
+    height: auto;
+    float: left;
+    width: 612px;
+    text-align: left;
+}	
+
+div.img a:hover img {
+    border: 1px solid #2b2a2a;
+}
+
+div.desc {
+  text-align: left;
+  font: 13px arial, sans-serif;
+  width: 412px;
+  text-align: left;
+}
+
+div.notes {
+  position: relative;
+  min-height: 3em;
+  width: 412px;
+}
+
+ul{
+  list-style: square;
+}
+
+  </style>
+</head>
+
+<body>
+
+  <h1>How to Cast Your Hand</h1>
+<div class="img">
+ <a target="_blank" href="casting1.htm">
+ 	<img src="casting1.jpg" alt="Casted hand" width="400" height="400"></a>
+</div>
+
+
+
+<div class="img">
+ <a target="_blank" href="casting2.htm"><img src="casting2.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 1: Get materials</strong>
+ 	<ul>
+ 		<li><a href="http://www.amazon.com/Smooth-Alja-Safe-Alginate-3-lb-Box/dp/B000KVSU60">Alja-Safe Alginate 3-lb Box</a></li>
+ 		<li><a href="https://www.atlanticsupply.com/product_item.asp?id=1705&category_id=239">Hydrocal White Gypsum Cement</a> (less than 5lbs needed, for smaller amounts check your local art store)</li>
+ 		<li><a href="http://www.amazon.com/Custom-Shop-calibrated-mixing-ratios/dp/B0023UPORY/ref=pd_bxgy_hg_img_y">Mixing buckets and measuring cups of various sizes</a></li>
+ 		<li><a href="http://www.amazon.com/Wood-Paint-Paddle-Sticks-Mixing/dp/B0055DY0U8">Wood mixing sticks</a></li>
+ 		<li><a href="http://www.amazon.com/Sterilite-Pitcher-Blue-Green-2-Qt--1-9L/dp/B001MY2MAO/ref=sr_1_4?s=kitchen&ie=UTF8&qid=1410991233&sr=1-4&keywords=pitcher">Pitcher</a></li>
+ 		<li>Water</li>
+ 		<li>A model hand</li>
+ 	</ul>
+ </div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting3.htm"><img src="casting3.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 2: Mix the alginate with water</strong> 
+ 	<br>1:1 ratio (about 40oz of each)
+ </div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting4.htm"><img src="casting4.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 3: Immediately pour alginate into pitcher</strong></div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting5.htm"><img src="casting5.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 4: Immediately place hand in liquid alginate</strong>
+ 	<br>
+ 	Hold in place for 8min as alginate sets</div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting6.htm"><img src="casting6.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 5: Gently remove hand from mold</strong></div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting9.htm"><img src="casting9.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 6: Prepare the plaster</strong>
+ 	<ul>
+ 		<li>Sift plaster into water and let sit untouched about 2min</li>
+ 		<li>Ratio is 3 parts plaster (about 2.5lbs) : 1 part water (about 13oz)</li>
+ 	</ul>
+ </div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting8.htm"><img src="casting8.jpg" alt="Materials" width="400" height="266"></a>
+ <div class="desc"><strong>STEP 7: Vigorously mix the plaster in a circular motion</strong>
+ 	<br>Be weary of air bubbles
+ </div>
+</div>
+
+<div class="img">
+ <a target="_blank" href="casting1.htm"><img src="casting1.jpg" alt="Materials" width="400" height="400"></a>
+  <div class="desc"><strong>Finished product</strong>
+</div>
+
   </body>
 </html>
diff --git a/shooting1.JPG b/shooting1.JPG
diff --git a/shooting2.JPG b/shooting2.JPG