Difference between revisions of "Team:Munich/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{Munich}}
+
<!-- #919191 Grau1 -->
 +
<!-- #787878 Grau2 -->
 +
<!-- #51A7f9 Blau1 -->
 +
<!-- #3c7cb9 Blau2 -->
 +
<!-- #ffffff weiss -->
 
<html>
 
<html>
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" />
 +
<head>
 +
<style>
 +
#HQ_page .meta p{
 +
text-align: left;
 +
font-size: 0.85em !important;
 +
}
  
  
−
<div class="column full_size">
+
.ui.card, .ui.cards>.card {
 +
width: 280px;
 +
}
  
−
<h1> Safety </h1>
+
.ui.cards{
−
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
margin-bottom: 40px;
 +
}
 +
.mydescription{
 +
    height: 8em;
 +
  overflow: hidden;
 +
    cursor: pointer;
 +
    cursor: hand; /*IE callst it differently. */
 +
    position: relative;
 +
}
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
.mydescription.myLong:hover{
 +
    animation: expandCardLong 0.5s;
 +
    animation-fill-mode: forwards;
 +
}
  
−
</div>
+
.mydescription.myMedium:hover{
 +
  animation: expandCardMedium 0.5s;
 +
  animation-fill-mode: forwards;
 +
}
  
 +
.mydescription.myShort:hover{
 +
  animation: expandCardShort 0.5s;
 +
  animation-fill-mode: forwards;
 +
}
  
−
<div class="column full_size">
+
#HQ_page #myContent .mydescription:hover p {
−
<h5>Safe Project Design</h5>
+
  background: initial;
 +
  -webkit-background-clip: initial;
 +
  -webkit-text-fill-color: initial;
 +
}
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
.mydescription:hover .threeDots-container{
 +
    display: none;
 +
}
  
−
<ul>
+
@keyframes expandCardLong{
−
<li>Choosing a non-pathogenic chassis</li>
+
    to{
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
        height: 400px;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
    }
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
}
−
</ul>
+
  
−
</div>
+
@keyframes expandCardMedium{
 +
  to{
 +
        height: 350px;
 +
  }
 +
}
  
−
<div class="column half_size">
+
@keyframes expandCardShort{
−
<h5>Safe Lab Work</h5>
+
  to{
 +
        height: 250px;
 +
  }
 +
}
  
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
.threeDots-container >img{
 +
  height: auto;
 +
  width: 50px;
 +
  position: relative;
 +
  left: -50%;
 +
  top: -80%;
  
−
</div>
+
}
  
−
<div class="column half_size">
+
.threeDots-container{
−
<h5>Safe Shipment</h5>
+
  position: absolute;
 +
  left: 50%;
 +
  top: 80%;
 +
 
 +
} /*The container is there to make sure the threeDots picture is centered and on to bottom of the container (mydescription). No idea how or why this works. */
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
#HQ_page #myContent .mydescription >p{
 +
  background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255));
 +
  -webkit-background-clip: text;
 +
  -webkit-text-fill-color: transparent;
 +
  color: black;
 +
  height: 15em;
 +
  font-size: 1.1em;
 +
}
 +
 
 +
.image > img{
 +
  height: 200px;
 +
}
 +
 
 +
.cards{
 +
  align-items: flex-start;
 +
}
 +
 
 +
.ui.card > .content > .header, .ui.cards > .card > .content > .header {
 +
color: #51a7f9;
 +
}
 +
 
 +
</style>
 +
</head><body>
 +
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 +
 
 +
<!-- Bar -->
 +
<tr><td height="50" bgcolor=#ffffff></td><td class="no-padding" bgcolor=#ffffff height="32" width="960" align=center>
 +
<div class="dropdown">
 +
  <a href="/Team:Munich"><button class="dropbtnCascAID dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"></button></a>
 +
</div><div class="dropdown">
 +
  <a href="project"><button class="dropbtnProject dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Project</b></p></button></a>  <div class="dropdown-contentDescription dropdown-content">
 +
    <a href="description"><p><b>Description</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentDesign dropdown-content">
 +
    <a href="design"><p><b>Design</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentProofofConcept dropdown-content">
 +
    <a href="proofofconcept"><p><b>Proof of Concept</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentDemonstration dropdown-content">
 +
    <a href="demonstration"><p><b>Demonstration</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentApplication dropdown-content">
 +
    <a href="application"><p><b>Application</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentFinalResults dropdown-content">
 +
    <a href="finalresults"><p><b>Final Results</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentEntrepreneurship dropdown-content">
 +
    <a href="entrepreneurship"><p><b>Entrepeneurship</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentAchievements dropdown-content">
 +
    <a href="achievements"><p><b>Achievements</b></p></a>
 +
  </div>
 +
</div><div class="dropdown" valign=center>
 +
