Difference between revisions of "Team:Rotterdam HR"

 
(146 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="https://2018.igem.org/Template:Rotterdam_HR/css/main?action=raw&ctype=text/css">
 +
<style>
  
−
<head>
+
.menu #index, .menu #index-category {
−
<style>
+
color: goldenrod;
−
body {
+
}
−
    background-image: url("https://noellesterk.com/wp-content/uploads/herfst.jpg");
+
 
−
}
+
</style>
−
</style>
+
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<div id="topbar" style="text-transform:uppercase;letter-spacing:2px;font-weight:bold;font-size:12px;color:#000000;padding:15px 15px 0 15px;">
+
<style>
−
Team Hogeschool Rotterdam
+
.header::before {
−
<div id="nav" style="float:right;"><a href="#1" style="text-decoration:none;color:#000000;">Team</a> / <a href="#2" style="text-decoration:none;color:#000000;">Project</a> / <a href="#3" style="text-decoration:none;color:#000000;">Results</a> / <a href="#4" style="text-decoration:none;color:#000000;">Labjournal</a></div>
+
background: black url("https://static.igem.org/mediawiki/2018/c/c1/T--Rotterdam_HR--graffiti.jpeg") no-repeat left;
−
</div>
+
  background-size: cover;
−
</br></br>
+
}
−
<div id="content" style="height:650px;overflow:hidden;text-align:justify;line-height:170%;color:#333;">
+
  
−
<a name="1"></a><div class="page" style="height:570px;padding:40px;overflow:auto;">
+
@media screen and (max-width: 720px) {
−
<center class="page-head" style="margin:0 18% 20px 18%;line-height:200%;">
+
.header::before {
−
<b style="letter-spacing:3px;font-size:20px;color:#00000;">  Our Team </b><br>
+
background: black url("https://static.igem.org/mediawiki/2018/0/0c/T--Rotterdam_HR--Graffiti-banner_small.jpeg") no-repeat left;
−
<i style="font-family:Palatino Linotype;"></i>
+
background-size: cover;
−
<div style="margin:10px auto; width:640px;">
+
}
−
 
+
}
−
<!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW -->
+
</style>
−
<div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
−
 
+
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME">
+
−
<img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
−
 
+
−
<b style="text-transform:uppercase;">Mei Ju Goesmans</b><br/>Team Leader
+
  
 +
<div class="header">
 +
  <div>
 +
<div id="icon"></div>
 +
<script> $('#icon').load("https://2018.igem.org/Template:Rotterdam_HR/icon/index?action=raw&ctype=text/html"); </script>
 +
    <h1 style="background: none;">Home</h1>
 +
  </div>
 
</div>
 
</div>
 +
<div class="page page-index">
 +
<style>
 +
#c1 .carousel__slide:nth-of-type(1),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(1) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f4/T--Rotterdam_HR--Boston1.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(2),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(2) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f7/T--Rotterdam_HR--Boston2.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(3),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(3) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/fc/T--Rotterdam_HR--Boston3.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(4),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(4) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/94/T--Rotterdam_HR--Boston4.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(5),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(5) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/9/9f/T--Rotterdam_HR--Boston5.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(6),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(6) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/7/7a/T--Rotterdam_HR--Boston6.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(7),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(7) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/6/6c/T--Rotterdam_HR--Boston7.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(8),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(8) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/4/4e/T--Rotterdam_HR--Boston8.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(9),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(9) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/b/b7/T--Rotterdam_HR--Boston9.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(10),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(10) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/5/54/T--Rotterdam_HR--Boston10.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(11),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(11) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/b/b9/T--Rotterdam_HR--Boston11.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(12),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(12) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/e/ef/T--Rotterdam_HR--Boston12.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(13),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(13) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/e/e5/T--Rotterdam_HR--Boston13.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(14),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(14) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/c/c5/T--Rotterdam_HR--Boston14.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(15),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(15) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/3/35/T--Rotterdam_HR--Boston15.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(16),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(16) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/f/f8/T--Rotterdam_HR--Boston16.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
#c1 .carousel__slide:nth-of-type(17),
 +
