Team:Shenzhen BGIC 0101/Safety

From 2013.igem.org

(Difference between revisions)
Line 34: Line 34:
             });
             });
         </script>
         </script>
-
 
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" />
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" />
-
 
<!--[if lte IE 8]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/iestyle.css"><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="http://www.humaan.com.au/wp-content/themes/humaan/css/iestyle.css"><![endif]-->
Line 62: Line 60:
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101" id="logo">logo</a>
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101" id="logo">logo</a>
-
<nav class="menu-main-navigation-container"><a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101"  class="menu-item-20 menu-item menu-item-type-post_type menu-item-object-page">Home</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Team"  class="menu-item-19 menu-item menu-item-type-post_type menu-item-object-page current-menu-item">Team</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project"  class="menu-item-18 menu-item menu-item-type-post_type menu-item-object-page">Project</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modeling"  class="menu-item-17 menu-item menu-item-type-post_type menu-item-object-page">Modeling</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Notebook"  class="menu-item-16 menu-item menu-item-type-post_type menu-item-object-page">Notebook</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Safety"  class="menu-item-15 menu-item menu-item-type-post_type menu-item-object-page  current-menu-item">Safety</a> </nav>
+
<nav class="menu-main-navigation-container"><a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101"  class="menu-item-20 menu-item menu-item-type-post_type menu-item-object-page">Home</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Team"  class="menu-item-19 menu-item menu-item-type-post_type menu-item-object-page">Team</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Project"  class="menu-item-18 menu-item menu-item-type-post_type menu-item-object-page">Project</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Modeling"  class="menu-item-17 menu-item menu-item-type-post_type menu-item-object-page">Modeling</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Notebook"  class="menu-item-16 menu-item menu-item-type-post_type menu-item-object-page">Notebook</a> <a  href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/Safety"  class="menu-item-15 menu-item menu-item-type-post_type menu-item-object-page  current-menu-item">Sponser</a> </nav>
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101" id="logo1">logo</a>
<a href="https://2013.igem.org/Team:Shenzhen_BGIC_0101" id="logo1">logo</a>
</header>
</header>
Line 68: Line 66:
<div id="page-header">
<div id="page-header">
-
<h1>safety</h1>
+
<h1>Sponser</h1>
</div>
</div>
<br/>
<br/>
-
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
+
 
<div class="push"></div>
<div class="push"></div>
</div><!-- wrapper -->
</div><!-- wrapper -->
-
<footer>
+
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 +
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/humaan?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
 
 +
</html>
 +
<html>
 +
<style type="text/css">
 +
h1 {
 +
font-size: 120px;
 +
font-weight: normal;
 +
margin: 0;
 +
font-family: 'Luckiest Guy',Impact,Haettenschweiler,"Franklin Gothic Bold",Charcoal,Gadget,sans-serif;
 +
text-transform: uppercase;
 +
color: #F1B000;
 +
text-shadow: 0 5px 3px #000;
 +
line-height: .8;
 +
}
 +
img {
 +
    border: 0; /* 1 */
 +
    -ms-interpolation-mode: bicubic; /* 2 */
 +
}
 +
 
 +
svg:not(:root) {
 +
    overflow: hidden;
 +
}
 +
 
 +
.clearfix:before,.clearfix:after{content:" ";display:table;}
 +
.clearfix:after{clear:both;}
 +
.clearfix{zoom:1;}
 +
 
 +
#showcase { padding: 60px 0; }
 +
.gallery { width: 960px; margin: 0 auto; text-align: center; }
 +
.b{ text-align: center; float: left; margin: 17px; height: 150px; display: inline-block; }
 +
.a{ text-align: center; float: center; margin: 30px; height: 250px; display: inline-block;  }
 +
 
 +