<a href="wetlab"><button class="dropbtnWetlab dropbtn" valign=center><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Wetlab</b></p></button></a>
 +
  <div class="dropdown-contentProtocolsMethods dropdown-content">
 +
    <a href="protocolsmethods"><p><b>Protocols and<br> Methods</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentMaterials dropdown-content">
 +
    <a href="materials"><p><b>Materials</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentLabJournal dropdown-content">
 +
    <a href="labjournal"><p><b>LabJournal</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentSafety dropdown-content">
 +
    <a href="safety"><p><b>Safety</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentParts dropdown-content">
 +
    <a href="parts"><p><b>Parts</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentInterlab dropdown-content">
 +
    <a href="interlab"><p><b>Interlab</b></p></a>
 +
  </div>
 +
</div><div class="dropdown">
 +
  <a href="model"><button class="dropbtnModel dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Modelling</b></p></button></a></div><div class="dropdown">
 +
  <a href="softhardware"><button class="dropbtnSoftHardware dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Software/Hardware</b></p></button></a>
 +
  <div class="dropdown-contentSoftware dropdown-content">
 +
    <a href="software"><p><b>Software</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentHardware dropdown-content">
 +
    <a href="hardware"><p><b>Hardware</b></p></a>
 +
  </div>
 +
</div><div class="dropdown">
 +
  <a href="hp"><button class="dropbtnHP dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Human Practices</b></p></button></a>
 +
  <div class="dropdown-contentHPSilver dropdown-content">
 +
    <a href="hpsilver"><p><b>Human Practices (Silver)</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentIHPgold dropdown-content">
 +
    <a href="ihpgold"><p><b>Human Practices (Gold)</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentPublicEngagement dropdown-content">
 +
    <a href="publicengagement"><p><b>Public Engagement</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentCollaborations dropdown-content">
 +
    <a href="collaborations"><p><b>Collaborations</b></p></a>
 +
  </div>
 +
</div><div class="dropdown">
 +
  <a href="/Team:Munich/Team"><button class="dropbtnTeam dropbtn"><img src="https://static.igem.org/mediawiki/2017/0/08/T--Munich--Overlay.png"><p><b>Team</b></p></button></a>
 +
  <div class="dropdown-contentTeamMembers dropdown-content">
 +
    <a href="/Team:Munich/Team"><p><b>Team members</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentSupervisors dropdown-content">
 +
    <a href="supervisors"><p><b>Supervisors</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentPIs dropdown-content">
 +
    <a href="supervisors"><p><b>PIs</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentCollaboratingInstitutions dropdown-content">
 +
    <a href="supervisors"><p><b>Institutions</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentSponsors dropdown-content">
 +
    <a href="sponsors"><p><b>Sponsors</b></p></a>
 +
  </div>
 +
  <div class="dropdown-contentAttributions dropdown-content">
 +
    <a href="/Team:Munich/Attributions"><p><b>Attributions</b></p></a>
 +
  </div>  
 
</div>
 
</div>
 +
</td><td height="32" bgcolor=#ffffff></td></tr>
 +
<!-- Content -->
 +
<tr><td width="100%" colspan=3>
 +
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 +
<tr>
 +
<td width="40%">
 +
</td>
 +
<td id="myContent" width="20%" valign=top align=center>
 +
<br>
 +
<!-- Head End -->
 +
<!-- Content Begin -->
 +
<!-- Content End -->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-- Foot Begin -->
 +
<table id="myFooter" width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td align=right class="no-padding" valign=center>
 +
 +
<table width=300 height=35 cellpadding=0 cellspacing=0 border=0><tr>
 +
 +
<td align=center valign=center>
 +
<a href="https://www.en.uni-muenchen.de/index.html" target="_blank3" >
 +
<img src="https://static.igem.org/mediawiki/2017/8/83/T--Munich--wiki_image_coop_lmu_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/f/fd/T--Munich--wiki_image_coop_lmu_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/8/83/T--Munich--wiki_image_coop_lmu_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://www.tum.de/" target="_blank4" >
 +
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--wiki_image_coop_tum_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/1/1e/T--Munich--wiki_image_coop_tum_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/a/ae/T--Munich--wiki_image_coop_tum_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="http://www.e14.ph.tum.de/en/home/" target="_blank5" >
 +
<img src="https://static.igem.org/mediawiki/2017/a/a3/T--Munich--wiki_image_coop_e14_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/72/T--Munich--wiki_image_coop_e14_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/a/a3/T--Munich--wiki_image_coop_e14_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="http://www.biochem.mpg.de/en" target="_blank5" >
 +
<img src="https://static.igem.org/mediawiki/2017/d/da/T--Munich--wiki_image_coop_maxplanck_low.svg" border=0 height="30" onmouseover="this.src='https://static.igem.org/mediawiki/2017/d/df/T--Munich--wiki_image_coop_maxplanck_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/d/da/T--Munich--wiki_image_coop_maxplanck_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://www.helmholtz-muenchen.de/" target="_blank5" >
 +
<img src="https://static.igem.org/mediawiki/2017/0/05/T--Munich--wiki_image_coop_helmholtzzentrum_low.svg" border=0 height="20" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/6b/T--Munich--wiki_image_coop_helmholtzzentrum_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/05/T--Munich--wiki_image_coop_helmholtzzentrum_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://igem.org/Main_Page" target="_blank6" >
 +
