Difference between revisions of "Team:DTU-Denmark"

 
(324 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 
<head>  
 
<head>  
  
−
        <style>
+
    <!-- importing style sheet -->
  
 +
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetmain?action=raw&ctype=text/css">
  
 +
    <!-- This tells the browser that your page is responsive -->
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
</head>
−
+
−
/* Clear the default wiki settings */
+
−
+
−
#home_logo, #sideMenu { display:none; }
+
−
#sideMenu, #top_title, .patrollink  {display:none;}
+
−
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
−
body {background-color:white; }
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
  
  
  
 +
<body id="mainpage">
 +
    <div id="windowcontent">
  
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
    <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list -->
  
−
/* IF THE SCREEN IS LESS THAN 1200PX */
+
    <div class="row">
−
@media only screen and (max-width: 1200px) {
+
        <div class="col-12 rmvpadmarg tofront fixed">
 +
            <nav class="navbar">
 +
            </nav>
 +
        </div>
 +
    </div>
  
−
#content {width:100%; }
+
    <!-- Take tour button -->
−
.igem_2017_menu_wrapper {width:15%; right:0;}
+
−
.highlight {padding:10px 0px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:none; }
+
−
#menu_content { display:block;}
+
−
.menu_button.direct_to_page {padding-left: 17px;}
+
−
+
−
}
+
  
−
/* IF THE SCREEN IS LESS THAN 800PX */
+
    <div id="tourbtn">
−
@media only screen and (max-width: 800px) {
+
         <a href="https://2017.igem.org/Team:DTU-Denmark/Tour_Introduction">
−
 
+
            <img src="https://static.igem.org/mediawiki/2017/2/27/T--DTU-Denmark--Take_Tour_Button.png" alt="Take a tour of our site!">
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
+
        </a>
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
+
    </div>
−
.column.half_size  {width:100%; }
+
−
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
+
−
.highlight {padding:15px 5px;}
+
−
.igem_2017_menu_wrapper #display_menu_control { display:block; }
+
−
#menu_content { display:none;}
+
−
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
+
−
.menu_bottom_padding {display:none;}
+
−
.menu_button.direct_to_page { padding-left: 36px; }
+
−
}
+
−
 
+
−
 
+
−
+
−
+
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
−
.judges-will-not-evaluate {
+
−
    width: 96.6%;
+
−
  margin: 5px 15px;
+
−
  display: block;
+
−
border: 4px solid #3399ff;
+
−
    font-weight: bold;
+
−
}
+
−
 
+
−
+
−
</style>
+
−
 
+
−
<!-- This tells the browser that your page is responsive -->
+
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
−
 
+
−
         <!--<link rel="stylesheet" rel="https://2017.igem.org/Team:DTU-Denmark/stylesheetmain?action=raw&ctype=text/css>-->
+
−
 
+
−
</head>
+
  
 +
    <!-- Creates a 1 column (12) row containing the parallax splash screen -->
  
 +
    <div class="row">
 +
        <div class="col-12">
 +
            <div class="parallax">
 +
                <div class="parallaxtext">
 +
            <p id="homepageheadline1">Snakebite Detectives</p>
 +
    <p id="homepageheadline2">iGEM 2017</p>
 +
                </div>
 +
<div class="parallaxfade"></div>
 +
    </div>
 +
        </div>
 +
    </div>
  
−
<body>
+
    <div class="row">
−
<!-- header contains the top navbar
+
        <div class="col-12">
−
    creates a 1 column (12) row containing the header
+
            <div class="Rounddownbtncontainer">
−
    and defines the dropdown list-->
+
                <div class="Rounddownbtn">
−
<div class="col-12 rmvpadmarg tofront" style="position: fixed;">
+
                    <a class="jumptocontent" href="#roundbtnjump">
−
<nav class="navbar">
+
                        <img src="https://static.igem.org/mediawiki/2017/d/d1/T--DTU-Denmark--twodownarrows.png" alt="Down" height="70">
−
<div class="navbarcenter">
+
                    </a>
−
<ul class="rmvpadmarg">
+
                </div>
−
    <li class="dropdown">
+
            </div>
−
    <a href="#" class="dropbtn">Team</a>
+
        </div>
−
    <div class="dropdown-content">
+
    </div>
−
        <a href="#">Members</a>
+
−
        <a href="#">Funds</a>
+
−
        <a href="#">Sponsors</a>
+
−
    </div>
+
−
    </li>
+
−
    <li class="dropdown">
+
−
        <a href="#" class="dropbtn">Human practices</a>
+
−
    <div class="dropdown-content">
+
−
    <a href="#">Integrated practices</a>
+
−
    <a href="#">Public engagement</a>
+
−
        <a href="#">Collaborations</a>
+
−
        </div>
+
−
</li>
+
−
<li class="dropdown">
+
−
    <a href="#" class="dropbtn">Notes</a>
+
−
    <div class="dropdown-content">
+
−
          <a href="#">Lab diary</a>
+
−
          <a href="#">Protocols</a>
+
−
        <a href="#">Criteria</a>
+
−
            <a href="#">Brainstorm</a>
+
−
        </div>
+
−
</li>   
+
−
<li class="dropdown">
+
−
    <a href="#" class="dropbtn">Modelling</a>
+
−
    <div class="dropdown-content">
+
−
        <a href="#">Overview</a>
+
−
        <a href="#">In depth</a>
+
−
    </div>
+
−
</li> 
+
−
<li class="dropdown">
+
−
        <a href="#" class="dropbtn">Project</a>
+
−
    <div class="dropdown-content">
+
−
        <a href="#">Description</a>
+
−
        <a href="#">Results</a>
+
−
        <a href="#">Prototype</a>
+
−
    </div>
+
−
</li>
+
−
</ul>
+
−
</div>
+
−
</nav>
+
−
</div>
+
  
  
−
<!-- Creates a 1 column (12) row containing the parallax
+
    <!-- creates a 3 column (2-8-2) row with the main container and air on each side -->
−
    splash screen -->
+
−
<div class="row">
+
−
<div class="col-12 rmvpadmarg">
+
−
<div class="parallax">
+
−
<div class="homepageheadline">
+
−
<p id="homepageheadline1">Snakebite Detectives</p>
+
−
<p id="homepageheadline2">iGEM 2017</p>
+
−
</div>
+
−
<div class="parallaxfade"></div>
+
−
</div>
+
−
</div>
+
−
</div>
+
  
−
<!-- creates a 3 column (2-8-2) row with the main container
+
    <div class="maincontainer" id="roundbtnjump">
−
    and air on each side -->
+
−
<!-- navbarfade starts here -->
+
  
−
<div class="maincontainer" id="startchange">
+
        <!-- creates the main container (text area) -->
  
−
<!-- creates the main container (text area) -->
+
        <div class="colp-12 rmvpadmarg" id="startchange">
−
<div class="colp-12 rmvpadmarg maincontainer">
+
            <h1 class="bottomborder">The most neglected tropical disease</h1>
−
<h1 class="bottomborder">The most neglected tropical disease</h1>
+
  
−
<div class="row imgmenu">
+
            <div class="row rmvpadmarg">
−
<div class="col-5 rmvpadmarg">
+
                <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div>
−
    <div class="imgmenuitem" onclick="">
+
−
        <div class="imgmenucontent img1"></div>
+
−
        <div class="imgmenuoverlay">
+
−
        <a href="#">
+
−
        <h3 class="rmvpadmarg">What is the problem</h3>
+
−
        <p>Some very informative text that will make the user click the link and learn more about our project</p>
+
−
        </a>
+
−
        </div>
+
−
    </div>
+
−
</div>
+
−
<div class="col-2 rmvpadmarg"><p></p></div>
+
−
<div class="col-5 rmvpadmarg">
+
−
    <div class="imgmenuitem right" onclick="">
+
−
        <div class="imgmenucontent img2"></div>
+
−
        <div class="imgmenuoverlay">
+
−
        <a href="#">
+
−
        <h3 class="rmvpadmarg">Where is the problem</h3>
+
−
        <p>Some more very informative text that will make the user click the link and learn more about our project</p>
+
−
        </a>
+
−
        </div>
+
−
    </div>
+
−
    </div>
+
−
</div>
+
  
−
<h2 class="bottomborder">Project description</h2>
+
                <div class="col-10 rmvpadmarg">
−
<p>Envenomation by snakebite is one of the most neglected diseases with an estimated 5 million bites. These result in about 100,000 deaths and 400,000 disabilities annually [1]. The only effective treatment is animal derived antivenoms, which frequently causes adverse reactions [2]. As a result they are often only administered as a last resort.</p>
+
                    <div id="snakewtext">
 +
                      <img src="https://static.igem.org/mediawiki/2017/2/23/T--DTU-Denmark--main_snake_front_page_v2.png" alt="Main project overview" width="800">
 +
                    </div>
 +
                </div>
  
−
<p>One of the major problems related to treatment of snake bites concerns the lack of identification of the snake. When bitten, it is difficult for most people to remember details about the snake, which makes it almost impossible to confidently administer the correct specific antivenom. Currently, if the snake cannot be identified, multispecies antivenom is used in a consequently higher dose leading to more severe side effects. By solving the venom identification problem it could potentially increase the survival rate of snake bite victims. This is due to decreased diagnosis time and less amount of antivenom necessary for treatment, thereby causing fewer adverse reactions in the patient [3].</p>
+
                <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div>
 +
            </div>
  
−
<p>We aim to create a novel diagnostic platform by using synthetic biology derived protease activity assay to identify specific venom enzymes that, by developing suitable substrates, can investigate the relative composition of specific venom components in a blood sample. Our goal is to create a diagnostic tool that would make it possible for a clinician to quickly determine which antivenom is necessary, or if it is necessary at all.</p><br /><br />
+
<!--        <div class="row imgmenu">
 +
                <div class="col-5 rmvpadmarg">
 +
                    <div class="imgmenuitem">
 +
                        <a href="#">
 +
                            <div class="imgmenucontent img1"></div>
 +
                            <div class="imgmenuoverlay">
 +
                                <h3 class="rmvpadmarg">What is the problem</h3>
 +
                                <p>Some very informative text that will make the user click the link and learn more about our project</p>
 +
                            </div>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
                <div class="col-2 rmvpadmarg" style="white-space: pre;"><p> </p></div>
 +
                <div class="col-5 rmvpadmarg">
 +
                    <div class="imgmenuitem right">
 +
                        <a href="#">
 +
                            <div class="imgmenucontent img2"></div>
 +
                            <div class="imgmenuoverlay">
 +
                                <h3 class="rmvpadmarg">Where is the problem</h3>
 +
                                <p>Some more very informative text that will make the user click the link and learn more about our project</p>
 +
                            </div>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
-->
 +
     
  
−
<p>References:<br /><br />
+
        </div>
−
[1] Chippaux JP (1998). <em>Snake-bites: appraisal of the global situation.</em> Bulletin of the World Health Organization, 76(5),515-24.<br />
+
    </div>
−
[2] Gutiérrez JM, León G, Lomonte B, Angulo Y (2011). <em>Antivenoms for Snakebite Envenomings. Inflammation and Allergy.</em> Drug Targets 10(5), 369–80.<br />
+
−
[3] Warrell D, Gutierrez JM, Padilla A (2007). <em>Rabies and Envenomings: a Neglected Public Health Issue: Report of a Consultative Meeting.</em> World Health Organization, Geneva.</p>
+
  
−
</div>
+
    <!-- creates a 4 column (3-3-3-3) design with 1 and 4 being whitespace, 3 is "FIND US AT" and 4 sponsors-->
−
</div>
+
   
 +
    <footer class="rmvpadmarg" id="footer">
 +
        <div class="footercontainer">
 +
           
 +
            <!-- left footer whitespace -->
 +
           
 +
            <div class="colp-1 rmvpadmarg" style="white-space: pre;">
 +
                <p> </p>
 +
            </div>
 +
           
 +
            <!-- contact information display in footer -->
 +
           
 +
            <div class="colp-5 rmvpadmarg">
 +
                <div class="rmvlinkstyle footercolstyle leftfootercol">
 +
                    <p>FIND US AT</p>
 +
                    <a href="mailto:dtubiobuilders@gmail.com">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--DTU-Denmark--mail_logo.svg" alt="Mail" height="40" style="filter: invert(100%);">
 +
                    </a>
 +
                    <a href="https://www.instagram.com/igem_dtubiobuilders/?hl=da">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9f/T--DTU-Denmark--instagram_logo.png" alt="Instagram" height="40">
 +
                    </a>
 +
                    <a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
 +
                        <img src="https://static.igem.org/mediawiki/2017/2/20/T--DTU-Denmark--facebook_logo.png" alt="Facebook" height="40" style="filter: invert(100%);">
 +
                    </a>
 +
                    <a href="https://twitter.com/iGEM_DTU">
 +
                        <img src="https://static.igem.org/mediawiki/2017/7/7d/T--DTU-Denmark--twitter_logo.png" alt="Twitter" height="40" style="filter: invert(100%);">
 +
                    </a><br />
 +
                    <span>DTU BIOBUILDERS</span><br />
 +
                    <span>DENMARK</span><br />
 +
                    <span>DTU - SØLTOFTS PLADS, BYGN. 221/006</span><br />
 +
                    <span>2800 KGS. LYNGBY</span><br />
 +
                </div>
 +
            </div>
 +
           
 +
            <!-- main sponsors footer display -->
 +
           
 +
            <div class="colp-5 rmvpadmarg">
 +
                <div class="rmvlinkstyle footercolstyle rightfootercol">
 +
                    <p>MAIN SPONSORS</p>
 +
                    <span>
 +
                        <a href="http://www.omfonden.dk/information/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/f/f3/T--DTU-Denmark--OM_logo.jpg" alt="Otto Mønsted" align="middle" width="150">
 +
                        </a>
 +
                        <a href="http://www.novonordiskfonden.dk/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" align="middle" width="150">
 +
                        </a>
 +
                    </span><br/>
 +
                    <span>
 +
                        <!-- <a href="http://www.lundbeckfonden.com/">
 +
                            <img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" align="middle" width="150">
 +
                        </a> -->
 +
                        <a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects">
 +
                            <img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" align="middle" width="150">
 +
                        </a>
 +
                    </span>
 +
                </div>
 +
            </div>
 +
           
 +
            <!-- right footer whitespace -->
 +
           
 +
            <div class="colp-1 rmvpadmarg" style="white-space: pre;">
 +
                <p> </p>
 +
            </div>
 +
        </div>
 +
    </footer>
 +
   
 +
    <!-- This div ending is windowcontent. Everything should be before this -->
 +
    </div>
 +
   
  
−
<!-- creates a 4 column (3-3-3-3) design with 1 and 4 being whitespace, 3 is "FIND US AT" and 4 sponsors-->
 
−
<footer id="footer">
 
−
<div class="footercontainer">
 
  
−
<!-- left footer whitespace -->
 
−
<div class="colp-1 rmvpadmarg">
 
−
<p></p>
 
−
</div>
 
  
−
<!-- contact information display in footer -->
+
    <!-- importing script (fade to black effect of navbar) -->
−
<div class="colp-5 rmvpadmarg">
+
    <script type="text/javascript" src="https://2017.igem.org/Team:DTU-Denmark/jsnavbarfade?action=raw&ctype=text/javascript"></script>
−
<div class="rmvlinkstyle footercolstyle leftfootercol">
+
−
            <p>FIND US AT</p>
+
−
<a href="mailto:dtubiobuilders@gmail.com">
+
−
    <img src="logos/mail_white.svg" alt="Mail" height="40">
+
−
</a>
+
−
<a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
+
−
        <img src="https://static.igem.org/mediawiki/2016/4/4b/T--DTU-Denmark--FB_logo_white.png" alt="Facebook" height="40">
+
−
    </a>
+
−
    <a href="https://twitter.com/iGEM_DTU">
+
−
        <img src="https://static.igem.org/mediawiki/2016/7/77/T--DTU-Denmark--Twitter_logo_white.png" alt="Twitter" height="35">
+
−
        </a>
+
−
<br />
+
−
<span>DTU BIOBUILDERS</span><br />
+
−
<span>DENMARK</span><br />
+
−
<span>DTU - SØLTOFTS PLADS, BYGN. 221/006</span><br />
+
−
<span>2800 KGS. LYNGBY</span><br />
+
−
    </div>
+
−
</div>
+
  
−
<!-- main sponsors footer display -->
 
−
<div class="colp-5 rmvpadmarg">
 
−
<div class="rmvlinkstyle footercolstyle rightfootercol">
 
−
<p>MAIN SPONSORS</p>
 
−
<span><a href="http://www.lundbeckfonden.com/">
 
−
    <img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" align="middle" width="150">
 
−
</a>
 
−
<a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects">
 
−
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" align="middle" width="150">
 
−
</a>
 
−
    </div>
 
−
</div>
 
  
−
<!-- right footer whitespace -->
+
</body>
−
<div class="colp-1 rmvpadmarg">
+
</html>
−
<p></p>
+
−
</div>
+
−
</div>
+
−
</footer>
+

Latest revision as of 22:07, 1 November 2017

Snakebite Detectives

iGEM 2017

Down

The most neglected tropical disease

Main project overview

FIND US AT

Mail Instagram Facebook Twitter
DTU BIOBUILDERS
DENMARK
DTU - SØLTOFTS PLADS, BYGN. 221/006
2800 KGS. LYNGBY

MAIN SPONSORS

Otto Mønsted Lundbeck fundation
DTU blue dot