Difference between revisions of "Team:Technion Israel"

Line 4: Line 4:
 
<meta charset="utf-8"/>
 
<meta charset="utf-8"/>
 
 
−
<style type="text/css">
+
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Technion/CSS?action=raw&ctype=text/css" />
−
+
−
.abstract {
+
−
font-size: 130%;
+
−
}
+
−
+
−
#top_menu_14 {
+
−
width: 100%;
+
−
}
+
−
 
+
−
#top_menu_inside {
+
−
width: 100%;
+
−
}
+
−
#top_menu_under {
+
−
width: 100%;
+
−
}
+
−
#globalWrapper {
+
−
width: 100%;
+
−
float: none;
+
−
}
+
−
#content {
+
−
width: 100%;
+
−
}
+
−
 
+
−
h1 {
+
−
border-bottom: none;
+
−
}
+
−
 
+
−
.main_menu, footer {
+
−
width: 650px;
+
−
margin: auto;
+
−
clear: both;
+
−
}
+
−
+
−
#igem_login {
+
−
float: right;
+
−
color: white;
+
−
background:#7f7f7f;
+
−
background:rgba(0,0,0,0.2);
+
−
}
+
−
+
−
#igem_login:hover {
+
−
color: blue;
+
−
}
+
−
+
−
#team_logo {
+
−
width: 400px;
+
−
height: auto;
+
−
display: block;
+
−
margin: auto;
+
−
}
+
−
+
−
.facebook_link {
+
−
margin-top: 5px;
+
−
}
+
−
+
−
body {
+
−
font-family: sans-serif;
+
−
background-image: url("https://static.igem.org/mediawiki/2015/1/1b/Team_Technion_Background_Hair.jpg");
+
−
}
+
−
+
−
.content {
+
−
width: 700px;
+
−
margin: auto;
+
−
background:#7f7f7f;
+
−
background:rgba(255,255,255,0.5);
+
−
}
+
−
+
−
.abstract {
+
−
position: relative;
+
−
text-align: left;
+
−
z-index: 1;
+
−
margin-left: 10px;
+
−
}
+
−
+
−
.abstract_title {
+
−
position: relative;
+
−
text-align: center;
+
−
z-index: 1;
+
−
}
+
−
+
−
+
−
+
−
/*************************footer****************/
+
−
footer .team_name  {
+
−
text-align: center;
+
−
color: white;
+
−
}
+
−
+
−
footer .connect_links {
+
−
width: 130px;
+
−
margin: auto;
+
−
}
+
−
+
−
footer {
+
−
background:#7f7f7f;
+
−
background:rgba(0,0,0,0.5);
+
−
width: 100%;
+
−
}
+
−
+
−
footer h3 {
+
−
margin-top: 0px;
+
−
margin-bottom: 0px;
+
−
color: white;
+
−
}
+
−
+
−
.connect_links {
+
−
display: flex;
+
−
}
+
−
/*************************footer-end*************/
+
−
+
−
+
−
+
−
+
−
+
−
/************************************************************************************/
+
−
/***********************************Buttons******************************************/
+
−
/************************************************************************************/
+
−
+
−
/*************************one****************/
+
−
.button_main1 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main1:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main1:active,
+
−
.button_main1:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main1 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main1 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main1:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************one-end*************/
+
−
/*************************two****************/
+
−
.button_main2 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main2:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main2:active,
+
−
.button_main2:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main2 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main2 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main2:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************two-end*************/
+
−
/*************************three****************/
+
−
.button_main3 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main3:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main3:active,
+
−
.button_main3:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main3 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main3 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main3:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************three-end*************/
+
−
/*************************four****************/
+
−
.button_main4 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main4:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main4:active,
+
−
.button_main4:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main4 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main4 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main4:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************four-end*************/
+
−
/*************************five****************/
+
−
.button_main5 {
+
−
background: #f33;
+
−
color: #fff;
+
−
border: 0;
+
−
padding: 1em 2em;
+
−
border-radius: 6px;
+
−
cursor: pointer;
+
−
border-bottom: 3px solid #e60000;
+
−
outline: none;
+
−
position: relative;
+
−
overflow: hidden;
+
−
}
+
−
.button_main5:hover {
+
−
border-bottom-width: 2px;
+
−
margin-top: 0px;
+
−
}
+
−
.button_main5:active,
+
−
.button_main5:focus {
+
−
border-bottom-width: 1px;
+
−
margin-top: 2px;
+
−
-webkit-animation: shakeBtn 20ms infinite;
+
−
animation: shakeBtn 20ms infinite;
+
−
}
+
−
.button_main5 .btn-text {
+
−
position: relative;
+
−
z-index: 1;
+
−
}
+
−
.button_main5 .btn-bg {
+
−
position: absolute;
+
−
background: -webkit-linear-gradient(top, #f99, #ff1a1a);
+
−
background: linear-gradient(to bottom, #f99, #ff1a1a);
+
−
top: -100%;
+
−
left: 0;
+
−
width: 100%;
+
−
height: 200%;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.button_main5:hover .btn-bg {
+
−
top: 0;
+
−
}
+
−
/*************************five-end*************/
+
−
+
−
/************************************************************************************/
+
−
/***********************************Buttons-end**************************************/
+
−
/************************************************************************************/
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
+
−
/************************************************************************************/
+
−
/***********************************dropdown menu************************************/
+
−
/************************************************************************************/
+
−
+
−
.dropdown {
+
−
position: fixed;
+
−
top: 10px;
+
−
display: inline-block;
+
−
float: left;
+
−
z-index: 999;
+
−
}
+
−
.dropdown nav {
+
−
max-height: 0px;
+
−
overflow: hidden;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.dropdown nav a {
+
−
display: block;
+
−
}
+
−
.dropdown:hover nav {
+
−
max-height: 999px;
+
−
}
+
−
.dropdown a {
+
−
width: 155px;
+
−
display: inline-block;
+
−
background: #33f;
+
−
background:rgba(0,0,0,0.4);
+
−
color: #fff;
+
−
text-decoration: none;
+
−
text-align: center;
+
−
padding: 1em 2em;
+
−
font-family: sans-serif;
+
−
}
+
−
+
−
.dropdown a:hover {
+
−
background: #33f;
+
−
background:rgba(0,0,0,0.8);
+
−
}
+
−
/*************************one*****************************/
+
−
.sub1 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
max-height: 50px;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub1 a {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.4);
+
−
}
+
−
.main1 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main1 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main1:hover .sub1 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg1 {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub1 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(255,183,51,0.8);
+
−
}
+
−
/*************************one*****************************/
+
−
/*************************two*****************************/
+
−
.sub2 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub2 a {
+
−
background: #00a600;
+
−
background:rgba(0,166,0,0.4);
+
−
}
+
−
.main2 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main2 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main2:hover .sub2 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg2 {
+
−
background: #00a600;
+
−
background:rgba(0,166,0,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub2 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(0,166,0,0.8);
+
−
}
+
−
/*************************two*****************************/
+
−
/*************************three*****************************/
+
−
.sub3 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub3 a {
+
−
background: #ff1a1a;
+
−
background:rgba(255,26,26,0.4);
+
−
}
+
−
.main3 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main3 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main3:hover .sub3 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg3 {
+
−
background: #ff1a1a;
+
−
background:rgba(255,26,26,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub3 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(255,26,26,0.8);
+
−
}
+
−
/*************************three*****************************/
+
−
/*************************four*****************************/
+
−
.sub4 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub4 a {
+
−
background: #a600a6;
+
−
background:rgba(166,0,166,0.4);
+
−
}
+
−
.main4 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main4 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main4:hover .sub4 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg4 {
+
−
background: #a600a6;
+
−
background:rgba(166,0,166,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub4 a:hover {
+
−
background: #ffb733;
+
−
background:rgba(166,0,166,0.8);
+
−
}
+
−
/*************************four*****************************/
+
−
/*************************five*****************************/
+
−
.sub5 {
+
−
overflow: hidden;
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
max-width: 0;
+
−
-webkit-transition: all 600ms ease;
+
−
transition: all 600ms ease;
+
−
}
+
−
.sub5 a {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.4);
+
−
}
+
−
.main5 {
+
−
display: -webkit-box;
+
−
display: -webkit-flex;
+
−
display: -ms-flexbox;
+
−
display: flex;
+
−
}
+
−
+
−
.main5 a {
+
−
width: 140px;
+
−
}
+
−
+
−
.main5:hover .sub5 {
+
−
max-width: 999px;
+
−
max-height: 50px;
+
−
}
+
−
.btn-bg5 {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.4);
+
−
height: 50px;
+
−
width: 14px;
+
−
}
+
−
+
−
.sub5 a:hover {
+
−
background: #0000FF;
+
−
background:rgba(0,0,255,0.8);
+
−
}
+
−
/*************************five*****************************/
+
−
+
−
/************************************************************************************/
+
−
/***********************************dropdown menu-end********************************/
+
−
/************************************************************************************/
+
−
</style>
+
 
 
−
<link rel="stylesheet" href="css/style.css"/>
 
 
<title>Team: Technion 2015</title>
 
<title>Team: Technion 2015</title>
 
</head>
 
</head>
Line 620: Line 11:
  
 
<header>
 
<header>
−
<!--<a href="#" ID=igem_login>Log in</a>-->
 
 
 
 
<img src="https://static.igem.org/mediawiki/2015/f/fc/Team_Technion_Logo.png" alt="Team Logo" id="team_logo" />
 
<img src="https://static.igem.org/mediawiki/2015/f/fc/Team_Technion_Logo.png" alt="Team Logo" id="team_logo" />
Line 680: Line 70:
 
<span class="btn-bg2"></span>
 
<span class="btn-bg2"></span>
 
<div class="sub2">
 
<div class="sub2">
−
<a href="#">sublink1</a>
+
<a href="#">Overview</a>
−
<a href="#">sublink2</a>
+
<a href="#">Protocols</a>
−
<a href="#">sublink3</a>
+
<a href="#">Plasmids</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 717: Line 107:
  
 
<div class="content">
 
<div class="content">
−
<h1 class="abstract_title">Hello! Welcome to our temporary wiki page!</h1>
+
<h1 class="abstract_title">page title</h1>
 
<div class="abstract">
 
<div class="abstract">
 
<b>Our team is developing a treatment for male pattern baldness.</b>
 
<b>Our team is developing a treatment for male pattern baldness.</b>
Line 749: Line 139:
  
 
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
 
<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
−
 
+
<script type="text/javascript" src="https://2015.igem.org/Template:Technion/Javascript?
−
 
+
action=raw&ctype=text/javascript"></script>
−
<script type="text/javascript">
+
−
$(document).ready(function() {
+
−
+
−
var resize_flag;
+
−
var scroll_flag;
+
−
+
−
if( $(window).width() < 1000)
+
−
{
+
−
resize_flag = 0;
+
−
}
+
−
else
+
−
{
+
−
resize_flag = 1;
+
−
}
+
−
+
−
if (window.scrollY >= 450)
+
−
{
+
−
scroll_flag = 1;
+
−
}
+
−
else
+
−
{
+
−
scroll_flag = 0;
+
−
}
+
−
+
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
−
{
+
−
$(".dropdown").show();
+
−
}
+
−
else
+
−
{
+
−
$(".dropdown").hide();
+
−
}
+
−
+
−
+
−
+
−
window.onresize=function() {
+
−
if( $(window).width() < 1000)
+
−
{
+
−
resize_flag = 0;
+
−
}
+
−
else
+
−
{
+
−
resize_flag = 1;
+
−
}
+
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
−
{
+
−
$(".dropdown").show();
+
−
}
+
−
else
+
−
{
+
−
$(".dropdown").hide();
+
−
}
+
−
}
+
−
+
−
window.onscroll=function() {
+
−
if (window.scrollY >= 450)
+
−
{
+
−
scroll_flag = 1;
+
−
}
+
−
else
+
−
{
+
−
scroll_flag = 0;
+
−
}
+
−
if ((resize_flag == 1) && (scroll_flag == 1))
+
−
{
+
−
$(".dropdown").show();
+
−
}
+
−
else
+
−
{
+
−
$(".dropdown").hide();
+
−
}
+
−
}
+
−
});
+
−
</script>
+
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:46, 9 August 2015

Team: Technion 2015

Home
Navigate

page title

Our team is developing a treatment for male pattern baldness.

Hair loss affects roughly 61 million people in the United States. More than 95% of hair thinning in men is attributed to male pattern baldness, or androgenetic alopecia. The hair loss product market is a multi-billion dollar market: in the United States alone, this market’s annual revenue is 7 billion dollars, with 3.5% annual growth rate from 2007 to 2012, yet a sufficient solution has yet to be made available. The trigger for androgenetic alopecia is believed to be dihydrotestosterone (DHT), a derivative of testosterone. This summer, we are engineering Bacillus Subtilis, a model organism for a bacterium found naturally on the scalp, to secrete 3α-hydroxysteroid dehydrogenase (3-α-HSD). This enzyme reduces DHT to a non-steroidically active compound, using NADPH and NADH as cofactors.

Our project consists of 3 main parts: 3-α-HSD secretion by the bacterium, engineered bacterium for NADPH overproduction, and a comb as a tool to create a user-friendly experience. By synchronizing these parts, we hope to be able to show convincing evidence of DHT breakdown, providing a promising platform for treatment of male pattern baldness!

Contact Us