Difference between revisions of "Team:PASantiago Chile"

 
(164 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{PASantiago_Chile}}
 
{{PASantiago_Chile}}
 
{{Menu}}
 
{{Menu}}
 +
{{Javascript}}
  
 
<html>
 
<html>
  
−
<link rel="stylesheet" href="https://2016.igem.org/Team:Saint_Rose_School_A/bootstrap.min.css?action=raw&ctype=text/css" type="text/css"> </link>
+
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
 
 +
 
 +
 
  
 
<style>
 
<style>
Line 18: Line 23:
 
     height: 800px;
 
     height: 800px;
 
     width: 100%;
 
     width: 100%;
−
    background-image: url("https://static.igem.org/mediawiki/2017/4/4d/Portadabanner2.jpg");
+
<!--    background-image: url("https://static.igem.org/mediawiki/2017/4/4d/Portadabanner2.jpg"); -->
 +
 
 +
}
 +
 
 +
video#bgvid {
 +
    position: fixed;
 +
    top: 50%;
 +
    left: 50%;
 +
    min-width: 100%;
 +
    min-height: 100%;
 +
    width: auto;
 +
    height: auto;
 +
    z-index: -100;
 +
    -ms-transform: translateX(-50%) translateY(-50%);
 +
    -moz-transform: translateX(-50%) translateY(-50%);
 +
    -webkit-transform: translateX(-50%) translateY(-50%);
 +
    transform: translateX(-50%) translateY(-50%);
 +
    background: url(polina.jpg) no-repeat;
 +
    background-size: cover;  
 
}
 
}
  
Line 24: Line 47:
 
section#two {
 
section#two {
  
−
     height: 500px;
+
     height: 600px;
−
     background-color: #6d4e84;;
+
     background-color: #3d164b;
 
     width: 100%;
 
     width: 100%;
 
     margin-top: -15px;
 
     margin-top: -15px;
 +
 +
background: #1d0134;
 +
