Difference between revisions of "Template:Hong Kong HKUST/GJgallery"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
    <head>
 
−
<meta charset="UTF-8" />
 
−
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 
−
        <title></title>
 
−
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
−
            <link rel="shortcut icon" href="../favicon.ico">
 
  
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerywindy.css/CSS?action=raw&ctype=text/css" />
+
<head>
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerydemo.css/CSS?action=raw&ctype=text/css" />
+
<meta charset="UTF-8" />
−
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerystyle1.css/CSS?action=raw&ctype=text/css" />
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
−
<script type="text/javascript" src="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerymodernizr.custom.79639.js/JS?action=raw&ctype=text/javascript"></script>
+
<title></title>
−
<noscript><link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerynoJS.css/CSS?action=raw&ctype=text/css" /></noscript>
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
−
    </head>
+
<link rel="shortcut icon" href="../favicon.ico">
−
    <body>
+
 
−
   
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerywindy.css/CSS?action=raw&ctype=text/css"
−
        <div class="container">
+
/>
−
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerydemo.css/CSS?action=raw&ctype=text/css"
−
<!-- Codrops top bar -->
+
/>
−
            <div class="codrops-top">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerystyle1.css/CSS?action=raw&ctype=text/css"
−
             
+
/>
−
            </div><!--/ Codrops top bar -->
+
<script type="text/javascript" src="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerymodernizr.custom.79639.js/JS?action=raw&ctype=text/javascript"></script>
−
+
<noscript>
−
<header class="codrops-header">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Hong_Kong_HKUST/gallerynoJS.css/CSS?action=raw&ctype=text/css"
−
+
/>
−
+
</noscript>
 +
</head>
 +
 
 +
<body>
 +
 
 +
<div class="container">
 +
 
 +
<!-- Codrops top bar -->
 +
<div class="codrops-top">
 +
 
 +
</div>
 +
<!--/ Codrops top bar -->
 +
 
 +
<header class="codrops-header">
 +
 
 +
 
 
<section class="main">
 
<section class="main">
  
−
<div class="windy-demo" style="max-width:100%;opacity:75%;all: initial; height:60%;">
+
<div class="windy-demo" style="max-width:100%; all: initial; max-height:100%;">
 
<ul id="wi-el" class="wi-container">
 
<ul id="wi-el" class="wi-container">
−
<li><img style="height:85%; margin-bottom:15px;" src="images/defmo1/ (1).jpg" alt="image1"/>fvdgvrf<h4>hajgsj</h4></li>
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/4/44/HKUST_GJ_01.jpg" alt="image"
−
<li><img style="height:85%;" src="images/demo1/ (2).jpg" alt="image2"/><h4>Vermouth Land</h4></li>
+
/>fvdgvrf
−
<li><img style="height:85%;" src="images/demo1/ (3).jpg" alt="image3"/><h4>Electrodynamics</h4></li>
+
<h5>hajgsj</h5>
−
<li><img style="height:85%;" src="images/demo1/ (4).jpg" alt="image4"/><h4>Retinal Bliss</h4></li>
+
</li>
−
<li><img style="height:85%;" src="images/demo1/ (5).jpg" alt="image5"/><h4>Disco Fever</h4></li>
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/8/81/HKUST_GJ_02.jpg" alt="image"
−
<li><img style="height:85%;" src="images/demo1/ (6).jpg" alt="image6"/><h4>Serenity</h4></li>
+
/>fvdgvrf
−
<li><img style="height:85%;" src="images/demo1/ (7).jpg" alt="image7"/><h4>Dark Honor</h4></li>
+
<h5>hajgsj</h5>
−
<li><img style="height:85%;" src="images/demo1/ (8).jpg" alt="image8"/><h4>Nested Happiness</h4></li>
+
</li>
−
<li><img style="height:85%;" src="images/demo1/ (9).jpg" alt="image9"/><h4>Cherry Country</h4></li>
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/2/23/HKUST_GJ_03.jpg" alt="image"
−
<li><img style="height:85%;" src="images/demo1/ (10).jpg" alt="image10"/><h4>Blossom Delight</h4></li>
+
/>fvdgvrf
−
<li><img style="height:85%;" src="images/demo1/ (11).jpg" alt="image11"/><h4>Heartbeat</h4></li>
+
<h5>hajgsj</h5>
−
<li><img style="height:85%;" src="images/demo1/ (12).jpg" alt="image12"/><h4>Inner Organs</h4></li>
+
</li>
−
<li><img style="height:85%;" src="images/demo1/ (13).jpg" alt="image13"/><h4>Wanted Darkness</h4></li>
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/2/28/HKUST_GJ_04.jpg" alt="image"
−
<li><img style="height:85%;" src="images/demo1/ (14).jpg" alt="image14"/><h4>Blessed Fever</h4></li>
+
/>fvdgvrf
−
<li><img style="height:85%;" src="images/demo1/ (15).jpg" alt="image15"/><h4>Origins</h4></li>
+
<h5>hajgsj</h5>
−
<li><img style="height:85%;" src="images/demo1/ (16).jpg" alt="image16"/><h4>Fire Lime</h4></li>
+
</li>
−
<li><img style="height:85%;" src="images/demo1/ (17).jpg" alt="image17"/><h4>Host Rumor</h4></li>
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/8/8e/HKUST_GJ_05.jpg" alt="image"  
−
<li><img style="height:85%;" src="images/demo1/ (18).jpg" alt="image18"/><h4>Lovely Feast</h4></li>
+
/>fvdgvrf
−
<li><img style="height:85%;" src="images/demo1/ (19).jpg" alt="image19"/><h4>Red Greatness</h4></li>
+
<h5>hajgsj</h5>
−
<li><img style="height:85%;" src="images/demo1/ (20).jpg" alt="image20"/><h4>Hollow Soul</h4></li>
+
</li>
−
+
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/1/1d/HKUST_GJ_06.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/7/79/HKUST_GJ_07.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/c/c8/HKUST_GJ_08.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/e/eb/HKUST_GJ_09.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/4/4a/HKUST_GJ_10.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/9/95/HKUST_GJ_11.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/8/8a/HKUST_GJ_12.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/1/1d/HKUST_GJ_13.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/4/43/HKUST_GJ_16.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/3/3a/HKUST_GJ_17.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/c/cd/HKUST_GJ_18.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/4/4a/HKUST_GJ_19.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/3/38/HKUST_GJ_20.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/f/f0/HKUST_GJ_21.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/c/cd/HKUST_GJ_22.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/d/d4/HKUST_GJ_23.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/a/ab/HKUST_GJ_24.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/e/e9/HKUST_GJ_25.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/2/2c/HKUST_GJ_27.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/a/a7/HKUST_GJ_28.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/d/da/HKUST_GJ_29.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/8/88/HKUST_GJ_30.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
<li><img style="height:85%; margin-bottom:10px;" src="https://static.igem.org/mediawiki/2017/8/85/HKUST_GJ_31.jpg" alt="image" />fvdgvrf
 +
