change to cinema5

cinema5.html

@@ -147,28 +147,39 @@ <h4>4: Continue Brainstorming your Project</h4>
         </div>
         <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
       </div>
-      <div id="05modal02" class="modal hide fade" style="display:none;">
-        <div class="modal-header">
-          <button class="close" data-dismiss="modal">&times;</button>
-          <h2>DIY Report the News</h2>
-        </div>
-        <div class="modal-body">
-          <h3>DIY Report the News</h3><br>
-          Add lower thirds and extra video footage to create a newscast about any topic you choose.
-          <ol>
-        <li>Find or record a video you would like to use for your Newscast. If you create your own video, upload it to YouTube. Once you’ve found or made something to work with, open the <a href="http://maker.mozillapopcorn.org/templates/supported/newscaster">Newscaster template</a> in your browser</li><li>
-Click the Edit Source button in the upper left-hand corner of the video and change the URL.</li><li>
-Double Click the text event located on the timeline and change the “test” text to “A Report by:” with your name.</li><li>
-Click and drag the title card event to the timeline. Double click the event to change the text. </li><li>
-Keep adding events to the timeline. Experiment with the mediaspawner and shrink events. Double click events on the timeline to change that event’s settings. </li><li>
-When you’re ready, click the “publish” button and copy and  paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on mozillapopcorn.org by clicking the “save” button.</li><li>
-Open your code in a Text Editor and change the logo and cube from KNN Report to whatever you choose. Change colors and anything else you wish by modifying the code.</li><li>
-Share widely! Iterate your project based on feedback you receive.</li><li>
+<div id="05modal02" class="modal hide fade" style="display:none;">
+       <div class="modal-header">
+         <button class="close" data-dismiss="modal">&times;</button>
+         <h2>DIY Report the News</h2>
+       </div>
+       <div class="modal-body"> 
+       <h3>DIY Report the News</h3><br/>
+         Add lower thirds and extra video footage to create a newscast about any topic you choose.
+        <ol>
+          <li>Find or record a video you would like to use for your Newscast. If you create your own video, upload it to YouTube. Once you’ve found or made something to work with, open the <a href="http://maker.mozillapopcorn.org/templates/supported/newscaster">Newscaster template</a> in your browser
+          </li>
+          <li>Click the Edit Source button in the upper left-hand corner of the video and change the URL.
+          </li>
+          <li>Double Click the text event located on the timeline and change the text to “A Report by:” with your name.
+      </li>
+      <li>Double Click the title card event on the timeline. Change the text and the timing if you prefer. Click done. 
+      </li>
+      <li>Double Click the photo event and switch out the image. Add an image by dragging it from your desktop or entering a URL. You can resize the image by entering a new value in the width box or by clicking and dragging in the viewport. Click done when you are finished.</li>
+      <li>Change the text of the Zoink event and reposition it. 
+      </li>
+      <li>Keep adding events to the timeline. Experiment with the mediaspawner and shrink events. Double click events on the timeline to change that event’s settings. 
+      </li>
+      <li>When you’re ready, click the “publish” button and copy and paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on mozillapopcorn.org by clicking the “save” button. 
+      </li>
+      <li>Open your code in a Text Editor and change the logo and cube from KNN Report to whatever you choose. Look for “KNN News” in the code and switch out the text. 
+      </li>
+      <li>Share! Iterate your project based on feedback you receive. 
+      </li>
+         </ol>
+       </div>
+       <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
+     </div>
 
-          </ol>
-        </div>
-        <div class="modal-footer"> <a href="#" class="btn" data-dismiss="modal" >Close</a> </div>
-      </div>
 </div>
     <!--end extra content--> 
   </div>