(8 intermediate revisions by one other user not shown) | |||
Line 8: | Line 8: | ||
color: goldenrod; | color: goldenrod; | ||
} | } | ||
− | + | ||
</style> | </style> | ||
</head> | </head> | ||
Line 278: | Line 278: | ||
<style> | <style> | ||
− | + | .mySlides {display: none; overflow: hidden;} | |
− | + | .mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;} | |
− | .mySlides {display: none} | + | |
− | img {vertical-align: middle;} | + | |
− | + | ||
/* Slideshow container */ | /* Slideshow container */ | ||
.slideshow-container { | .slideshow-container { | ||
− | max-width: | + | max-width: 800px; |
+ | height: 600px; | ||
position: relative; | position: relative; | ||
margin: auto; | margin: auto; | ||
} | } | ||
− | + | ||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
.prev, .next { | .prev, .next { | ||
Line 305: | Line 304: | ||
user-select: none; | user-select: none; | ||
} | } | ||
− | + | ||
/* Position the "next button" to the right */ | /* Position the "next button" to the right */ | ||
.next { | .next { | ||
Line 311: | Line 310: | ||
border-radius: 3px 0 0 3px; | border-radius: 3px 0 0 3px; | ||
} | } | ||
− | + | .prev { | |
+ | left: 0; | ||
+ | } | ||
+ | |||
/* On hover, add a black background color with a little bit see-through */ | /* On hover, add a black background color with a little bit see-through */ | ||
.prev:hover, .next:hover { | .prev:hover, .next:hover { | ||
background-color: rgba(0,0,0,0.8); | background-color: rgba(0,0,0,0.8); | ||
} | } | ||
− | + | ||
/* Caption text */ | /* Caption text */ | ||
.text { | .text { | ||
Line 327: | Line 329: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
/* Number text (1/3 etc) */ | /* Number text (1/3 etc) */ | ||
.numbertext { | .numbertext { | ||
Line 336: | Line 338: | ||
top: 0; | top: 0; | ||
} | } | ||
− | + | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
.dot { | .dot { | ||
Line 348: | Line 350: | ||
transition: background-color 0.6s ease; | transition: background-color 0.6s ease; | ||
} | } | ||
− | + | ||
.active, .dot:hover { | .active, .dot:hover { | ||
background-color: #717171; | background-color: #717171; | ||
} | } | ||
− | + | ||
/* Fading animation */ | /* Fading animation */ | ||
.fade { | .fade { | ||
Line 360: | Line 362: | ||
animation-duration: 1.5s; | animation-duration: 1.5s; | ||
} | } | ||
− | + | ||
@-webkit-keyframes fade { | @-webkit-keyframes fade { | ||
− | from {opacity: .4} | + | from {opacity: .4} |
to {opacity: 1} | to {opacity: 1} | ||
} | } | ||
− | + | ||
@keyframes fade { | @keyframes fade { | ||
− | from {opacity: .4} | + | from {opacity: .4} |
to {opacity: 1} | to {opacity: 1} | ||
} | } | ||
− | + | ||
/* On smaller screens, decrease text size */ | /* On smaller screens, decrease text size */ | ||
@media only screen and (max-width: 300px) { | @media only screen and (max-width: 300px) { | ||
Line 378: | Line 380: | ||
</head> | </head> | ||
<body> | <body> | ||
− | + | ||
<div class="slideshow-container"> | <div class="slideshow-container"> | ||
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/f4/T--Rotterdam_HR--Boston1.jpeg" style="width:100%"></div> | <div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/f4/T--Rotterdam_HR--Boston1.jpeg" style="width:100%"></div> | ||
Line 391: | Line 393: | ||
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/5/54/T--Rotterdam_HR--Boston10.jpeg" style="width:100%"></div> | <div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/5/54/T--Rotterdam_HR--Boston10.jpeg" style="width:100%"></div> | ||
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/b/b9/T--Rotterdam_HR--Boston11.jpeg" style="width:100%"></div> | <div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/b/b9/T--Rotterdam_HR--Boston11.jpeg" style="width:100%"></div> | ||
− | |||
− | |||
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/c/c5/T--Rotterdam_HR--Boston14.jpeg" style="width:100%"></div> | <div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/c/c5/T--Rotterdam_HR--Boston14.jpeg" style="width:100%"></div> | ||
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/3/35/T--Rotterdam_HR--Boston15.jpeg" style="width:100%"></div> | <div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/3/35/T--Rotterdam_HR--Boston15.jpeg" style="width:100%"></div> | ||
Line 401: | Line 401: | ||
</div> | </div> | ||
<br> | <br> | ||
− | + | ||
<div style="text-align:center"> | <div style="text-align:center"> | ||
− | <span class="dot" onclick="currentSlide(1)"></span> | + | <span class="dot" onclick="currentSlide(1)"></span> |
− | <span class="dot" onclick="currentSlide(2)"></span> | + | <span class="dot" onclick="currentSlide(2)"></span> |
− | <span class="dot" onclick="currentSlide(3)"></span> | + | <span class="dot" onclick="currentSlide(3)"></span> |
− | <span class="dot" onclick="currentSlide(4)"></span> | + | <span class="dot" onclick="currentSlide(4)"></span> |
− | <span class="dot" onclick="currentSlide(5)"></span> | + | <span class="dot" onclick="currentSlide(5)"></span> |
− | <span class="dot" onclick="currentSlide(6)"></span> | + | <span class="dot" onclick="currentSlide(6)"></span> |
− | <span class="dot" onclick="currentSlide(7)"></span> | + | <span class="dot" onclick="currentSlide(7)"></span> |
− | <span class="dot" onclick="currentSlide(8)"></span> | + | <span class="dot" onclick="currentSlide(8)"></span> |
− | <span class="dot" onclick="currentSlide(9)"></span> | + | <span class="dot" onclick="currentSlide(9)"></span> |
− | <span class="dot" onclick="currentSlide(10)"></span> | + | <span class="dot" onclick="currentSlide(10)"></span> |
− | <span class="dot" onclick="currentSlide(11)"></span> | + | <span class="dot" onclick="currentSlide(11)"></span> |
− | <span class="dot" onclick="currentSlide(12)"></span> | + | <span class="dot" onclick="currentSlide(12)"></span> |
− | <span class="dot" onclick="currentSlide(13)"></span> | + | <span class="dot" onclick="currentSlide(13)"></span> |
− | <span class="dot" onclick="currentSlide(14)"></span> | + | <span class="dot" onclick="currentSlide(14)"></span> |
− | <span class="dot" onclick="currentSlide(15 | + | <span class="dot" onclick="currentSlide(15)"></span> |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | ||
<script> | <script> | ||
var slideIndex = 1; | var slideIndex = 1; | ||
showSlides(slideIndex); | showSlides(slideIndex); | ||
− | + | ||
function plusSlides(n) { | function plusSlides(n) { | ||
showSlides(slideIndex += n); | showSlides(slideIndex += n); | ||
} | } | ||
− | + | ||
function currentSlide(n) { | function currentSlide(n) { | ||
showSlides(slideIndex = n); | showSlides(slideIndex = n); | ||
} | } | ||
− | + | ||
function showSlides(n) { | function showSlides(n) { | ||
var i; | var i; | ||
var slides = document.getElementsByClassName("mySlides"); | var slides = document.getElementsByClassName("mySlides"); | ||
var dots = document.getElementsByClassName("dot"); | var dots = document.getElementsByClassName("dot"); | ||
− | if (n > slides.length) {slideIndex = 1} | + | if (n > slides.length) {slideIndex = 1} |
if (n < 1) {slideIndex = slides.length} | if (n < 1) {slideIndex = slides.length} | ||
for (i = 0; i < slides.length; i++) { | for (i = 0; i < slides.length; i++) { | ||
− | slides[i].style.display = "none"; | + | slides[i].style.display = "none"; |
} | } | ||
for (i = 0; i < dots.length; i++) { | for (i = 0; i < dots.length; i++) { | ||
dots[i].className = dots[i].className.replace(" active", ""); | dots[i].className = dots[i].className.replace(" active", ""); | ||
} | } | ||
− | slides[slideIndex-1].style.display = "block"; | + | slides[slideIndex-1].style.display = "block"; |
dots[slideIndex-1].className += " active"; | dots[slideIndex-1].className += " active"; | ||
} | } | ||
</script> | </script> | ||
− | + | ||
</div> | </div> | ||
Latest revision as of 19:40, 7 December 2018
Home
Team Rotterdam
We are team Rotterdam, the first iGEM team from the Rotterdam University of Applied Sciences. We are a team with
multiple disciplinaries: five Biology and Medical Laboratory research students; two Chemistry students; two
Electrical Engineering students and even a Computer Science student. Together we make an efficient and effective team.
We stand out because of our focus on the hardware due to our two electrical engineers. We also have the ability to
create powerful software to bolster our efficiency.
![](https://static.igem.org/mediawiki/2018/a/a4/T--Rotterdam_HR--Wikifrontpage.png)