Marcusrettig (Talk | contribs) (Undo revision 288080 by Marcusrettig (talk)) |
Marcusrettig (Talk | contribs) |
||
Line 2: | Line 2: | ||
<html> | <html> | ||
− | <header class="home-landing"> | + | <header id="particles" class="home-landing"> |
− | <div class="container"> | + | <!-- <div class="container"> |
<h1 class="display">Stay tuned</h1> | <h1 class="display">Stay tuned</h1> | ||
<p>We're working on something <b>amazing</b></p> | <p>We're working on something <b>amazing</b></p> | ||
+ | </div> --> | ||
+ | <div class="home-landing-texts"> | ||
+ | <h1>Microplastics are everywhere</h1> | ||
+ | <p>Together we can make a change</p> | ||
</div> | </div> | ||
</header> | </header> | ||
− | <div class=" | + | <script type="text/javascript" src="/Team:Lund/scripts/particles?action=raw&ctype=text/javascript"></script> |
− | <section class="container"> | + | <script type="text/javascript"> |
− | + | particlesJS('particles', { | |
− | + | "particles": { | |
− | + | "number": { | |
− | + | "value": 40, | |
+ | "density": { | ||
+ | "enable": true, | ||
+ | "value_area": 800 | ||
+ | } | ||
+ | }, | ||
+ | "color": { | ||
+ | "value": ["#FED500", "#89EDA0", "#FAAD96", "#F87EAC"] | ||
+ | }, | ||
+ | "shape": { | ||
+ | "type": "circle", | ||
+ | "stroke": { | ||
+ | "width": 0, | ||
+ | "color": "#000000" | ||
+ | }, | ||
+ | "polygon": { | ||
+ | "nb_sides": 5 | ||
+ | }, | ||
+ | "image": { | ||
+ | "src": "img/github.svg", | ||
+ | "width": 100, | ||
+ | "height": 100 | ||
+ | } | ||
+ | }, | ||
+ | "opacity": { | ||
+ | "value": 0.7, | ||
+ | "random": false, | ||
+ | "anim": { | ||
+ | "enable": false, | ||
+ | "speed": 1, | ||
+ | "opacity_min": 0.1, | ||
+ | "sync": false | ||
+ | } | ||
+ | }, | ||
+ | "size": { | ||
+ | "value": 8, | ||
+ | "random": true, | ||
+ | "anim": { | ||
+ | "enable": false, | ||
+ | "speed": 80, | ||
+ | "size_min": 0.1, | ||
+ | "sync": false | ||
+ | } | ||
+ | }, | ||
+ | "line_linked": { | ||
+ | "enable": false, | ||
+ | "distance": 300, | ||
+ | "color": "#5392FF", | ||
+ | "opacity": 0.4, | ||
+ | "width": 2 | ||
+ | }, | ||
+ | "move": { | ||
+ | "enable": true, | ||
+ | "speed": 1, | ||
+ | "direction": "none", | ||
+ | "random": false, | ||
+ | "straight": false, | ||
+ | "out_mode": "out", | ||
+ | "bounce": false, | ||
+ | "attract": { | ||
+ | "enable": false, | ||
+ | "rotateX": 600, | ||
+ | "rotateY": 1200 | ||
+ | } | ||
+ | } | ||
+ | }, | ||
+ | "interactivity": { | ||
+ | "detect_on": "canvas", | ||
+ | "events": { | ||
+ | "onhover": { | ||
+ | "enable": false, | ||
+ | "mode": "bubble" | ||
+ | }, | ||
+ | "onclick": { | ||
+ | "enable": true, | ||
+ | "mode": "push" | ||
+ | }, | ||
+ | "resize": true | ||
+ | }, | ||
+ | "modes": { | ||
+ | "grab": { | ||
+ | "distance": 800, | ||
+ | "line_linked": { | ||
+ | "opacity": 1 | ||
+ | } | ||
+ | }, | ||
+ | "bubble": { | ||
+ | "distance": 400, | ||
+ | "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> | ||
+ | |||
+ | <div class="home"> | ||
+ | <section> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-4"> | ||
+ | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/c/c9/T--Lund--Ligth--Bulb.svg"> | ||
+ | </div> | ||
+ | <div class="col-md-8"> | ||
+ | <h1>The Project</h1> | ||
+ | <p> | ||
+ | <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> | ||
+ | <a href="/Team:Lund/Description" class="display-btn">Learn more</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="hp-section"> | ||
+ | <div class="container"> | ||
+ | <div class="row" data-scroll="toggle(.fromLeftIn, .fromLeftOut)"> | ||
+ | <div class="col-md-8"> | ||
+ | <h1>Human Practices</h1> | ||
+ | <p> | ||
+ | <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. | ||
+ | </p> | ||
+ | <a href="/Team:Lund/HP/Silver" class="display-btn display-btn-white">Get involved</a> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/e/e7/T--Lund--Megaphone.svg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="model-section"> | ||
+ | <div class="container"> | ||
+ | <div class="row" data-scroll="toggle(.fromRightIn, .fromRightOut)"> | ||
+ | <div class="col-md-4"> | ||
+ | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2017/5/5e/T--Lund--computer.svg"> | ||
+ | </div> | ||
+ | <div class="col-md-8"> | ||
+ | <h1>Modeling</h1> | ||
+ | <p> | ||
+ | <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> | ||
+ | <a href="/Team:Lund/Model" class="display-btn">Check it out</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</section> | </section> | ||
</div> | </div> |
Revision as of 00:26, 2 November 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 moreHuman 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 involvedModeling
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