Difference between revisions of "Team:Bulgaria/parts"

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 92: Line 92:
 
height: 100%;
 
height: 100%;
 
opacity: 0.5;
 
opacity: 0.5;
−
background-image: url("https://static.igem.org/mediawiki/2018/e/e0/T--Bulgaria--parts.jpg");
+
background-image: url("https://static.igem.org/mediawiki/2018/e/e8/T--Bulgaria--Home.jpg");
 
background-color: #0A1215;
 
background-color: #0A1215;
 
background-position: center;
 
background-position: center;
Line 228: Line 228:
  
 
.dropbtn {
 
.dropbtn {
 +
display: none;
 
     background-color: #4CAF50;
 
     background-color: #4CAF50;
 
     color: white;
 
     color: white;
Line 273: Line 274:
 
left: 40vw;
 
left: 40vw;
 
top: 15vh;
 
top: 15vh;
 +
}
 +
.teamNames{
 +
position: relative;
 +
text-align: center;
 +
padding-top: 30px !important;
 
}
 
}
  
 +
.personName{
 +
 +
font-size: 50px;
 +
font-family: 'Vollkorn', serif !important;
 +
 +
}
 +
 +
.personCodename{
 +
position: relative;
 +
font-size: 30;
 +
font-style: bold;
 +
font-family: 'Wallpoet', cursive;
 +
}
 +
 +
.personPicture{
 +
position: relative;
 +
float: left;
 +
margin: 00px 30px 0px 40px;
 +
border-radius: 100%;
 +
    border: 4px solid #0A1215;
 +
width: 180px;
 +
height: 180px;
 +
 +
}
 +
 +
.personDescription{
 +
position: relative;
 +
margin: 30px 80px -10px 300px;
 +
font-size: 22px;
 +
text-align: center;
 +
 +
}
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {
  
Line 351: Line 389:
 
top: 100px;
 
top: 100px;
 
}
 
}
 +
 +
.teamNames{
 +
top: 16px;
 +
 +
}
 +
.personName{
 +
font-size: 42px;
 +
    font-size: 9.5vw;
 +
}
 +
.personCodename{
 +
font-size: 52px;
 +
    font-size: 7.5vw;
 
}
 
}
−
<--!end mobile->
 
  
 +
.personPicture{
 +
margin-top: 30px;
 +
float: none;
 +
height: auto;
 +
width: 50%;
 +
display: block;
 +
position: relative;
 +
border-radius: 100%;
 +
    border: 4px solid #0A1215;
 +
margin-left: auto;
 +
    margin-right: auto;
  
 +
 +
}
  
 +
.personDescription{
 +
position: relative;
 +
margin: 30px 16px 0px 16px;
 +
font-size: 18px;
 +
    font-size: 5vw;
 +
}
 +
}
 +
<--!end mobile->
  
  
Line 364: Line 434:
 
    
 
    
 
}
 
}
 +
 
#scroldown::before{
 
#scroldown::before{
 
   content: '╲╱';
 
   content: '╲╱';
Line 475: Line 546:
 
<!-- CUSTOM TOP -->
 
<!-- CUSTOM TOP -->
 
<div class="contentHolder" id="topTitle">
 
<div class="contentHolder" id="topTitle">
−
<a id="pagetitle">PARTS</a>
+
<a id="pagetitle">WELCOME</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 482: Line 553:
 
<div id="scroldown"></div>
 
<div id="scroldown"></div>
  
−
<!-- 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="SAFE">
−
<h1>IS IT SAFE?</h1>
+
<h1>THE WELCOME MESSAGE</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
+
Uff... it's coming soon<br><br><br>
−
  <br>
+
like... tomorrow ^ _ ^
−
  # <i>Escherichia coli</i> - TOP10 strain
+
−
</p>
+
−
</div>
+
  
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="RISKS">
 
−
<h1>POTENTIAL RISKS</h1>
 
−
<p>Our project poses the typical risks of working with a level 1 GMO.
 
 
</p>
 
</p>
 
</div>
 
</div>
  
−
<!-- CUSTOM CONTENT HOLDER -->
 
−
<div class="contentHolder" id="WASTE">
 
−
<h1>WASTE TREATMENT</h1>
 
−
<p>All biological materials and equipment used for handling were collected separately and autoclaved. 
 
−
</p>
 
−
</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>
 
  
  
 
<!-- CUSTOM MENU -->
 
<!-- CUSTOM MENU -->
 
<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" id="activeMenu">HOME</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/theteam">TEAM</a>
+
   <a href="https://2018.igem.org/Team:Bulgaria/theteam" >TEAM</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/theproject">PROJECT</a>
 
   <a href="https://2018.igem.org/Team:Bulgaria/theproject">PROJECT</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/humanPractices">HUMAN PRACTICES</a>
+
   <a href="https://2018.igem.org/Team:Bulgaria/humanPractices" >HUMAN PRACTICES</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/collabs">COLLABORATIONS</a>
+
   <a href="https://2018.igem.org/Team:Bulgaria/collabs" >COLLABORATIONS</a>
−
   <a href="https://2018.igem.org/Team:Bulgaria/parts" id="activeMenu">PARTS</a>
+
   <a href="https://2018.igem.org/Team:Bulgaria/parts" >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>
 
   <a href="https://2018.igem.org/Team:Bulgaria/jForm" id="specialMenu">JUDGING FORM</a>

Revision as of 01:29, 17 October 2018

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

THE WELCOME MESSAGE

Uff... it's coming soon


like... tomorrow ^ _ ^