Difference between revisions of "Team:Marburg/Gameofcells"
(21 intermediate revisions by 2 users not shown) | |||
Line 215: | Line 215: | ||
/* Fader */ | /* Fader */ | ||
− | #fader {position:relative;border:1px solid #D0D0D0;} | + | #fader {position:relative;border:1px solid #D0D0D0;width:820px;} |
#fader img { | #fader img { | ||
position:absolute; | position:absolute; | ||
z-index:1; | z-index:1; | ||
height:450px; | height:450px; | ||
− | |||
padding:10px; | padding:10px; | ||
opacity:0.0; | opacity:0.0; | ||
Line 269: | Line 268: | ||
<li><a href="https://2015.igem.org/Team:Marburg/Curli">NUTRInity - Pick up</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/Curli">NUTRInity - Pick up</a></li> | ||
<li><a href="https://2015.igem.org/Team:Marburg/CDI">NUTRInity - Cut off</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/CDI">NUTRInity - Cut off</a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Marburg/Design">Future Application</a></li> | ||
<li><a href="https://2015.igem.org/Team:Marburg/InterLab">InterLab Study</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/InterLab">InterLab Study</a></li> | ||
<li><a href="https://2015.igem.org/Team:Marburg/Measurement">Measurement Study</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/Measurement">Measurement Study</a></li> | ||
Line 278: | Line 278: | ||
<li><a href="https://2015.igem.org/Team:Marburg/Hessentag">Hessentag</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/Hessentag">Hessentag</a></li> | ||
<li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | <li><a href="https://2015.igem.org/Team:Marburg/Killswitch">KillSwitch Statistics</a></li> | ||
− | |||
</ul> | </ul> | ||
</li> | </li> | ||
Line 341: | Line 340: | ||
<div style="z-index:1;text-align:center;padding-bottom:40px;"><img src="https://static.igem.org/mediawiki/2015/3/3f/MR_pic_Button_Gameofcells.png" style="height:60px;"/></div> | <div style="z-index:1;text-align:center;padding-bottom:40px;"><img src="https://static.igem.org/mediawiki/2015/3/3f/MR_pic_Button_Gameofcells.png" style="height:60px;"/></div> | ||
− | + | <div style="position:relative;display:inline-block;padding:15px;background:#F8F8F8;border-style:solid;border-color:#FF8F45;border-width:2px;border-radius:10px;text-align:justify;font-size:13pt;line-height:150%;margin:10px;"> | |
− | <h1> | + | <h1>One game to teach them all!</h1> |
<p> | <p> | ||
− | + | As fulfillment of our iGeneration campaign, we want to reach a wide variety of demographic ages. Informing young people about synthetic biology is an integral part of our holistic Human Practices approach.<br> | |
− | + | Therefore, we planned an educational board game named "Game of Cells". As the development process required several time-consuming steps, we established a collaboration with the iGEM Team of Erlangen, Germany. The design of the game will give children the opportunity to learn about biology in a playful manner. Due to divergent educational standards, the texts are always based on examples, which can be interpreted by children 10 years of age and above. To gain the interest of the specified target audience, our approach aimed to give basic knowledge of the cell structure and their function via several game mechanisms like collecting items, challenge, cooperation and a bit of luck. For example action cards give a specific task based on a biological background. The lactose field forces the player to move three steps backwards, if not having a lactose tolerance card.<br> | |
+ | Game of Cells will be provided as PDF-file for self-printing and therefore, can easily be shared with the interested community.</p> | ||
+ | <figure style="text-align:center;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/33/MR_pic_Game.jpg" width="600px"/> | ||
+ | </figure> | ||
+ | <a href="https://static.igem.org/mediawiki/2015/3/33/MR_pic_Game.jpg">Click here for a fullscreen version. </a> | ||
+ | <p>If you are interested in a printable form of our game - Let us know!</p> | ||
+ | </div> | ||
− | <div id="fader"> | + | <div style="position:relative;display:inline-block;padding:15px;background:#F8F8F8;border-style:solid;border-color:#FF8F45;border-width:2px;border-radius:10px;text-align:justify;font-size:13pt;line-height:150%;margin:10px;width:991px;margin-bottom:30px;"> |
+ | <h1>Gallery</h1> | ||
+ | <div id="fader" style="margin-left:100px;margin-bottom:30px;"> | ||
<img src="https://static.igem.org/mediawiki/2015/d/d0/MR_pic_game1.jpg" alt="1" /> | <img src="https://static.igem.org/mediawiki/2015/d/d0/MR_pic_game1.jpg" alt="1" /> | ||
<img src="https://static.igem.org/mediawiki/2015/2/21/MR_pic_game2.jpg" alt="2" /> | <img src="https://static.igem.org/mediawiki/2015/2/21/MR_pic_game2.jpg" alt="2" /> | ||
Line 358: | Line 366: | ||
<img src="https://static.igem.org/mediawiki/2015/8/80/MR_pic_game8.jpg" alt="8" /> | <img src="https://static.igem.org/mediawiki/2015/8/80/MR_pic_game8.jpg" alt="8" /> | ||
<img src="https://static.igem.org/mediawiki/2015/1/1b/MR_pic_game9.jpg" alt="9" /> | <img src="https://static.igem.org/mediawiki/2015/1/1b/MR_pic_game9.jpg" alt="9" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/b/b4/MR_pic_Col11.jpg" alt="7" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/2c/MR_pic_Col12.jpg" alt="8" /> | ||
</div> | </div> | ||
Line 363: | Line 373: | ||
$.fn.initGallery = function() { | $.fn.initGallery = function() { | ||
//SCALE CONTAINER | //SCALE CONTAINER | ||
− | + | var fades = $('img',this); | |
− | + | var maxwidth = 0; | |
− | + | var maxheight = 0; | |
− | + | fades.each(function() { | |
maxwidth = ($(this).outerWidth() > maxwidth) ? $(this).outerWidth() : maxwidth; | maxwidth = ($(this).outerWidth() > maxwidth) ? $(this).outerWidth() : maxwidth; | ||
maxheight = ($(this).outerHeight() > maxheight) ? $(this).outerHeight() : maxheight; | maxheight = ($(this).outerHeight() > maxheight) ? $(this).outerHeight() : maxheight; | ||
Line 414: | Line 424: | ||
</script> | </script> | ||
− | + | </div></div> | |
<div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!----> | <div style="position:absolute;text-align:center;z-index:2;background:#e0e0e0;line-height:150%;bottom:0px;padding-top:3px;margin-bottom:0px; padding-left:235px; padding-right:80px;min-height:60px;min-width:100%;max-width:100%;box-sizing:border-box;clear:both;"><!----> |
Latest revision as of 12:59, 18 September 2015
One game to teach them all!
As fulfillment of our iGeneration campaign, we want to reach a wide variety of demographic ages. Informing young people about synthetic biology is an integral part of our holistic Human Practices approach.
Therefore, we planned an educational board game named "Game of Cells". As the development process required several time-consuming steps, we established a collaboration with the iGEM Team of Erlangen, Germany. The design of the game will give children the opportunity to learn about biology in a playful manner. Due to divergent educational standards, the texts are always based on examples, which can be interpreted by children 10 years of age and above. To gain the interest of the specified target audience, our approach aimed to give basic knowledge of the cell structure and their function via several game mechanisms like collecting items, challenge, cooperation and a bit of luck. For example action cards give a specific task based on a biological background. The lactose field forces the player to move three steps backwards, if not having a lactose tolerance card.
Game of Cells will be provided as PDF-file for self-printing and therefore, can easily be shared with the interested community.
If you are interested in a printable form of our game - Let us know!