Difference between revisions of "Team:Rotterdam HR"

 
(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>
−
* {box-sizing: border-box}
+
.mySlides {display: none; overflow: hidden;}
−
body {font-family: Verdana, sans-serif; margin:0}
+
.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: 400px;
+
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/e/ef/T--Rotterdam_HR--Boston12.jpeg" style="width:100%"></div>
 
−
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/e/e5/T--Rotterdam_HR--Boston13.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>
+
<span class="dot" onclick="currentSlide(15)"></span>
−
<span class="dot" onclick="currentSlide(16)"></span>
+
−
<span class="dot" onclick="currentSlide(17)"></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.

To the team page

Relevant pages

Project Description

Team Rotterdam

Hardware

Wiki statistics