<h5>hajgsj</h5>
 +
</li>
 +
 
 
</ul>
 
</ul>
−
+
 
 
<nav>
 
<nav>
 
<span style="background-color:#fefdfb;border-radius: 5px 5px 5px; height:50px;width:100px;">
 
<span style="background-color:#fefdfb;border-radius: 5px 5px 5px; height:50px;width:100px;">
Line 59: Line 137:
 
</nav>
 
</nav>
 
</div>
 
</div>
−
<p class="info"><strong>Tip:</strong> to see the a continuous flow, keep your mouse down on the navigation arrows.</p>
+
<p><strong>Tip:</strong> to see the a continuous flow, keep your mouse down on the navigation arrows.</p>
 
</section>
 
</section>
−
 
−
        </div>
 
−
          <script type="text/javascript" src="https://2017.igem.org/Template:Hong_Kong_HKUST/galleryjquery.windy.js/JS?action=raw&ctype=text/javascript"></script>
 
−
        <script type="text/javascript">
 
−
jQuery(function ($) {
 
  
−
var $el = $( '#wi-el' ),
+
</div>
−
windy = $el.windy(),
+
<script type="text/javascript" src="https://2017.igem.org/Template:Hong_Kong_HKUST/galleryjquery.windy.js/JS?action=raw&ctype=text/javascript"></script>
−
allownavnext = false,
+
<script type="text/javascript">
−
allownavprev = false;
+
jQuery(function ($) {
  
−
$( '#nav-prev' ).on( 'mousedown', function( event ) {
+
var $el = $('#wi-el'),
−
+
windy = $el.windy(),
−
allownavprev = true;
+
allownavnext = false,
−
navprev();
+
allownavprev = false;
−
+
−
} ).on( 'mouseup mouseleave', function( event ) {
+
−
+
−
allownavprev = false;
+
−
+
−
} );
+
  
−
$( '#nav-next' ).on( 'mousedown', function( event ) {
+
$('#nav-prev').on('mousedown', function (event) {
  
−
allownavnext = true;
+
allownavprev = true;
−
navnext();
+
navprev();
−
+
−
} ).on( 'mouseup mouseleave', function( event ) {
+
  
−
allownavnext = false;
+
}).on('mouseup mouseleave', function (event) {
−
+
−
} );
+
  
−
function navnext() {
+
allownavprev = false;
−
if( allownavnext ) {
+
 
−
windy.next();
+
});
−
setTimeout( function() {
+
 
−
navnext();
+
$('#nav-next').on('mousedown', function (event) {
−
}, 150 );
+
 
−
}
+
allownavnext = true;
 +
navnext();
 +
 
 +
}).on('mouseup mouseleave', function (event) {
 +
 
 +
allownavnext = false;
 +
 
 +
});
 +
 
 +
function navnext() {
 +
if (allownavnext) {
 +
windy.next();
 +
setTimeout(function () {
 +
navnext();
 +
}, 150);
 
}
 
}
−
+
}
−
function navprev() {
+
 
−
if( allownavprev ) {
+
function navprev() {
−
windy.prev();
+
if (allownavprev) {
−
setTimeout( function() {
+
windy.prev();
−
navprev();
+
setTimeout(function () {
−
}, 150 );
+
navprev();
−
}
+
}, 150);
 
}
 
}
 +
}
 +
 +
});
 +
</script>
 +
</body>
  
−
});
 
−
</script>
 
−
    </body>
 
 
</html>
 
</html>

Revision as of 10:15, 9 December 2017

  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj
  • imagefvdgvrf
    hajgsj

Tip: to see the a continuous flow, keep your mouse down on the navigation arrows.