Difference between revisions of "Team:Lund"

(Undo revision 503066 by Marcusrettig (talk))
Line 1: Line 1:
 +
{{Lund}}
 
<html>
 
<html>
−
<script type="text/x-mathjax-config">
 
−
  MathJax.Ajax.config.path["mhchem"] = "https://cdnjs.cloudflare.com/ajax/libs/mathjax-mhchem/3.1.0";
 
−
  MathJax.Hub.Config({
 
−
    extensions: ["[mhchem]/mhchem.js"],
 
−
    tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
 
−
  });
 
−
</script>
 
−
<script type="text/javascript"
 
−
  src="https://2017.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 
−
</script>
 
  
−
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500|Varela+Round" rel="stylesheet">
+
<header id="particles" class="home-landing">
−
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+
<!--   <div class="container">
−
<link rel="stylesheet" type="text/css" href="/Team:Lund/styles/wrapper?action=raw&ctype=text/css&cache=35">
+
    <h1 class="display">Stay tuned</h1>
−
<script type="text/javascript" src="/Team:Lund/scripts/bootstrap?action=raw&ctype=text/javascript"></script>
+
    <p>We're working on something <b>amazing</b></p>
−
<script type="text/javascript" src="/Team:Lund/scripts/ScrollTrigger?action=raw&ctype=text/javascript"></script>
+
  </div> -->
−
<script type="text/javascript" src="/Team:Lund/scripts/jquery-scrollTo?action=raw&ctype=text/javascript"></script>
+
  <div class="home-landing-texts">
−
<script type="text/javascript" src="/Team:Lund/scripts/featherlight?action=raw&ctype=text/javascript"></script>
+
    <h1>Microplastics are everywhere</h1>
 +
    <p>Together we can make a change</p>
 +
  </div>
 +
</header>
  
