Difference between revisions of "Team:TUDelft/Testpage3"

 
(113 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
_<html>
+
{{:Team:TUDelft/Head}}
−
<head>
+
  
−
    <!-- Basic Page Needs
+
<html>
−
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
<head>  
−
    <meta charset="utf-8" />
+
<style>
−
    <title>ADOPE</title>
+
−
    <meta name="description" content="An iGEM project" />
+
−
    <meta name="author" content="Lisbeth Schmidtchen" />
+
  
−
    <!-- Mobile Specific Metas
 
−
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1" />
 
  
−
    <!-- FONT
+
#showcase{
−
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
   background-image:url('https://static.igem.org/mediawiki/2018/8/84/T--TUDelft--runner.jpg');
−
    <link href="http://fonts.googleapis.com/css?family=Comfortaa|Lato|Raleway:400,300,600" rel="stylesheet" type="text/css" />
+
  background-size:cover;
−
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
  background-position:center;
 +
  background-repeat: no-repeat;
 +
  height:100vh;
 +
  display:flex;
 +
  flex-direction:column;
 +
  justify-content:center;
 +
  align-items:center;
 +
  text-align:center;
 +
  margin-top: -100px;
 +
  position: relative;
 +
}
  
−
 
 
  
−
     <!-- CSS
+
.text-block2 {
−
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
     position: absolute;
 +
    top: 12%;
 +
    left: 1%;
 +
    color: grey;
 +
    width: 200px;
 +
    z-index: 5;
 +
}
 +
   
 +
#fadein5 {
 +
    position: absolute;
 +
    top: 16%;
 +
    right: 1%;
 +
    width: 220px;
 +
    z-index: 500;}
 +
   
 +
#fadein5 img{   
 +
    max-height: 80px !important;
 +
}
 +
   
 +
.tulogo {
 +
    max-height: 150px !important;
 +
    width: auto;
 +
    z-index: 1;
 +
}
 +
   
 +
.overlaycontainer {
 +
    z-index: 400 !important;
 +
} 
  
−
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
      
−
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
+
#fadein1, #fadein2, #fadein3, #fadein4, #fadein5 {
−
     <link rel="stylesheet" href="https://2018.igem.org/Team:TUDelft/css/custom/test2?action=raw&ctype=text/css" />
+
     opacity: 0;
 +
    text-align: center;
 +
     position: absolute;
 +
    font-weight: 90;
 +
    }
  
−
     <!-- JS
+
#fadein1, #fadein2, #fadein3 {
−
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
     font-size: 90px !important;
−
     <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+
     line-height: 90px;
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+
}
−
    <script src="https://use.fontawesome.com/b31c04f526.js"></script>
+
  
−
     <!-- KATEX
+
#fadein4 {
−
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
     font-size: 50px !important;
−
    <script src="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.js" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
+
     line-height: 50px;
−
     <script src="https://2017.igem.org/Team:TUDelft/js/auto-render?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
}
−
    <script>
+
 
−
        document.addEventListener("DOMContentLoaded", function() {
+
.rdmrbttn .britney, .rdmrbttn2 .britney, rdmrbttn3 .britney{
−
            renderMathInElement(document.body, {
+
  font-size:18px;
−
                delimiters: [{
+
  text-decoration:none;
−
                        left: "$$",
+
  color:#fff;
−
                        right: "$$",
+
  background: #0092CB;
−
                        display: true
+
  border:#FFF 1px solid;
−
                    },
+
  padding:10px 20px;
−
                    {
+
  margin-top:20px;
−
                        left: "\\[",
+
}
−
                        right: "\\]",
+
−
                        display: true
+
−
                    },
+
−
                    {
+
−
                        left: "$",
+
−
                        right: "$",
+
−
                        display: false
+
−
                    },
+
−
                    {
+
−
                        left: "\\(",
+
−
                        right: "\\)",
+
−
                        display: false
+
−
                    }
+
−
                ],
+
−
                throwOnError: false,
+
−
                macros: {
+
−
                    '\\tag': '\\pod\\text'
+
−
                }
+
−
            });
+
−
            var eqno = document.querySelectorAll(".katex span > span.mspace.quad");
+
−
            for (var i = 0; i < eqno.length; ++i) {
+
−
                if (eqno[i].parentNode.className)
+
−
                    continue;
+
−
                var quad = eqno[i];
+
−
                var span = quad.parentNode;
+
−
                var text = span.nextSibling;
+
−
                var pare = text.nextSibling;
+
−
                span.removeChild(quad);
+
−
                span.appendChild(text);
+
−
                span.appendChild(pare);
+
−
                span.className = 'eqno';
+
−
            }
+
−
        });
