Difference between revisions of "Team:Technion Israel"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{ | + | {{Template_All_Teams}} |
− | <html> | + | <html> |
− | < | + | <head> |
− | < | + | <meta charset="utf-8"/> |
+ | |||
+ | <style type="text/css"> | ||
+ | |||
+ | .abstract { | ||
+ | font-size: 130%; | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | } | ||
+ | |||
+ | .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> | ||
+ | </head> | ||
+ | <body> | ||
− | < | + | <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" /> | |
− | < | + | |
− | + | ||
− | <div class=" | + | <div class="main_menu"> |
− | < | + | <nav> |
− | < | + | <a href="#"> |
− | < | + | <button class="button_main1"> |
− | </div> | + | <span class="btn-text">Project</span> |
+ | <span class="btn-bg"></span> | ||
+ | </button> | ||
+ | </a> | ||
+ | <a href="#"> | ||
+ | <button class="button_main2"> | ||
+ | <span class="btn-text">Lab Notebook</span> | ||
+ | <span class="btn-bg"></span> | ||
+ | </button> | ||
+ | </a> | ||
+ | <a href="#"> | ||
+ | <button class="button_main3"> | ||
+ | <span class="btn-text">Judging Criteria</span> | ||
+ | <span class="btn-bg"></span> | ||
+ | </button> | ||
+ | </a> | ||
+ | <a href="#"> | ||
+ | <button class="button_main4"> | ||
+ | <span class="btn-text">Human Practices</span> | ||
+ | <span class="btn-bg"></span> | ||
+ | </button> | ||
+ | </a> | ||
+ | <a href="#"> | ||
+ | <button class="button_main5"> | ||
+ | <span class="btn-text">Team</span> | ||
+ | <span class="btn-bg"></span> | ||
+ | </button> | ||
+ | </a> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
− | < | + | <!---------------------------------------dropdown menu-----------------------------------> |
− | < | + | <div class="dropdown"> |
− | < | + | <a href="#"> |
− | < | + | <img src="https://static.igem.org/mediawiki/2015/c/c1/Team_Technion_Navbar_Home.png" alt="Home" id="home_nav" /> |
+ | <div id="home_text">Navigate</div> | ||
+ | </a> | ||
+ | <nav> | ||
+ | <div class="main1"> | ||
+ | <a href="#">Project</a> | ||
+ | <span class="btn-bg1"></span> | ||
+ | <div class="sub1"> | ||
+ | <a href="#">sublink1</a> | ||
+ | <a href="#">sublink2</a> | ||
+ | <a href="#">sublink3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main2"> | ||
+ | <a href="#">Lab Notebook</a> | ||
+ | <span class="btn-bg2"></span> | ||
+ | <div class="sub2"> | ||
+ | <a href="#">sublink1</a> | ||
+ | <a href="#">sublink2</a> | ||
+ | <a href="#">sublink3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main3"> | ||
+ | <a href="#">Judging Criteria</a> | ||
+ | <span class="btn-bg3"></span> | ||
+ | <div class="sub3"> | ||
+ | <a href="#">sublink1</a> | ||
+ | <a href="#">sublink2</a> | ||
+ | <a href="#">sublink3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main4"> | ||
+ | <a href="#">Human Practices</a> | ||
+ | <span class="btn-bg4"></span> | ||
+ | <div class="sub4"> | ||
+ | <a href="#">sublink1</a> | ||
+ | <a href="#">sublink2</a> | ||
+ | <a href="#">sublink3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="main5"> | ||
+ | <a href="#">Team</a> | ||
+ | <span class="btn-bg5"></span> | ||
+ | <div class="sub5"> | ||
+ | <a href="#">sublink1</a> | ||
+ | <a href="#">sublink2</a> | ||
+ | <a href="#">sublink3</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <!---------------------------------------dropdown menu-end-----------------------------------> | ||
+ | <div class="content"> | ||
+ | <h1 class="abstract_title">Hello! Welcome to our temporary wiki page!</h1> | ||
+ | <div class="abstract"> | ||
+ | <b>Our team is developing a treatment for male pattern baldness.</b> | ||
+ | <p> | ||
+ | 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. | ||
+ | </p> | ||
+ | <p> | ||
+ | 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! | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <footer> |
− | < | + | <div class="team_name"> |
− | + | <h3>Contact Us</h3> | |
− | + | </div> | |
− | + | <nav class="connect_links"> | |
− | < | + | <div class="facebook_link"> |
− | + | <a href="https://www.facebook.com/technioniGEM2015?pnref=story" target="_blank"> | |
− | < | + | <img src="https://static.igem.org/mediawiki/2015/0/06/Team_Technion_Footer_facebook.png" alt="Follow us on facebook" /></a> |
− | < | + | </div> |
− | + | <div class="email_link"> | |
− | + | <a href="mailto:igem.technion2015@gmail.com"> | |
− | + | <img src="https://static.igem.org/mediawiki/2015/d/da/Team_Technion_Footer_gmail.png" alt="Send us an Email" /></a> | |
− | + | </div> | |
− | + | </nav> | |
− | < | + | </footer> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
+ | <script type="text/javascript" src="jquery-1.8.0.min.js"></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> | ||
</html> | </html> |
Revision as of 19:00, 14 July 2015
Hello! Welcome to our temporary wiki page!
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!