Team:Shenzhen BGIC 0101

From 2013.igem.org

(Difference between revisions)
 
(49 intermediate revisions not shown)
Line 1: Line 1:
-
<html style="background-color:#000">
+
{{:Team:Shenzhen_BGIC_0101/Templates/Header}}
-
<head>
+
<html>
-
    <!-- iGem wiki hacks -->
+
<head>
-
        <!-- Remove all empty <p> tags -->
+
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
-
        <script type="text/javascript">
+
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/js/jquerycarouFredSel?action=raw&ctype=text/js" type="text/javascript"></script>
-
            $(document).ready(function() {
+
<script type="text/javascript">
-
                $("p").filter( function() {
+
function prevTimers() {
-
                    return $.trim($(this).html()) == '';
+
return allTimers().slice( 0, $('#pager a.selected').index() );
-
                }).remove();
+
}
-
            });
+
function allTimers() {
-
        </script>
+
return $('#pager a span');
 +
}
-
        <!-- Remove "team" from the menubar -->
+
$(function() {
-
        <script type="text/javascript">
+
$('#carousel').carouFredSel({
-
            $(document).ready(function() {
+
items: 1,
-
                $("menubar > ul > li:last-child").remove();
+
auto: {
-
            });
+
pauseOnHover: 'resume',
-
        </script>
+
progress: {
 +
bar: '#pager a:first span'
 +
}
 +
},
 +
scroll: {
 +
fx: 'crossfade',
 +
duration: 300,
 +
timeoutDuration: 6000,
 +
onAfter: function() {
 +
allTimers().stop().width( 0 );
 +
prevTimers().width( 140 );
 +
$(this).trigger('configuration', [ 'auto.progress.bar', '#pager a.selected span' ]);
 +
}
 +
},
 +
pagination: {
 +
container: '#pager',
 +
anchorBuilder: false
 +
}
 +
});
 +
});
 +
</script>
 +
<style type="text/css">
-
        <!-- Empty heading? - Then remove it.. -->
+
#carousel {
-
        <script type="text/javascript">
+
width: 750px;
-
            $(document).ready(function() {
+
height: 480px;
-
                if ("" == "</html>{{{1}}}<html>") {
+
}
-
                    $("#heading").remove();
+
#carousel img {
-
                }
+
border: 1px solid #ccc;
-
            });
+
display: block;
-
        </script>
+
padding: 10px;
-
        <script type="text/javascript">
+
float: left;
-
        $(document).ready(function() {
+
}
-
        //        document.getElementById("p-logo").style.display= "none";
+
#pager {
-
              document.getElementsByClassName("right-menu noprint")[0].style.display= "none";
+
margin-top: 5px;
-
//document.getElementById("searchform").style.display= "none";
+
width: 750px;
 +
}
 +
#pager a, #pager span {
 +
display: block;
 +
height: 10px;
 +
}
 +
#pager a {
 +
border: 1px solid #ccc;
 +
width: 119px;
 +
margin-right: 3px;
 +
float: left;
 +
}
 +
#pager a:hover {
 +
border-color: #999;
 +
}
 +
#pager span {
 +
background-color: #ccc;
 +
width: 0px;
 +
}
 +
 +
#donate-spacer {
 +
height: 100%;
 +
}
 +
#donate {
 +
border-top: 1px solid #999;
 +
width: 800px;
 +
padding: 50px 75px;
 +
margin: 0 auto;
 +
overflow: hidden;
 +
}
 +
#donate p, #donate form {
 +
margin: 0;
 +
float: left;
 +
}
 +
#donate p {
 +
width: 730px;
 +
}
 +
#donate form {
 +
width: 100px;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<h1 style="text-align:center;">This is our story!</h1>
-
            });
+
<div id="wrapper">
-
        </script>
+
<div id="carousel">
-
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
+
<img src="https://static.igem.org/mediawiki/2013/5/50/Frontpage1.png" width="720" height="477"/ >
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/css?action=raw&ctype=text/css" type="text/css" />
+
<img src="https://static.igem.org/mediawiki/2013/9/91/Frontpage2.png" width="720" height="477" />
-
<link rel="stylesheet" href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/style?action=raw&ctype=text/css" type="text/css" />
+
<img src="https://static.igem.org/mediawiki/2013/3/3d/Frontpage3.png" width="720" height="477" />
-
 
+
<img src="https://static.igem.org/mediawiki/2013/f/f7/Frontpage4.png" width="720" height="477" />
-
<link href="https://2013.igem.org/Team:Shenzhen_BGIC_0101/front_style?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
+
<img src="https://static.igem.org/mediawiki/2013/5/53/Frontpage5.png" width="720" height="477" />
-
</head>
+
<img src="https://static.igem.org/mediawiki/2013/f/f6/Frontpage6.png" width="720" height="477" class="last" />
-
<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>
-
<div class="gallery">
+
<div id="pager">
-
<div class="inside">
+
<a href="#"><span></span></a>
-
<div class="item">
+
<a href="#"><span></span></a>
-
+
<a href="#"><span></span></a>
-
<div><img src="https://static.igem.org/mediawiki/igem.org/5/50/Frontpage1.png" alt="image1"/></div>
+
<a href="#"><span></span></a>
-
<div></div>
+
<a href="#"><span></span></a>
-
+
<a href="#"><span></span></a>
-
</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>
-
 
</div>
</div>
-
<script src="https://2013.igem.org/Team:Shenzhen_BGIC_0101/portfolio?action=raw&ctype=text/javascript" type="text/javascript"></script>
+
<div style="text-align:center;clear:both">
-
<script>
+
 
-
setTimeout('hehe()', 30 );
+
</div>
-
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>
</body>
</html>
</html>

Latest revision as of 19:10, 28 October 2013






This is our story!