Difference between revisions of "Team:technion"

 
(42 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
 
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Technion/CSS?action=raw&ctype=text/css" />
 
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Technion/CSS?action=raw&ctype=text/css" />
 +
 +
<!-------------------------------------------nav-style---------------------------------------------------------------------->
 +
<style type="text/css">
 +
.nav_menu {
 +
position: fixed;
 +
        z-index: 999;
 +
left: 0;
 +
        top: 18px;
 +
width: 100%;
 +
margin: auto;
 +
font-family: MV Boli;
 +
font-size: 1.6em;
 +
background: rgba(0,0,0,0.8);
 +
height: 44px;
 +
}
 +
 +
.nav_menu nav {
 +
width: 100%;
 +
/*-webkit-border-radius: 30px;
 +
-moz-border-radius: 30px;
 +
border-radius: 30px;*/
 +
-webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.75);
 +
-moz-box-shadow:    0px 2px 1px rgba(50, 50, 50, 0.75);
 +
box-shadow:        0px 2px 1px rgba(50, 50, 50, 0.75);
 +
}
 +
 +
.main_buttons {
 +
width: 665px;
 +
height: 30px;
 +
margin: auto;
 +
margin-top: 10px;
 +
}
 +
 +
.main_button {
 +
display: inline;
 +
/*border-style: solid;
 +
border-width: 0px;
 +
border-color: black;*/
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
border-radius: 2px;
 +
}
 +
 +
.main_links {
 +
overflow: hidden;
 +
display: -webkit-box;
 +
display: -webkit-flex;
 +
display: -ms-flexbox;
 +
display: flex;
 +
max-height: 0px;
 +
-webkit-transition: all 600ms ease;
 +
transition: all 600ms ease;
 +
}
 +
 +
.main_links a {
 +
font-size: 0.7em;
 +
padding-right: 15px;
 +
padding-left: 15px;
 +
text-align: center;
 +
text-decoration: none;
 +
color: black;
 +
border-radius: 5px;
 +
box-shadow:        0px 2px 1px rgba(50, 50, 50, 0.75);
 +
}
 +
 +
 +
#project_Links, #project {
 +
background: rgb(255, 184, 106);
 +
}
 +
 +
#Lab_Notebook_Links, #Lab_Notebook {
 +
background: rgb(202, 174, 244);
 +
}
 +
 +
#Human_Practices_Links, #Human_Practices {
 +
background: rgb(192, 163, 127);
 +
}
 +
 +
#Judging_Criteria_Links, #Judging_Criteria {
 +
background: rgb(173, 201, 219);
 +
}
 +
 +
#Team_Links, #Team {
 +
background: rgb(243, 225, 97);
 +
}
 +
 +
.main_links a:hover {
 +
color: red;
 +
}
 +
 +
#project_Links a:hover {
 +
background: rgb(255, 144, 66);
 +
}
 +
 +
#Lab_Notebook_Links a:hover{
 +
background: rgb(162, 110, 241);
 +
}
 +
 +
#Human_Practices_Links a:hover {
 +
background: rgb(162, 124, 78);
 +
}
 +
 +
#Judging_Criteria_Links a:hover {
 +
background: rgb(111, 172, 212);
 +
}
 +
 +
#Team_Links a:hover {
 +
background: rgb(247, 213, 11);
 +
}
 +
 +
.content {
 +
margin-top: 100px;
 +
}
 +
</style>
 +
<!-------------------------------------------nav-style-end------------------------------------------------------------------>
 
 
 
<title>Team: Technion 2015</title>
 
<title>Team: Technion 2015</title>
Line 10: Line 125:
 
<body>
 
<body>
  
−
<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 49: Line 163:
 
</nav>
 
</nav>
 
</div>
 
</div>
−
</header>
+
</header>-->
  
−
<!---------------------------------------dropdown menu----------------------------------->
+
<!---------------------------------------dropdown menu-----------------------------------
 
<div class="dropdown">
 
<div class="dropdown">
 
