Difference between revisions of "Team:PASantiago Chile"

 
(237 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{PASantiago_Chile}}
 +
{{Menu}}
 +
{{Javascript}}
 +
 
<html>
 
<html>
<head>
+
 
<title>Team:PASantiago Chile</title>
+
<meta charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
+
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
+
 
 +
 
 +
 
 +
 
 +
<style>
 +
 
 +
                body {
 +
                        font-size: 80%;
 +
                        font-size: 0,7 em
 +
 +
}
 +
 
 +
section#one {
 +
 
 +
    height: 800px;
 +
    width: 100%;
 +
<!--    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;
 +
}
 +
 
 +
 
 +
section#two {
 +
 
 +
    height: 600px;
 +
    background-color: #3d164b;
 +
    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 {
 +
 
 +
    height: 600px;
 +
    background-color: #3d164b;
 +
    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 {
 +
 
 +
    height: 600px;
 +
    background-color: #3d164b;
 +
    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 );
 +
 
 +
}
 +
 
 +
 
 +
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;
 +
    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 {
 +
              font-family: 'Merriweather Sans', sans-serif;
 +
}
  
 
p {
 
p {
color: blue;
+
color: FFFFF;
}
+
   
.logo {
+
width: 154px;
+
margin: 0 auto;
+
}
+
.texto {
+
width: 90%;
+
margin: 0 auto;
+
text-align: justify;
+
text-justify: inter-word;
+
 
}
 
}
 +
 +
.iconsponsor {
 +
 +
display: inline-block;
 +
width: 360px;
 +
margin-top: 70px;
 +
text-align: center;
 +
 +
}
 +
 +
 +
@media (max-width: 991px) {
 +
 +
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>
 
</head>
 
<body>
 
<div class="logo">
 
<img src="https://static.igem.org/mediawiki/2017/thumb/8/8e/Blueberilogo.png/154px-Blueberilogo.png">
 
</div>
 
 
<div class="texto">
 
<h2>PROJECT DESCRIPTION</h2>
 
<p> 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.</p>
 
  
<p> 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.</p>
 
  
<p> Our project will give an immediate response to the high exposure to ionizing radiation, thanks to
+
<!--########## HTML ######## -->
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. </p>
+
 
</div>
+
 
</body>
+
 
 +
<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 id="two">
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="container">
 +
 
 +
<div class="row">
 +
 
 +
<div class="col-md-8">
 +
 
 +
<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>
 +
 
 +
</div> <!--6-->
 +
 
 +
<div class="col-md-4">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/4/4e/Radiologos.png" >
 +
 
 +
</div> <!--6-->
 +
 
 +
</div> <!--row-->
 +
 
 +
</div> <!--Container-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</section>
 +
 
 +
 
 +
<section id="three">
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="container">
 +
 
 +
<div class="row">
 +
 
 +
<div class="col-md-4">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/9/9f/Dosimetros.png">
 +
 
 +
</div> <!--6-->
 +
 
 +
<div class="col-md-8">
 +
 
 +
<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>
 +
 
 +
</div> <!--6-->
 +
 
 +
 
 +
</div> <!--row-->
 +
 
 +
</div> <!--Container-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</section>
 +
 
 +
 
 +
<section id="four">
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="container">
 +
 
 +
<div class="row">
 +
 
 +
<div class="col-md-8">
 +
 
 +
<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>  
 +
 
 +
</div> <!--8-->
 +
 
 +
 
 +
<div class="col-md-4">
 +
 
 +
<img src="https://static.igem.org/mediawiki/2017/2/2b/Radiationpotential.png">
 +
 
 +
</div> <!--6-->
 +
 
 +
 
 +
 
 +
</div> <!--row-->
 +
 
 +
</div> <!--Container-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</section>
 +
 
 +
 
 +
<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>
 +
 
 +
 
 +
 
 +
 
 +
<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>
 +
 
 +
</a>
 +
</p>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 
</html>
 
</html>

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.