(One intermediate revision 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 {display: none; overflow: hidden;} | ||
.mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;} | .mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;} | ||
− | + | ||
/* Slideshow container */ | /* Slideshow container */ | ||
.slideshow-container { | .slideshow-container { | ||
Line 290: | Line 288: | ||
margin: auto; | margin: auto; | ||
} | } | ||
− | + | ||
/* Next & previous buttons */ | /* Next & previous buttons */ | ||
.prev, .next { | .prev, .next { | ||
Line 306: | 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 312: | 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 328: | Line 329: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
/* Number text (1/3 etc) */ | /* Number text (1/3 etc) */ | ||
.numbertext { | .numbertext { | ||
Line 337: | Line 338: | ||
top: 0; | top: 0; | ||
} | } | ||
− | + | ||
/* The dots/bullets/indicators */ | /* The dots/bullets/indicators */ | ||
.dot { | .dot { | ||
Line 349: | 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 361: | 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 379: | 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 400: | 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> | + | <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)