<a href="#">
 
<a href="#">
Line 62: Line 176:
 
<span class="btn-bg1"></span>
 
<span class="btn-bg1"></span>
 
<div class="sub1">
 
<div class="sub1">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Overview">Overview</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Bacillus">Bacillus</a>
−
<a href="#">sublink3</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Project/E_Coli">E.Coli</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/NADPH">NADPH</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Comb">Comb</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Modeling">Modeling</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 71: Line 188:
 
<span class="btn-bg2"></span>
 
<span class="btn-bg2"></span>
 
<div class="sub2">
 
<div class="sub2">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Overview">Overview</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols">Protocols</a>
−
<a href="#">sublink3</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 80: Line 196:
 
<span class="btn-bg3"></span>
 
<span class="btn-bg3"></span>
 
<div class="sub3">
 
<div class="sub3">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Parts">Parts</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Judging_Criteria/Achievements">Achievements</a>
−
<a href="#">sublink3</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Collaborations">Collaborations</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Design">Design</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Entrepreneurship">Entrepreneurship</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 89: Line 207:
 
<span class="btn-bg4"></span>
 
<span class="btn-bg4"></span>
 
<div class="sub4">
 
<div class="sub4">
−
<a href="#">sublink1</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/Education">Education</a>
−
<a href="#">sublink2</a>
+
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/Publications">Publications</a>
−
<a href="#">sublink3</a>
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 101: Line 218:
 
<a href="#">sublink2</a>
 
<a href="#">sublink2</a>
 
<a href="#">sublink3</a>
 
<a href="#">sublink3</a>
 +
<a href="#">sublink4</a>
 +
<a href="#">sublink5</a>
 +
<a href="#">sublink6</a>
 
</div>
 
</div>
 
</div>
 
</div>
 
</nav>
 
</nav>
 
</div>
 
</div>
−
<!---------------------------------------dropdown menu-end----------------------------------->
+
---------------------------------------dropdown menu-end----------------------------------->
 +
 
 +
 
 +
 
 +
<!-------------------------------------nav-bar---------------------------------------------->
 +
<div class="nav_menu">
 +
<div class="main_buttons">
 +
<div id="project" class="main_button">Project</div>
 +
<div id="Lab_Notebook" class="main_button">Lab&nbsp;Notebook</div>
 +
<div id="Human_Practices" class="main_button">Human&nbsp;Practices</div>
 +
<div id="Judging_Criteria" class="main_button">Judging&nbsp;Criteria</div>
 +
<div id="Team" class="main_button">Team</div>
 +
</div>
 +
<nav>
 +
<div id="Team_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/About_Us">About&nbsp;Us</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Attributions">Attributions</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/Sponsors">Sponsors</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Team/gallery">Gallery</a>
 +
</div>
 +
<div id="Judging_Criteria_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Parts">Parts</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Judging_Criteria/Achievements">Achievements</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Collaborations">Collaborations</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Design">Design</a>
 +
</div>
 +
<div id="Human_Practices_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Practices">Practices</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Practices/safety">Safety</a>
 +
</div>
 +
<div id="Lab_Notebook_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Overview">Overview</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Lab_Notebook/Protocols">Protocols</a>
 +
</div>
 +
<div id="project_Links" class="main_links">
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Overview">Overview</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Bacillus">Bacillus</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/E_Coli">E.Coli</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/NADPH">NADPH</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Project/Comb">Comb</a>
 +
<a href="https://2015.igem.org/Team:Technion_Israel/Modeling">Modeling</a>
 +
</div>
 +
</nav>
 +
</div>
 +
<!-------------------------------------nav-bar-end------------------------------------------>
  
 
<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 119: Line 283:
 
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.
 
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!
 
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!
−
 
−
The whole site is rendered by mediawiki's default template, which
 
−
includes the igem login bar. The default template wraps the entire HTML
 
−
code that I put inside mediawiki and limits the page's width. It took a
 
−
lot of time to find the class that makes this limit and change it's
 
