Difference between revisions of "Team:Wageningen UR/Fronttest"

 
(52 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Wageningen_UR/Menuv2}}
 +
{{Wageningen_UR/StyleCSSv2}}
 +
{{Wageningen_UR/MobileMenu}}
 +
{{Wageningen_UR/OverviewCSS}}
 +
{{Wageningen_UR/HPCSS}}
 +
{{Wageningen_UR/FrontpageCSS}}
 +
 
<html>
 
<html>
−
  <head>
 
−
    <title>Custom Markers</title>
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
 
−
    <meta charset="utf-8">
 
−
    <style>
 
−
      /* Always set the map height explicitly to define the size of the div
 
−
      * element that contains the map. */
 
−
      #map {
 
−
        height: 100%;
 
−
      }
 
−
      /* Optional: Makes the sample page fill the window. */
 
−
      html, body {
 
−
        height: 100%;
 
−
        margin: 0;
 
−
        padding: 0;
 
−
      }
 
−
    </style>
 
−
  </head>
 
−
  <body>
 
−
    <div id="map"></div>
 
−
    <script>
 
−
      var map;
 
−
      function initMap() {
 
−
        map = new google.maps.Map(document.getElementById('map'), {
 
−
          zoom: 16,
 
−
          center: new google.maps.LatLng(-33.91722, 151.23064),
 
−
          mapTypeId: 'roadmap'
 
−
        });
 
  
−
        var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
 
−
        var icons = {
 
−
          parking: {
 
−
            icon: iconBase + 'parking_lot_maps.png'
 
−
          },
 
−
          library: {
 
−
            icon: iconBase + 'library_maps.png'
 
−
          },
 
−
          info: {
 
−
            icon: iconBase + 'info-i_maps.png'
 
−
          }
 
−
        };
 
  
−
        var features = [
+
<div class="figure-center-imagebox.Banner-box">
−
          {
+
    <img class="figure-center-img bnl_banner" src="https://static.igem.org/mediawiki/2017/c/c7/T--Wageningen_UR--FrontGIF.gif" />
−
            position: new google.maps.LatLng(-33.91721, 151.22630),
+
</div>
−
            type: 'info'
+
 
−
          }, {
+
<div class="container-fluid OurContent">
−
            position: new google.maps.LatLng(-33.91539, 151.22820),
+
 
−
            type: 'info'
+
    <div class="row">
−
          }, {
+
        <div class="col-md-2 hidden-xs Main-Left-Column">
−
            position: new google.maps.LatLng(-33.91747, 151.22912),
+
        </div>
−
            type: 'info'
+
 
−
          }, {
+
        <div class="col-lg-8">
−
             position: new google.maps.LatLng(-33.91910, 151.22907),
+
 
−
            type: 'info'
+
             <div class="Main-Border">
−
          }, {
+
 
−
            position: new google.maps.LatLng(-33.91725, 151.23011),
+
                <p>
−
            type: 'info'
+
                    <div class="Title">
−
          }, {
+
<h1>Mantis <br> Makes diseases come to light</h1> </div>
−
            position: new google.maps.LatLng(-33.91872, 151.23089),
+
                  Infectious disease have been a problem in the world for many centuries. Millions of people get sick or even die every year due to epidemic outbreaks, especially in tropical regions. Take for example the parasitic disease African Sleeping Sickness, or viral diseases like Zika virus, chikungunya or mayaro. Access to health care in affected areas is lacking, and no vaccines are available for these diseases. This means an infectious disease has the potential to spread almost uncontrollably if no interventions are made. But even diagnosing patients is often not possible. How do you then stop an epidemic? In the rural villages of tropical areas, neither doctors nor field teams have the equipment to perform reliable screening tests.
−
            type: 'info'
+
                  <br>
−
          }, {
+
                  <br>
−
            position: new google.maps.LatLng(-33.91784, 151.23094),
+
                    This is why iGEM Wageningen 2017 created Mantis: a Modular ANtigen-based Test for Infectious diseaseS. Mantis is a point-of-care diagnostic test, that can be used in the field and requires minimal training and equipment. The whole-cell biosensor is robust, can be produced locally and can be adapted to any new situation. It binds and detects pathogens directly and produces a clear fluorescent signal. This is measured in our 3D-printed device, which includes GPS and data storage for convenient monitoring of the epidemic. Explore our wiki to learn more!
−
            type: 'info'
+
                </p>
−
          }, {
+
 
−
            position: new google.maps.LatLng(-33.91682, 151.23149),
+
 
−
            type: 'info'
+
 
−
          }, {
+
 
−
            position: new google.maps.LatLng(-33.91790, 151.23463),
+
 
−
            type: 'info'
+
 
−
          }, {
+
<center>
−
            position: new google.maps.LatLng(-33.91666, 151.23468),
+
<div> <a href="https://2017.igem.org/Team:Wageningen_UR/Achievements">
−
            type: 'info'
+
    <img src="https://static.igem.org/mediawiki/2017/f/fa/T--Wageningen_UR--FrontMedal.png" style="width:350px"/> </a>
−
          }, {
+
</div>
−
            position: new google.maps.LatLng(-33.916988, 151.233640),
+
</center>
−
            type: 'info'
+
 
−
          }, {
+
 
−
            position: new google.maps.LatLng(-33.91662347903106, 151.22879464019775),
+
 
−
            type: 'parking'
+
<center><div class="Title">
−
          }, {
+
<h4>Highlights:</h4> </div>
−
            position: new google.maps.LatLng(-33.916365282092855, 151.22937399734496),
+
</center>
−
            type: 'parking'
+
 
−
          }, {
+
<div class="Button-Wrapper">
−
            position: new google.maps.LatLng(-33.91665018901448, 151.2282474695587),
+
 
−
            type: 'parking'
+
                        <div class="FourButton">
−
          }, {
+
                            <a href="https://2017.igem.org/Team:Wageningen_UR/Hardware"><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Wageningen_UR--Front1.png" /></a>
−
            position: new google.maps.LatLng(-33.919543720969806, 151.23112279762267),
+
                        </div>
−
            type: 'parking'
+
 
−
          }, {
+
                        <div class="FourButton">
−
            position: new google.maps.LatLng(-33.91608037421864, 151.23288232673644),
+
                            <a href="https://2017.igem.org/Team:Wageningen_UR/HP/Comic"><img src="https://static.igem.org/mediawiki/2017/f/f2/T--Wageningen_UR--Front2.png" /></a>
−
            type: 'parking'
+
                        </div>
−
          }, {
+
 
−
            position: new google.maps.LatLng(-33.91851096391805, 151.2344058214569),
+
                        <div class="FourButton">
−
            type: 'parking'
+
                            <a href="https://2017.igem.org/Team:Wageningen_UR/Application/Rollout"><img src="https://static.igem.org/mediawiki/2017/2/25/T--Wageningen_UR--Front3.png" /></a>
−
          }, {
+
                        </div>
−
            position: new google.maps.LatLng(-33.91818154739766, 151.2346203981781),
+
 
−
            type: 'parking'
+
                        <div class="FourButton">
−
          }, {
+
                            <a href="https://2017.igem.org/Team:Wageningen_UR/Results"><img src="https://static.igem.org/mediawiki/2017/2/2a/T--Wageningen_UR--Front4.png" /></a>
−
            position: new google.maps.LatLng(-33.91727341958453, 151.23348314155578),
+
                        </div>
−
             type: 'library'
+
 
−
          }
+
                    </div>
−
         ];
+
 
 +
 
 +
 
 +
 
 +
<div class="figure-center-imagebox.Banner-box">
 +
    <img class="figure-center-img bnl_banner" src="https://static.igem.org/mediawiki/2017/2/21/T--Wageningen_UR--FrontTeam.jpg" />
 +
</div>
 +
 
 +
             </div>
 +
 
 +
         </div>
 +
 
 +
    </div>
 +
 
 +
    <div class="col-md-2 hidden-xs Main-Right-Column">
 +
    </div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
−
        // Create markers.
 
−
        features.forEach(function(feature) {
 
−
          var marker = new google.maps.Marker({
 
−
            position: feature.position,
 
−
            icon: icons[feature.type].icon,
 
−
            map: map
 
−
          });
 
−
        });
 
−
      }
 