+
−
    </script>
+
  
−
    <!-- Favicon
+
.rdmrbttn .britney:hover, .rdmrbttn3 .britney{
−
   –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
   background: rgba(0,0,0,0.4);
−
    <link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png" />
+
  color:#fff;
 +
}   
  
 +
.rdmrbttn {
 +
    position: absolute;
 +
    top: 90%;
 +
    left: 45%;
 +
}
 +
/*.rdmrbttn:hover, .rdmrbttn3:hover {
 +
    -webkit-transform: scale(1.2);
 +
    -ms-transform: scale(1.2);
 +
    transform: scale(1.2);
 +
}  */
 
      
 
      
 +
div.pree {
 +
    border-color: red;
 +
    border-radius: 50px;
 +
    background-color: transparent;
 +
    padding: 20px;
 +
}   
 +
 +
.caption h3 {
 +
        color: white;
 +
    }   
 
      
 
      
−
<style>
+
.thumbnail {
−
 
+
    background-color: transparent;
−
 
+
    max-height: 600px;
−
 
+
    overflow: auto;
−
#showcase{
+
    border-color: aliceblue;
−
   background-image:url('https://images.pexels.com/photos/1346176/pexels-photo-1346176.jpeg?auto=compress&cs=tinysrgb&h=750&w=1260');
+
    border-radius: 0px;   
 +
} 
 +
   
 +
.thumbnail img {
 +
    opacity: 0.7;
 +
}   
 +
.thumbnail:hover {
 +
    background-color: rgba(240, 248, 255, 0.3);
 +
    -webkit-transform: scale(1.05);
 +
    -ms-transform: scale(1.05);
 +
    transform: scale(1.05);
 +
}     
 +
.thumbnail:hover div .boxhd {
 +
    font-weight: 300;
 +
}   
 +
.thumbnail:hover img {
 +
    opacity: 1;       
 +
}   
 +
/*SMALL SCREENS */
 +
#showcase2{
 +
   background-image:url('https://static.igem.org/mediawiki/2018/8/84/T--TUDelft--runner.jpg');
 
   background-size:cover;
 
   background-size:cover;
 
   background-position:center;
 
   background-position:center;
 +
  background-repeat: no-repeat;
 
   height:100vh;
 
   height:100vh;
 
   display:flex;
 
   display:flex;
Line 102: Line 142:
 
   align-items:center;
 
   align-items:center;
 
   text-align:center;
 
   text-align:center;
−
   padding:0 20px;
+
   margin-top: -100px;
 +
  margin-left: 15px;
 +
  margin-right: 15px;
 +
  position: relative;
 +
} 
 +
.tulogosmall {
 +
    position: absolute;
 +
    top: 18%;
 +
    left: 1%;
 +
    color: grey;
 +
    max-height: 90px;
 +
    width: auto;
 +
    z-index: 5;
 +
}     
 +
.adopesmall {
 +
    position: absolute;
 +
    top: 20%;
 +
    right: 1%;
 +
    width: 150;
 +
    z-index: 5;
 
}
 
}
−
 
+
.tulogo2 {
−
#showcase h1{
+
    max-height: 90px !important;
−
  font-size:50px;
+
    width: auto;
−
  line-height:1.2;
+
    z-index: 1;
 +
}
 +
.adopelogo2 {
 +
    max-height: 70px !important;
 +
    width: auto;
 +
    z-index: 1;
 
}
 
}
−
 
+
.rdmrbttn2 {
−
#showcase p{
+
    position: absolute;
−
  font-size:20px;
+
    top: 70%;
 +
    left: 45%;
 +
} 
 +
