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

 
(69 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: #999;
+
background: #848282;
 
color: white;
 
color: white;
 
margin: 0px;
 
margin: 0px;
Line 12: Line 78:
  
 
footer div div{
 
footer div div{
−
margin: 15px;
+
margin: 10px;
 
text-align: center;
 
text-align: center;
 
padding: 8px 15px;
 
padding: 8px 15px;
Line 28: Line 94:
 
margin: 0px 10px;
 
margin: 0px 10px;
 
}
 
}
−
/*
+
 
−
footer ul li:after {
+
footer a {
−
margin: 10px;
+
 
−
content: " ";
+
−
font-size:16px;
+
 
}
 
}
−
 
−
footer ul li:last-child:after { content: none; }*/
 
  
 
footer img { margin: 10px; }
 
footer img { margin: 10px; }
−
 
−
#sideMenu, #top_title, .logo_2016 {display:none;}
 
−
#content{ width: 100%; margin: 0; padding: 0;}
 
  
 
</style>
 
</style>
−
<head>
 
−
<title>footer</title>
 
  
−
<meta name="viewport" content="width=device-width, initial-scale=1">
+
<body> <div id="foot-comp"> </div> </body>
−
<!-- Latest compiled and minified CSS -->
+
<footer id = "footer">
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
<div class="container">
 +
<div align="center" class="col-md-1"></div>
  
−
<!-- Optional theme -->
+
<!-- left side, contact info-->
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
+
<div align="center" class="col-md-3">
−
 
+
<ul> <li>FIND US AT:<br></li> </ul>
−
<!-- reference to home made css-->
+
−
<link href="Team:DTU-Denmark/footer.css" rel="stylesheet" type="text/css"\>
+
−
 
+
−
</head>
+
−
<body></body>
+
−
<footer>
+
−
<div class="container">
+
−
<div align="center" class="col-sm-1"></div>
+
−
<div align="center" class="col-sm-3">
+
−
FIND US AT:<br>
+
 
<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/4/4b/T--DTU-Denmark--FB_logo_white.png" alt="Facebook" height="40" style="margin:5px 10px 10px 30px">
 
<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">
Line 84: Line 132:
 
</div>
 
</div>
  
−
 
+
<!-- Right side, sponsores-->
−
<div align="center" class="col-sm-6">
+
<div align="center" class="col-md-6">
−
MAIN SPONSORS:<br>
+
<ul> <li>MAIN SPONSORS:<br></li> </ul>
 
<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" width="200">
 
<img src="https://static.igem.org/mediawiki/2016/c/ce/T--DTU-Denmark--LF_logo.jpg" alt="Lundbeck fundation" width="200">
Line 102: Line 150:
 
<img src="https://static.igem.org/mediawiki/2016/4/45/T--DTU-Denmark--nnfond_logo.png" alt="Lundbeck fundation" width="200">
 
<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 class="col-sm-12">
 
−
<ul>
 
−
<li><u>DTU BIOBUILDERS</u></li>
 
−
<li>DENMARK</li>
 
−
<li>DTU - SØLTOFTS PLADS, BYGN. 221/002</li>
 
−
<li>2800 KGS. LYNGBY</li>
 
−
<li>E-mail:</li>
 
−
<li>dtu-biobuilders-2016@googlegroups.com</li>
 
−
</ul>
 
−
</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