Difference between revisions of "Team:DTU-Denmark"

 
(242 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
<head>  
 
<head>  
  
−
     <script type="text/javascript" src="https://2017.igem.org/Team:DTU-Denmark/jsnavbarfade?action=raw&ctype=text/javascript"></script>
+
     <!-- importing style sheet -->
−
     <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetsub?action=raw&ctype=text/css">
+
 
 +
     <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">  
 
     <meta name="viewport" content="width=device-width, initial-scale=1">  
  
Line 12: Line 14:
  
  
−
<body>
+
<body id="mainpage">
 
     <div id="windowcontent">
 
     <div id="windowcontent">
  
 
     <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list -->
 
     <!-- header contains the top navbar creates a 1 column (12) row containing the header and defines the dropdown list -->
  
−
     <div class="col-12 rmvpadmarg tofront fixed">
+
     <div class="row">
−
         <nav class="navbar">
+
         <div class="col-12 rmvpadmarg tofront fixed">
−
            <div class="navbarcenter">
+
            <nav class="navbar">
−
                <ul class="rmvpadmarg">
+
             </nav>
−
                    <li class="dropdown">
+
         </div>
−
                        <a href="#" class="dropbtn">Team</a>
+
−
                        <div class="dropdown-content">
+
−
                            <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="https://2017.igem.org/Team:DTU-Denmark/Description">Description</a>
+
−
                            <a href="#">Results</a>
+
−
                            <a href="#">Prototype</a>
+
−
                        </div>
+
−
                    </li> 
+
−
                </ul>
+
−
             </div>
+
−
         </nav>
+
 
     </div>
 
     </div>
  
−
     <!-- creates a 3 column (2-8-2) row with the main container and air on each side -->
+
     <!-- Take tour button -->
−
    <!-- navbarfade starts here -->
+
−
   
+
−
    <div class="maincontainer"
+
  
−
         <!-- creates the main container (text area) -->
+
    <div id="tourbtn">
 +
         <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!">
 +
        </a>
 +
    </div>
  
−
        <div class="colp-12 rmvpadmarg" id="startchange">
+
    <!-- Creates a 1 column (12) row containing the parallax splash screen -->
−
           
+
−
       
+
−
        <h1 class="bottomborder">Project description</h1>
+
  
−
<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 class="row">
−
<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-12">
−
<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="parallax">
−
<p>References:<br /><br />
+
                <div class="parallaxtext">
−
[1] Chippaux JP (1998). <em>Snake-bites: appraisal of the global situation.</em> Bulletin of the World Health Organization, 76(5),515-24.<br />
+
            <p id="homepageheadline1">Snakebite Detectives</p>
−
[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 />
+
    <p id="homepageheadline2">iGEM 2017</p>
−
[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>
 +
<div class="parallaxfade"></div>
 +
    </div>
 +
        </div>
 +
    </div>
  
 +
    <div class="row">
 +
        <div class="col-12">
 +
            <div class="Rounddownbtncontainer">
 +
                <div class="Rounddownbtn">
 +
                    <a class="jumptocontent" href="#roundbtnjump">
 +
                        <img src="https://static.igem.org/mediawiki/2017/d/d1/T--DTU-Denmark--twodownarrows.png" alt="Down" height="70">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
  
  
 +
    <!-- creates a 3 column (2-8-2) row with the main container and air on each side -->
  
 +
    <div class="maincontainer" id="roundbtnjump">
  
 +
        <!-- creates the main container (text area) -->
  
 +
        <div class="colp-12 rmvpadmarg" id="startchange">
 +
            <h1 class="bottomborder">The most neglected tropical disease</h1>
  
 +
            <div class="row rmvpadmarg">
 +
                <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div>
  
 +
                <div class="col-10 rmvpadmarg">
 +
                    <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>
  
 +
                <div class="col-1 rmvpadmarg" style="white-space: pre;"><p> </p></div>
 +
            </div>
 +
 +
<!--        <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>
 +
-->
 +
     
  
 
         </div>
 
         </div>
Line 115: Line 130:
 
                     <p>FIND US AT</p>
 
                     <p>FIND US AT</p>
 
                     <a href="mailto:dtubiobuilders@gmail.com">
 
                     <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">
+
                         <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>
 
                     <a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
 
                     <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">
+
                         <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>
 
                     <a href="https://twitter.com/iGEM_DTU">
 
                     <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">
+
                         <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 />
 
                     </a><br />
 
                     <span>DTU BIOBUILDERS</span><br />
 
                     <span>DTU BIOBUILDERS</span><br />
Line 139: Line 157:
 
                             <img src="https://static.igem.org/mediawiki/2016/f/f3/T--DTU-Denmark--OM_logo.jpg" alt="Otto Mønsted" align="middle" width="150">
 
                             <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>
−
                         <!-- <a href="http://www.novonordiskfonden.dk/">
+
                         <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">
 
                             <img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" align="middle" width="150">
−
                         </a> -->
+
                         </a>
 
                     </span><br/>
 
                     </span><br/>
 
                     <span>
 
                     <span>
Line 164: Line 182:
 
     <!-- This div ending is windowcontent. Everything should be before this -->
 
     <!-- This div ending is windowcontent. Everything should be before this -->
 
     </div>
 
     </div>
 +
   
 +
 +
 +
 +
    <!-- importing script (fade to black effect of navbar) -->
 +
    <script type="text/javascript" src="https://2017.igem.org/Team:DTU-Denmark/jsnavbarfade?action=raw&ctype=text/javascript"></script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

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