#moremore {
 +
        position: relative;
 +
        top: 90%;
 +
        left: 33%;
 +
    }   
 +
#jointherace {
 +
    font-size: 25px !important;
 +
    line-height: 25px;
 +
    text-align: center;
 +
    position: absolute;
 +
    top: 40%;
 +
    font-weight: 100;
 
}
 
}
 +
p.introp {
 +
    font-size: 16px !important; 
 +
    }   
  
−
          
+
    div.caption h3.adpbl {
 +
         font-size: 20px;
 +
    }   
 +
    em {
 +
        font-style: normal!important;
 +
        letter-spacing: 0.1em;
 +
    }   
 +
 
 
</style>
 
</style>
 +
 
      
 
      
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<header>
+
<!-- WRITE YOUR STUFF RIGHT HERE -->
−
<nav class="navbar navbar-default navbar-fixed-top">
+
<header id="showcase" class="hidden-xs">
−
<div class="container">
+
<div class="overlaycontainer " class="text-center">
 +
    <div id="fadein1">On your marks.</div>
 +
    <div id="fadein2">Get set.</div>
 +
    <div id="fadein3">Detect.</div>
 +
    <div id="fadein4">Join the race against gene doping.</div>
  
−
<!-- Brand and toggle get grouped for better mobile display -->
+
    <div class="text-block2">
−
<div class="navbar-header">
+
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" class="tulogo"></div>
 +
    <div id="fadein5">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--TUDelft--2018_adope_logo_black.png"></div>
 +
   
 +
    <div class="rdmrbttn"><a href="#getstarted" class="britney">Read More <i class="fas fa-angle-double-down"></i></a></div>
 +
</div>
 +
</header>
 +
   
 +
<header id="showcase2" class="hidden-lg hidden-md hidden-sm">
 +
<div class="overlaycontainer " class="text-center">
 +
    <div id="jointherace"><br>Join the race against gene doping.</div>
  
−
<!-- Button that toggles the navbar on and off on small screens -->
+
    <div class="tulogosmall">
−
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#adopenav" aria-expanded="false">
+
    <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" class="tulogo2 img-responsive"></div>
 +
    <!--<div class="adopesmall">
 +
    <img src="https://static.igem.org/mediawiki/2018/c/c6/T--TUDelft--2018_adope_logo_black.png" class="adopelogo2 img-responsive" ></div>-->
 +
   
 +
    <div class="rdmrbttn2"><a href="#getstarted" class="britney">Read More <i class="fas fa-angle-double-down"></i></a></div>
 +
</div>
 +
</header>
 +
   
 +
<br>
 +
    <div id="getstarted" class="spcmkr"></div>
 +
   
 +
<div class="container" >
 +
<div class="row">
 +
    <div class="col-lg-2 col-md-2 col-sm-1 xs-hidden"></div>
  
−
<!-- Hides information from screen readers -->
+
    <div class="col-lg-8 col-md-8 col-sm-10 col-xs-12">
−
<span class="sr-only"></span>
+
        <center><h3 style="text-align:center;">Introducing ADOPE<br><em>Advanced Detection Of Perfomance Enhancement</em></h3>
 +
        <img src="https://static.igem.org/mediawiki/2018/b/b1/T--TUDelft--2018_scanning.gif" class="img-fluid" style="margin:40px">
 +
        <br><h3>We are fighting for honest athletes and clean sports by detecting gene doping <br> a rising threat to fair sport.</h3></center>
 +
<br>
  
−
<!-- Draws 3 bars in navbar button when in small mode -->
+
    <div class="rdmrbttn" id="moremore"><a href="#ourparts" class="britney">Learn more about ADOPE <i class="fas fa-angle-double-down"></i></a></div>
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
<span class="icon-bar"></span>
+
−
</button>
+
  
−
<!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
+
    </div>
−
<a class="pull-left" href="https://2018.igem.org/Team:TUDelft"><img class="adopeicon" src="https://static.igem.org/mediawiki/2018/7/75/T--TUDelft--2018_adope_logo.png"></a>
+
 
 +
    <div class="col-lg-2 col-md-2 col-sm-1 xs-hidden"></div>
 
