Team:UNIK Copenhagen/test

From 2014.igem.org

(Difference between revisions)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:UNIK Copenhagen/template}}
 +
<html>
<html>
 +
<head>
<style type="text/css">
<style type="text/css">
-
#container{
 
-
width:604px;
 
-
height:453px;
 
-
position:relative;
 
-
}
 
-
#container ul{
+
/*---------------------------------------------*/
-
width:604px;
+
/*              CSS of Q/A part              */
-
height:453px;
+
/*---------------------------------------------*/
-
list-style:none outside none;
+
.subject, .description{
-
position:relative;
+
float: left;
-
overflow:hidden;
+
}
-
}
+
.subject{
-
+
width: 130px;
 +
text-align: left;
 +
margin: 0px 10px 0px 40px;
 +
padding: 50px 0px;
 +
}
 +
.description{
 +
width: 564px;
 +
margin: 0px 50px 0px 10px;
 +
padding: 25px;
 +
background-color: white;
 +
}
 +
</style>
-
#container li:first-child{
+
<div class="the_content">
-
display:list-item;
+
<div class="subject">
-
position:absolute;
+
<h3>TWITTER FEED</h3>
-
}
+
</div>
 +
<div class="description">
 +
 +
<a class="twitter-timeline" href="https://twitter.com/iGEMkbh" data-widget-id="499922331175636993">Tweets by @iGEMkbh</a>
 +
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
-
#container li{
 
-
position:absolute;
 
-
display:none;
 
-
}
 
-
#container .prevButton{
 
-
height:72px;
 
-
width:68px;
 
-
position:absolute;
 
-
background:url('https://static.igem.org/mediawiki/2014/e/ed/Team_UNIK_Copenhagen_go_to_the_top.PNG') no-repeat;
 
-
top:50%;
 
-
margin-top:-36px;
 
-
cursor:pointer;
 
-
z-index:2000;
 
-
background-position:left top;
 
-
left:0
 
-
}
 
-
#container .prevButton:hover{
+
</div>
-
background-position:left bottom;left:0;}
+
</div>
-
</style>
+
</html>
 +
-
<script>
 
-
$(window).load(function(){
 
-
var pages = $('#container li'), current=0;
 
-
var currentPage,nextPage;
 
-
$('#container .button').click(function(){
 
-
currentPage= pages.eq(current);
 
-
if($(this).hasClass('prevButton'))
 
-
{
 
-
if (current <= 0)
+
<html>
-
current=pages.length-1;
+
<div id="footer" style="position:absolute;bottom:0;">
-
else
+
<hr><br>
-
current=current-1;
+
<p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br>
-
}
+
</div>
-
else
+
-
{
+
-
if (current >= pages.length-1)
+
-
current=0;
+
-
else
+
-
current=current+1;
+
-
}
+
-
nextPage = pages.eq(current);
+
-
currentPage.hide();
+
-
nextPage.show();
+
-
});
+
-
});
+
-
</script>
+
-
 
+
-
<div id="container">
+
-
<ul>
+
-
<li><img src="https://static.igem.org/mediawiki/2014/4/4f/Team_UNIK_Copenhagen_EASY_logo.PNG"></li>
+
-
<li><img src="https://static.igem.org/mediawiki/2014/7/73/Team_UNIK_Copenhagen_green_lego_brick.PNG.jpg"></li>
+
-
<li><img src="https://static.igem.org/mediawiki/2014/b/bf/Team_UNIK_Copenhagen_Split_GFP_gene_1.PNG"></li>
+
-
</ul>
+
-
<span class="button prevButton"></span>
+
-
<span class="button nextButton"></span>
+
-
</div>
+
</html>
</html>

Latest revision as of 14:16, 14 August 2014




TWITTER FEED



Retrieved from "http://2014.igem.org/Team:UNIK_Copenhagen/test"