−
<script>
+
<script type="text/javascript" src="/Team:Lund/scripts/particles?action=raw&ctype=text/javascript"></script>
−
  $(document).ready(function() {
+
<script type="text/javascript">
−
    // Setup ScrollTrigger
+
particlesJS('particles', {
−
     var trigger = new ScrollTrigger({
+
  "particles": {
−
       centerVertical: true,
+
     "number": {
−
       once: true
+
       "value": 40,
−
    });
+
       "density": {
−
 
+
        "enable": true,
−
     var pages = {
+
        "value_area": 800
−
       'Team:Lund':                                    '#li_home',
+
      }
−
      'Team:Lund/Team':                              '#li_team',
+
    },
−
      'Team:Lund/Collaborations':                    '#li_team',
+
     "color": {
−
      'Team:Lund/Attributions':                      '#li_team',
+
       "value": ["#FED500", "#89EDA0", "#FAAD96", "#F87EAC"]
−
      'Team:Lund/Description':                        '#li_team',
+
    },
−
       'Team:Lund/Design':                            '#li_team',
+
    "shape": {
−
       'Team:Lund/Description':                       '#li_team',
+
       "type": "circle",
−
      'Team:Lund/Attributions':                      '#li_team',
+
       "stroke": {
−
       'Team:Lund/Attributions/LundUniversity':        '#li_team',
+
        "width": 0,
−
       'Team:Lund/Attributions/Team':                 '#li_team',
+
        "color": "#000000"
−
       'Team:Lund/Attributions/Sponsors':              '#li_team',
+
       },
−
       'Team:Lund/Attributions/Inspiration':          '#li_team',
+
       "polygon": {
−
      'Team:Lund/Attributions/ProjectDesign':        '#li_team',
+
        "nb_sides": 5
−
      'Team:Lund/Description':                        '#li_project',
+
       },
−
      'Team:Lund/Design':                            '#li_project',
+
       "image": {
−
       'Team:Lund/Design/Animation':                  '#li_project',
+
        "src": "img/github.svg",
−
      'Team:Lund/Design/Theory':                      '#li_project',
+
        "width": 100,
−
       'Team:Lund/Design/Design':                      '#li_project',
+
        "height": 100
−
       'Team:Lund/Design/Circuit':                    '#li_project',
+
       }
−
       'Team:Lund/Design/Experiments':                 '#li_project',
+
    },
−
      'Team:Lund/Design/References':                  '#li_project',
+
    "opacity": {
−
      'Team:Lund/Results':                            '#li_project',
+
       "value": 0.7,
−
      'Team:Lund/InterLab':                          '#li_project',
+
       "random": false,
−
       'Team:Lund/Parts':                              '#li_project',
+
       "anim": {
−
      'Team:Lund/Experiments':                        '#li_project',
+
        "enable": false,
−
       'Team:Lund/Notebook':                          '#li_project',
+
        "speed": 1,
−
       'Team:Lund/Model':                              '#li_model',
+
        "opacity_min": 0.1,
−
       'Team:Lund/Modeling/ModelDerivation':           '#li_model',
+
        "sync": false
−
      'Team:Lund/Modeling/ParameterEstimation':      '#li_model',
+
       }
−
      'Team:Lund/Modeling/Implementation':            '#li_model',
+
    },
−
       'Team:Lund/Safety':                            '#li_safety',
+
    "size": {
−
       'Team:Lund/HP/Silver':                          '#li_hp',
+
       "value": 8,
−
       'Team:Lund/HP/Gold_Integrated':                '#li_hp',
+
       "random": true,
−
       'Team:Lund/Engagement':                        '#li_hp',
+
       "anim": {
−
       'Team:Lund/HP/Media':                          '#li_hp',
+
        "enable": false,
−
       'Team:Lund/Communication':                      '#li_hp',
+
        "speed": 80,
−
     };
+
        "size_min": 0.1,
−
 
+
        "sync": false
−
     var listItem = $(pages[wgPageName]);
+
       }
−
    listItem.addClass('active');
+
    },
−
  });
+
    "line_linked": {
−
</script>
+
       "enable": false,
−
 
+
       "distance": 300,
−
<script>
+
       "color": "#5392FF",
−
 
+
       "opacity": 0.4,
−
  // This is the jquery part of your template.
+
       "width": 2
−
  // Try not modify any of this code too much since it makes your menu work.
+
     },
−
 
+
     "move": {
−
  $(document).ready(function() {
+
      "enable": true,
−
 
+
       "speed": 1,
−
    $("#HQ_page").attr('id','');
+
      "direction": "none",
−
 
+
       "random": false,
−
    // call the functions that control the menu
+
      "straight": false,
−
    menu_functionality();
+
      "out_mode": "out",
−
    hide_show_menu();
+
       "bounce": false,
−
 
+
       "attract": {
−
 
+
         "enable": false,
−
 
+
        "rotateX": 600,
−
    //this function controls the expand and collapse buttons of the menu and changes the +/- symbols
+
        "rotateY": 1200
−
    function menu_functionality() {
+
       }
−
 
+
−
       //when clicking on a "menu_button", it will change the "+/-" accordingly and it will show/hide the corresponding submenu
+
−
       $(".menu_button").click(function(){
+
−
 
+
−
        // add or remove the class "open" , this class holds the "-"
+
−
        $(this).children().toggleClass("open");
+
−
        // show or hide the submenu
+
−
        $(this).next('.submenu_wrapper').fadeToggle(400);
+
−
       });
+
−
 
+
−
      // when the screen size is smaller than 800px, the display_menu_control button appears and will show/hide the whole menu
+
−
       $("#display_menu_control").click(function(){
+
−
         $('#menu_content').fadeToggle(400);
+
−
      });
+
−
 
+
−
       // call the current page highlight function
+
−
      highlight_current_page();
+
 
     }
 
     }
−
 
+
  },
−
 
+
  "interactivity": {
−
     // call the highlight current page function to show it on the menu with a different background color
+
     "detect_on": "canvas",
−
     function highlight_current_page() {
+
     "events": {
−
 
+
       "onhover": {
−
       // select a page from the menu based on the id assigned to it and the current page name and add the class "current page" to make it change background color
+
        "enable": false,
−
      $("#"+  wgPageName.substring(wgPageName.lastIndexOf("/")+1, wgPageName.length ) + "_page").addClass("current_page");
+
        "mode": "bubble"
−
 
+
       },
−
       // now that the current_page class has been added to a menu item, make the submenu fade in
+
       "onclick": {
−
       $(".current_page").parents(".submenu_wrapper").fadeIn(400);
+
        "enable": true,
−
      // change the +/- symbol of the corresponding menu button
+
        "mode": "push"
−
      $(".current_page").parents(".submenu_wrapper").prev().children().toggleClass("open");
+
      },
−
 
+
      "resize": true
−
     }
+
     },
−
 
+
     "modes": {
−
 
+
      "grab": {
−
 
+
         "distance": 800,
−
     // allow button on the black menu bar to show/hide the side menu
+
         "line_linked": {
−
    function hide_show_menu() {
+
           "opacity": 1
−
 
+
−
      // in case you preview mode is selected, the menu is hidden for better visibility
+
−
      if (window.location.href.indexOf("submit") >= 0) {
+
−
        $(".igem_2017_menu_wrapper").hide();
+
−
      }
+
−
 
+
−
      // if the black menu bar has been loaded
+
−
        if (document.getElementById('bars_item')) {
+
−
 
+
−
         // when the "bars_item" has been clicked
+
−
         $("#bars_item").click(function() {
+
−
           $("#sideMenu").hide();
+
−
 
+
−
          // show/hide the menu wrapper
+
−
          $(".igem_2017_menu_wrapper").fadeToggle("100");
+
−
        });
+
 
         }
 
         }
−
 
+
      },
−
       // because the black menu bars loads at a different time than the rest of the page, this function is set on a time out so it can run again in case it has not been loaded yet
+
       "bubble": {
−
       else {
+
        "distance": 400,
−
            setTimeout(hide_show_menu, 15);
+
        "size": 8,
 +
        "duration": 2,
 +
        "opacity": 0.8,
 +
        "speed": 3
 +
       },
 +
      "repulse": {
 +
        "distance": 40,
 +
        "duration": 0.4
 +
      },
 +
      "push": {
 +
        "particles_nb": 4
 +
      },
 +
      "remove": {
 +
        "particles_nb": 2
 
       }
 
       }
 
     }
 
     }
−
 
+
  },
−
 
+
   "retina_detect": true
−
   });
+
});
−
 