</div>
 
</div>
  
−
<!-- Collect the nav links, forms, and other content for toggling -->
+
<div class="row">
−
<div class="collapse navbar-collapse" id="adopenav">
+
        <div id="ourparts" class="spcmkr"></div>
−
<ul class="nav navbar-nav">
+
     <div class="col-lg-2 col-md-2 col-sm-1 xs-hidden"></div>
−
  <!-- Project -->
+
−
<li class="dropdown">
+
−
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
+
−
  <ul class="dropdown-menu">
+
−
     <li><a href="https://2018.igem.org/Team:TUDelft/Description">Description</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Design">Design</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Notebook">Notebook</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Results">Results</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Demonstration">Demonstration</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Attributions">Attributions</a></li>
+
−
  </ul>
+
−
</li>
+
−
  <!-- Modeling -->
+
−
<li class="dropdown">
+
−
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
+
−
  <ul class="dropdown-menu">
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Model">Model</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Software">Software Tool</a></li>
+
−
  </ul>
+
−
</li>
+
−
      <!-- Team -->
+
−
<li class="dropdown">
+
−
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team<span class="caret"></span></a>
+
−
  <ul class="dropdown-menu">
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Team">Team Members</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Team_Building">Team Building</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Collaborations">Collaborations</a></li>
+
−
  </ul>
+
−
</li>
+
−
      <!-- Parts -->
+
−
<li class="dropdown">
+
−
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
+
−
  <ul class="dropdown-menu">
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Basic_Part">Basic Parts</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Composite_Parts">Composite Parts</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Part_Collection">Part Collection</a></li>
+
−
  </ul>
+
−
</li>
+
−
    <!-- Human Practices -->
+
−
<li class="dropdown">
+
−
  <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
+
−
  <ul class="dropdown-menu">
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Human_Practices">Integrated Human Practices</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Public_Engagement">Education and Engagement</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Entrepreneurship">Entrepreneurship</a></li>
+
−
    <li><a href="https://2018.igem.org/Team:TUDelft/Applied_Design">Applied Design</a></li>
+
  
−
  </ul>
+
    <div class="col-lg-8 col-md-8 col-sm-10 col-xs-12">
−
</li>
+
      <br><br><br>
−
<!-- EurAsian Meetup -->
+
        <h3 style="text-align:center;">Learn more about each unique part of our project.</h3>
−
<li><a href="https://2018.igem.org/Team:TUDelft/EurAsianMeetup">EurAsian Meetup</a></li>
+
        <br>
−
<!-- Safety -->
+
−
<li><a href="https://2018.igem.org/Team:TUDelft/Safety">Safety</a></li>
+
−
<!-- Sponsors -->
+
−
<li><a href="https://2018.igem.org/Team:TUDelft/Sponsors">Sponsors</a></li>
+
−
</ul>
+
−
</div><!-- /.navbar-collapse -->
+
−
</div><!-- /.container-fluid -->
+
−
</nav>
+
−
</header>
+
−
    <br>
+
−
    <br>
+
−
                <!-- WRITE YOUR STUFF RIGHT HERE -->
+
−
<br>
+
  
 +
    </div>
  
−
        <header id="showcase">
+
    <div class="col-lg-2 col-md-2 col-sm-1 xs-hidden"></div>
−
    <h1>Welcome To The Beach</h1>
+
</div>
−
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Modi officiis ipsum officia numquam expedita ullam.</p>
+
   
−
  </header>
+
   
−
 
+
−
 
+
−
 
+
−
       
+
−
       
+
−
<div class="container-fluid" style="margin: 20px">
+
 
<div class="row">
 
<div class="row">
−
 
