Difference between revisions of "Team:PASantiago Chile"

 
(187 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"); -->
  
 +
}
  
−
video#bgvid {
+
video#bgvid {  
−
 
+
    position: fixed;
−
position: fixed;
+
 
     top: 50%;
 
     top: 50%;
 
     left: 50%;
 
     left: 50%;
Line 37: Line 42:
 
     background: url(polina.jpg) no-repeat;
 
     background: url(polina.jpg) no-repeat;
 
     background-size: cover;  
 
     background-size: cover;  
 +
}
  
−
}
 
  
 
section#two {
 
section#two {
  
−
     height: 500px;
+
     height: 600px;
−
     background-color: #6d4e84;;
+
     background-color: #3d164b;
 
     width: 100%;
 
     width: 100%;
 +
    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 );
 +
 
}
 
}
  
 
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 64: 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;
  
 
}
 
}
  
−
p#x {
+
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 86: 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 137: Line 225:
  
  
−
<section id="one">
 
  
−
<video playsinline autoplay muted loop poster="https://static.igem.org/mediawiki/2017/5/54/Fondovideo2.jpg" id="bgvid">
 
−
    <source src="https://static.igem.org/mediawiki/2017/e/ef/Blueberi_fondo.mp4" type="video/mp4">
 
−
</video>
 
  
−
<div id="logobanner">
 
  
−
<img src="https://static.igem.org/mediawiki/2017/0/0a/Logobannercentral.png" style="margin-left: auto;margin-right: auto;display: block;margin: 0 auto;padding-top: 25%;width: 50%;}">
+
<section id="one">
−
 
+
<video playsinline autoplay muted loop poster="https://static.igem.org/mediawiki/2017/8/8e/Fondovideo22.jpg" id="bgvid">
−
</div>
+
    <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 165: Line 250:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p id="x" style="text-align:justify; font-size: 21px; margin-top: 131px; font-family: helvetica;font-weight: 300; color: white;"> <br><br>Our project is directed mainly at radiologists and medical technologists, because they are constantly exposed to ionizing radiation, which is harmful to the body as it accumulates over the years, from causin Skin problems to different cancers.
+
<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 172: Line 268:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="x" style="https://static.igem.org/mediawiki/2017/4/4e/Radiologos.png">
+
<img src="https://static.igem.org/mediawiki/2017/4/4e/Radiologos.png" >  
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 201: Line 297:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="x" style="">
+
<img src="https://static.igem.org/mediawiki/2017/9/9f/Dosimetros.png">
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 207: Line 303:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p style="text-align:left ; font-size: 21px; margin-top: 131px;font-family: helvetica;font-weight: 300;color: white;"> <br><br>Blueberi is a biological option to dosimeters that it currently working to warn the specialist that if the person is in danger. The problem with these devices is that the results can be affected by different external factors, as well as adulterations when sent to the SEREMI, to know how much radiation the person was exposed.
+
<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 240: Line 348:
 
<div class="col-md-8">
 
<div class="col-md-8">
  
−
<p style="text-align:right ; font-size: 21px; margin-top: 131px;font-family: helvetica;font-weight: 300;color: white;"> <br><br>Our project will give an immediate response to the high exposure to ionizing radiation, thanks to the use of genetically modified bacteria that will sense the mutation of the DNA, which are inserted in a sachet, will change color and release a Lemon scent, so the specialist has a double warning that he is at potential risk.
+
<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 248: Line 370:
 
<div class="col-md-4">
 
<div class="col-md-4">
  
−
<img src="x" style="">
+
<img src="https://static.igem.org/mediawiki/2017/2/2b/Radiationpotential.png">
  
 
</div> <!--6-->
 
</div> <!--6-->
Line 268: 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.