Difference between revisions of "Template:Team:DTU-Denmark/footer"

 
(352 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
 +
<script>
 +
 +
 +
// When the user clicks on <span> (x), close the modal
 +
$("span.close").click( function() {
 +
    var cl = this.getAttribute('class').split(" ")[1]
 +
    var modal = document.getElementById( cl + "Modal" );
 +
    modal.style.display = "none";
 +
})
 +
 +
$("div.modal").click( function(){
 +
    this.style.display = "none";
 +
});
 +
 +
 +
// When the user clicks the image it will enlarge
 +
$("img.enlarge").click( function() {
 +
    // Get the modal
 +
    var modal = document.getElementById( this.id + "Modal" );
 +
 +
    // Get the image and insert it inside the modal - use its "alt" text as a caption
 +
    var img = document.getElementById( this.id );
 +
    var modalImg = document.getElementById( this.id + "Img");
 +
    var captionText = document.getElementById( this.id + "caption" );
 +
    modal.style.display = "block";
 +
    modalImg.src = this.src;
 +
})
 +
 +
 +
$(document).ready( function(){
 +
    var whight = $(window).height();
 +
    var dhight = $("#footer").offset().top;
 +
    var dimen = $("#footer").height();
 +
    var bre = "<br>"
 +
 +
    while (whight > dhight+dimen) {
 +
        document.getElementById("foot-comp").innerHTML = bre
 +
        var dhight = $("#footer").offset().top;
 +
        bre = bre.concat("<br>")
 +
    }
 +
});
 +
 +
$(window).resize( function(){
 +
    var whight = $(window).height();
 +
    var dhight = $("#footer").offset().top;
 +
    var dimen = $("#footer").height();
 +
    var bre = document.getElementById("foot-comp").innerHTML
 +
 +
    while (whight < dhight+dimen) {
 +
        bre = bre.slice(0,-4)
 +
        document.getElementById("foot-comp").innerHTML = bre
 +
        var dhight = $("#footer").offset().top;
 +
 +
        if (bre.length == 0){break}
 +
    }
 +
 +
    while (whight > dhight+dimen) {
 +
        bre = bre.concat("<br>")
 +
        document.getElementById("foot-comp").innerHTML = bre
 +
        var dhight = $("#footer").offset().top;
 +
    }
 +
});
 +
 +
 +
</script>
 +
 
<style type="text/css">
 
<style type="text/css">
 
footer {
 
footer {
−
background: #222;
+
background: #848282;
 
color: white;
 
color: white;
 
margin: 0px;
 
margin: 0px;
−
padding: 10px;
+
padding: 0px 0px 0px 0px;
 
position:absolute;
 
position:absolute;
 
width: 100%;
 
width: 100%;
 
}
 
}
  
−
footer .div{
+
footer div div{
−
align="center"
+
margin: 10px;
 +
text-align: center;
 +
padding: 8px 15px;
 +
color: white;
 +
font-size:x-small;
 +
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
 
}
 
}
  
−
</style>
+
footer ul{
−
<head>
+
text-align : center
−
<title>footer</title>
+
}
  
−
<!-- Latest compiled and minified CSS -->
+
footer ul li{
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
list-style: none;
 +
margin: 0px 10px;
 +
}
  
−
<!-- Optional theme -->
+
footer a {
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
  
−
<!-- reference to home made css-->
+
}
−
<link href="Team:DTU-Denmark/footer.css" rel="stylesheet" type="text/css"\>
+
  
−
</head>
+
footer img { margin: 10px; }
  
−
<footer>
+
</style>
 +
 
 +
<body> <div id="foot-comp"> </div> </body>
 +
<footer id = "footer">
 
<div class="container">
 
<div class="container">
−
<div align="center" class="col-sm-4">
+
<div align="center" class="col-md-1"></div>
−
Find us at:<br>
+
 
 +
<!-- left side, contact info-->
 +
<div align="center" class="col-md-3">
 +
<ul> <li>FIND US AT:<br></li> </ul>
 
<a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
 
<a href="https://www.facebook.com/dtubiobuilders/?fref=ts">
−
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--FB_logo.png" alt="Facebook" height="50" width="50">
+
<img src="https://static.igem.org/mediawiki/2016/4/4b/T--DTU-Denmark--FB_logo_white.png" alt="Facebook" height="40" style="margin:5px 10px 10px 30px">
 +
<!--https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--FB_logo.png-->
 
</a>
 
</a>
  
 
<a href="https://twitter.com/iGEM_DTU">
 
<a href="https://twitter.com/iGEM_DTU">
−
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--DTU-Denmark--Twitter_logo.png" alt="Twitter" height="50" width="50">
+
<img src="https://static.igem.org/mediawiki/2016/7/77/T--DTU-Denmark--Twitter_logo_white.png" alt="Twitter" height="35" style="margin:10 px -20px">
 +
<!--https://static.igem.org/mediawiki/2016/e/ef/T--DTU-Denmark--Twitter_logo.png-->
 
</a>
 
</a>
 +
<br>
 +
<ul>
 +
<li><u>DTU BIOBUILDERS</u></li>
 +
<li>DENMARK</li>
 +
<li>DTU - SØLTOFTS PLADS, BYGN. 221/002</li>
 +
<li>2800 KGS. LYNGBY</li>
 +
<br>
 +
<li><u>E-mail:</u></li>
 +
<li>dtu-biobuilders-2016@googlegroups.com</li>
 +
</ul>
 
</div>
 
</div>
−
<div class="col-sm-4">
+
 
−
<u>DTU biobuilders</u> <br>
+
<!-- Right side, sponsores-->
−
Denmark <br>
+
<div align="center" class="col-md-6">
−
DTU - Søltofts Plads, Bygn. 221/002<br>
+
<ul> <li>MAIN SPONSORS:<br></li> </ul>
−
2800 Kgs. Lyngby<br>
+
−
dtu-biobuilders-2016@googlegroups.com<br>
+
−
</div>
+
−
<div align="center" class="col-sm-4">
+
−
Main sponsors:<br>
+
 
<a href="http://www.lundbeckfonden.com/">
 
<a href="http://www.lundbeckfonden.com/">
−
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" height="50" width="200">
+
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" width="200">
 
</a>
 
</a>
 
<a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects">
 
<a href="http://www.dtu.dk/Uddannelse/Studieliv/Faa-mere-ud-af-dit-studie/DTU-Blue-Dot-Projects">
−
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" height="50" width="50">
+
<img src="https://static.igem.org/mediawiki/2016/d/d7/T--DTU-Denmark--DTU_logo.png" alt="DTU blue dot" width="200">
 +
 
 +
</a>
 +
 
 +
<a href="http://www.omfonden.dk/information/">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f3/T--DTU-Denmark--OM_logo.jpg" alt="Lundbeck fundation" width="200">
 +
</a>
 +
 
 +
<a href="http://www.novonordiskfonden.dk/">
 +
<img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" width="200">
 
</a>
 
</a>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
</footer>
 
</footer>

Latest revision as of 23:11, 19 October 2016

  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation