Difference between revisions of "Team:Colegio EmelinaU"
| (44 intermediate revisions by the same user not shown) | |||
| Line 8: | Line 8: | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
<style type="text/css"> | <style type="text/css"> | ||
| + | |||
| + | body{ | ||
| + | |||
| + | |||
| + | } | ||
| + | |||
.intro{ | .intro{ | ||
| − | + | text-align:left; | |
} | } | ||
| Line 79: | Line 85: | ||
#menuContainer { | #menuContainer { | ||
width: 200px; | width: 200px; | ||
| − | background: # | + | background: #BA00E8; |
font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; | font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif; | ||
zoom: 1; | zoom: 1; | ||
font-size: 12px; | font-size: 12px; | ||
float:left; | float:left; | ||
| + | margin-right:15px; | ||
| + | height:700px; | ||
| + | |||
| Line 94: | Line 103: | ||
padding-right:10px; | padding-right:10px; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
| − | |||
padding-left: 50px; | padding-left: 50px; | ||
background-color: #fff; | background-color: #fff; | ||
| Line 110: | Line 118: | ||
text-align:center; | text-align:center; | ||
color: #24B694; | color: #24B694; | ||
| − | background:url(https://static.igem.org/mediawiki/2015/ | + | background:url(https://static.igem.org/mediawiki/2015/2/29/Banner_wiki_03.png); |
| Line 157: | Line 165: | ||
#contentContainer td { | #contentContainer td { | ||
background-color: #fff; | background-color: #fff; | ||
| − | padding: | + | padding: 20px; |
border: 2px solid #29221F; | border: 2px solid #29221F; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
| Line 189: | Line 197: | ||
#menuContainer ul { | #menuContainer ul { | ||
list-style: none; | list-style: none; | ||
| − | margin-left: | + | margin-left:5px; |
} | } | ||
| Line 209: | Line 217: | ||
color: #FFF; | color: #FFF; | ||
background-color: #ED417B; | background-color: #ED417B; | ||
| − | transition: | + | transition:1s; |
| + | margin-left:10px; | ||
} | } | ||
| Line 228: | Line 237: | ||
position: absolute; | position: absolute; | ||
float:right; | float:right; | ||
| − | margin-left: 150px; | + | margin-left: 150px; |
| − | + | margin-top:-42px; | |
| + | |||
| + | |||
} | } | ||
/*Style the submenu buttons*/ | /*Style the submenu buttons*/ | ||
| − | #menuContainer li ul li{ | + | #menuContainer li ul li{ |
| − | + | background-color: rgba(172, 41, 229, 0.8); | |
| + | background: rgba(172, 41, 229, 0.8); | ||
| + | color: rgba(172, 41, 229, 0.8); | ||
padding-left:20px; | padding-left:20px; | ||
padding-right:20px; | padding-right:20px; | ||
| Line 241: | Line 254: | ||
margin-top:-3px; | margin-top:-3px; | ||
color: white; | color: white; | ||
| − | |||
font-size:1rem; | font-size:1rem; | ||
| + | width:200px; | ||
} | } | ||
| Line 264: | Line 277: | ||
padding-top: 5px; | padding-top: 5px; | ||
} | } | ||
| + | .animated { | ||
| + | -webkit-animation-duration: 4s; | ||
| + | animation-duration: 4s; | ||
| + | -webkit-animation-fill-mode: both; | ||
| + | animation-fill-mode: both; | ||
| + | } | ||
| + | @-webkit-keyframes bounceIn { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | -webkit-transform: scale(.3); | ||
| + | } | ||
| + | |||
| + | 50% { | ||
| + | opacity: 1; | ||
| + | -webkit-transform: scale(1.05); | ||
| + | } | ||
| + | |||
| + | 70% { | ||
| + | -webkit-transform: scale(.9); | ||
| + | } | ||
| + | |||
| + | 100% { | ||
| + | -webkit-transform: scale(1); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes bounceIn { | ||
| + | 0% { | ||
| + | opacity: 0; | ||
| + | transform: scale(.3); | ||
| + | } | ||
| + | |||
| + | 50% { | ||
| + | opacity: 1; | ||
| + | transform: scale(1.05); | ||
| + | } | ||
| + | |||
| + | 70% { | ||
| + | transform: scale(.9); | ||
| + | } | ||
| + | |||
| + | 100% { | ||
| + | transform: scale(1); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .bounceIn { | ||
| + | -webkit-animation-name: bounceIn; | ||
| + | animation-name: bounceIn; | ||
| + | } | ||
</style> | </style> | ||
| Line 276: | Line 339: | ||
<div id="bannerContainer"> | <div id="bannerContainer"> | ||
<div class="logo"> | <div class="logo"> | ||
| − | <img src="https://static.igem.org/mediawiki/2015/ | + | <img src="https://static.igem.org/mediawiki/2015/3/33/Logo_oficial.png"> |
</div> | </div> | ||
| Line 285: | Line 348: | ||
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | <!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons --> | ||
| − | <ul> | + | <ul class="animated bounceIn"> |
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU"><li>HOME</li></a> |
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Team"><li>TEAM</li></a> |
<a href="#"><li>PROJECT > | <a href="#"><li>PROJECT > | ||
<ul> | <ul> | ||
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Description"><li>Description</li></a> |
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Experiments"><li>Experiments & Protocols</li></a> |
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Results"><li>Results</li></a> |
| + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Design"><li>Design</li></a> | ||
| + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Bussingmodels"><li>Bussing Models</li></a> | ||
</ul> | </ul> | ||
</li></a> | </li></a> | ||
| Line 300: | Line 365: | ||
<a href="#"><li>PARTS > | <a href="#"><li>PARTS > | ||
<ul> | <ul> | ||
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Parts"><li>Team Parts</li></a> |
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
</li></a> | </li></a> | ||
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Practices"><li>HUMAN PRACTICES</li></a> |
| + | |||
| + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Notebook"><li>NOTEBOOK</li></a> | ||
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Modeling"><li>MODELING</li></a> |
| − | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Attributions"><li>ATTRIBUTIONS</li></a> | |
| − | <a href="https://2015.igem.org/Team: | + | <a href="https://2015.igem.org/Team:Colegio_EmelinaU/Collaborations"><li>COLLABORATIONS</li></a> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</ul> | </ul> | ||
| Line 338: | Line 395: | ||
<img class="imagen" src="https://static.igem.org/mediawiki/2015/f/f4/Img_portada.jpg"><p>According to the Ministry of Health in Chile in the last 5 years there have been 20-25 cases of skin cancer per 100 inhabitants. One of the main factors causing skin cancer is the ultraviolet radiation (UV). This is a natural radiation which in low dose is harmless to the cells, even it can be beneficial for an organism survival. However, when a certain amount is exceeded, it can cause a serious cell damage. The highest levels of UV radiation are reported in Chile. | <img class="imagen" src="https://static.igem.org/mediawiki/2015/f/f4/Img_portada.jpg"><p>According to the Ministry of Health in Chile in the last 5 years there have been 20-25 cases of skin cancer per 100 inhabitants. One of the main factors causing skin cancer is the ultraviolet radiation (UV). This is a natural radiation which in low dose is harmless to the cells, even it can be beneficial for an organism survival. However, when a certain amount is exceeded, it can cause a serious cell damage. The highest levels of UV radiation are reported in Chile. | ||
Our team proposes a system that alerts the intensity of UV radiation. In detail, the project it is represented in a bracelet which it is composed by Bacillus subtilis bacteria that is modified genetically with a system that senses ultraviolet light and according to the intensity it generate the correct coloration . This will allow people to protect themselves from UV rays when its intensity is harmful for the cells.</p> | Our team proposes a system that alerts the intensity of UV radiation. In detail, the project it is represented in a bracelet which it is composed by Bacillus subtilis bacteria that is modified genetically with a system that senses ultraviolet light and according to the intensity it generate the correct coloration . This will allow people to protect themselves from UV rays when its intensity is harmful for the cells.</p> | ||
| + | <center> | ||
| + | <h2>Spot UV Wristband </h2> | ||
| − | + | <iframe width="560" height="315" src="https://www.youtube.com/embed/Q1o9Ai9g6Bo" frameborder="0" allowfullscreen></iframe> | |
| − | + | </center> | |
| − | + | ||
</div> | </div> | ||
Latest revision as of 21:24, 18 September 2015
Description:
According to the Ministry of Health in Chile in the last 5 years there have been 20-25 cases of skin cancer per 100 inhabitants. One of the main factors causing skin cancer is the ultraviolet radiation (UV). This is a natural radiation which in low dose is harmless to the cells, even it can be beneficial for an organism survival. However, when a certain amount is exceeded, it can cause a serious cell damage. The highest levels of UV radiation are reported in Chile. Our team proposes a system that alerts the intensity of UV radiation. In detail, the project it is represented in a bracelet which it is composed by Bacillus subtilis bacteria that is modified genetically with a system that senses ultraviolet light and according to the intensity it generate the correct coloration . This will allow people to protect themselves from UV rays when its intensity is harmful for the cells.