Difference between revisions of "Team:Rotterdam HR"

 
(30 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
color: goldenrod;
 
color: goldenrod;
 
}
 
}
−
+
 
 
</style>
 
</style>
 
</head>
 
</head>
Line 15: Line 15:
 
<style>
 
<style>
 
.header::before {
 
.header::before {
−
background: black url(https://static.igem.org/mediawiki/2018/c/c1/T--Rotterdam_HR--graffiti.jpeg) no-repeat left;
+
background: black url("https://static.igem.org/mediawiki/2018/c/c1/T--Rotterdam_HR--graffiti.jpeg") no-repeat left;
−
   background-size: 100%;
+
   background-size: cover;
 +
}
 +
 
 +
@media screen and (max-width: 720px) {
 +
.header::before {
 +
background: black url("https://static.igem.org/mediawiki/2018/0/0c/T--Rotterdam_HR--Graffiti-banner_small.jpeg") no-repeat left;
 +
background-size: cover;
 +
}
 
}
 
}
 
</style>
 
</style>
Line 23: Line 30:
 
   <div>
 
   <div>
 
<div id="icon"></div>
 
<div id="icon"></div>
−
<script> $('.icon').load("https://2018.igem.org/Template:Rotterdam_HR/icon/index?action=raw&ctype=text/html"); </script>
+
<script> $('#icon').load("https://2018.igem.org/Template:Rotterdam_HR/icon/index?action=raw&ctype=text/html"); </script>
 
     <h1 style="background: none;">Home</h1>
 
     <h1 style="background: none;">Home</h1>
 
   </div>
 
   </div>
 
</div>
 
</div>
−
<div class="page index">
+
<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 id="navbar" style="position: -webkit-sticky;position: sticky;top: -2px; width: 100%; z-index: 100; margin-bottom: 100px;"></div>
−
<!-- <div class="project-description">
 
−
  <div class="item-container">
 
−
    <div class="problem">
 
−
      <h1 class="title">The Problem</h1>
 
−
      <p class="content">
 
−
Carbon monoxide is a colorless, odourless and poisonous gas which is produced during combustions that do not contain enough oxygen. The gas is being produced in a lot of different industries like steel factories or coffee roasting factories. The employees of these kind of factories can be in a lot of danger if the carbon monoxide reaches hazardous levels. Because of the interference the carbon monoxide detectors cannot see the difference between carbon monoxide and hydrogen gas. The current detectors potentially go off way before the hazardous carbon monoxide levels are reached and thus cause unnecessary evacuations. These evacuations cost factory owners a lot of money.
 
−
      </p>
 
−
    </div>
 
−
    <div class="solution">
 
−
      <h1 class="title">Our Solution</h1>
 
−
      <p class="content">
 
−
        For the competition we combine our knowledge of biology, chemistry and electrical engineering to invent a device that will detect carbon monoxide without the interference of hydrogen gas. We will use bacteria that can detect carbon monoxide. These bacteria then produce a specific protein which we can turn into an electric signal that indicates the carbon monoxide levels.
 
−
      </p>
 
−
      <a href="https://2018.igem.org/Team:Rotterdam_HR/Description" class="nav-button" style="color: white; text-decoration: none;">
 
−
        More details
 
−
      </a>
 
−
    </div>
 
−
  </div> 
 
−
</div> -->
 
−
 
 
<div class="text-container">
 
<div class="text-container">
−
  <h1>Team Rotterdam</h1>
+
<h1>Team Rotterdam</h1>
−
  <p style="font-size: 20px; text-align: center;">
+
<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 engineer students and even a computer science student. Together we make an efficient and effective team.
+
We are team Rotterdam, the first iGEM team from the Rotterdam University of Applied Sciences. We are a team with
−
    <br><br>
+
multiple disciplinaries: five Biology and Medical Laboratory research students; two Chemistry students; two
−
    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.  
+
Electrical Engineering students and even a Computer Science student. Together we make an efficient and effective team.
−
  </p>
+
<br><br>
−
  <a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-button" style="color: white; text-decoration: none;">To the team page</a>
+
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> -->
 +
 
 +
<style>
 +
.mySlides {display: none; overflow: hidden;}
 +
.mySlides img {position: absolute; vertical-align: middle; top: 0; bottom: 0; left: 0; right: 0;}
 +
 
 +
/* Slideshow container */
 +
.slideshow-container {
 +
max-width: 800px;
 +
height: 600px;
 +
position: relative;
 +
margin: auto;
 +
}
 +
 
 +
/* 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;
 +
}
 +
 
 +
/* 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;
 +
}
 +
 
 +
/* The dots/bullets/indicators */
 +
.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;
 +
}
 +
 
 +
