Team:Shenzhen BGIC 0101

From 2013.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
 
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script>
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
 +
function prevTimers() {
 +
return allTimers().slice( 0, $('#pager a.selected').index() );
 +
}
 +
function allTimers() {
 +
return $('#pager a span');
 +
}
 +
$(function() {
$(function() {
$('#carousel').carouFredSel({
$('#carousel').carouFredSel({
-
width: 800,
+
items: 1,
-
align: false,
+
auto: {
-
items: {
+
pauseOnHover: 'resume',
-
visible: 1,
+
progress: {
-
width: 700
+
bar: '#pager a:first span'
 +
}
},
},
-
auto: false,
 
-
next: '#next',
 
scroll: {
scroll: {
-
onBefore: function( data ) {
+
fx: 'crossfade',
-
data.items.visible.animate({
+
duration: 300,
-
'marginLeft': 0
+
timeoutDuration: 6000,
-
}, data.scroll.duration);
+
onAfter: function() {
-
},
+
allTimers().stop().width( 0 );
-
onAfter: function( data ) {
+
prevTimers().width( 140 );
-
data.items.old.css({
+
$(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]);
-
'zIndex': 0,
+
-
'marginLeft': -100
+
-
});
+
-
data.items.visible.css( 'zIndex', 2 );
+
-
data.items.visible.next().css( 'zIndex', 1 );
+
}
}
},
},
-
onCreate: function( data ) {
+
pagination: {
-
data.items.css({
+
container: '#pager',
-
'marginLeft': 0,
+
anchorBuilder: false
-
'zIndex': 2
+
-
});
+
-
data.items.next().css( 'zIndex', 1 );
+
}
}
});
});
Line 42: Line 39:
</script>
</script>
<style type="text/css">
<style type="text/css">
-
html, body {
 
-
height: 100%;
 
-
padding: 0;
 
-
margin: 0;
 
-
}
 
-
body {
 
-
background-color: #eee;
 
-
min-height: 600px;
 
-
}
 
-
body * {
 
-
font-family: Arial, Geneva, SunSans-Regular, sans-serif;
 
-
font-size: 14px;
 
-
color: #333;
 
-
line-height: 22px;
 
-
}
 
-
#wrapper {
 
-
background-color: #fff;
 
-
width: 610px;
 
-
height: 375px;
 
-
padding: 10px;
 
-
margin: -265px 0 0 -410px;
 
-
position: absolute;
 
-
top: 50%;
 
-
left: 50%;
 
-
box-shadow: 0 0 10px #666;
 
-
}
 
#carousel {
#carousel {
-
width: 610px;
+
width: 750px;
-
height: 375px;
+
height: 480px;
-
overflow: hidden;
+
}
}
#carousel img {
#carousel img {
-
border: none;
+
border: 1px solid #ccc;
display: block;
display: block;
-
+
padding: 10px;
-
+
float: left;
-
position: relative;
+
-
z-index: 0;
+
-
+
}
}
-
#uniq {
+
#pager {
-
width: 610px;
+
margin-top: 5px;
-
height: 375px;
+
width: 750px;
-
overflow: hidden;
+
-
border: none;
+
-
display: block;
+
-
margin-left: 0;
+
-
position: relative;
+
-
z-index: 0;
+
}
}
-
#next {
+
#pager a, #pager span {
-
background: url( img/gui-next.png ) center center no-repeat #999;
+
display: block;
display: block;
-
width: 20px;
+
height: 10px;
-
height: 375px;
+
}
-
position: absolute;
+
#pager a {
-
top: 10px;
+
border: 1px solid #ccc;
-
right: 10px;
+
width: 119px;
-
z-index: 5;
+
margin-right: 3px;
-
opacity: 0.1;
+
float: left;
-
 
+
-
-o-transition: opacity 1s ease;
+
-
-ms-transition: opacity 1s ease;
+
-
-moz-transition: opacity 1s ease;
+
-
-webkit-transition: opacity 1s ease;
+
-
transition: opacity 1s ease;
+
}
}
-
#next:hover {
+
#pager a:hover {
-
opacity: 0.5;
+
border-color: #999;
 +
}
 +
#pager span {
 +
background-color: #ccc;
 +
width: 0px;
}
}
Line 119: Line 77:
#donate {
#donate {
border-top: 1px solid #999;
border-top: 1px solid #999;
-
width: 750px;
+
width: 800px;
padding: 50px 75px;
padding: 50px 75px;
margin: 0 auto;
margin: 0 auto;
Line 129: Line 87:
}
}
#donate p {
#donate p {
-
width: 650px;
+
width: 730px;
}
}
#donate form {
#donate form {
Line 137: Line 95:
</head>
</head>
<body>
<body>
 +
<h1 style="text-align:center;">This is our story!</h1>
 +
<div id="wrapper">
<div id="wrapper">
<div id="carousel">
<div id="carousel">
-
<img src="frontpage/frontpage1.png" width="570" height="371"/ >
+
<img src="https://static.igem.org/mediawiki/2013/5/50/Frontpage1.png" width="720" height="477"/ >
-
<img src="frontpage/frontpage2.png" width="560" height="371" />
+
<img src="https://static.igem.org/mediawiki/2013/9/91/Frontpage2.png" width="720" height="477" />
-
<img src="frontpage/frontpage3.png" width="560" height="371" />
+
<img src="https://static.igem.org/mediawiki/2013/3/3d/Frontpage3.png" width="720" height="477" />
-
<img src="frontpage/frontpage4.png" width="560" height="371" />
+
<img src="https://static.igem.org/mediawiki/2013/f/f7/Frontpage4.png" width="720" height="477" />
-
<img src="frontpage/frontpage5.png" width="560" height="371" />
+
<img src="https://static.igem.org/mediawiki/2013/5/53/Frontpage5.png" width="720" height="477" />
-
<img src="frontpage/frontpage6.png" width="560" height="371" />
+
<img src="https://static.igem.org/mediawiki/2013/f/f6/Frontpage6.png" width="720" height="477" class="last" />
 +
