Difference between revisions of "Team:Auckland MOD/Team.html"

Line 435: Line 435:
 
                 display: inline-block;
 
                 display: inline-block;
 
                 opacity: 0;
 
                 opacity: 0;
 +
            }
 +
            .show-image-carousel {
 +
                bottom: 0;
 
             }
 
             }
 
             .show-image p:hover {
 
             .show-image p:hover {
Line 603: Line 606:
 
                 overflow: hidden;
 
                 overflow: hidden;
 
                 margin-top: 98px;
 
                 margin-top: 98px;
                 background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg)
+
                 background-image: url(https://static.igem.org/mediawiki/2018/f/f3/T--Auckland_MOD--lab.jpg);
 +
                background-size: 100%;
 +
                background-repeat: no-repeat;
 
             }
 
             }
 
             .carousel-wrap {
 
             .carousel-wrap {
Line 2,656: Line 2,661:
 
     $(".copy1").mouseout(function() {
 
     $(".copy1").mouseout(function() {
 
         $(".show-image-1").css("opacity", "0");
 
         $(".show-image-1").css("opacity", "0");
 +
    })
 +
    $(".carousel-wrap").mouseover(function() {
 +
        $(".show-image-carousel").css("opacity", "0.4");
 +
    })
 +
    $(".carousel-wrap").mouseout(function() {
 +
        $(".show-image-carousel").css("opacity", "0");
 
     })
 
     })
 
     $(".expandable-content-1").on("mouseup touchend", function() {
 
     $(".expandable-content-1").on("mouseup touchend", function() {
Line 2,992: Line 3,003:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
             <div class="show-image show-image-1">
+
             <div class="show-image show-image-1 show-image-carousel">
 
                 <p>Hold to view image</p>
 
                 <p>Hold to view image</p>
 
                 <img src="https://static.igem.org/mediawiki/2018/5/5a/T--Auckland_MOD--show-image.svg">
 
                 <img src="https://static.igem.org/mediawiki/2018/5/5a/T--Auckland_MOD--show-image.svg">

Revision as of 02:16, 1 September 2018

MOD - University of Auckland iGEM 2018 Team

About our project or something

Words can go in here if you want (or not). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis nibh ut quam pellentesque eleifend. Quisque posuere dolor vitae quam tincidunt placerat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis nibh ut quam pellentesque eleifend. Quisque posuere dolor vitae quam tincidunt placerat.

"Competing in iGEM required more strength, endurance, and sacrifice than any other project I have undertaken. But nothing could have prepared me more for the post graduate study I am now pursuing than formulating and completing our project as an independent scienctist."

Judith Glasson, Alumni

Hold to view image

Keen to talk?

If you're interested, have questions, or want to know more, don't hesitate to contact us directly.