−
properties.
 
−
This change altered the login bar's appearance a little bit.
 
−
I wanted to know if this change violates the instructions or not (you
 
−
can see it by comparing the bar on our wiki to the normal bar).
 
−
 
−
I compared the login bar on your wiki to the regular login bar. The only big difference is that the username (or the word "login") changes position instead of being fixed to the left of the "hamburger menu" icon. I think this is a small enough change that it would not be considered a violation of the rules. However, if you want to put it back, you could write new rules for the element "#top_menu_inside #user_item".
 
−
 
 
</p>
 
</p>
 
</div>
 
</div>
Line 152: Line 304:
  
 
<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?
 
<script type="text/javascript" src="https://2015.igem.org/Template:Technion/Javascript?
 
action=raw&ctype=text/javascript"></script>
 
action=raw&ctype=text/javascript"></script>
 +
 +
<!-----------------------------------------------nav-bar-script---------------------------------------->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
/************************reset parameters*********************************/
 +
var p = $("#project").offset();
 +
$("#project_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Lab_Notebook").offset();
 +
$("#Lab_Notebook_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Human_Practices").offset();
 +
$("#Human_Practices_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Judging_Criteria").offset();
 +
if (($(window).width())*1.5 >= screen.width)
 +
{
 +
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
 +
}
 +
else
 +
{
 +
p = $("#project").offset();
 +
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
 +
}
 +
 +
p = $("#Team").offset();
 +
if (($(window).width())*1 >= screen.width)
 +
{
 +
$("#Team_Links").css({"padding-left": (p.left-0)});
 +
}
 +
else
 +
{
 +
p = $("#project").offset();
 +
$("#Team_Links").css({"padding-left": (p.left-0)});
 +
}
 +
/************************reset parameters-end*****************************/
 +
 +
/************************reset parameters on resize***********************/
 +
$(window).resize(function() {
 +
var p = $("#project").offset();
 +
$("#project_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Lab_Notebook").offset();
 +
$("#Lab_Notebook_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Human_Practices").offset();
 +
$("#Human_Practices_Links").css({"padding-left": (p.left-0)});
 +
 +
p = $("#Judging_Criteria").offset();
 +
if (($(window).width())*1.3 >= screen.width)
 +
{
 +
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
 +
}
 +
else
 +
{
 +
p = $("#project").offset();
 +
$("#Judging_Criteria_Links").css({"padding-left": (p.left-0)});
 +
}
 +
 +
p = $("#Team").offset();
 +
if (($(window).width())*1 >= screen.width)
 +
{
 +
$("#Team_Links").css({"padding-left": (p.left-0)});
 +
}
 +
else
 +
{
 +
p = $("#project").offset();
 +
$("#Team_Links").css({"padding-left": (p.left-0)});
 +
}
 +
});
 +
/************************reset parameters on resize-end*******************/
 +
 +
/************************on hover events for main buttons*****************/
 +
$("#project, #project_Links a").hover(function() {
 +
$("#project_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#project_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Lab_Notebook, #Lab_Notebook_Links a").hover(function() {
 +
$("#Lab_Notebook_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Lab_Notebook_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Human_Practices, #Human_Practices_Links a").hover(function() {
 +
$("#Human_Practices_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Human_Practices_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Judging_Criteria, #Judging_Criteria_Links a").hover(function() {
 +
$("#Judging_Criteria_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Judging_Criteria_Links").css({"max-height": "0px"});
 +
});
 +
 +
$("#Team, #Team_Links a").hover(function() {
 +
$("#Team_Links").css({"max-height": "50px"});
 +
},
 +
function() {
 +
$("#Team_Links").css({"max-height": "0px"});
 +
});
 +
/************************on hover events for main buttons-end*************/
 +
 +
});
 +
</script>
 +
<!-----------------------------------------------nav-bar-script-end------------------------------------>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 19:04, 10 September 2015

Team: Technion 2015

Project
Lab Notebook
Human Practices
Judging Criteria
Team

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