+
−
 
+
 
</script>
 
</script>
  
−
<style type="text/css">
+
<div class="home">
−
   /***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
+
   <section>
−
 
+
    <div class="container">
−
  /* Clear the default wiki settings */
+
      <div class="row" data-scroll="toggle(.fromTopIn, .fromTopOut)">
−
 
+
        <div class="col-md-4">
−
  #home_logo, #sideMenu { display:none; }
+
          <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/c9/T--Lund--Ligth--Bulb.svg">
−
  #sideMenu, #top_title, .patrollink  {display:none;}
+
         </div>
−
  #content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
+
         <div class="col-md-8">
−
  body {background-color:white; }
+
          <h1>The Project</h1>
−
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
          <p>
−
</style>
+
            <strong>Microplastics are everywhere.</strong> They are a result of mindless consumption and inappropriate disposal of plastics. It has been shown that they are associated with several different toxic chemicals that can cause damage to living organisms. We are developing a method that will map their presence.
−
 
+
          </p>
−
<head>
+
          <a href="/Team:Lund/Description" class="display-btn">Learn more</a>
−
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
         </div>
−
</head>
+
       </div>
−
 
+
−
<nav id="navbar" class="navbar navbar-inverse navbar-static-top">
+
−
  <div class="container">
+
−
    <div class="navbar-header">
+
−
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false">
+
−
         <span class="sr-only">Toggle navigation</span>
+
−
         <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
        <span class="icon-bar"></span>
+
−
      </button>
+
−
      <a class="navbar-brand" href="/Team:Lund">
+
−
         <img alt="iGEM Lund" src="https://static.igem.org/mediawiki/2017/c/cb/T--Lund--logo-web.svg">
+
−
       </a>
+
 
     </div>
 
     </div>
−
 
+
  </section>
−
    <div class="collapse navbar-collapse" id="navbar-collapse">
+
  <section class="hp-section">
−
      <ul class="nav navbar-nav navbar-right">
+
    <div class="container">
−
 
+
      <div class="row" data-scroll="toggle(.fromTopIn, .fromTopOut)">
−
        <li id="li_home"><a href="/Team:Lund">Home</a></li>
+
         <div class="col-md-4">
−
 
+
           <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/e/e7/T--Lund--Megaphone.svg">
−
         <li id="li_team" class="dropdown">
+
        </div>
−
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
+
        <div class="col-md-8">
−
          <ul class="dropdown-menu">
+
          <h1>Human Practices</h1>
−
            <li><a href="/Team:Lund/Team">Team</a></li>
+
          <p>
−
             <li><a href="/Team:Lund/Collaborations">Collaborations</a></li>