#c1.carousel--thumb .carousel__indicators .carousel__indicator:nth-of-type(17) {
 +
background-image: url("https://static.igem.org/mediawiki/2018/5/53/T--Rotterdam_HR--Boston17.jpeg");
 +
background-size: cover;
 +
background-position: center;
 +
}
 +
</style>
 +
<div id="navbar" style="position: -webkit-sticky;position: sticky;top: -2px; width: 100%; z-index: 100; margin-bottom: 100px;"></div>
 +
<div class="text-container">
 +
<h1>Team Rotterdam</h1>
 +
<p style="font-size: 20px; text-align: center;">
 +
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.
 +
<br><br>
 +
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.
 +
</p>
 +
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-button" style="color: white; text-decoration: none;">To
 +
the team page</a>
  
 +
<!-- <ul class="carousel my-carousel carousel--thumb" id="c1">
 +
<input class="carousel__activator" type="radio" id="carousel_A" name="thumb" checked="checked" />
 +
<input class="carousel__activator" type="radio" id="carousel_B" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_C" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_D" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_E" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_F" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_G" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_H" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_I" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_J" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_K" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_L" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_M" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_N" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_O" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_P" name="thumb" />
 +
<input class="carousel__activator" type="radio" id="carousel_Q" name="thumb" />
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--forward" for="carousel_Q"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_B"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_A"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_C"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_B"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_D"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_C"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_E"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_D"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_F"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_E"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_G"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_F"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_H"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_G"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_I"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_H"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_J"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_I"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_K"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_J"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_L"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_K"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_M"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_L"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_N"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_M"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_O"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_N"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_P"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_O"></label>
 +
<label class="carousel__control carousel__control--forward" for="carousel_Q"></label>
 +
</div>
 +
<div class="carousel__controls">
 +
<label class="carousel__control carousel__control--backward" for="carousel_P"></label>
 +
<label class="carousel__control carousel__control--backward" for="carousel_A"></label>
 +
</div>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<li class="carousel__slide"></li>
 +
<div class="carousel__indicators">
 +
<label class="carousel__indicator" for="carousel_A"></label>
 +
<label class="carousel__indicator" for="carousel_B"></label>
 +
<label class="carousel__indicator" for="carousel_C"></label>
 +
<label class="carousel__indicator" for="carousel_D"></label>
 +
<label class="carousel__indicator" for="carousel_E"></label>
 +
<label class="carousel__indicator" for="carousel_F"></label>
 +
<label class="carousel__indicator" for="carousel_G"></label>
 +
<label class="carousel__indicator" for="carousel_H"></label>
 +
<label class="carousel__indicator" for="carousel_I"></label>
 +
<label class="carousel__indicator" for="carousel_J"></label>
 +
<label class="carousel__indicator" for="carousel_K"></label>
 +
<label class="carousel__indicator" for="carousel_L"></label>
 +
<label class="carousel__indicator" for="carousel_M"></label>
 +
<label class="carousel__indicator" for="carousel_N"></label>
 +
<label class="carousel__indicator" for="carousel_O"></label>
 +
<label class="carousel__indicator" for="carousel_P"></label>
 +
<label class="carousel__indicator" for="carousel_Q"></label>
 +
</div>
 +
</ul> -->
  
−
<div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
<style>
 +
.mySlides {display: none; overflow: hidden;}
 +
.mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;}
  
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
/* Slideshow container */
 +
.slideshow-container {
 +
max-width: 800px;
 +
height: 600px;
 +
position: relative;
 +
margin: auto;
 +
}
  
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
/* Next & previous buttons */
 +
.prev, .next {
 +
cursor: pointer;
 +
position: absolute;
 +
top: 50%;
 +
width: auto;
 +
padding: 16px;
 +
margin-top: -22px;
 +
color: white;
 +
font-weight: bold;
 +
font-size: 18px;
 +
transition: 0.6s ease;
 +
border-radius: 0 3px 3px 0;
 +
user-select: none;
 +
}
  
−
</div>
+
/* Position the "next button" to the right */
 +
.next {
 +
right: 0;
 +
border-radius: 3px 0 0 3px;
 +
}
 +
