Davidacevedo (Talk | contribs) |
EstebanDLPT (Talk | contribs) m |
||
(20 intermediate revisions by one other user not shown) | |||
Line 458: | Line 458: | ||
<div id="bacteria-nadando"> | <div id="bacteria-nadando"> | ||
</div> | </div> | ||
− | |||
</div> <!-- scroll section ends --> | </div> <!-- scroll section ends --> | ||
Line 489: | Line 488: | ||
.drop-target { | .drop-target { | ||
background-color: #29e; | background-color: #29e; | ||
− | |||
border-style: solid; | border-style: solid; | ||
} | } | ||
Line 497: | Line 495: | ||
height: 10vh; | height: 10vh; | ||
width: 10vh; | width: 10vh; | ||
− | z-index: | + | z-index: 50; |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
-webkit-transform: translate(0px, 0px); | -webkit-transform: translate(0px, 0px); | ||
Line 514: | Line 508: | ||
width: 100%; | width: 100%; | ||
border-radius: 50%; | border-radius: 50%; | ||
+ | z-index: 50; | ||
} | } | ||
Line 519: | Line 514: | ||
color: #000; | color: #000; | ||
/*background-color: #4e4;*/ | /*background-color: #4e4;*/ | ||
+ | z-index: 50; | ||
} | } | ||
Line 604: | Line 600: | ||
− | + | <div style="height: 10vh; width: 100%; background-color: black;"><p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;">DRAG AND DROP!</p></div> | |
− | <div id="dropzoneWrapper"> | + | <div id="dropzoneWrapper" style="background-color: black"> |
<div id="gifDiv" style="height: 60vw; width: 60vw; background-color: black; position: absolute; z-index: 6; left: 20vw;"> | <div id="gifDiv" style="height: 60vw; width: 60vw; background-color: black; position: absolute; z-index: 6; left: 20vw;"> | ||
<img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tec-Monterrey--giv_v3.gif" height="100%" width="100%"> | <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tec-Monterrey--giv_v3.gif" height="100%" width="100%"> | ||
</div> | </div> | ||
− | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 0;"> | + | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; left: 0; "> |
− | <div> | + | <div style="background-color: black; height: 50%; text-align: center;"> |
+ | <br> | ||
+ | <br> | ||
<div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> | <div id="alan" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tec-Monterrey--Foto_Alan.jpg"> </div> | ||
− | <div id="esteban" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div> | + | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> Pb</p> |
+ | </div> | ||
+ | <div style="background-color: black; height: 50%; text-align: center;"> | ||
+ | <div id="esteban" class="drag-drop" style="margin: auto;"> <img src="https://static.igem.org/mediawiki/2018/4/44/T--Tec-Monterrey--Foto_Esteban.jpg"> </div> | ||
+ | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> NO3</p> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; | + | <div style="height: 60vw; width: 20vw; background-color: black; position: absolute; right: 0;"> |
− | <div id="acebae" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tec-Monterrey--Foto_David.jpg"> </div> | + | <div style="background-color: black; height: 50%; text-align: center;"> |
− | <div id="sofi" class="drag-drop"> <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tec-Monterrey--Foto_Sofia.jpg"> </div> | + | <br> |
+ | <br> | ||
+ | <div id="acebae" class="drag-drop" style="margin: auto"> <img src="https://static.igem.org/mediawiki/2018/2/2f/T--Tec-Monterrey--Foto_David.jpg"> </div> | ||
+ | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> PO4</p> | ||
+ | </div> | ||
+ | <div style="background-color: black; height: 50%; text-align: center;"> | ||
+ | <div id="sofi" class="drag-drop" style="margin:auto"> <img src="https://static.igem.org/mediawiki/2018/9/9f/T--Tec-Monterrey--Foto_Sofia.jpg"> </div> | ||
+ | <p style="font-family: 'Norwester'; text-align: center; font-size: 50px; color: white;"> As</p> | ||
+ | </div> | ||
</div> | </div> | ||
<div style="height: 60vw; width: 60vw; background-color: black; position: absolute; left: 20vw;"> | <div style="height: 60vw; width: 60vw; background-color: black; position: absolute; left: 20vw;"> | ||
Line 639: | Line 649: | ||
$(document).on('scroll', function() { | $(document).on('scroll', function() { | ||
if($(this).scrollTop()>=$('#gifDiv').position().top){ | if($(this).scrollTop()>=$('#gifDiv').position().top){ | ||
− | $("#gifDiv"). | + | $("#gifDiv").css("background-color: green;"); |
− | }) | + | setTimeout(function(){ $("#gifDiv").fadeOut(); }, 200); |
} | } | ||
}); | }); | ||
− | |||
− | + | ||
− | + | ||
document.addEventListener("DOMContentLoaded", function(event) { | document.addEventListener("DOMContentLoaded", function(event) { | ||
// target elements with the "draggable" class | // target elements with the "draggable" class | ||
Line 824: | Line 832: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="slideshow"> | ||
+ | <div class='right-arrow-pane'> | ||
+ | <div class='arrow'> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='left-arrow-pane'> | ||
+ | <div class='arrow'> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='bubbles'> | ||
+ | </div> | ||
+ | <div class='pauseBtn'> | ||
+ | <div class='bars'> | ||
+ | <div></div> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | <div class='tri'> | ||
+ | <div></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class='content'> | ||
+ | <div class='slide'> | ||
+ | <video autoplay loop muted> | ||
+ | <source src="https://static.igem.org/mediawiki/2018/4/45/T--Tec-Monterrey--HP_3_pH.mp4" type="video/mp4"> | ||
+ | </video> | ||
+ | </div> | ||
+ | <div class='slide'> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--HP_3_ni%C3%B1ossolos.jpg" /> | ||
+ | </div> | ||
+ | <div class='slide'> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f5/T--Tec-Monterrey--HP_3_trabajando.jpg" /> | ||
+ | </div> | ||
+ | <div class='slide'> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/be/T--Tec-Monterrey--HP_3_todos.jpg" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
<script> | <script> | ||
Line 918: | Line 966: | ||
slideVideo(); | slideVideo(); | ||
}); | }); | ||
+ | |||
+ | |||
</script> | </script> | ||
<script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery/SlideShow? | <script type="text/javascript" src="https://2018.igem.org/Team:Purdue/JQuery/SlideShow? |
Latest revision as of 01:29, 18 October 2018
E. coding
Tec-Monterrey
DRAG AND DROP!
Pb
NO3
PO4
As