(391 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"; | |
+ | }); | ||
− | |||
− | <footer> | + | // 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"> | ||
+ | footer { | ||
+ | background: #848282; | ||
+ | color: white; | ||
+ | margin: 0px; | ||
+ | padding: 0px 0px 0px 0px; | ||
+ | position:absolute; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | footer div div{ | ||
+ | margin: 10px; | ||
+ | text-align: center; | ||
+ | padding: 8px 15px; | ||
+ | color: white; | ||
+ | font-size:x-small; | ||
+ | font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; | ||
+ | } | ||
+ | |||
+ | footer ul{ | ||
+ | text-align : center | ||
+ | } | ||
+ | |||
+ | footer ul li{ | ||
+ | list-style: none; | ||
+ | margin: 0px 10px; | ||
+ | } | ||
+ | |||
+ | footer a { | ||
+ | |||
+ | } | ||
+ | |||
+ | footer img { margin: 10px; } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <body> <div id="foot-comp"> </div> </body> | ||
+ | <footer id = "footer"> | ||
<div class="container"> | <div class="container"> | ||
− | <div align="left" class="col- | + | <div align="center" class="col-md-1"></div> |
− | + | ||
+ | <!-- 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=" | + | <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=" | + | <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 align="center" class="col- | + | |
− | < | + | <!-- Right side, sponsores--> |
− | + | <div align="center" class="col-md-6"> | |
− | + | <ul> <li>MAIN SPONSORS:<br></li> </ul> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
<a href="http://www.lundbeckfonden.com/"> | <a href="http://www.lundbeckfonden.com/"> | ||
− | <img src=" | + | <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="DTU_logo.png" alt="Lundbeck fundation" | + | <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