background: -moz-linear-gradient(-45deg, #1d0134 0%, #270147 40%, #44004b 100%);
 +
background: -webkit-linear-gradient(-45deg, #1d0134 0%,#270147 40%,#44004b 100%);
 +
background: linear-gradient(135deg, #1d0134 0%,#270147 40%,#44004b 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d0134', endColorstr='#44004b',GradientType=1 );
 
}
 
}
  
 
section#three {
 
section#three {
  
−
     height: 500px;
+
     height: 600px;
−
     background-color: #6d4e84;;
+
     background-color: #3d164b;
 
     width: 100%;
 
     width: 100%;
 +
 +
background: #3d164b;
 +
background: -moz-linear-gradient(-45deg, #44004b 0%, #270147 60%, #1d0134 100%);
 +
background: -webkit-linear-gradient(-45deg, #44004b 0%,#270147 60%,#1d0134 100%);
 +
background: linear-gradient(135deg, #44004b 0%,#270147 60%,#1d0134 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44004b', endColorstr='#1d0134',GradientType=1 );
  
 
}
 
}
Line 40: Line 75:
 
section#four {
 
section#four {
  
−
     height: 500px;
+
     height: 600px;
−
     background-color: #6d4e84;;
+
     background-color: #3d164b;
 
     width: 100%;
 
     width: 100%;
 +
 +
background: #1d0134;
 +
background: -moz-linear-gradient(-45deg, #1d0134 0%, #270147 40%, #44004b 100%);
 +
background: -webkit-linear-gradient(-45deg, #1d0134 0%,#270147 40%,#44004b 100%);
 +
background: linear-gradient(135deg, #1d0134 0%,#270147 40%,#44004b 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d0134', endColorstr='#44004b',GradientType=1 );
  
 
}
 
}
Line 48: Line 89:
  
 
section#five {
 
section#five {
 +
    height: 700px;
 +
    background-color: #02365a;
 +
    width: 100%;
 +
 +
background: #44004b;
 +
background: -moz-linear-gradient(top, #44004b 0%, #2c014c 60%, #1d0134 100%);
 +
background: -webkit-linear-gradient(top, #44004b 0%,#2c014c 60%,#1d0134 100%);
 +
background: linear-gradient(to bottom, #44004b 0%,#2c014c 60%,#1d0134 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44004b', endColorstr='#1d0134',GradientType=0 );
 +
 +
}
 +
 +
section#six {
 
     height: 300px;
 
     height: 300px;
−
    background-color: #0b67a7;
 
 
     width: 100%;
 
     width: 100%;
 +
    background-color: #f2f9d0;
  
 
}
 
}
  
 +
div.cambiar
 +
{
  
 +
  transition: all 0.3s ease;
 +
  height: 300px;
 +
    width: 400px;
 +
    padding-top: 31px;
 +
}
 +
 +
.cambiar:hover
 +
{
 +
    background: #ffffff;
 +
    color: #ffffff;
 +
    -webkit-transform: scale(0.9);
 +
    -ms-transform: scale(0.9);
 +
    transform: scale(0.9);
 +
    box-shadow: inset 0 0 0 3px #ffffff;
 +
}
 +
 +
 +
 +
footer {
 +
 +
    height: 70%;
 +
    background-color: #fff;
 +
    text-align: center;
 +
 +
    margin-top: 81px;
 +
 +
}
 +
 +
section#two img, section#three img, section#four img {
 +
 +
    margin-top: 140px;
 +
 +
}
 +
 +
 +
section#three h3 {
 +
 +
margin-top: 161px;
 +
 +
}
  
 
                 h2 {
 
                 h2 {
Line 65: Line 161:
 
}
 
}
  
−
.column full_size {
+
.iconsponsor {
−
width: 2,012 px;
+
−
margin: 0 auto;
+
−
}
+
−
.texto {
+
−
width: 90%;
+
−
margin: 0 auto;
+
−
text-align: justify;
+
−
text-justify: inter-word;
+
−
}
+
−
.overlay {
+
−
background: url(http://lorempixel.com/310/310/cats/) top left no-repeat;
+
−
position: absolute;
+
−
top: 0;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 100%;
+
−
z-index: 10;
+
−
pointer-events: none;
+
−
  }
+
−
    @media (min-width: 768px) and (max-width: 979px) {
+
−
      .overlay{
+
  
−
        width:50%;
+
display: inline-block;
−
        height:50%;
+
width: 360px;
−
  }   
+
margin-top: 70px;
−
}
+
text-align: center;
  
−
  @media (max-width: 767px) {
+
}
−
    .overlay{
+
  
−
  width:50%;
 
−
  height:50%;
 
−
  }
 
  
−
  }
+
@media (max-width: 991px) {
−
@media (max-width: 480px) {
+
−
  .overlay{
+
−
  width:50%;
+
−
  height:50%;
+
  
−
  }
+
section#two {
 +
    height: 100%;
  
 +
}
  
 +
section#two img, section#two img, section#three img, section#four img {
 +
    margin: 0 auto;
 +
    display: block;
 +
    margin-top: 20px;
 +
    margin-bottom: 61px;
 
}
 
}
 +
 +
section#three {
 +
    height: 100%;
 +
}
 +
 +
section#three h3 {
 +
    margin-top: 60px;
 +
}
 +
 +
section#three p {
 +
    margin-bottom: 71px;
 +
 +
}
 +
 +
section#four {
 +
    height: 100%;
 +
}
 +
 +
section#five {
 +
    height: 100%;
 +
}
 +
 +
section#six {
 +
    height: 100%;
 +
}
 +
 +
div.cambiar {
 +
    width: 100%;
 +
}
 +
 +
footer {
 +
 +
    height: 100%;
 +
}
 +
 
</style>
 
</style>
  
Line 116: Line 225:
  
  
−
<section id="one">
 
  
  
  
 +
<section id="one">
 +
<video playsinline autoplay muted loop poster="https://static.igem.org/mediawiki/2017/8/8e/Fondovideo22.jpg" id="bgvid">
 +
    <source src="https://static.igem.org/mediawiki/2017/c/cb/Dnareplication.mp4" type="video/mp4">
 +