.active, .dot:hover {
 +
background-color: #717171;
 +
}
 +
 
 +
/* Fading animation */
 +
.fade {
 +
-webkit-animation-name: fade;
 +
-webkit-animation-duration: 1.5s;
 +
animation-name: fade;
 +
animation-duration: 1.5s;
 +
}
 +
 
 +
@-webkit-keyframes fade {
 +
from {opacity: .4}
 +
to {opacity: 1}
 +
}
 +
 
 +
@keyframes fade {
 +
from {opacity: .4}
 +
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>
 +
 
 +
<div style="text-align:center">
 +
<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>
 +
 
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 
 +
function plusSlides(n) {
 +
showSlides(slideIndex += n);
 +
}
 +
 
 +
function currentSlide(n) {
 +
showSlides(slideIndex = n);
 +
}
 +
 
 +
function showSlides(n) {
 +
var i;
 +
var slides = document.getElementsByClassName("mySlides");
 +
var dots = document.getElementsByClassName("dot");
 +
if (n > slides.length) {slideIndex = 1}
 +
if (n < 1) {slideIndex = slides.length}
 +
for (i = 0; i < slides.length; i++) {
 +
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>
  
−
<div class="text-container">
+
<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>
 
<h1>Relevant pages</h1>
 
<div class="nav-cards">
 
<div class="nav-cards">
−
<a href="#" class="nav-card">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Description" class="nav-card">
 
<h2>Project Description</h2>
 
<h2>Project Description</h2>
 
<svg viewBox="0 0 24 24">
 
<svg viewBox="0 0 24 24">
Line 68: Line 462:
 
</svg>
 
</svg>
 
</a>
 
</a>
−
<a href="#" class="nav-card">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Team" class="nav-card">
 
<h2>Team Rotterdam</h2>
 
<h2>Team Rotterdam</h2>
 
<svg viewBox="0 0 24 24">
 
<svg viewBox="0 0 24 24">
Line 74: Line 468:
 
</svg>
 
</svg>
 
</a>
 
</a>
−
<a href="#" class="nav-card">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Hardware" class="nav-card">
 
<h2>Hardware</h2>
 
<h2>Hardware</h2>
 
<svg viewBox="0 0 24 24">
 
<svg viewBox="0 0 24 24">
Line 80: Line 474:
 
</svg>
 
</svg>
 
</a>
 
</a>
−
<a href="#" class="nav-card">
+
<a href="https://2018.igem.org/Team:Rotterdam_HR/Wikistat" class="nav-card">
−
<h2>Software</h2>
+
<h2>Wiki statistics</h2>
 
<svg viewBox="0 0 24 24">
 
<svg viewBox="0 0 24 24">
−
<path d="M14.6,16.6L19.2,12L14.6,7.4L16,6L22,12L16,18L14.6,16.6M9.4,16.6L4.8,12L9.4,7.4L8,6L2,12L8,18L9.4,16.6Z"></path>
+
<path d="M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" />
 
</svg>
 
</svg>
−
</a>
+
</a>
 
</div>
 
</div>
 
</div>
 
</div>
−
 
 
<div id="footer"></div>
 
<div id="footer"></div>
 
<script src="https://2018.igem.org/Template:Rotterdam_HR/js/main?action=raw&ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Template:Rotterdam_HR/js/main?action=raw&ctype=text/javascript"></script>

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