Difference between revisions of "Team:Bulgaria/parts"

 
(50 intermediate revisions by the same user not shown)
Line 69: Line 69:
  
 
h1{
 
h1{
−
padding-top: 70px;
+
padding-top: 30px;
 
font-size: 40px;
 
font-size: 40px;
 
font-family: 'Alegreya Sans SC', sans-serif !important;
 
font-family: 'Alegreya Sans SC', sans-serif !important;
Line 101: Line 101:
  
 
.navigation {
 
.navigation {
−
  position:fixed;
+
position:fixed;
−
  top:15px;
+
top:15px;
−
  width: 100%;
+
width: 100%;
−
  left:0px;
+
left:0px;
−
  overflow: hidden;
+
    #overflow: hidden;
−
  background-color: #62071B;
+
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 
}
 
}
  
 
.navigation a {
 
.navigation a {
−
  font-family: 'Raleway', sans-serif;
+
    float: left;
−
  float: left;
+
    font-size: 16px;
−
  display: block;
+
    color: white;
−
  color: White;
+
    text-align: center;
−
  text-align: center;
+
    padding: 14px 16px;
−
  padding: 14px 16px;
+
    text-decoration: none;
−
  text-decoration: none;
+
−
  font-size: 17px;
+
 
}
 
}
  
−
.navigation a:hover {
+
.dropdown {
−
  background-color: #380615;
+
    float: left;
−
  color: White;
+
    overflow: hidden;
 +
}
 +
 
 +
.dropdown .dropNAVbtn {
 +
    font-size: 16px;   
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
 +
 
 +
.navigation a:hover, .dropdown:hover .dropNAVbtn {
 +
    background-color: #9F182F;
 +
color: white;
 +
}
 +
 
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100000 !important;
 +
}
 +
 
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 
}
 
}
  
Line 141: Line 179:
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
 
   .navigation a:not(:first-child) {display: none;}
 
   .navigation a:not(:first-child) {display: none;}
 +
  .navigation .dropdown:not(:first-child) {display: none;}
 
   .navigation a.icon {
 
   .navigation a.icon {
 
     float: right;
 
     float: right;
 
     display: block;
 
     display: block;
 
   }
 
   }
 +
 
 
}
 
}
  
Line 158: Line 198:
 
   }
 
   }
 
   .navigation.responsive a {
 
   .navigation.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navigation.responsive .dropdown {
 
     float: none;
 
     float: none;
 
     display: block;
 
     display: block;
Line 217: Line 262:
 
p{
 
p{
 
text-align: center !important;
 
text-align: center !important;
−
margin-left: 64px;
+
margin-left: 128px;
−
margin-right: 64px;
+
margin-right: 128px;
 
font-family: 'Montserrat', sans-serif !important;
 
font-family: 'Montserrat', sans-serif !important;
 
font-size: 20px !important;
 
font-size: 20px !important;
Line 228: Line 273:
  
 
.dropbtn {
 
.dropbtn {
 +
display: none;
 
     background-color: #4CAF50;
 
     background-color: #4CAF50;
 
     color: white;
 
     color: white;
Line 355: Line 401:
  
  
−
 
−
 
−
 
−
#topbtn {
 
−
  display: none;
 
−
  position: fixed;
 
−
  bottom: 20px;
 
−
  right: 30px;
 
−
  z-index: 99;
 
−
  font-size: 18px;
 
−
  border: none;
 
−
  outline: none;
 
−
  background-color: green;
 
−
  color: white;
 
−
  padding: 15px;
 
−
  border-radius: 4px;
 
−
}
 
−
 
−
#topbtn:hover {
 
−
  background-color: #555;
 
−
}
 
  
 
#scroldown {
 
#scroldown {
Line 409: Line 434:
 
}
 
}
  
 +
#myBtn {
 +
    display: none;
 +
    position: fixed;
 +
    bottom: 20px;
 +
    right: 30px;
 +
    z-index: 99;
 +
    border: none;
 +
    outline: none;
 +
    background-color: green;
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 15px;
 +
    border-radius: 10px;
 +
    font-size: 18px;
 +
}
  
 +
#myBtn:hover {
 +
    background-color: #555; /* Add a dark-grey background on hover */
 +
}
 
</style>
 
</style>
 
<script>
 
<script>
Line 431: Line 474:
 
function scrollFunction() {
 
function scrollFunction() {
 
     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 
     if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
         document.getElementById("topbtn").style.display = "block";
+
         document.getElementById("myBtn").style.display = "block";
 
     } else {
 
     } else {
−
         document.getElementById("topbtn").style.display = "none";
+
         document.getElementById("myBtn").style.display = "none";
 
     }
 
     }
 
}
 
}
Line 448: Line 491:
 
         x.className = "navigation";
 
         x.className = "navigation";
 
     }
 
     }
 +
 
}
 
}
 