</video>
 +
 +
<img src="https://static.igem.org/mediawiki/2017/thumb/8/82/Imagen_Home.png/772px-Imagen_Home.png" style="display: block;width: 55%;margin-left: auto;margin-right: auto;padding-top: 120px;">
 
</section>
 
</section>
  
Line 136: Line 250:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p style="text-align: justify;font-size: 23px;margin-top: 131px;font-family: helvetica;font-weight: 300;color: white;line-height: 1.1;"> <br><br>Our project is directed mainly at <strong>radiologists and medical technologists</strong>, due to the fact they are constantly exposed to <strong>ionizing radiation</strong>, which is harmful to the body and accumulates over the years, causing from skin problems to different types of cancer.
+
<h3 style="font-family: didot;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    margin-top: 161px;
 +
    margin-bottom: -119px;">OBJECTIVE GROUP</h3>
 +
<h1 style="font-family: didot;
 +
    color: #fff;
 +
    margin-top: 121px;
 +
    margin-bottom: -129px;
 +
    font-size: 45px;"> Our Project </h1>
 +
 
 +
<p style="text-align: justify;font-size: 21px;margin-top: 131px;font-family: raleway, helvetica;font-weight: 300;color:#fdd5ff;line-height: 1.5;"> <br><br>"Our project is directed mainly to radiologists and medical technologists due to they are constantly exposed to ionizing radiation, which is harmful to the body and accumulates over the years, causing from skin problems to different types of cancer."
 
</p>  
 
</p>  
  
Line 143: Line 268:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="https://static.igem.org/mediawiki/2017/4/4e/Radiologos.png" style="margin-top: 60px;">
+
<img src="https://static.igem.org/mediawiki/2017/4/4e/Radiologos.png" >  
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 172: Line 297:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="https://static.igem.org/mediawiki/2017/9/9f/Dosimetros.png" style="margin-top: 60px;">
+
<img src="https://static.igem.org/mediawiki/2017/9/9f/Dosimetros.png">
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 178: Line 303:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p style="text-align: justify;font-size: 23px;margin-top: 104px;font-family: helvetica;font-weight: 300;color: white;line-height: 1.1;"> <br><br>Blueberi is a <strong>biological option </strong>to <strong>dosimeters</strong> that it currently works to measure how much radiation the specialist was exposed. The problem with these devices is that the results can be affected by different external factors, as well as adulterations when the results are sent to the National Health Service.
+
<h3 style="font-family: didot;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    margin-bottom: -119px;
 +
    text-align: right;">THE PROBLEM</h3>
 +
<h1 style="font-family: didot;
 +
    color: #fff;
 +
    margin-top: 121px;
 +
    margin-bottom: -129px;
 +
    font-size: 45px;
 +
    text-align: right;"> Biological Option</h1>
 +
 
 +
<p style="text-align: justify;font-size: 21px;margin-top: 104px;font-family: raleway, helvetica;font-weight: 300;color: #fdd5ff;line-height: 1.5;"> <br><br>"Blueberi" is a biological option to dosimeters that currently Work to measure how much radiation the specialist was exposed. The problem with these devices is that the results can be affected by different external factors as well as adulterations when they are sent to the National Health Service.
 
</p>  
 
</p>  
  
Line 211: Line 348:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p style="text-align: justify;font-size: 23px;margin-top: 131px;font-family: helvetica;font-weight: 300;color: white;line-height: 1.1;"> <br><br>Our project will give an <strong>immediate response to the high exposure to ionizing radiation</strong>, thanks to the use of <strong>genetically modified bacteria</strong> that will sense the mutation of the DNA. It's going to change <strong>color and release a Lemon scent</strong>, so the specialist has a double <strong>warning that the professional is in a potential risk.</strong>
+
<h3 style="font-family: didot;
 +
    color: #fff;
 +
    font-size: 12px;
 +
    margin-top: 161px;
 +
    margin-bottom: -119px;
 +
    text-align: left;">THE SOLUTION</h3>
 +