figcaption { text-shadow: 0 1px 1px #000; font-size: 20px; color: #F1B010}
 +
.bgi {width:280px; height:100px}
 +
</style>
 +
<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
 +
<div id="showcase">
 +
<center><h1>Sporner</h1></center>
 +
<div class="gallery clearfix">
 +
<figure class="b">
 +
<a href="http://www.uestc.edu.cn">
 +
<img src="https://static.igem.org/mediawiki/2013/0/04/Bgi.jpg" alt="bgi" class="bgi">
 +
</a>
 +
<figcaption><br />BGI
 +
</figcaption>
 +
</figure>
 +
<figure class="b">
 +
<a href="http://">
 +
<img src="https://static.igem.org/mediawiki/2013/1/15/Bgi-college.jpg" alt="bgi-college" class="bgi">
 +
</a>
 +
<figcaption>BGI-college</figcaption>
 +
</figure>
 +
<figure class="b">
 +
<a href="http://">
 +
<img src="https://static.igem.org/mediawiki/2013/2/2b/Bgi-tech.png" alt="bgi-tech" class="bgi">
 +
</a>
 +
<figcaption><br />BGI-tech</figcaption>
 +
</figure>
 +
<figure class="a">
 +
<a href="http://">
 +
<img src="https://static.igem.org/mediawiki/2013/6/69/Huashi.png" alt="huashi">
 +
</a>
 +
<figcaption><br />huashi
 +
 +
</figcaption>
 +
</figure>
 +
<figure class="a">
 +
<a href="http://www">
 +
<img src="https://static.igem.org/mediawiki/2013/8/8a/Uestc.png" alt="New ?koda Octavia">
 +
</a>
 +
<figcaption><br />UESTC
 +
 
 +
</figcaption>
 +
</figure>
 +
<figure class="a">
 +
<a href="https://">
 +
<img src="https://static.igem.org/mediawiki/2013/3/3a/Scu.png" alt="SCU">
 +
</a>
 +
<figcaption><br />SCU</figcaption>
 +
</figure>
 +
<figure class="a">
 +
<a href="http://">
 +
<img src="https://static.igem.org/mediawiki/2013/f/f6/Huake.png" alt="huake">
 +
</a>
 +
<figcaption><br />huake
 +
 +
</figcaption>
 +
</figure>
 +
<figure class="a">
 +
<a href="http://">
 +
<img src="https://static.igem.org/mediawiki/2013/7/75/Huagong.png" alt="huadong">
 +
</a>
 +
<figcaption><br />huagong
 +
 +
</figcaption>
 +
</figure>
 +
 +
 +
</div>
 +
</div>
 +
 
 +
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/TweenMax.min?action=raw&ctype=text/javascript"></script>
 +
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
 +
<script type="text/javascript" src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/superscrollorama?action=raw&ctype=text/javascript"></script>
 +
 +
<script>
 +
$(document).ready(function() {
 +
// $('').css('visibility','visible');
 +
 +
// TimelineLite for title animation, then start up superscrollorama when complete
 +
(new TimelineLite({onComplete:initScrollAnimations}))
 +
.from( $('#title-line1 span'), .4, {delay: 1, css:{right:'1000px'}, ease:Back.easeOut})
 +
.from( $('#title-line2'), .4, {css:{top:'1000px',opacity:'0'}, ease:Expo.easeOut})
 +
.append([
 +
TweenMax.from( $('#title-line3 .char1'), .25+Math.random(), {css:{top: '-200px', right:'1000px'}, ease:Elastic.easeOut}),
 +
TweenMax.from( $('#title-line3 .char2'), .25+Math.random(), {css:{top: '300px', right:'1000px'}, ease:Elastic.easeOut}),
 +
TweenMax.from( $('#title-line3 .char3'), .25+Math.random(), {css:{top: '-400px', right:'1000px'}, ease:Elastic.easeOut}),
 +
TweenMax.from( $('#title-line3 .char4'), .25+Math.random(), {css:{top: '-200px', left:'1000px'}, ease:Elastic.easeOut}),
 +
TweenMax.from( $('#title-line3 .char5'), .25+Math.random(), {css:{top: '200px', left:'1000px'}, ease:Elastic.easeOut})
 +
])
 +
.to( $('#title-info'), .5, {css:{opacity:.99, 'margin-top':0}, delay:-1, ease:Quad.easeOut});
 +
 +
function initScrollAnimations() {
 +
$('#content-wrapper').css('display','block');
 +
var controller = $.superscrollorama();
 +
 +
// showcase tweens
 +
controller.addTween('#showcase h1', TweenMax.from( $('#showcase h1'), .75, {css:{letterSpacing:20,opacity:0}, ease:Quad.easeOut}));
 +
controller.addTween('#showcase p', TweenMax.from( $('#showcase p'), 1, {css:{opacity:0}, ease:Quad.easeOut}));
 +
$('#showcase .gallery figure').css('position','relative').each(function() {
 +
controller.addTween('#showcase .gallery', TweenMax.from( $(this), 1, {delay:Math.random()*.2,css:{left:Math.random()*200-100,top:Math.random()*200-100,opacity:0}, ease:Back.easeOut}));
 +
});
 +
}
 +
});
 +
</script>
 +
 
 +
<footer>
<div class="container clearfix">
<div class="container clearfix">
<div class="seven columns" id="footer-contact">
<div class="seven columns" id="footer-contact">
Line 94: Line 231:
</footer>
</footer>
-
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+
 
-
<script src="http://www.humaan.com.au/wp-content/themes/humaan/js/scripts.min.js" type="text/javascript"></script>
+

Revision as of 03:19, 13 September 2013















Sporner

bgi

BGI
bgi-college
BGI-college
bgi-tech

BGI-tech
huashi

huashi
New ?koda Octavia

UESTC
SCU

SCU
huake

huake
huadong

huagong

Retrieved from "http://2013.igem.org/Team:Shenzhen_BGIC_0101/Safety"