<img src="https://static.igem.org/mediawiki/2017/0/0f/T--Munich--wiki_image_coop_igem_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_coop_igem_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/0/0f/T--Munich--wiki_image_coop_igem_low.svg'">
 +
</a>
 +
</td>
 +
 +
</tr></table></td><td class="no-padding" align=center valign=center><table width=35 height=35 cellpadding=0 cellspacing=0 border=0><tr><td width="35" align=center valign=center></td></tr></table></td><td class="no-padding" align=left valign=center><table width=200 height=35 cellpadding=0 cellspacing=0 border=0><tr>
 +
 +
<td align=center valign=center>
 +
<a href="https://www.facebook.com/Munich.iGEM" target="_blank7" >
 +
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/4/44/T--Munich--wiki_image_sm_facebook_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://twitter.com/iGEM_Munich" target="_blank8" >
 +
<img src="https://static.igem.org/mediawiki/2017/8/8b/T--Munich--wiki_image_sm_twitter_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/c/cc/T--Munich--wiki_image_sm_twitter_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/8/8b/T--Munich--wiki_image_sm_twitter_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="mailto:igem.munich@gmail.com">
 +
<img src="https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_sm_mail_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/9/93/T--Munich--wiki_image_sm_mail_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/79/T--Munich--wiki_image_sm_mail_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://www.instagram.com/igem.munich.2017/" target="_blank9" >
 +
<img src="https://static.igem.org/mediawiki/2017/e/e9/T--Munich--wiki_image_sm_instagram_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/6e/T--Munich--wiki_image_sm_instagram_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/e/e9/T--Munich--wiki_image_sm_instagram_low.svg'">
 +
</a>
 +
</td>
 +
 +
<td align=center valign=center>
 +
<a href="https://2017.igem.org/Team:Munich" target="_blank10" >
 +
<img src="https://static.igem.org/mediawiki/2017/1/1d/T--Munich--wiki_image_sm_web_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/6/61/T--Munich--wiki_image_sm_web_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/1/1d/T--Munich--wiki_image_sm_web_low.svg'">
 +
</a>
 +
</td>
 +
 +
</tr></table>
 +
</td></table>
 +
</td>
 +
<td width="40%">
 +
</td>
 +
</tr>
 +
</table>
 +
</body>
 +
</td></tr>
 +
<tr><td height="25" bgcolor=#ffffff></td><td class="no-padding" bgcolor=#ffffff height="25" width="960" align=center>
 +
<hr>
 +
<table height=25 cellpadding=0 cellspacing=2 border=0><tr>
 +
 +
<td bgcolor=#ffffff height="25" width="90" align=center valign=center>
 +
<a href="https://www.eurofinsgenomics.eu/" target="_blank1" ><img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--wiki_image_sponsors_eurofins.svg" border=0 height="15"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
 +
<a href="https://www.neb.com/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/8/87/T--Munich--wiki_image_sponsors_neb.svg" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
 +
<a href="https://www.biomers.net" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/a/a9/T--Munich--wiki_image_sponsors_biomers.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
 +
<a href="https://www.gatc-biotech.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/5/59/T--Munich--wiki_image_sponsors_gatc.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="70" align=center valign=center>
 +
<a href="https://www3.gehealthcare.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/1/1b/T--Munich--wiki_image_sponsors_gehealthcare.svg" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="85" align=center valign=center>
 +
<a href="https://eu.idtdna.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Munich--wiki_image_sponsors_idt.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="60" align=center valign=center>
 +
<a href="https://www.nano-initiative-munich.de/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/a/a7/T--Munich--wiki_image_sponsors_nim.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="120" align=center valign=center>
 +
<a href="https://www.promega.de/" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/3/3f/T--Munich--wiki_image_sponsors_promega.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="40" align=center valign=center>
 +
<a href="https://www.qiagen.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/9/99/T--Munich--wiki_image_sponsors_qiagen.svg" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="40" align=center valign=center>
 +
<a href="https://www.carlroth.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--wiki_image_sponsors_roth.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="130" align=center valign=center>
 +
<a href="https://www.scienova.com" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/3/3b/T--Munich--wiki_image_sponsors_scienova.png" border=0 height="21"></a>
 +
</td>
 +
 +
<td bgcolor=#ffffff height="25" width="10" align=center valign=center></td>
 +
 +
<td bgcolor=#ffffff height="25" width="120" align=center valign=center>
 +
<a href="https://www.unternehmertum.de" target="_blank2" ><img src="https://static.igem.org/mediawiki/2017/b/b2/T--Munich--wiki_image_sponsors_unternehmertum.png" border=0 height="21"></a>
 +
</td>
 +
 +
</tr></table>
  
  
−
</html>
+
</td><td height="25" bgcolor=#ffffff></td></tr>
 +
</table></body></html>

Revision as of 15:13, 14 October 2017

Description

Design

Proof of Concept

Demonstration

Application

Final Results

Entrepeneurship

Achievements

Protocols and
Methods

Materials

LabJournal

Safety

Parts

Interlab

Software

Hardware

Human Practices (Silver)

Human Practices (Gold)

Public Engagement

Collaborations

Team members

Supervisors

PIs

Institutions

Sponsors

Attributions