Difference between revisions of "Team:SDU-Denmark/Model"

@@ Line 20: / Line 20: @@
      <div class="row">
      <div class="col-sm-11 col-sm-push-1" >
-<style type="text/css">
+<style>
 a {
 	color: #FFF;
@@ Line 53: / Line 53: @@
 		<img onclick="preview.src=img3.src" name="img3" src="https://static.igem.org/mediawiki/2016/9/92/T--SDU-Denmark--bubble1.jpg" alt=""/>
 		<img onclick="preview.src=img4.src" name="img4" src="https://static.igem.org/mediawiki/2016/0/06/T--SDU-Denmark--bubble2.jpg" alt=""/>
+		<img onclick="preview.src=img19.src" name="img19" src="https://static.igem.org/mediawiki/2016/d/d3/T--SDU-Denmark--dtuf%C3%A6lles.jpg" alt=""/>
 		<img onclick="preview.src=img5.src" name="img5" src="https://static.igem.org/mediawiki/2016/7/74/T--SDU-Denmark--hosbrian.jpg" alt=""/>
 		<img onclick="preview.src=img6.src" name="img6" src="https://static.igem.org/mediawiki/2016/7/73/T--SDU-Denmark--labwork.jpeg" alt=""/>
@@ Line 64: / Line 65: @@
 		<img onclick="preview.src=img14.src" name="img14" src="https://static.igem.org/mediawiki/2016/7/78/T--SDU-Denmark--roadtrip.jpg" alt=""/>
 		<img onclick="preview.src=img15.src" name="img15" src="https://static.igem.org/mediawiki/2016/5/50/T--SDU-Denmark--sommerhus.jpg" alt=""/>
+                <img onclick="preview.src=img16.src" name="img16" src="https://static.igem.org/mediawiki/2016/8/87/T--SDU-Denmark--rune.gif" alt=""/>
 		<img onclick="preview.src=img17.src" name="img17" src="https://static.igem.org/mediawiki/2016/0/06/T--SDU-Denmark--sommerhus3.jpg" alt=""/>
 		<img onclick="preview.src=img18.src" name="img18" src="https://static.igem.org/mediawiki/2016/f/fd/T--SDU-Denmark--wikiwork.jpg" alt=""/>
@@ Line 70: / Line 72: @@
 	<div class="preview" align="center">
-		<img name="preview" style="max-width:80%;" src="https://static.igem.org/mediawiki/2016/8/8a/T--SDU-Denmark--viktorgallery.png" alt=""/>
+		<img name="preview" style="max-width:80%;" src="https://static.igem.org/mediawiki/2016/4/47/T--SDU-Denmark--bestmodel.jpg" alt=""/>
 	</div>
 </div>
-<style>
-/*DETTE KOPIERES FOR HVERT BILLEDE OG ID ÆNDRES TIL BILLEDETS ID*/
-#myImg {
-    border-radius: 5px;
-    cursor: pointer;
-    transition: 0.3s;
-}
-#myImg:hover {opacity: 0.7;}
-/* Caption of Modal Image */
-#caption {
-    margin: auto;
-    display: block;
-    width: 80%;
-    max-width: 700px;
-    text-align: center;
-    color: #ccc;
-    padding: 10px 0;
-    height: 150px;
-    -webkit-animation-name: zoom;
-    -webkit-animation-duration: 0.6s;
-    animation-name: zoom;
-    animation-duration: 0.6s;
-}
-/*KOPIER TIL HVERT BILLEDE SLUT*/
-/*FÆLLES - DETTE SÆTTES IND PÅ ALLE SIDER MED POPUP*/
-/* The Modal (background) */
-.modal {
-    display: none; /* Hidden by default */
-    position: fixed; /* Stay in place */
-    z-index: 1; /* Sit on top */
-    padding-top: 100px; /* Location of the box */
-    left: 0;
-    top: 0;
-    width: 100%; /* Full width */
-    height: 100%; /* Full height */
-    overflow: auto; /* Enable scroll if needed */
-    background-color: rgb(0,0,0); /* Fallback color */
-    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
-}
-/* Modal Content (image) */
-.modal-content {
-    margin: auto;
-    display: block;
-    width: 80%;
-    max-width: 700px;
-}
-/* Add Animation */
-.modal-content{
-    -webkit-animation-name: zoom;
-    -webkit-animation-duration: 0.6s;
-    animation-name: zoom;
-    animation-duration: 0.6s;
-}
-@-webkit-keyframes zoom {
-    from {-webkit-transform:scale(0)}
-    to {-webkit-transform:scale(1)}
-}
-@keyframes zoom {
-    from {transform:scale(0)}
-    to {transform:scale(1)}
-}
-/* The Close Button */
-.close {
-    position: absolute;
-    top: 15px;
-    right: 35px;
-    color: #f1f1f1;
-    font-size: 40px;
-    font-weight: bold;
-    transition: 0.3s;
-}
-.close:hover,
-.close:focus {
-    color: #bbb;
-    text-decoration: none;
-    cursor: pointer;
-}
-/* 100% Image Width on Smaller Screens */
-@media only screen and (max-width: 700px){
-    .modal-content {
-        width: 100%;
-    }
-}
-/* FÆLLES - SLUT */
-</style>
-<!--SELVE BILLEDET-->
-<img id="myImg" src="https://static.igem.org/mediawiki/2016/e/e1/T--BIT-China--img--pumpkin.png" alt="FIGURTEXT" width="300" height="200">
-<!--SELVE BILLEDET SLUT-->
-<!--POPUP - HUSK AT MACTHE ALLE ID'ER-->
-<!-- The Modal -->
-<div id="myModal" class="modal">
-  <span id="close">×</span>
-  <img class="modal-content" id="img01">
-  <div id="caption"></div>
-</div>
-<script>
-// Get the modal
-var modal = document.getElementById('myModal');
-// Get the image and insert it inside the modal - use its "alt" text as a caption
-var img = document.getElementById('myImg');
-var modalImg = document.getElementById("img01");
-var captionText = document.getElementById("caption");
-img.onclick = function(){
-    modal.style.display = "block";
-    modalImg.src = this.src;
-    captionText.innerHTML = this.alt;
-}
-// Get the <span> element that closes the modal
-var span = document.getElementsById("close")[0];
-// When the user clicks on <span> (x), close the modal
-span.onclick = function() {
-    modal.style.display = "none";
-}
-</script>
-<!--POPUP SLUT-->

Difference between revisions of "Team:SDU-Denmark/Model"

Latest revision as of 22:22, 19 October 2016

Bacto-Aid

The Best