<h1 style="font-family: didot;
 +
    color: #fff;
 +
    margin-top: 121px;
 +
    margin-bottom: -129px;
 +
    font-size: 45px;
 +
    text-align: left;"> Potential Risk</h1>
 +
 
 +
 
 +
<p style="text-align: justify;font-size: 21px;margin-top: 131px;font-family: raleway, helvetica;font-weight: 300;color: #fdd5ff;line-height: 1.5;"> <br><br>"Our project will give an immediate response to the exposure to high ionizing radiation levels , thanks to the use of genetically modified bacteria that will measure the mutation of DNA, it's going to change color and release a lemon scent, so the specialist has a double warning that the professional is in a potential risk."
 
</p>  
 
</p>  
  
Line 219: Line 370:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="https://static.igem.org/mediawiki/2017/9/9f/Dosimetros.png" style="margin-top: 60px;">
+
<img src="https://static.igem.org/mediawiki/2017/2/2b/Radiationpotential.png">
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 239: Line 390:
 
<section id="five">
 
<section id="five">
  
 +
<img src="https://static.igem.org/mediawiki/2017/9/9b/Adngif.gif" style="width: 40%;display: inline-block;position: absolute;margin-top: 150px;;margin-left: 61px;">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a2/Citas.png" style="margin-left: 36%; padding-top: 100px;">
 +
<p style="color: white;font-family: didot; font-size: 30px;width: 550px;text-align: justify;margin-left: 41%;padding-top: 0px;">The bacteria detects ionizing radiation at harmful levels and the product emits an odor lemon and a violet pigment, alerting the specialist that is in an environment with levels of radiation harmful to your body and can also evacuate the area in time to reduce the amount of damage possible.</p>
 +
<img src="https://static.igem.org/mediawiki/2017/5/54/Cita222.png" style="    margin-left: 55%;
 +
    position: relative;
 +
    top: -39px;
 +
    width: 2%;">
  
 +
<p style="margin-left: 41%;color: white;font-size: 17px;font-family: didot, raleway;margin-top: 31px;"></p>
  
−
</section>
 
  
  
 +
 +
<footer>
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/9/9b/LOGO_DOTORADO-color.jpg" style="width: 80%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/e/ea/Logoti1.jpg" style="width: 30%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/d/d6/Insignia.sanpedro_%281%29.png" style="width: 30%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/3/39/Sembradorpico.png" style="width: 30%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/8/87/Liceojuanmackenna_%281%29.png" style="width: 30%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
 +
<div class="iconsponsor">
 +
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/1/15/Logot2.jpg" style="width: 30%;display: inline-block;"></a>
 +
 +
</div> <!--icon-->
 +
 +
 +
 +
 +
</footer>
 +
 +
<section id="bannerwiki">
 +
 +
<img src="https://static.igem.org/mediawiki/2017/8/89/Banner_Wiki%403x-100.jpg" style="width: 100%;">
 +
</section>
  
 
</body>
 
</body>

Latest revision as of 02:54, 2 November 2017

OBJECTIVE GROUP

Our Project



"Our project is directed mainly to radiologists and medical technologists due to they are constantly exposed to ionizing radiation, which is harmful to the body and accumulates over the years, causing from skin problems to different types of cancer."

THE PROBLEM

Biological Option



"Blueberi" is a biological option to dosimeters that currently Work to measure how much radiation the specialist was exposed. The problem with these devices is that the results can be affected by different external factors as well as adulterations when they are sent to the National Health Service.

THE SOLUTION

Potential Risk



"Our project will give an immediate response to the exposure to high ionizing radiation levels , thanks to the use of genetically modified bacteria that will measure the mutation of DNA, it's going to change color and release a lemon scent, so the specialist has a double warning that the professional is in a potential risk."

The bacteria detects ionizing radiation at harmful levels and the product emits an odor lemon and a violet pigment, alerting the specialist that is in an environment with levels of radiation harmful to your body and can also evacuate the area in time to reduce the amount of damage possible.