.prev {
 +
left: 0;
 +
}
  
 +
/* On hover, add a black background color with a little bit see-through */
 +
.prev:hover, .next:hover {
 +
background-color: rgba(0,0,0,0.8);
 +
}
  
 +
/* Caption text */
 +
.text {
 +
color: #f2f2f2;
 +
font-size: 15px;
 +
padding: 8px 12px;
 +
position: absolute;
 +
bottom: 8px;
 +
width: 100%;
 +
text-align: center;
 +
}
  
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
color: #f2f2f2;
 +
font-size: 12px;
 +
padding: 8px 12px;
 +
position: absolute;
 +
top: 0;
 +
}
  
−
<!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW -->
+
/* The dots/bullets/indicators */
−
<div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
.dot {
 +
cursor: pointer;
 +
height: 15px;
 +
width: 15px;
 +
margin: 0 2px;
 +
background-color: #bbb;
 +
border-radius: 50%;
 +
display: inline-block;
 +
transition: background-color 0.6s ease;
 +
}
  
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
.active, .dot:hover {
 +
background-color: #717171;
 +
}
  
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
/* Fading animation */
 +
.fade {
 +
-webkit-animation-name: fade;
 +
-webkit-animation-duration: 1.5s;
 +
animation-name: fade;
 +
animation-duration: 1.5s;
 +
}
  
−
</div>
+
@-webkit-keyframes fade {
−
<!------------------------------------------------->
+
from {opacity: .4}
 +
to {opacity: 1}
 +
}
  
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
@keyframes fade {
−
<div style="clear:left;"></div>
+
from {opacity: .4}
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
to {opacity: 1}
 +
}
  
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
.prev, .next,.text {font-size: 11px}
 +
}
 +
</style>
 +
</head>
 +
<body>
  
 +
<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/f7/T--Rotterdam_HR--Boston2.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/f/fc/T--Rotterdam_HR--Boston3.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/9/94/T--Rotterdam_HR--Boston4.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/9/9f/T--Rotterdam_HR--Boston5.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Rotterdam_HR--Boston6.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/6/6c/T--Rotterdam_HR--Boston7.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/4/4e/T--Rotterdam_HR--Boston8.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--Rotterdam_HR--Boston9.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/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/f/f8/T--Rotterdam_HR--Boston16.jpeg" style="width:100%"></div>
 +
<div class="mySlides fade"><img src="https://static.igem.org/mediawiki/2018/5/53/T--Rotterdam_HR--Boston17.jpeg" style="width:100%"></div>
 +
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
 +
<a class="next" onclick="plusSlides(1)">&#10095;</a>
 +
</div>
 +
<br>
  
−
<!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW -->
+
<div style="text-align:center">
−
<div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
<span class="dot" onclick="currentSlide(1)"></span>
 +
<span class="dot" onclick="currentSlide(2)"></span>
 +
<span class="dot" onclick="currentSlide(3)"></span>
 +
<span class="dot" onclick="currentSlide(4)"></span>
 +
<span class="dot" onclick="currentSlide(5)"></span>
 +
<span class="dot" onclick="currentSlide(6)"></span>
 +
<span class="dot" onclick="currentSlide(7)"></span>
 +
<span class="dot" onclick="currentSlide(8)"></span>
 +
<span class="dot" onclick="currentSlide(9)"></span>
 +
<span class="dot" onclick="currentSlide(10)"></span>
 +
<span class="dot" onclick="currentSlide(11)"></span>
 +
<span class="dot" onclick="currentSlide(12)"></span>
 +
<span class="dot" onclick="currentSlide(13)"></span>
 +
<span class="dot" onclick="currentSlide(14)"></span>
 +
<span class="dot" onclick="currentSlide(15)"></span>
 +
</div>
  
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME">
+
<script>
−
<img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
var slideIndex = 1;
 +
showSlides(slideIndex);
  
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
function plusSlides(n) {
 +
showSlides(slideIndex += n);
 +
}
  
−
</div>
+
function currentSlide(n) {
 +
showSlides(slideIndex = n);
 +
}
  
−
 