</script>
 
</script>
 
<body>
 
<body>
 +
 
<!-- CUSTOM OVERLAY -->
 
<!-- CUSTOM OVERLAY -->
 
<div class="overlays" id="bottomLayer"></div>
 
<div class="overlays" id="bottomLayer"></div>
Line 471: Line 516:
 
</div>
 
</div>
  
−
 
+
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
−
 
+
 
<!-- CUSTOM TOP -->
 
<!-- CUSTOM TOP -->
 
<div class="contentHolder" id="topTitle">
 
<div class="contentHolder" id="topTitle">
Line 481: Line 525:
  
 
<div id="scroldown"></div>
 
<div id="scroldown"></div>
−
<button onclick="topFunction()" id="topbtn" title="Go to top">TOP</button>
 
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="WHOUSE">
 
−
<h1>WHO WILL USE OUR PRODUCT</h1>
 
−
<p>Our target audience consists of scientists and clinicians interested in the detection of the Delta F508 mutation
 
−
, responsible for approximately 70% of the Cystic Fibrosis cases in Bulgaria and Europe as a whole. Our system is pla
 
−
nned to be used only in a controlled environment.
 
−
</p>
 
−
</div>
 
  
 
<!-- CUSTOM CONTENT HOLDER -->
 
<!-- CUSTOM CONTENT HOLDER -->
−
<div class="contentHolder" id="SAFE">
+
<div class="contentHolder" id="PARTS">
−
<h1>IS IT SAFE?</h1>
+
<h1>This year, iGEM Bulgaria has submitted three new parts.</h1>
−
<p>Not only is it safer than any other technology that does the same thing,
+
−
but it is also drastically cheaper and vastly beneficial due to its simplicity
+
−
-  it does not require DNA sequencing for the detection step.  
+
−
</p>
+
−
</div>
+
−
 
+
−
<!-- CUSTOM CONTENT HOLDER -->
+
−
<div class="contentHolder" id="USEDSTRAINS">
+
−
<h1>USED ORGANISM STRAINS</h1>
+
 
<p>
 
<p>
−
  # <i>Escherichia coli</i> - DH5&#945; strain
+
<ol class=”contentList”>
−
  <br>
+
<strong><li>Cer sequence from plasmid ColE1 - BBa_K2847000
−
  # <i>Escherichia coli</i> - TOP10 strain
+
(a silver medal criteria)</strong><br>
−
</p>
+
<a style="cursor: -webkit-grab; cursor: grab; color: darkblue" href="http://parts.igem.org/Part:BBa_K2847000">parts.igem.org/Part:BBa_K2847000</a><br><br></li>
−
</div>
+
  
−
<!-- CUSTOM CONTENT HOLDER -->
+
<strong><li>Inverted Cer sequence from plasmid ColE1 - BBa_K2847001</strong><br>
−
<div class="contentHolder" id="RISKS">
+
<a style="cursor: grab; color: darkblue" href="http://parts.igem.org/Part:BBa_K2847001">parts.igem.org/Part:BBa_K2847001</a><br><br></li>
−
<h1>POTENTIAL RISKS</h1>
+
−
<p>Our project poses the typical risks of working with a level 1 GMO.
+
−
</p>
+
−
</div>
+
  
−
<!-- CUSTOM CONTENT HOLDER -->
+
<strong><li>pSC101 ori + RepA (thermosensitive mutant) + AmpR gene - BBa_K2847002</strong><br>
−
<div class="contentHolder" id="WASTE">
+
<a style="cursor: grab; color: darkblue" href="http://parts.igem.org/Part:BBa_K2847002">parts.igem.org/Part:BBa_K2847002</a></li>
−
<h1>WASTE TREATMENT</h1>
+
</ol>
−
<p>All biological materials and equipment used for handling were collected separately and autoclaved. 
+
 
</p>
 
</p>
 
</div>
 
</div>
  
−
 
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="EMERGENCY">
 
−
<h1>EMERGENCY REACTIONS</h1>
 
−
<p>
 
−
 
−
<strong>If lab coats or clothes start burning:</strong><br>
 
−
emergency showers
 
−
<br><strong>If acids or other harmful liquids get in the eyes:</strong><br>
 
−
eye showers
 
−
<br><strong>If injuries occur:</strong><br>
 
−
treat them with first aid-kits, report the injury, go to the hospital if necessary
 
−
<br><strong>If solutions with GMO are running down the bench:</strong><br>
 
