|
|
| (41 intermediate revisions by 3 users not shown) |
| Line 9: |
Line 9: |
| | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> | | <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"> |
| | <link href="https://2016.igem.org/Team:NYMU-Taipei/StyleSheets/sheet?action=raw&ctype=text/css" rel="stylesheet"> | | <link href="https://2016.igem.org/Team:NYMU-Taipei/StyleSheets/sheet?action=raw&ctype=text/css" rel="stylesheet"> |
| − | <script type="text/javascript" src="https://2014.igem.org/Team:ATOMS-Turkiye/asoMain/atomsAccordion?action=raw&ctype=text/js"></script>
| |
| | | | |
| | <script> | | <script> |
| Line 16: |
Line 15: |
| | | | |
| | <style> | | <style> |
| − | .expand{ /*header of 2nd demo*/
| + | @media screen and (min-width: 300px) and (max-width: 1000px){ |
| − | border-bottom: solid #000000 2px;
| + | .photo a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:250px; text-align:center;} |
| − | text-shadow: 0px 0px 1px #000000;
| + | .photo a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;} |
| − | font-size: 24px;
| + | |
| − | padding-bottom: -1000px;
| + | |
| − | margin-top: 0px;
| + | |
| − | width:60%;
| + | |
| − | height:40px;
| + | |
| − | margin:auto;
| + | |
| | } | | } |
| − | .technology{ /*header of 2nd demo*/
| + | @media screen and (min-width: 1000px){ |
| − | cursor: pointer;
| + | .photo a{ box-shadow:0 0 5px #999; position:relative; margin:auto; bottom:0px; text-decoration:none; color:#FFF; display:block; border: solid 1px #69F; background-color:#6CF; border-radius:3px; width:250px; text-align:center;} |
| − | color: #666666 !important;
| + | .photo a:hover{ box-shadow:0 0 5px #666; background-color:#6BF;} |
| − | border-bottom: solid #000000 2px !important;
| + | |
| − | text-shadow: 0px 0px 1px #000000 !important;
| + | |
| − | font-size: 24px !important;
| + | |
| − | padding-bottom: 6px !important;
| + | |
| − | margin-top: 29px !important;
| + | |
| − | width:60%;
| + | |
| − | margin:auto;
| + | |
| | } | | } |
| − | div.thelanguage {
| |
| − | float: none;
| |
| − | margin-top:47px
| |
| − | border-radius: 3px;
| |
| − | padding: 8px;
| |
| − | margin: 14px;
| |
| − | width: 60%;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | list-style-type: disc;
| |
| − | }
| |
| − | div.thelanguage img {
| |
| − | width: 50%;
| |
| − | border: solid rgb(30,123,148) 4px;
| |
| − | height: 50%;
| |
| − | margin-bottom: 4px;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .openlanguage{ /*class added to contents of 2nd demo when they are open*/
| |
| − | color: #666666;
| |
| − | }
| |
| − |
| |
| − | .closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
| |
| − | color: #666666;
| |
| − | }
| |
| − | a.collapseLink {
| |
| − | color: #666666 !important;
| |
| − | text-shadow: 0px 0px 1px #000000 !important;
| |
| − | margin: 12px !important;
| |
| − | font-size: 18px !important;
| |
| − | text-decoration:none
| |
| − | }
| |
| − |
| |
| | </style> | | </style> |
| − |
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | //Initialize 2nd demo:
| |
| − | ddaccordion.init({
| |
| − | headerclass: "technology", //Shared CSS class name of headers group
| |
| − | contentclass: "thelanguage", //Shared CSS class name of contents group
| |
| − | revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", or "mouseover"
| |
| − | mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
| |
| − | collapseprev: false, //Collapse previous content (so only one open at any time)? true/false
| |
| − | defaultexpanded: [0], //index of content(s) open by default [index1, index2, etc]. [] denotes no content.
| |
| − | onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
| |
| − | animatedefault: false, //Should contents open by default be animated into view?
| |
| − | persiststate: false, //persist state of opened contents within browser session?
| |
| − | toggleclass: ["closedlanguage", "openlanguage"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
| |
| − | togglehtml: ["suffix", " <small><small>[Expand]</small></small>", " <small><small>[Collapse]</small></small>"], //Additional HTML added to the header when it's collapsed and expanded, respectively ["position", "html1", "html2"] (see docs)
| |
| − | animatespeed: "fast", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
| |
| − | oninit:function(expandedindices){ //custom code to run when headers have initalized
| |
| − | //do nothing
| |
| − | },
| |
| − | onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
| |
| − | //do nothing
| |
| − | }
| |
| − | })
| |
| − |
| |
| − | </script>
| |
| | | | |
| | </head> | | </head> |
| Line 103: |
Line 29: |
| | <body> | | <body> |
| | | | |
| − | <div id="wrap"> | + | <div class=" prototypeprototypesp"> |
| − | | + | <div class=" imageimage00"> |
| − | <div class="imageimage1"> | + | <img src="https://static.igem.org/mediawiki/2016/2/23/T--NYMU-Taipei--%E5%88%86%E9%A0%81_human_practice_%E6%89%8B%E6%A9%9F%E7%89%88_gold.jpg" width="100%" height="100%" /> |
| − | <div class="wordword1"> | + | </div> |
| − | | + | </div> |
| − | <div class="satisfy">
| + | |
| − | <h1>Lab note</h1></div>
| + | |
| − | <div class="satisfysp">
| + | |
| − | <h1>Lab note</h1></div>
| + | |
| − | <hr />
| + | |
| − | | + | |
| − | </div></div><br> | + | |
| | | | |
| | + | <div class="prototypeprototype"> |
| | + | <div class="imageimage00"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/9/91/%E5%88%86%E9%A0%81_human_practice_%E5%8A%A0%E5%AD%97%E7%89%88_gold.jpg" width="100%" height="100%" /> |
| | + | </div> |
| | + | </div> |
| | | | |
| | + | <div class="prototypeprototype"> |
| | + | <div id="wrap"> |
| | <div class="fund"> | | <div class="fund"> |
| − | | + | <br /> |
| − | <h2 style="margin-top:30px; margin-bottom:10px;">Assessment of Transfer Effectiveness of Gene-Tech Related Information</h2><hr> | + | <div class="imageimage"> |
| − | | + | <div class="photo" align="center" width="30%" style=" margin-right:5%; height:250px; background-color:#FFFFFF;"> |
| − | <h3 style="margin-top:30px; margin-bottom:10px;">Abstract</h3> | + | <img src="https://static.igem.org/mediawiki/2016/c/c0/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_web_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| − | | + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">Forecasting Website</a> |
| − | <hr> | + | </div> |
| − | <p style="font-size:16px;"> | + | <div class="photo" align="center" width="30%" style="height:250px; background-color:#FFFFFF;"> |
| − | In our project, we try to diminish concerns over genetically-engineered entomogenous fungi both from building a plasmid construct and a functional prototype. However, several worries arise when comes to the word ‘genetically-engineered’. But why?
| + | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_media_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| − | </p> | + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysis">Media Analysis</a> |
| − | <hr> | + | </div> |
| − | | + | <div class="photo" align="center" width="30%" style=" margin-left:5%; height:250px; background-color:#FFFFFF;"> |
| − | <h3 style="margin-top:30px; margin-bottom:10px;">Previous iGEM teams provides precious survey outcome about it:</h3> | + | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_project_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| − | <p style="font-size:16px;"> | + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Law_and_Policy">Law and Policy</a> |
| − | Although 85% of our respondents said that they would support, or strongly support environmental remediation projects and initiatives, the number dropped to 60% when respondents were told that these projects would use genetically modified organisms. ──<a href="https:// 2014.igem.org/Team: York/ Surveys"> 2014 iGEM York</a> | + | </div> |
| − | | + | </div> |
| − | In 2013 iGEM, BGU_Israel asked the question “In the sources you were exposed to, do you feel that the subject was covered in a positive or negative manner?” in their survey. 48% of their respondents feel positive, 28% of respondents consider neutral, and 14% think it negative.
| + | </div> |
| − | In 2014, iGEM team Warwick asked” Do you believe Synthetic Biology is a dangerous tool, knowing that potentially dangerous organisms are being dealt with?” in their survey. 30% of respondents say yes, 45% give negative answer.
| + | </div> |
| − | | + | |
| − | In investigating their survey design and outcome, we thought the iGEM community are getting a clearer image of how the general public percept gene-tech related information. We, as well as another iGEM team HSiTAIWAN, however, wondered more about how and why these perception is formed? When genetic-engineering related information, or more generally speaking, gene-technology related information is transferred, in what attitude is the story being reported? Does the report contain too much terminology that distant the audience with scientific outcome? Does the information sufficient enough to transfer correct and complete story to public? What about iGEM wiki? Are the stories in iGEM wikis being told in a hard way that can be challenging for science-laymen to realize?
| + | |
| − | This year, we NYMU iGEM, as long as HSiTAIWAN collaboratively investigate into these questions.
| + | |
| − | </p> | + | |
| − | | + | |
| | </div> | | </div> |
| | | | |
| | + | <div class="prototypeprototypesp"> |
| | + | <div id="wrap" style="width:100%;"> |
| | | | |
| − | <div class="expand"> | + | <div class="photo" align="center" width="100%" style=" margin:auto; height:450px; background-color:#FFFFFF;"> |
| − | <center><p style="font-size:24px; color: #666666 !important; text-shadow: 0px 0px 1px #000000 !important; margin-bottom:100px;">
| + | <img src="https://static.igem.org/mediawiki/2016/c/c0/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_web_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| − | <a href="#" onclick="ddaccordion.collapseall('technology'); return false"
| + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Forecasting_Website">Forecasting Website</a> |
| − | style="color: #666666 !important; text-shadow: 0px 0px 1px #000000 !important; /*margin: 12px !important;*/ font-size: 18px !important; text-decoration: none;">[Collapse all]</a> | | + | |
| − | <a href="#" onclick="ddaccordion.expandall('technology'); return false" | + | |
| − | style="color: #666666 !important; text-shadow: 0px 0px 1px #000000 !important; /*margin: 12px !important;*/ font-size: 18px !important; text-decoration: none;">[Expand all]</a></p></center></div>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="technology">Week1</div>
| + | |
| − | <div class="thelanguage">
| + | |
| − | <!--給你貼的空間-->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!--給你貼的空間-->
| + | |
| − | <p style=" text-align:right;font-size:1.3em;"><a href=" #" class="collapseLink" onClick="ddaccordion. collapseone('technology', 0); return false"> [Collapse]</a ></p> | + | |
| | </div> | | </div> |
| | + | <div class="photo" align="center" width="100%" style=" margin:auto; height:450px; background-color:#FFFFFF;"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/8/8b/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_media_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| | + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Media_Analysis">Media Analysis</a> |
| | + | </div> |
| | + | <div class="photo" align="center" width="100%" style=" margin:auto; height:450px; background-color:#FFFFFF;"> |
| | + | <img src="https://static.igem.org/mediawiki/2016/a/a3/T--NYMU-Taipei--photo-main-page-%E9%A6%96%E9%A1%B5_project_%E8%89%B2%E5%BD%A9%E7%89%88_%E6%89%8B%E6%9C%BA%E7%89%88.jpg" width="100%" /> |
| | + | <a href="https://2016.igem.org/Team:NYMU-Taipei/HP/Gold-Law_and_Policy">Law and Policy</a> |
| | | | |
| − | <div class="technology">Week2</div>
| |
| − | <div class="thelanguage">
| |
| − | <!--給你貼的空間-->
| |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--給你貼的空間-->
| |
| − | <p style="text-align:right;font-size:1.3em;"><a href="#" class="collapseLink" onClick="ddaccordion.collapseone('technology', 1); return false">[Collapse]</a></p>
| |
| | </div> | | </div> |
| − | | + | </div> |
| − | <script>if (window.runOnloadHook) runOnloadHook();</script> | + | <div class="bottom margin" style="margin-top:30px;></div> |
| − | | + | </div> |
| | | | |
| | </body> | | </body> |
| | | | |
| | </html> | | </html> |