+
function showSlides(n) {
−
 
+
var i;
−
 
+
var slides = document.getElementsByClassName("mySlides");
−
<div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
var dots = document.getElementsByClassName("dot");
−
 
+
if (n > slides.length) {slideIndex = 1}
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
if (n < 1) {slideIndex = slides.length}
−
 
+
for (i = 0; i < slides.length; i++) {
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
slides[i].style.display = "none";
 +
}
 +
for (i = 0; i < dots.length; i++) {
 +
dots[i].className = dots[i].className.replace(" active", "");
 +
}
 +
slides[slideIndex-1].style.display = "block";
 +
dots[slideIndex-1].className += " active";
 +
}
 +
</script>
  
 
</div>
 
</div>
  
 +
<img src="https://static.igem.org/mediawiki/2018/a/a4/T--Rotterdam_HR--Wikifrontpage.png" style="width: 100%; max-width: 900px; margin: auto; display: block;">
  
−
 
+
<div class="text-container relevant">
−
 
+
<h1>Relevant pages</h1>
−
<!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW -->
+
<div class="nav-cards">
−
<div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Description" class="nav-card">
−
 
+
<h2>Project Description</h2>
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
<svg viewBox="0 0 24 24">
−
 
+
<path d="M9.46,6.28L11.05,9C8.47,9.26 6.5,11.41 6.5,14A5,5 0 0,0 11.5,19C13.55,19 15.31,17.77 16.08,16H13.5V14H21.5V16H19.25C18.84,17.57 17.97,18.96 16.79,20H19.5V22H3.5V20H6.21C4.55,18.53 3.5,16.39 3.5,14C3.5,10.37 5.96,7.2 9.46,6.28M12.74,2.07L13.5,3.37L14.36,2.87L17.86,8.93L14.39,10.93L10.89,4.87L11.76,4.37L11,3.07L12.74,2.07Z"></path>
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
</svg>
−
 
+
</a>
 +
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-card">
 +
<h2>Team Rotterdam</h2>
 +
<svg viewBox="0 0 24 24">
 +
<path d="M16,13C15.71,13 15.38,13 15.03,13.05C16.19,13.89 17,15 17,16.5V19H23V16.5C23,14.17 18.33,13 16,13M8,13C5.67,13 1,14.17 1,16.5V19H15V16.5C15,14.17 10.33,13 8,13M8,11A3,3 0 0,0 11,8A3,3 0 0,0 8,5A3,3 0 0,0 5,8A3,3 0 0,0 8,11M16,11A3,3 0 0,0 19,8A3,3 0 0,0 16,5A3,3 0 0,0 13,8A3,3 0 0,0 16,11Z" />
 +
</svg>
 +
</a>
 +
<a href="https://2018.igem.org/Team:Rotterdam_HR/Hardware" class="nav-card">
 +
<h2>Hardware</h2>
 +
<svg viewBox="0 0 24 24">
 +