−
swap and disinfect the place with NaClO (bleach)
 
−
</p>
 
−
</div>
 
−
 
−
 
−
 
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="EQUIPMENT">
 
−
<h1>PROTECTIVE EQUIPMENT</h1>
 
−
<p>
 
−
<strong>Eye protection</strong><br>
 
−
<strong>Lab coats </strong><br>
 
−
<strong>Safety glasses in special areas of the lab</strong><br>
 
−
<a style="font-size: 15px;">(should be used in other areas if necessary)</a>
 
−
</p>
 
−
</div>
 
−
 
−
 
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="OTHERS">
 
−
<h1>OTHER RULES</h1>
 
−
<p>
 
−
<strong>Do not work alone!</strong><br>
 
−
<a style="font-size: 15px;">There should be at least one person in the lab with you.</a><br>
 
−
<br><strong>Do not pipette with your mouth!</strong><br>
 
−
<br><strong>Disinfect hands after contamination with GMOs!</strong><br>
 
−
<br><strong>Disinfect hands and wash them after working in the lab!</strong><br>
 
−
<br><strong>Do not eat, swallow, wash and snore with any chemicals!</strong><br>
 
−
<br><strong>Do not bring food, drinks, pets and snacks in the lab!</strong><br>
 
−
<br><strong>Be sure that you have informed the instructor of the next step of the experiment plan and gotten the permission of him!</strong><br>
 
−
<br><strong>Record the general nature of the work clearly in your lab journal!</strong><br>
 
−
 
−
</p>
 
−
</div>
 
  
  
Line 576: Line 549:
 
<div class="navigation" id="nav">
 
<div class="navigation" id="nav">
 
   <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/theteam">TEAM</a>
+
   <div class="dropdown">
−
   <a href="https://2018.igem.org/Team:Bulgaria/theproject">PROJECT</a>
+
    <button class="dropNAVbtn">TEAM
−
   <a href="https://2018.igem.org/Team:Bulgaria/humanPractices">HUMAN PRACTICES</a>
+
      <i class="fa fa-caret-down"></i>
−
  <a href="https://2018.igem.org/Team:Bulgaria/collabs">COLLABORATIONS</a>
+
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theteam">MEMBERS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/attrib">ATTRIBUTIONS</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">PROJECT
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theproject">DESCRIPTION</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/DESIGN">DESIGN</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/PROTOCOLS">PROTOCOLS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/LABBOOK">LAB BOOK</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/RESULTS">RESULTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/CONTRIBUTION">CONTRIBUTION</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/IMPROVE">IMPROVE</a>
 +
</div>
 +
   </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">HUMAN PRACTICES
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/publicEng">PUBLIC ENGAGEMENTS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/IntHP">INTEGRATED HUMAN PRACTICES</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/survey">SURVEY</a>
 +
</div>
 +
  </div>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">COLLABORATIONS
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABMEETINGS">MEETINGS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABSURVEYS">SURVEYS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABOTHERS">OTHERS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABfollow">#FollowMeToiGEM</a>
 +
</div>
 +
  </div>
 +
 
 +
 
 +
 
 
   <a href="https://2018.igem.org/Team:Bulgaria/parts" id="activeMenu">PARTS</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/parts" id="activeMenu">PARTS</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/jForm" id="specialMenu">JUDGING FORM</a>
+
    
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">MEDAL CRITERIA
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALBRONZE">BRONZE</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALSILVER">SILVER</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/MEDALGOLD">GOLD</a>
 +
<a href="https://2018.igem.org/Team:Bulgaria/MEDALAWARD">SPECIAL AWARD</a>
 +
</div>
 +
  </div>
 +
  <a href="https://igem.org/2018_Judging_Form?id=2847" id="specialMenu">JUDGING FORM</a>
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 
   <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 
MENU
 
MENU

Latest revision as of 23:31, 17 October 2018

PROJECT USE IS IT SAFE USED ORGANISM STRAINS POTENTIAL RISKS WASTE TREATMENT EMERGENCY REACTIONS PROTECTIVE EQUIPMENT OTHER RULES

This year, iGEM Bulgaria has submitted three new parts.

  1. Cer sequence from plasmid ColE1 - BBa_K2847000 (a silver medal criteria)
    parts.igem.org/Part:BBa_K2847000

  2. Inverted Cer sequence from plasmid ColE1 - BBa_K2847001
    parts.igem.org/Part:BBa_K2847001

  3. pSC101 ori + RepA (thermosensitive mutant) + AmpR gene - BBa_K2847002
    parts.igem.org/Part:BBa_K2847002