</div>
 +
<div id="pager">
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
 +
<a href="#"><span></span></a>
</div>
</div>
-
 
-
<div>
 
-
<a id="next" href="#"></a>
 
</div>
</div>
 +
<div style="text-align:center;clear:both">
 +
</div>
</div>
</body>
</body>
</html>
</html>
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<--! Edit by ZHANG CHAO
 
-
<html  style="background-color:#000">
 
-
<head>
 
-
    <!-- iGem wiki hacks -->
 
-
        <!-- Remove all empty <p> tags -->
 
-
        <script type="text/javascript">
 
-
            $(document).ready(function() {
 
-
                $("p").filter( function() {
 
-
                    return $.trim($(this).html()) == '';
 
-
                }).remove();
 
-
            });
 
-
        </script>
 
-
 
-
        <!-- Remove "team" from the menubar -->
 
-
        <script type="text/javascript">
 
-
            $(document).ready(function() {
 
-
                $("menubar > ul > li:last-child").remove();
 
-
            });
 
-
        </script>
 
-
 
-
        <!-- Empty heading? - Then remove it.. -->
 
-
        <script type="text/javascript">
 
-
            $(document).ready(function() {
 
-
                if ("" == "</html>{{{1}}}<html>") {
 
-
                    $("#heading").remove();
 
-
                }
 
-
            });
 
-
        </script>
 
-
        <script type="text/javascript">
 
-
        $(document).ready(function() {
 
-
        //        document.getElementById("p-logo").style.display= "none";
 
-
              document.getElementsByClassName("right-menu noprint")[0].style.display= "none";
 
-
//document.getElementById("searchform").style.display= "none";
 
-
 
-
            });
 
-
        </script>
 
-
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></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/style?action=raw&ctype=text/css" type="text/css" />
 
-
 
-
<link href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/front_style?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 
-
</head>
 
-
<style>
 
-
.item img{
 
-
width :800px;
 
-
padding-top:55px;
 
-
}
 
-
</style>
 
-
<body style="background-color:#fff">
 
-
<img id="logo1" src="https://static.igem.org/mediawiki/2013/2/28/IGEM_1.png" style="position:absolute;top : 200px;left :1px;z-index: 99;width: 200px;height:150px"/>
 
-
<img id="logo2" src="https://static.igem.org/mediawiki/2013/e/e6/Logo_1.jpg" style="position:absolute;top : 200px;right :15px;z-index: 99;width: 200px;hegiht:150px"/>
 
-
<div id="portfolio"  style="background-color:#fff">
 
-
 
-
<a href="#" class="next" id="background"></a>
 
-
<div class="arrows">
 
-
<a href="#" class="prev">Previous</a>
 
-
<a href="#" class="next">Next</a>
 
-
</div>
 
-
<div class="gallery">
 
-
<div class="inside">
 
-
<div class="item">
 
-
 
-
<div><img src="https://static.igem.org/mediawiki/igem.org/5/50/Frontpage1.png" alt="image1"/></div>
 
-
<div></div>
 
-
 
-
</div>
 
-
 
-
<div class="item">
 
-
<div><img src="https://static.igem.org/mediawiki/igem.org/3/3d/Frontpage3.png" alt="image1" /></div>
 
-
<div></div>
 
-
</div>
 
-
<div class="item">
 
-
<div><img src="https://static.igem.org/mediawiki/igem.org/9/91/Frontpage2.png" alt="image1" /></div>
 
-
<div></div>
 
-
 
-
 
-
</div>
 
-
                                        <div class="item">
 
-
<div><img src="https://static.igem.org/mediawiki/igem.org/f/f7/Frontpage4.png" alt="image1" /></div>
 
-
<div></div>
 
-
 
-
 
-
</div>
 
-
<div class="item">
 
-
<div><img src="https://static.igem.org/mediawiki/igem.org/5/53/Frontpage5.png" alt="image1" /></div>
 
-
<div></div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
 
-
</div>
 
-
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/portfolio?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script>
 
-
setTimeout('hehe()', 30 );
 
-
function hehe(){
 
-
document.getElementsByClassName("path0")[0].getElementsByTagName("a")[1].style.display = "none";
 
-
document.getElementsByClassName("path1")[0].getElementsByTagName("a")[1].style.display = "none";
 
-
document.getElementsByClassName("path2")[0].getElementsByTagName("a")[1].style.display = "none";
 
-
document.getElementsByClassName("path3")[0].getElementsByTagName("a")[1].style.display = "none";
 
-
                        document.getElementsByClassName("path4")[0].getElementsByTagName("a")[1].style.display = "none";
 
-
}
 
-
                       
 
-
setInterval("xixi()",100);
 
-
                        var ii = 1;
 
-
function xixi(){
 
-
ii -= 0.02;
 
-
document.getElementById("logo1").style.opacity = ii;
 
-
document.getElementById("logo2").style.opacity = ii;
 
-
}
 
-
</script>
 
-
 
-
 
-
 
-
</body>
 
-
</html>
 
-
-->
 

Latest revision as of 19:10, 28 October 2013






This is our story!