Team:SydneyUni Australia/Team

From 2013.igem.org

(Difference between revisions)
m
 
(54 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
 
-
 
{{Team:SydneyUni_Australia/Style}}
{{Team:SydneyUni_Australia/Style}}
{{Team:SydneyUni_Australia/Header}}
{{Team:SydneyUni_Australia/Header}}
 +
 +
__NOTOC__
<html>
<html>
Line 11: Line 11:
<script type="text/javascript" charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/Galleriffic?action=raw&ctype=text/javascript">
<script type="text/javascript" charset="utf-8" src="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/Galleriffic?action=raw&ctype=text/javascript">
</script>
</script>
 +
<link rel="stylesheet" href="https://2013.igem.org/Template:Team:SydneyUni_Australia/Team/GallerifficCSS?action=raw&ctype=text/css" type="text/css" />
-
<link rel="stylesheet" href="css/basic.css" type="text/css" />
 
-
<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
 
-
<script type="text/javascript">
 
-
jQuery(document).ready(function($) {
 
-
    var gallery = $('#thumbs').galleriffic({
 
-
        delay:                    3000, // in milliseconds
 
-
        numThumbs:                20, // The number of thumbnails to show page
 
-
        preloadAhead:              40, // Set to -1 to preload all images
 
-
        enableTopPager:            false,
 
-
        enableBottomPager:        true,
 
-
        maxPagesToShow:            7,  // The maximum number of pages to display in either the top or bottom pager
 
-
        imageContainerSel:        '', // The CSS selector for the element within which the main slideshow image should be rendered
 
-
        controlsContainerSel:      '', // The CSS selector for the element within which the slideshow controls should be rendered
 
-
        captionContainerSel:      '', // The CSS selector for the element within which the captions should be rendered
 
-
        loadingContainerSel:      '', // The CSS selector for the element within which should be shown when an image is loading
 
-
        renderSSControls:          true, // Specifies whether the slideshow's Play and Pause links should be rendered
 
-
        renderNavControls:        true, // Specifies whether the slideshow's Next and Previous links should be rendered
 
-
        playLinkText:              'Play',
 
-
        pauseLinkText:            'Pause',
 
-
        prevLinkText:              'Previous',
 
-
        nextLinkText:              'Next',
 
-
        nextPageLinkText:          'Next &rsaquo;',
 
-
        prevPageLinkText:          '&lsaquo; Prev',
 
-
        enableHistory:            false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
 
-
        enableKeyboardNavigation:  true, // Specifies whether keyboard navigation is enabled
 
-
        autoStart:                false, // Specifies whether the slideshow should be playing or paused when the page first loads
 
-
        syncTransitions:          false, // Specifies whether the out and in transitions occur simultaneously or distinctly
 
-
        defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
 
-
        onSlideChange:            undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
 
-
        onTransitionOut:          undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
 
-
        onTransitionIn:            undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
 
-
        onPageTransitionOut:      undefined, // accepts a delegate like such: function(callback) { ... }
 
-
        onPageTransitionIn:        undefined, // accepts a delegate like such: function() { ... }
 
-
        onImageAdded:              undefined, // accepts a delegate like such: function(imageData, $li) { ... }
 
-
        onImageRemoved:            undefined  // accepts a delegate like such: function(imageData, $li) { ... }
 
-
    });
 
-
});
 
-
</script>
 
</html>
</html>
Line 56: Line 19:
<div id="page">
<div id="page">
<div id="container">
<div id="container">
-
<h1><a href="index.html">Galleriffic</a></h1>
+
<div id="gallery" class="content" style="float: right;">
-
<h2>Thumbnail rollover effects and slideshow crossfades</h2>
+
-
 
+
-
<!-- Start Advanced Gallery Html Containers -->
+
-
<div id="gallery" class="content">
+
<div id="controls" class="controls"></div>
<div id="controls" class="controls"></div>
<div class="slideshow-container">
<div class="slideshow-container">
Line 66: Line 25:
<div id="slideshow" class="slideshow"></div>
<div id="slideshow" class="slideshow"></div>
</div>
</div>
-
<div id="caption" class="caption-container"></div>
+
<div id="caption" class="caption-container"></div>
</div>
</div>
 +
<div id="thumbs" class="navigation">
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<ul class="thumbs noscript">
 +
 +
 +
<li>
<li>
-
<a class="thumb" name="leaf" href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015.jpg" title="Title #0">
+
<a class="thumb" name="James Bergfield" href="https://static.igem.org/mediawiki/2013/a/af/SydneyUni2013_Team_James.jpg" title="James Bergfield">
-
<img src="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_s.jpg" alt="Title #0" />
+
<img src="https://static.igem.org/mediawiki/2013/7/75/SydneyUni2013_Team_James_s.jpg" alt="James Bergfield" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3261/2538183196_8baf9a8015_b.jpg">Download Original</a>
+
<div class="image-title">James Bergfield</div>
-
</div>
+
<div class="image-desc">  
-
<div class="image-title">Title #0</div>
+
<div align="justify"> James is studying for a double major in biochemistry and chemistry and before starting a medical degree next year. In the meantime he's planning to genetically engineer a lizard to be big enough to ride. </div>
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" name="drop" href="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9.jpg" title="Title #1">
+
-
<img src="http://farm3.static.flickr.com/2404/2538171134_2f77bc00d9_s.jpg" alt="Title #1" />
+
-
</a>
+
-
<div class="caption">
+
-
Any html can be placed here ...
+
</div>
</div>
-
</li>
 
-
<li>
 
-
<a class="thumb" name="bigleaf" href="http://farm3.static.flickr.com/2093/2538168854_f75e408156.jpg" title="Title #2">
 
-
<img src="http://farm3.static.flickr.com/2093/2538168854_f75e408156_s.jpg" alt="Title #2" />
 
-
</a>
 
-
<div class="caption">
 
-
<div class="download">
 
-
<a href="http://farm3.static.flickr.com/2093/2538168854_f75e408156_b.jpg">Download Original</a>
 
-
</div>
 
-
<div class="image-title">Title #2</div>
 
-
<div class="image-desc">Description</div>
 
-
</div>
 
</li>
</li>
-
<li>
+
<li>
-
<a class="thumb" name="lizard" href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b.jpg" title="Title #3">
+
<a class="thumb" name="Hugh Ford" href="https://static.igem.org/mediawiki/2013/c/c9/SydneyUni2013_Team_Hugh.jpg" title="Hugh Ford">
-
<img src="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_s.jpg" alt="Title #3" />
+
<img src="https://static.igem.org/mediawiki/2013/3/36/SydneyUni2013_Team_Hugh_s.jpg" alt="Hugh Ford" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3153/2538167690_c812461b7b_b.jpg">Download Original</a>
+
<div class="image-title">Hugh Ford</div>
-
</div>
+
<div class="image-desc">
-
<div class="image-title">Title #3</div>
+
<div align="justify">Grew up on the northern beaches of Sydney where I went to Freshwater senior campus.
-
<div class="image-desc">Description</div>
+
I went to Sydney University to major in applied maths and biochemistry, and I wanna get amongst the field of mathematical biology. I’m enrolled to do my masters of applied mathematics (hopefully doing my thesis in mathematical biology) at the University of Melbourne.</div>
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18.jpg" title="Title #4">
+
-
<img src="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_s.jpg" alt="Title #4" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3150/2538167224_0a6075dd18_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #4</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
 
-
<a class="thumb" href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd.jpg" title="Title #5">
 
-
<img src="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_s.jpg" alt="Title #5" />
 
-
</a>
 
-
<div class="caption">
 
-
<div class="download">
 
-
<a href="http://farm4.static.flickr.com/3204/2537348699_bfd38bd9fd_b.jpg">Download Original</a>
 
-
</div>
 
-
<div class="image-title">Title #5</div>
 
-
<div class="image-desc">Description</div>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<a class="thumb" href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b.jpg" title="Title #6">
 
-
<img src="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_s.jpg" alt="Title #6" />
 
-
</a>
 
-
<div class="caption">
 
-
<div class="download">
 
-
<a href="http://farm4.static.flickr.com/3124/2538164582_b9d18f9d1b_b.jpg">Download Original</a>
 
-
</div>
 
-
<div class="image-title">Title #6</div>
 
-
<div class="image-desc">Description</div>
 
-
</div>
 
-
</li>
 
-
<li>
+
<li>
-
<a class="thumb" href="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23.jpg" title="Title #7">
+
<a class="thumb" name="Desmond Li" href="https://static.igem.org/mediawiki/2013/d/da/SydneyUni2013_Team_Desmond3.jpg" title="Desmond Li">
-
<img src="http://farm4.static.flickr.com/3205/2538164270_4369bbdd23_s.jpg" alt="Title #7" />
+
<img src="https://static.igem.org/mediawiki/2013/0/0d/SydneyUni2013_Team_Desmond_s2.jpg" alt="Desmond Li" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3205/2538164270_c7d1646ecf_o.jpg">Download Original</a>
+
<div class="image-title">Desmond Li</div>
-
</div>
+
<div class="image-desc">
-
<div class="image-title">Title #7</div>
+
<div align="justify"> Desmond is currently studying for a double major in Chemistry and Biochemistry with prospects of continuing on to do honours and a PhD in Molecular Biology. He has spent over a year working in research laboratories and is hoping to achieve a career as a researcher. One of his many dreams is to travel the world experiencing the sights and culture of various countries. </div>
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2.jpg" title="Title #8">
+
-
<img src="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_s.jpg" alt="Title #8" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm4.static.flickr.com/3211/2538163540_c2026243d2_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #8</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
 
-
<a class="thumb" href="http://farm3.static.flickr.com/2315/2537343449_f933be8036.jpg" title="Title #9">
 
-
<img src="http://farm3.static.flickr.com/2315/2537343449_f933be8036_s.jpg" alt="Title #9" />
 
-
</a>
 
-
<div class="caption">
 
-
<div class="download">
 
-
<a href="http://farm3.static.flickr.com/2315/2537343449_f933be8036_b.jpg">Download Original</a>
 
-
</div>
 
-
<div class="image-title">Title #9</div>
 
-
<div class="image-desc">Description</div>
 
-
</div>
 
-
</li>
 
-
<li>
+
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280.jpg" title="Title #10">
+
<a class="thumb" name="Vivian Li" href="https://static.igem.org/mediawiki/2013/a/a1/SydneyUni2013_Team_Vivian.jpg" title="Vivian Li">
-
<img src="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_s.jpg" alt="Title #10" />
+
<img src="https://static.igem.org/mediawiki/2013/a/ad/SydneyUni2013_Team_Vivian_s2.jpg" alt="Vivian Li" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2167/2082738157_436d1eb280_b.jpg">Download Original</a>
+
<div class="image-title">Vivian Li</div>
-
</div>
+
<div class="image-desc"> <div align="justify">Vivian is a purple-coated megababewitch, cybersurfing biohacking and latenightsnacking for the thrill of it. Plus I'm pretty sure she owns cowboy boots. </div>
-
<div class="image-title">Title #10</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e.jpg" title="Title #11">
+
-
<img src="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_s.jpg" alt="Title #11" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2342/2083508720_fa906f685e_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #11</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
+
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba.jpg" title="Title #12">
+
<a class="thumb" name="Robert Oppenheimer" href="https://static.igem.org/mediawiki/2013/9/9f/SydneyUni2013_Team_Robbie2.jpg" title="Robert Oppenheimer">
-
<img src="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_s.jpg" alt="Title #12" />
+
<img src="https://static.igem.org/mediawiki/2013/c/c1/SydneyUni2013_Team_Robbie_s2.jpg" alt="Robert Oppenheimer" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2132/2082721339_4b06f6abba_b.jpg">Download Original</a>
+
<div class="image-title">Robert Oppenheimer</div>
-
</div>
+
<div class="image-desc"> <div align="justify">Robbie wants to build the greenhouse we’ll need on Mars. Failing that he’ll return to the family sheep-farm, but that also seems pretty challenging, so he’s also considering ethnographic research about how Balinese shadow-puppeteers understand the concept of a gene. He can talk cash out of a money-tree and bluff his way into a molecular biology lab. He’s only seen it once, but he really digs the film ‘Frances Ha’, check it out. </div>
-
<div class="image-title">Title #12</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60.jpg" title="Title #13">
+
-
<img src="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_s.jpg" alt="Title #13" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2139/2083503622_5b17f16a60_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #13</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
+
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2041/2083498578_114e117aab.jpg" title="Title #14">
+
<a class="thumb" name="Shuravi Paul" href="https://static.igem.org/mediawiki/2013/6/64/SydneyUni2013_Team_Shuravi3.jpg" title="Shuravi Paul">
-
<img src="http://farm3.static.flickr.com/2041/2083498578_114e117aab_s.jpg" alt="Title #14" />
+
<img src="https://static.igem.org/mediawiki/2013/8/8b/SydneyUni2013_Team_Shuravi_s2.jpg" alt="Shuravi Paul" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2041/2083498578_114e117aab_b.jpg">Download Original</a>
+
<div class="image-title">Shuravi Paul</div>
-
</div>
+
<div class="image-desc"><div align="justify"> I am currently studying B. Science, majoring in Microbiology at USYD. I hope to become a researcher in medical microbiology. iGEM has made university that extra bit more interesting. Recently, I discovered how exciting and rewarding bengali/bollywood dancing is. I also love food (that is perhaps an understatement!) and trying out new recipes.</div>
-
<div class="image-title">Title #14</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
</div>
-
<a class="thumb" href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663.jpg" title="Title #15">
+
-
<img src="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_s.jpg" alt="Title #15" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2149/2082705341_afcdda0663_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #15</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
+
 
-
<a class="thumb" href="http://farm3.static.flickr.com/2014/2083478274_26775114dc.jpg" title="Title #16">
+
<li>
-
<img src="http://farm3.static.flickr.com/2014/2083478274_26775114dc_s.jpg" alt="Title #16" />
+
<a class="thumb" name="Cyril Tang" href="https://static.igem.org/mediawiki/2013/2/28/SydneyUni2013_Team_Cyril.jpg" title="Cyril Tang">
 +
<img src="https://static.igem.org/mediawiki/2013/9/9e/SydneyUni2013_Team_Cyril_s.jpg" alt="Cyril Tang" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2014/2083478274_26775114dc_b.jpg">Download Original</a>
+
<div class="image-title">Cyril Tang</div>
-
</div>
+
<div class="image-desc"> <div align="justify"> Aspiring Supreme Ruler of the World, and Conqueror of the Universe, he spends his quiet days at University fooling everybody into thinking he is just like any other student at Sydney University studying Science and Medicine.<br><br>Otherwise, he enjoys Scandinavia (especially Icelandic) and juggling in his spare time. </div>
-
<div class="image-title">Title #16</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
 
-
<a class="thumb" href="http://farm3.static.flickr.com/2194/2083464534_122e849241.jpg" title="Title #17">
+
</div>
-
<img src="http://farm3.static.flickr.com/2194/2083464534_122e849241_s.jpg" alt="Title #17" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2194/2083464534_122e849241_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #17</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
 
-
<a class="thumb" href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e.jpg" title="Title #18">
 
-
<img src="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_s.jpg" alt="Title #18" />
 
-
</a>
 
-
<div class="caption">
 
-
<div class="download">
 
-
<a href="http://farm4.static.flickr.com/3127/2538173236_b704e7622e_b.jpg">Download Original</a>
 
-
</div>
 
-
<div class="image-title">Title #18</div>
 
-
<div class="image-desc">Description</div>
 
-
</div>
 
-
</li>
 
-
<li>
+
<li>
-
<a class="thumb" href="http://farm3.static.flickr.com/2375/2538172432_3343a47341.jpg" title="Title #19">
+
<a class="thumb" name="Andrew Tuckwell" href="https://static.igem.org/mediawiki/2013/4/4f/SydneyUni2013_Team_Andrew3.jpg" title="Andrew Tuckwell">
-
<img src="http://farm3.static.flickr.com/2375/2538172432_3343a47341_s.jpg" alt="Title #19" />
+
<img src="https://static.igem.org/mediawiki/2013/7/76/SydneyUni2013_Team_Andrew_s2.jpg" alt="Andrew Tuckwell" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2375/2538172432_3343a47341_b.jpg">Download Original</a>
+
<div class="image-title">Andrew Tuckwell</div>
-
</div>
+
<div class="image-desc"> <div align="justify"> Andrew has been avoiding iGEM for years but has finally caved in. He hopes for a world where every mundane detail of life is in fact alive. A magical-garden world where biology is the grand empress and everyone knows it. If you know any sick steam-punk-ribo-funk-bio-sci-fi, let him know! He dreams of aseptically jumping through flaming loops and accidentally (on purpose) made LB-agar plates with agarose.
-
<div class="image-title">Title #19</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
Quote of the Year – ‘Agar and agarose: they’re just like Nic and Nicholas, right?’</div>
-
<a class="thumb" href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f.jpg" title="Title #20">
+
 
-
<img src="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_s.jpg" alt="Title #20" />
+
 
-
</a>
+
 
-
<div class="caption">
+
</div>
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2353/2083476642_d00372b96f_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #20</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
+
 
-
<a class="thumb" href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34.jpg" title="Title #21">
+
<li>
-
<img src="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_s.jpg" alt="Title #21" />
+
<a class="thumb" name="Nick Coleman" href="https://static.igem.org/mediawiki/2013/5/52/Sydney_Australia_Team_NickColeman.jpg" title="Nick Coleman">
 +
<img src="https://static.igem.org/mediawiki/2013/9/9e/Sydney_Australia_Team_NickColeman_s.jpg" alt="Nick Coleman" />
</a>
</a>
<div class="caption">
<div class="caption">
-
<div class="download">
+
-
<a href="http://farm3.static.flickr.com/2201/1502907190_7b4a2a0e34_b.jpg">Download Original</a>
+
<div class="image-title">Nick Coleman</div>
-
</div>
+
<div class="image-desc"> <div align="justify"> Five minutes after hearing about iGEM for the first time, Nick gave a ‘provisional yes’ and became our team supervisor. He’s into bioremediation and mobile genetic elements. He’s great to visit if you have bad dreams about the secondary structure of palindromic sequences. Rumour has it he used to play in a rock-band and now plays Magic the Gathering (it’s a card game for nerds, you graduate to this after Dungeons and Dragons). He also has a samurai sword and is a Safety Officer for the building.
-
<div class="image-title">Title #21</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
Quote of the Year - ‘We should also do replicates, as I believe these are quite popular with scientists’.</div>
-
<a class="thumb" href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a.jpg" title="Title #22">
+
 
-
<img src="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_s.jpg" alt="Title #22" />
+
</div>
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm2.static.flickr.com/1116/1380178473_fc640e097a_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #22</div>
+
-
<div class="image-desc">Description</div>
+
</div>
</div>
</li>
</li>
-
<li>
+
 
-
<a class="thumb" href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6.jpg" title="Title #23">
+
-
<img src="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_s.jpg" alt="Title #23" />
+
-
</a>
+
-
<div class="caption">
+
-
<div class="download">
+
-
<a href="http://farm2.static.flickr.com/1260/930424599_e75865c0d6_b.jpg">Download Original</a>
+
-
</div>
+
-
<div class="image-title">Title #23</div>
+
-
<div class="image-desc">Description</div>
+
-
</div>
+
-
</li>
+
</ul>
</ul>
</div>
</div>
Line 382: Line 174:
</div>
</div>
</div>
</div>
 +
<script type="text/javascript">
 +
jQuery(document).ready(function($) {
 +
// We only want these styles applied when javascript is enabled
 +
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
 +
$('div.content').css('display', 'block');
 +
 +
// Initially set opacity on thumbs and add
 +
// additional styling for hover effect on thumbs
 +
var onMouseOutOpacity = 0.67;
 +
$('#thumbs ul.thumbs li').opacityrollover({
 +
mouseOutOpacity:  onMouseOutOpacity,
 +
mouseOverOpacity:  1.0,
 +
fadeSpeed:        'fast',
 +
exemptionSelector: '.selected'
 +
});
 +
 +
// Initialize Advanced Galleriffic Gallery
 +
var gallery = $('#thumbs').galleriffic({
 +
delay:                    2500,
 +
numThumbs:                15,
 +
preloadAhead:              10,
 +
enableTopPager:            true,
 +
enableBottomPager:        true,
 +
maxPagesToShow:            7,
 +
imageContainerSel:        '#slideshow',
 +
controlsContainerSel:      '#controls',
 +
captionContainerSel:      '#caption',
 +
loadingContainerSel:      '#loading',
 +
renderSSControls:          true,
 +
renderNavControls:        true,
 +
playLinkText:              'Play Slideshow',
 +
pauseLinkText:            'Pause Slideshow',
 +
prevLinkText:              '&lsaquo; Previous Photo',
 +
nextLinkText:              'Next Photo &rsaquo;',
 +
nextPageLinkText:          'Next &rsaquo;',
 +
prevPageLinkText:          '&lsaquo; Prev',
 +
enableHistory:            false,
 +
autoStart:                false,
 +
syncTransitions:          true,
 +
defaultTransitionDuration: 900,
 +
onSlideChange:            function(prevIndex, nextIndex) {
 +
// 'this' refers to the gallery, which is an extension of $('#thumbs')
 +
this.find('ul.thumbs').children()
 +
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
 +
.eq(nextIndex).fadeTo('fast', 1.0);
 +
},
 +
onPageTransitionOut:      function(callback) {
 +
this.fadeTo('fast', 0.0, callback);
 +
},
 +
onPageTransitionIn:        function() {
 +
this.fadeTo('fast', 1.0);
 +
}
 +
});
 +
});
 +
</script>
</html>
</html>
 +
 +
{{Team:SydneyUni_Australia/Footer}}

Latest revision as of 08:04, 25 October 2013

SydneyUniversity Top Banner.jpg SydneyUniversity Bottom Banner.jpg


With thanks to: