Difference between revisions of "Team:DTU-Denmark"

Line 1: Line 1:
 
<html>
 
<html>
−
 
−
<!--- THIS IS WHERE THE HTML BEGINS --->
 
  
 
<head>  
 
<head>  
 +
    <style>
  
−
        <style>
+
    /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 
 +
    /* 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; }
  
  
  
−
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 
−
 
−
/* 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; }
 
  
 +
    /***************************************************** RESPONSIVE STYLING ****************************************************/
  
  
 +
    /* IF THE SCREEN IS LESS THAN 1200PX */
  
−
/***************************************************** RESPONSIVE STYLING ****************************************************/
+
    @media only screen and (max-width: 1200px) {
 +
        #content {width:100%; }
 +
        .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 1200PX */
 
−
@media only screen and (max-width: 1200px) {
 
  
−
#content {width:100%; }
+
    /* IF THE SCREEN IS LESS THAN 800PX */
−
.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 */
+
    @media only screen and (max-width: 800px) {
−
@media only screen and (max-width: 800px) {
+
        .igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
        .igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
        .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; }
 +
    }
  
−
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 
−
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 
−
.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%;
−
/* special class that the system uses to make sure the team wants a page to be evaluated */
+
        margin: 5px 15px;
−
.judges-will-not-evaluate {
+
        display: block;
−
    width: 96.6%;
+
        border: 4px solid #3399ff;
−
  margin: 5px 15px;
+
        font-weight: bold;
−
  display: block;
+
    }
−
border: 4px solid #3399ff;
+
−
    font-weight: bold;
+
−
}
+
  
−
+
    </style>
−
</style>
+
  
−
        <title>DTU iGEM wiki 2017</title>
 
  
−
<!-- importing style sheet -->
+
    <title>DTU iGEM wiki 2017</title>
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetmain?action=raw&ctype=text/css">
+
    <meta charset="UTF-8">
  
−
<meta charset="UTF-8">
+
    <!-- importing style sheet -->
  
−
<!-- This tells the browser that your page is responsive -->
+
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:DTU-Denmark/stylesheetmain?action=raw&ctype=text/css">
−
<meta name="viewport" content="width=device-width, initial-scale=1">  
+
  
 +
    <!-- This tells the browser that your page is responsive -->
 +
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
  
 
</head>
 
</head>
Line 82: Line 77:
  
 
<body>
 
<body>
−
<!-- header contains the top navbar
+
    <!-- header contains the top navbar
−
    creates a 1 column (12) row containing the header  
+
        creates a 1 column (12) row containing the header  
−
    and defines the dropdown list-->
+
        and defines the dropdown list-->
−
<div class="col-12 rmvpadmarg tofront" style="position: fixed;">
+
    <div class="col-12 rmvpadmarg tofront" style="position: fixed;">
−
<nav class="navbar">
+
        <nav class="navbar">
−
<div class="navbarcenter">
+
            <div class="navbarcenter">
−
<ul class="rmvpadmarg">
+
                <ul class="rmvpadmarg">
−
    <li class="dropdown">
+
                    <li class="dropdown">
−
    <a href="#" class="dropbtn">Team</a>
+
                        <a href="#" class="dropbtn">Team</a>
−
    <div class="dropdown-content">
+
                        <div class="dropdown-content">
−
        <a href="#">Members</a>
+
                            <a href="#">Members</a>
−
        <a href="#">Funds</a>
+
                            <a href="#">Funds</a>
−
        <a href="#">Sponsors</a>
+
                            <a href="#">Sponsors</a>
−
    </div>
+
                        </div>
−
    </li>
+
                    </li>
−
    <li class="dropdown">
+
                    <li class="dropdown">
−
        <a href="#" class="dropbtn">Human practices</a>
+
                <a href="#" class="dropbtn">Human practices</a>
−
    <div class="dropdown-content">
+
              <div class="dropdown-content">
−
    <a href="#">Integrated practices</a>
+
                <a href="#">Integrated practices</a>
−
    <a href="#">Public engagement</a>
+
                <a href="#">Public engagement</a>
−
        <a href="#">Collaborations</a>
+
                  <a href="#">Collaborations</a>
−
        </div>
+
                </div>
−
</li>
+
          </li>
−
<li class="dropdown">
+
          <li class="dropdown">
−
    <a href="#" class="dropbtn">Notes</a>
+
              <a href="#" class="dropbtn">Notes</a>
−
    <div class="dropdown-content">
+
              <div class="dropdown-content">
−
          <a href="#">Lab diary</a>
+
                    <a href="#">Lab diary</a>
−
          <a href="#">Protocols</a>
+
                    <a href="#">Protocols</a>
−
        <a href="#">Criteria</a>
+
                  <a href="#">Criteria</a>
−
            <a href="#">Brainstorm</a>
+
                    <a href="#">Brainstorm</a>
−
        </div>
+
                </div>
−
</li>     
+
          </li>     
−
<li class="dropdown">
+
          <li class="dropdown">
−
    <a href="#" class="dropbtn">Modelling</a>
+
              <a href="#" class="dropbtn">Modelling</a>
−
    <div class="dropdown-content">
+
              <div class="dropdown-content">
−
        <a href="#">Overview</a>
+
                  <a href="#">Overview</a>
−
        <a href="#">In depth</a>
+
                  <a href="#">In depth</a>
−
    </div>
+
              </div>
−
</li>   
+
          </li>   
−
<li class="dropdown">
+
          <li class="dropdown">
−
        <a href="#" class="dropbtn">Project</a>
+
                <a href="#" class="dropbtn">Project</a>
−
    <div class="dropdown-content">
+
              <div class="dropdown-content">
−
        <a href="#">Description</a>
+
                  <a href="#">Description</a>
−
        <a href="#">Results</a>
+
                  <a href="#">Results</a>
−
        <a href="#">Prototype</a>
+
                  <a href="#">Prototype</a>
−
    </div>
+
              </div>
−
</li>   
+
          </li>   
−
</ul>
+
        </ul>
−
</div>
+
      </div>
−
</nav>
+
    </nav>
−
</div>
+
  </div>
−
 
+
</body>
−
 
+
</html>
−
<!-- Creates a 1 column (12) row containing the parallax
+
−
    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
+
−
    and air on each side -->
+
−
<!-- navbarfade starts here -->
+
−
 
+
−
<div class="maincontainer" id="startchange">
+
−
 
+
−
<!-- creates the main container (text area) -->
+
−
<div class="colp-12 rmvpadmarg maincontainer">
+
−
<h1 class="bottomborder">The most neglected tropical disease</h1>
+
−
 
+
−
<div class="row imgmenu">
+
−
<div class="col-5 rmvpadmarg">
+
−
    <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>
+
−
<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>
+
−
 
+
−
<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>
+
−
 
+
−
<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 />
+
−
 
+
−
<p>References:<br /><br />
+
−
[1] Chippaux JP (1998). <em>Snake-bites: appraisal of the global situation.</em> Bulletin of the World Health Organization, 76(5),515-24.<br />
+
−
[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>
+
−
</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 -->
+
−
<div class="colp-5 rmvpadmarg">
+
−
<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 -->
+
−
<div class="colp-1 rmvpadmarg">
+
−
<p></p>
+
−
</div>
+
−
</div>
+
−
</footer>
+

Revision as of 09:08, 14 July 2017

DTU iGEM wiki 2017