+
    <div class="col-sm-4 col-md-4 col-xs-12">
 +
            <div class="thumbnail" >
 +
                <img src="https://static.igem.org/mediawiki/2018/2/21/T--TUDelft--2018_GifFusion.gif" alt="Fusion protein">
 +
                <div class="caption">
 +
                    <h3 class="adpbl"><a href="https://2018.igem.org/Team:TUDelft/Description" class="adpbl">How-to: Detect gene doping</a></h3>
 +
                    <p class="introp">With our newly designed <b>CRISPR-Cas based fusion protein</b>, we developed a next-generation <b>targeted sequencing platform</b>. Find out all the measures we took to bring our project to perfection.<br> </p>
 +
                </div>
 +
        </div>
 +
    </div>
 +
    <div class="col-sm-4 col-md-4 col-xs-12">
 +
            <div class="thumbnail">
 +
                <img src="https://static.igem.org/mediawiki/2018/d/d8/T--TUDelft--modelcut.png" alt="...">
 +
                <div class="caption">
 +
                <h3 class="adpbl"><a href="https://2018.igem.org/Team:TUDelft/Model" class="adpbl">iGEM TU Delft's next top model</a></h3>
 +
                <p class="introp">Our wetlab and <b>drylab</b> are working side by side when it comes to gene doping detection. Find out how both parts influenced each other and how we <b>simulated</b> the entire doping process within the human body. </p>
 +
</div>
 +
</div>
 +
</div>
 +
    <div class="col-sm-4 col-md-4 col-xs-12">
 +
            <div class="thumbnail">
 +
                <img src="https://static.igem.org/mediawiki/2018/1/10/T--TUDelft--Moniekuncut.jpg" alt="...">
 +
                <div class="caption">
 +
                <h3 class="adpbl"><a href="https://2018.igem.org/Team:TUDelft/Human_Practices" class="adpbl">Everything you need to know about our Human Practices</a></h3>
 +
                <p class="introp">During our iGEM season, we actively involved <b>stakeholders</b> and the public with our project. Read more about the interesting people we met and how each of them <b>contributed</b>.<br></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
    </div>
 +
   
 +
 
 +
    <!-- BETWEEN THESE TWO COMMENTS -->
 
          
 
          
 
         <!-- <div class="container">
 
         <!-- <div class="container">
Line 240: Line 323:
 
         </div> -->
 
         </div> -->
 
          
 
          
−
    <!-- BETWEEN THESE TWO COMMENTS -->
+
 
 
      
 
      
  
 
      
 
      
  
−
  <div class="row" style="position:relative;bottom:-200px;">
 
−
        <div class="container-fluid footer">
 
−
<center>        <h4 class="center">We thank our sponsors:</h4>
 
−
        <div class="sponsors center">
 
−
            <a href="http://tudelft.nl/en">
 
−
                <img src="https://static.igem.org/mediawiki/2018/c/ca/T--TUDelft--2018_TUDelft.png" alt="tudelft" title="tudelft" style=" ;" />
 
−
            </a>
 
−
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/bionanoscience/">
 
−
                <img src="https://static.igem.org/mediawiki/2018/b/b1/T--TUDelft--2018_bionano.jpeg" alt="Bionanoscience" title="Bionanoscience" style=" ;">
 
−
            </a>
 
−
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/about-faculty/departments/biotechnology/"><img src="https://static.igem.org/mediawiki/2018/6/6f/T--TUDelft--2017_Department_of_Biotechnology.min.jpg" title="Biotechnology" style=" ;"></a>
 
−
            <a href="https://www.tudelft.nl/en/faculty-of-applied-sciences/"><img src="https://static.igem.org/mediawiki/2018/6/6d/T--TUDelft--2018_appliedsciences.png" alt="Faculty of Applied Sciences" title="Faculty of Applied Sciences" style=" "></a>
 
−
           
 
−
            <a href="https://www.tudelft.nl/en/education/programmes/masters/science-education-and-communication/msc-science-education-and-communication/"><img src="https://static.igem.org/mediawiki/2018/1/13/T--TUDelft--2017_Science_Education_and_Communication.min.png" alt="Science Education and Communication" title="Science Education and Communication" style=" ;"></a>
 
−
 
 
−
            <a href="https://www.stud.nl/en/stud-fund"><img src="https://static.igem.org/mediawiki/2018/0/07/T--TUDelft--2018_stud.png" alt="StuD Fonds" title="StuD Fonds" style=" ;"></a>
 
−
            <a href="http://www.medicaldelta.nl/"><img src="https://static.igem.org/mediawiki/2018/d/d6/T--TUDelft--2017_Medical_Delta.min.png" alt="Medical Delta" title="Medical Delta" style=" ;"></a>
 