+
             <strong>Our method is just part of the solution.</strong> Real change can only be achieved if everyone decides to put their mind to it. The environment is sensitive and needs to be treated with respect if we want it to prevail. We spent the year sharing our passion for sustainability to inspire and encourage a more ecoconscious mindset.
−
            <li><a href="/Team:Lund/Attributions">Attributions</a></li>
+
          </p>
−
          </ul>
+
          <a href="/Team:Lund/HP/Silver" class="display-btn display-btn-white">Get involved</a>
−
        </li>
+
        </div>
−
 
+
      </div>
−
        <li id="li_project" class="dropdown">
+
    </div>
−
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
+
  </section>
−
           <ul class="dropdown-menu">
+
  <section class="model-section">
−
            <li><a href="/Team:Lund/Description">Description</a></li>
+
    <div class="container">
−
            <li><a href="/Team:Lund/Design">Design</a></li>
+
      <div class="row" data-scroll="toggle(.fromTopIn, .fromTopOut)">
−
            <li><a href="/Team:Lund/Results">Results</a></li>
+
        <div class="col-md-4">
−
            <li><a href="/Team:Lund/InterLab">InterLab</a></li>
+
           <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/5/5e/T--Lund--computer.svg">
−
            <li><a href="/Team:Lund/Parts">Parts</a></li>
+
        </div>
−
            <li><a href="/Team:Lund/Experiments">Protocols</a></li>
+
        <div class="col-md-8">
−
             <li><a href="/Team:Lund/Notebook">Notebook</a></li>
+
          <h1>Modeling</h1>
−
           </ul>
+
          <p>
−
        </li>
+
             <strong>Mathematics is the language of all science.</strong> It is an indispensable tool to understand how something works and give it proper context. With the power of modern computers, even complex networks and systems can be illustrated with ease. We constructed a mathematical model that simulated our project to help us better understand how to apply it.
−
 
+
           </p>
−
        <li id="li_model"><a href="/Team:Lund/Model">Model</a></li>
+
          <a href="/Team:Lund/Model" class="display-btn">Check it out</a>
−
        <li id="li_safety"><a href="/Team:Lund/Safety">Safety</a></li>
+
         </div>
−
         <li id="li_hp"><a href="/Team:Lund/HP/Silver">Practices</a></li>
+
       </div>
−
 
+
     </div>
−
       </ul>
+
   </section>
−
     </div><!-- /.navbar-collapse -->
+
</div>
−
   </div><!-- /.container-fluid -->
+
−
</nav>
+
−
 
+
−
<button type="button" id="scroll-to-top-btn">
+
−
  <i class="fa fa-arrow-up" aria-hidden="true"></i>
+
−
</button>
+
−
<script>
+
−
$(document).ready(function() {
+
−
  var visible = false;
+
−
  //Check to see if the window is top if not then display button
+
−
  $(window).scroll(function() {
+
−
    var scrollTop = $(this).scrollTop();
+
−
    if (!visible && scrollTop > 400) {
+
−
      $("#scroll-to-top-btn").fadeIn();
+
−
      visible = true;
+
−
    } else if (visible && scrollTop <= 400) {
+
−
      $("#scroll-to-top-btn").fadeOut();
+
−
      visible = false;
+
−
    }
+
−
  });
+
−
 
+
−
  $("#scroll-to-top-btn").click(function() {
+
−
    $(window).scrollTo(0, 250);
+
−
  });
+
−
});
+
−
</script>
+
  
 
</html>
 
</html>
 +
{{Lund/footer}}

Revision as of 18:05, 8 December 2017

Microplastics are everywhere

Together we can make a change

The Project

Microplastics are everywhere. They are a result of mindless consumption and inappropriate disposal of plastics. It has been shown that they are associated with several different toxic chemicals that can cause damage to living organisms. We are developing a method that will map their presence.

Learn more

Human Practices

Our method is just part of the solution. Real change can only be achieved if everyone decides to put their mind to it. The environment is sensitive and needs to be treated with respect if we want it to prevail. We spent the year sharing our passion for sustainability to inspire and encourage a more ecoconscious mindset.

Get involved

Modeling

Mathematics is the language of all science. It is an indispensable tool to understand how something works and give it proper context. With the power of modern computers, even complex networks and systems can be illustrated with ease. We constructed a mathematical model that simulated our project to help us better understand how to apply it.

Check it out