Confirmed users
895
edits
Webmaker/Teach/WebmakingResources/HacktivityKits: Difference between revisions
Jump to navigation
Jump to search
Webmaker/Teach/WebmakingResources/HacktivityKits (view source)
Revision as of 12:54, 16 November 2012
, 16 November 2012→Hacktivity Kits
| Line 41: | Line 41: | ||
* [https://github.com/LauraHilliger/hacktivityKits GitHub Versions] | * [https://github.com/LauraHilliger/hacktivityKits GitHub Versions] | ||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#27AAE1;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px | <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#27AAE1;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>XRay Goggles Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http://zythepsary.com/mozilla/hacktivity/icons/goggles.png | http://zythepsary.com/mozilla/hacktivity/icons/goggles.png | ||
| Line 50: | Line 50: | ||
</div> | </div> | ||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#A4B5BF;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px | <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#A4B5BF;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Thimble Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http://zythepsary.com/mozilla/hacktivity/icons/thimble.png | http://zythepsary.com/mozilla/hacktivity/icons/thimble.png | ||
| Line 60: | Line 60: | ||
<div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:# | <div style="-moz-border-radius: 10px;width:27%;height:auto;background-color:#F4D257;float:left;display:block;margin:1.5%;border: 1px solid #C4C295;text-align:left;padding:1.5%;padding-top:0px;"><h3>Popcorn Maker Kit</h3> | ||
<div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | <div style="background-color:white;width:65%; margin-left:auto;margin-right:auto;padding-left:35%;"> | ||
http://zythepsary.com/mozilla/hacktivity/icons/popcorn.png | http://zythepsary.com/mozilla/hacktivity/icons/popcorn.png | ||
</div> | </div> | ||
These hacktivities will help people learn the concept of procedural storytelling, how to use Popcorn Maker and nuances of web native film. | These hacktivities will help people learn the concept of procedural storytelling, how to use Popcorn Maker and nuances of web native film. Learners will create interactive stories using Popcorn Maker and publish them to the Web. | ||
[http://zythepsary.com/mozilla/hacktivity/PopcornPrototype/index_popcorn.html Popcorn Maker Kit] | [http://zythepsary.com/mozilla/hacktivity/PopcornPrototype/index_popcorn.html Popcorn Maker Kit] | ||