<path d="M15.9,18.45C17.25,18.45 18.35,17.35 18.35,16C18.35,14.65 17.25,13.55 15.9,13.55C14.54,13.55 13.45,14.65 13.45,16C13.45,17.35 14.54,18.45 15.9,18.45M21.1,16.68L22.58,17.84C22.71,17.95 22.75,18.13 22.66,18.29L21.26,20.71C21.17,20.86 21,20.92 20.83,20.86L19.09,20.16C18.73,20.44 18.33,20.67 17.91,20.85L17.64,22.7C17.62,22.87 17.47,23 17.3,23H14.5C14.32,23 14.18,22.87 14.15,22.7L13.89,20.85C13.46,20.67 13.07,20.44 12.71,20.16L10.96,20.86C10.81,20.92 10.62,20.86 10.54,20.71L9.14,18.29C9.05,18.13 9.09,17.95 9.22,17.84L10.7,16.68L10.65,16L10.7,15.31L9.22,14.16C9.09,14.05 9.05,13.86 9.14,13.71L10.54,11.29C10.62,11.13 10.81,11.07 10.96,11.13L12.71,11.84C13.07,11.56 13.46,11.32 13.89,11.15L14.15,9.29C14.18,9.13 14.32,9 14.5,9H17.3C17.47,9 17.62,9.13 17.64,9.29L17.91,11.15C18.33,11.32 18.73,11.56 19.09,11.84L20.83,11.13C21,11.07 21.17,11.13 21.26,11.29L22.66,13.71C22.75,13.86 22.71,14.05 22.58,14.16L21.1,15.31L21.15,16L21.1,16.68M6.69,8.07C7.56,8.07 8.26,7.37 8.26,6.5C8.26,5.63 7.56,4.92 6.69,4.92A1.58,1.58 0 0,0 5.11,6.5C5.11,7.37 5.82,8.07 6.69,8.07M10.03,6.94L11,7.68C11.07,7.75 11.09,7.87 11.03,7.97L10.13,9.53C10.08,9.63 9.96,9.67 9.86,9.63L8.74,9.18L8,9.62L7.81,10.81C7.79,10.92 7.7,11 7.59,11H5.79C5.67,11 5.58,10.92 5.56,10.81L5.4,9.62L4.64,9.18L3.5,9.63C3.41,9.67 3.3,9.63 3.24,9.53L2.34,7.97C2.28,7.87 2.31,7.75 2.39,7.68L3.34,6.94L3.31,6.5L3.34,6.06L2.39,5.32C2.31,5.25 2.28,5.13 2.34,5.03L3.24,3.47C3.3,3.37 3.41,3.33 3.5,3.37L4.63,3.82L5.4,3.38L5.56,2.19C5.58,2.08 5.67,2 5.79,2H7.59C7.7,2 7.79,2.08 7.81,2.19L8,3.38L8.74,3.82L9.86,3.37C9.96,3.33 10.08,3.37 10.13,3.47L11.03,5.03C11.09,5.13 11.07,5.25 11,5.32L10.03,6.06L10.06,6.5L10.03,6.94Z"></path>
 +
</svg>
 +
</a>
 +
<a href="https://2018.igem.org/Team:Rotterdam_HR/Wikistat" class="nav-card">
 +
<h2>Wiki statistics</h2>
 +
<svg viewBox="0 0 24 24">
 +
<path d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" />
 +
</svg>
 +
</a>
 +
</div>
 
</div>
 
</div>
−
<!------------------------------------------------->
+
<div id="footer"></div>
−
 
+
<script src="https://2018.igem.org/Template:Rotterdam_HR/js/main?action=raw&ctype=text/javascript"></script>
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
−
<div style="clear:left;"></div>
+
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
−
 
+
−
<!-- USE THIS FOR THE FIRST CHARACTER OF EACH ROW -->
+
−
<div style="float:left; margin:0px 35px 20px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
−
 
+
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME">
+
−
<img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
−
 
+
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
<div style="float:left; margin:0px 35px 0px 0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
−
 
+
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
−
 
+
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
−
 
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- THIS DIV *MUST* BE THE LAST ONE IN EACH ROW -->
+
−
<div style="float:left; margin:0px; padding-bottom:10px; background:#CCC; border-bottom:4px solid #666; -webkit-border-radius:100px 100px 20px 20px; border-radius:100px 100px 20px 20px; font-family:Verdana; font-size:9px; text-align:center; width:100px; height:149px;">
+
−
 
+
−
<a href="http://JOURNALNAME.insanejournal.com" title="~JOURNALNAME"><img src="http://i.imgbox.com/4KleCTI2.png" style="margin:-1px 0px 10px -9px; padding:8px; background:#EEE; -webkit-border-radius:100px; border-radius:100px; font-size:11px; -webkit-box-shadow: 1px 1px 2px 0 #666; box-shadow: 1px 1px 2px 0 #666; width:100px; height:100px;"/></a>
+
−
 
+
−
<b style="text-transform:uppercase;">Character Name</b><br/>PB Name
+
−
 
+
−
</div>
+
−
<!------------------------------------------------->
+
−
 
+
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
−
<div style="clear:left;"></div>
+
−
<!-- USE THIS AT THE END OF EACH ROW -->
+
−
 
+
−
 
+
  
 
</div>
 
</div>
−
</center>
 
 
</body>
 
</body>
 
</html>
 
</html>

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