−
           
 
−
            <a href="https://www.tudelft.nl/health">
 
−
                <img src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--healthinitiative.png" alt="TU Delft Health Initiative" title="TU Delft Health Initiative" style=" ;">
 
−
            </a>
 
−
           
 
−
            <a href="https://www.tudelft.nl/sports-engineering-institute/">
 
−
            <img src="https://static.igem.org/mediawiki/2018/0/0d/T--TUDelft--2018_sporteng.jpg" alt="TU Delft Sports Engineering Institute" title="TU Delft Sports Engineering Institute" style=" ;"></a>
 
−
           
 
−
            <a href="http://www.merckmillipore.com/NL/en">
 
−
                <img src="https://static.igem.org/mediawiki/2017/8/86/T--TUDelft--Sponsor_Merck.jpeg" alt="Merck" title="Merck"></a>
 
−
 
−
            <a href="http://www.snapgene.com">
 
−
                <img src="https://static.igem.org/mediawiki/2017/b/ba/SnapGene_newsletter_1.png" alt="Snapgene" title="Snapgene" style=" ;"></a>
 
−
            <a href="http://www.modernmeadow.com/">
 
−
            <img  src="https://static.igem.org/mediawiki/2018/4/48/T--TUDelft--2018_modernmeadow.png" alt="Modern Meadow" title="Modern Meadow" style=";"></a>
 
−
           
 
−
            <a href="https://svi.nl/HomePage"><img src="https://static.igem.org/mediawiki/2018/0/03/T--TUDelft--2018_svi.png" alt="SVI" title="SVI" style=" ;"></a>
 
−
           
 
−
            <a href="https://www.skylinedx.com/"><img src="https://static.igem.org/mediawiki/2018/f/fd/T--TUDelft--2018_skylinedx.png" alt="SkylineDx" title="SkylineDx" style=" ;"></a>
 
−
           
 
−
            <a href="https://www.vironova.com/"><img src="https://static.igem.org/mediawiki/2018/7/7c/T--TUDelft--2018_vironova.png" alt="Vironova" title="Vironova" style=" ;"></a>
 
  
−
            <a href="http://www.dsm.com"><img src="https://static.igem.org/mediawiki/2017/3/37/T--TUDelft--2017_DSM.jpg" alt="DSM" title="DSM" style=" ;"></a>           
 
  
−
 
+
    <script>
−
 
+
        $("#fadein1").delay(1100).animate({"opacity":"1"},700);
−
         </div>
+
         $("#fadein1").delay(400).animate({"opacity":"0"},700);
−
     </center>
+
        $("#fadein2").delay(2700).animate({"opacity":"1"},700);
−
            </div>
+
        $("#fadein2").delay(400).animate({"opacity":"0"},700);
−
        </div>
+
        $("#fadein3").delay(4300).animate({"opacity":"1"},700);
 +
        $("#fadein3").delay(400).animate({"opacity":"0"},700);
 +
        $("#fadein4").delay(7000).animate({"opacity":"1"},700);
 +
        $("#fadein5").delay(7500).animate({"opacity":"1"},700);
 +
     </script>
 +
    <script>
 +
  AOS.init();
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>
 +
   
 +
{{:Team:TUDelft/Footer2}}

Latest revision as of 23:50, 17 October 2018

ADOPE


Introducing ADOPE
Advanced Detection Of Perfomance Enhancement


We are fighting for honest athletes and clean sports by detecting gene doping
a rising threat to fair sport.





Learn more about each unique part of our project.


Fusion protein

How-to: Detect gene doping

With our newly designed CRISPR-Cas based fusion protein, we developed a next-generation targeted sequencing platform. Find out all the measures we took to bring our project to perfection.

...

iGEM TU Delft's next top model

Our wetlab and drylab are working side by side when it comes to gene doping detection. Find out how both parts influenced each other and how we simulated the entire doping process within the human body.

...

Everything you need to know about our Human Practices

During our iGEM season, we actively involved stakeholders and the public with our project. Read more about the interesting people we met and how each of them contributed.