−
    </script>
 
−
    <script async defer
 
−
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDjAo_F3TW332gqW2CBn4eiKBaXikdiPSA&callback=initMap">
 
−
    </script>
 
−
  </body>
 
 
</html>
 
</html>
 +
 +
{{Wageningen_UR/PageEnd}}
 +
{{Wageningen_UR/MainJSv2}}

Latest revision as of 15:00, 31 October 2017

Mantis
Makes diseases come to light

Infectious disease have been a problem in the world for many centuries. Millions of people get sick or even die every year due to epidemic outbreaks, especially in tropical regions. Take for example the parasitic disease African Sleeping Sickness, or viral diseases like Zika virus, chikungunya or mayaro. Access to health care in affected areas is lacking, and no vaccines are available for these diseases. This means an infectious disease has the potential to spread almost uncontrollably if no interventions are made. But even diagnosing patients is often not possible. How do you then stop an epidemic? In the rural villages of tropical areas, neither doctors nor field teams have the equipment to perform reliable screening tests.

This is why iGEM Wageningen 2017 created Mantis: a Modular ANtigen-based Test for Infectious diseaseS. Mantis is a point-of-care diagnostic test, that can be used in the field and requires minimal training and equipment. The whole-cell biosensor is robust, can be produced locally and can be adapted to any new situation. It binds and detects pathogens directly and produces a clear fluorescent signal. This is measured in our 3D-printed device, which includes GPS and data storage for convenient monitoring of the epidemic. Explore our wiki to learn more!

Highlights: