Difference between revisions of "Team:Rotterdam HR/Notebook"

Line 270: Line 270:
 
<input type="checkbox" class="software-filter"><span>show software entries<br></span></input>
 
<input type="checkbox" class="software-filter"><span>show software entries<br></span></input>
 
 
<h1 class="month">May</h1>
+
<h1 class="month">None</h1>
 
<div class="cards">
 
<div class="cards">
 
<style>
 
<style>
#switch-6730921:checked ~ #card-6730921 {
+
#switch-19860074:checked ~ #card-19860074 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-6730921:checked ~ #card-6730921 .entryform {
+
#switch-19860074:checked ~ #card-19860074 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-6730921:checked ~ #card-6730921 .cardform,
+
#switch-19860074:checked ~ #card-19860074 .cardform,
#switch-6730921:checked ~ #card-6730921::before,
+
#switch-19860074:checked ~ #card-19860074::before,
#switch-6730921:checked ~ #card-6730921::after {
+
#switch-19860074:checked ~ #card-19860074::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-6730921" class="switch"></input>
+
<input type="checkbox" id="switch-19860074" class="switch"></input>
<div class="card software-card" id="card-6730921">
+
<div class="card wetlab-card" id="card-19860074">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Team page</h1>
+
<h1 class="title">Transformation</h1>
<h3 class="date">10-5-2018</h3>
+
<h3 class="date">2018-07-24</h3>
<label class="back" for="switch-6730921">&times;</label>
+
<label class="back" for="switch-19860074">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Created the first prototype for the team page</div>
+
<div class="description"><p>Today we did a transformation with&nbsp;new biobricks. The biobricks were built into chemically competent cells from the strain NEb10Beta. After transformation the culture was plated on agar plates with&nbsp;antibiotics. The results were checked the next day.&nbsp;</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>1</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team page</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-6730921" class="more-info">Show more</label>
+
<label for="switch-19860074" class="more-info">Show more</label>
<h2 class="date" style="color: white;">10-5-2018</h2>
+
<h2 class="date" style="color: white;">2018-07-24</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-49245292:checked ~ #card-49245292 {
+
#switch-85900573:checked ~ #card-85900573 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-49245292:checked ~ #card-49245292 .entryform {
+
#switch-85900573:checked ~ #card-85900573 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-49245292:checked ~ #card-49245292 .cardform,
+
#switch-85900573:checked ~ #card-85900573 .cardform,
#switch-49245292:checked ~ #card-49245292::before,
+
#switch-85900573:checked ~ #card-85900573::before,
#switch-49245292:checked ~ #card-49245292::after {
+
#switch-85900573:checked ~ #card-85900573::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-49245292" class="switch"></input>
+
<input type="checkbox" id="switch-85900573" class="switch"></input>
<div class="card software-card" id="card-49245292">
+
<div class="card wetlab-card" id="card-85900573">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Footer</h1>
+
<h1 class="title">Transformation</h1>
<h3 class="date">20-5-2018</h3>
+
<h3 class="date">2018-07-27</h3>
<label class="back" for="switch-49245292">&times;</label>
+
<label class="back" for="switch-85900573">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Social media created</div>
+
<div class="description"><p>To be able to always get the necessary biobricks, we made an glycerol stock after every transformation. The glycerol stocks are stored at -80 degrees Celsius. If needed, they can retrieved from this storage to use for experiments.&nbsp;</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>2</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Footer</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-49245292" class="more-info">Show more</label>
+
<label for="switch-85900573" class="more-info">Show more</label>
<h2 class="date" style="color: white;">20-5-2018</h2>
+
<h2 class="date" style="color: white;">2018-07-27</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-32658590:checked ~ #card-32658590 {
+
#switch-78052108:checked ~ #card-78052108 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-32658590:checked ~ #card-32658590 .entryform {
+
#switch-78052108:checked ~ #card-78052108 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-32658590:checked ~ #card-32658590 .cardform,
+
#switch-78052108:checked ~ #card-78052108 .cardform,
#switch-32658590:checked ~ #card-32658590::before,
+
#switch-78052108:checked ~ #card-78052108::before,
#switch-32658590:checked ~ #card-32658590::after {
+
#switch-78052108:checked ~ #card-78052108::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-32658590" class="switch"></input>
+
<input type="checkbox" id="switch-78052108" class="switch"></input>
<div class="card software-card" id="card-32658590">
+
<div class="card wetlab-card" id="card-78052108">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Footer</h1>
+
<h1 class="title">Transformation</h1>
<h3 class="date">21-5-2018</h3>
+
<h3 class="date">2018-08-09</h3>
<label class="back" for="switch-32658590">&times;</label>
+
<label class="back" for="switch-78052108">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Social media buttons same color and fixed iGEM style issues</div>
+
<div class="description"><p>For further experiments we needed isolated DNA. The DNA is isolated out of the bacteria with the help of a plasmid purifaction kit. After isolation this DNA can be used for digestion and ligation or other experiments.</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>02</b></div>
+
<div class="number"><b>3</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Footer</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-32658590" class="more-info">Show more</label>
+
<label for="switch-78052108" class="more-info">Show more</label>
<h2 class="date" style="color: white;">21-5-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-09</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-9229481:checked ~ #card-9229481 {
+
#switch-13081020:checked ~ #card-13081020 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-9229481:checked ~ #card-9229481 .entryform {
+
#switch-13081020:checked ~ #card-13081020 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-9229481:checked ~ #card-9229481 .cardform,
+
#switch-13081020:checked ~ #card-13081020 .cardform,
#switch-9229481:checked ~ #card-9229481::before,
+
#switch-13081020:checked ~ #card-13081020::before,
#switch-9229481:checked ~ #card-9229481::after {
+
#switch-13081020:checked ~ #card-13081020::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-9229481" class="switch"></input>
+
<input type="checkbox" id="switch-13081020" class="switch"></input>
<div class="card software-card" id="card-9229481">
+
<div class="card wetlab-card" id="card-13081020">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Notebook</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">24-5-2018</h3>
+
<h3 class="date">2018-07-23</h3>
<label class="back" for="switch-9229481">&times;</label>
+
<label class="back" for="switch-13081020">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Multiple week summary styles created for the notes</div>
+
<div class="description"><p>Today we did a transformation with&nbsp;new biobricks. The biobricks were built into chemically competent cells from the strain NEb10Beta. After transformation the culture was plated on agar plates with&nbsp;antibiotics. The results were checked the next day.&nbsp;</p>
</div>
+
  
<div class="cardform">
+
</div>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-9229481" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">24-5-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-62671929:checked ~ #card-62671929 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-62671929:checked ~ #card-62671929 .entryform {
+
display: block;
+
}
+
#switch-62671929:checked ~ #card-62671929 .cardform,
+
#switch-62671929:checked ~ #card-62671929::before,
+
#switch-62671929:checked ~ #card-62671929::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-62671929" class="switch"></input>
+
<div class="card software-card" id="card-62671929">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Header</h1>
+
<h3 class="date">27-5-2018</h3>
+
<label class="back" for="switch-62671929">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Added the header with mobile compatibility als resized logos and readded them to the header</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>1</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-62671929" class="more-info">Show more</label>
+
<label for="switch-13081020" class="more-info">Show more</label>
<h2 class="date" style="color: white;">27-5-2018</h2>
+
<h2 class="date" style="color: white;">2018-07-23</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-44071910:checked ~ #card-44071910 {
+
#switch-54327698:checked ~ #card-54327698 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-44071910:checked ~ #card-44071910 .entryform {
+
#switch-54327698:checked ~ #card-54327698 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-44071910:checked ~ #card-44071910 .cardform,
+
#switch-54327698:checked ~ #card-54327698 .cardform,
#switch-44071910:checked ~ #card-44071910::before,
+
#switch-54327698:checked ~ #card-54327698::before,
#switch-44071910:checked ~ #card-44071910::after {
+
#switch-54327698:checked ~ #card-54327698::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-44071910" class="switch"></input>
+
<input type="checkbox" id="switch-54327698" class="switch"></input>
<div class="card software-card" id="card-44071910">
+
<div class="card wetlab-card" id="card-54327698">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Main template</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">28-5-2018</h3>
+
<h3 class="date">2018-07-24</h3>
<label class="back" for="switch-44071910">&times;</label>
+
<label class="back" for="switch-54327698">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Added template header and footer with 'under construction' content</div>
+
<div class="description"><p>To be able to always get the necessary biobricks, we made an glycerol stock after every transformation. The glycerol stocks are stored at -80 degrees Celsius. If needed, they can retrieved from this storage to use for experiments.&nbsp;</p>
</div>
+
  
<div class="cardform">
+
</div>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Main template</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-44071910" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">28-5-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-49386441:checked ~ #card-49386441 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-49386441:checked ~ #card-49386441 .entryform {
+
display: block;
+
}
+
#switch-49386441:checked ~ #card-49386441 .cardform,
+
#switch-49386441:checked ~ #card-49386441::before,
+
#switch-49386441:checked ~ #card-49386441::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-49386441" class="switch"></input>
+
<div class="card software-card" id="card-49386441">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Header</h1>
+
<h3 class="date">28-5-2018</h3>
+
<label class="back" for="switch-49386441">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Small fixes and menu adjustments</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>02</b></div>
+
<div class="number"><b>2</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-49386441" class="more-info">Show more</label>
+
<label for="switch-54327698" class="more-info">Show more</label>
<h2 class="date" style="color: white;">28-5-2018</h2>
+
<h2 class="date" style="color: white;">2018-07-24</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-42454698:checked ~ #card-42454698 {
+
#switch-59986709:checked ~ #card-59986709 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-42454698:checked ~ #card-42454698 .entryform {
+
#switch-59986709:checked ~ #card-59986709 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-42454698:checked ~ #card-42454698 .cardform,
+
#switch-59986709:checked ~ #card-59986709 .cardform,
#switch-42454698:checked ~ #card-42454698::before,
+
#switch-59986709:checked ~ #card-59986709::before,
#switch-42454698:checked ~ #card-42454698::after {
+
#switch-59986709:checked ~ #card-59986709::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-42454698" class="switch"></input>
+
<input type="checkbox" id="switch-59986709" class="switch"></input>
<div class="card software-card" id="card-42454698">
+
<div class="card wetlab-card" id="card-59986709">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Team</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">29-5-2018</h3>
+
<h3 class="date">2018-07-27</h3>
<label class="back" for="switch-42454698">&times;</label>
+
<label class="back" for="switch-59986709">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Added a PI list with the secondary PI</div>
+
<div class="description"><p>For further experiments there is&nbsp;isolated DNA needed of the biobricks J23100, K133071, K173003 and I134353. The DNA is isolated out of the bacteria with the help of a plasmid purifaction kit. After isolation this DNA can be used for digestion and ligation or other experiments.</p>
</div>
+
  
<div class="cardform">
+
</div>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-42454698" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">29-5-2018</h2>
+
</div>
+
 
+
</div></div>
+
 
+
<h1 class="month">June</h1>
+
<div class="cards">
+
<style>
+
#switch-24855202:checked ~ #card-24855202 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-24855202:checked ~ #card-24855202 .entryform {
+
display: block;
+
}
+
#switch-24855202:checked ~ #card-24855202 .cardform,
+
#switch-24855202:checked ~ #card-24855202::before,
+
#switch-24855202:checked ~ #card-24855202::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-24855202" class="switch"></input>
+
<div class="card software-card" id="card-24855202">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Main page</h1>
+
<h3 class="date">7-6-2018</h3>
+
<label class="back" for="switch-24855202">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Designed and added content holders to the index Page</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>3</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Main page</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-24855202" class="more-info">Show more</label>
+
<label for="switch-59986709" class="more-info">Show more</label>
<h2 class="date" style="color: white;">7-6-2018</h2>
+
<h2 class="date" style="color: white;">2018-07-27</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-82256950:checked ~ #card-82256950 {
+
#switch-67948652:checked ~ #card-67948652 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-82256950:checked ~ #card-82256950 .entryform {
+
#switch-67948652:checked ~ #card-67948652 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-82256950:checked ~ #card-82256950 .cardform,
+
#switch-67948652:checked ~ #card-67948652 .cardform,
#switch-82256950:checked ~ #card-82256950::before,
+
#switch-67948652:checked ~ #card-67948652::before,
#switch-82256950:checked ~ #card-82256950::after {
+
#switch-67948652:checked ~ #card-67948652::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-82256950" class="switch"></input>
+
<input type="checkbox" id="switch-67948652" class="switch"></input>
<div class="card software-card" id="card-82256950">
+
<div class="card wetlab-card" id="card-67948652">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Team</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">9-6-2018</h3>
+
<h3 class="date">2018-08-10</h3>
<label class="back" for="switch-82256950">&times;</label>
+
<label class="back" for="switch-67948652">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Added myself to the teammember Page and did some bugfixing</div>
+
<div class="description"><p>The biobricks&nbsp;J23100, K133071, K173003 and I134353 were&nbsp;sucessfully digested after the second time. After that de digested biobricks K133071 and K173003&nbsp;were dephosforylated and ligated with the inserts J23100 and I13453.&nbsp;</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>03</b></div>
+
<div class="number"><b>4</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-82256950" class="more-info">Show more</label>
+
<label for="switch-67948652" class="more-info">Show more</label>
<h2 class="date" style="color: white;">9-6-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-10</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-81279491:checked ~ #card-81279491 {
+
#switch-23106014:checked ~ #card-23106014 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-81279491:checked ~ #card-81279491 .entryform {
+
#switch-23106014:checked ~ #card-23106014 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-81279491:checked ~ #card-81279491 .cardform,
+
#switch-23106014:checked ~ #card-23106014 .cardform,
#switch-81279491:checked ~ #card-81279491::before,
+
#switch-23106014:checked ~ #card-23106014::before,
#switch-81279491:checked ~ #card-81279491::after {
+
#switch-23106014:checked ~ #card-23106014::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-81279491" class="switch"></input>
+
<input type="checkbox" id="switch-23106014" class="switch"></input>
<div class="card software-card" id="card-81279491">
+
<div class="card wetlab-card" id="card-23106014">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Header</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">9-6-2018</h3>
+
<h3 class="date">2018-08-13</h3>
<label class="back" for="switch-81279491">&times;</label>
+
<label class="back" for="switch-23106014">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Started working on a better looking menubar</div>
+
<div class="description"><p>Transformations of the biobricks K133071 + J23100, K13071 + I13453, K173003 + J23100 and K173003 + I13453 in NEB10B�ta.</p>
</div>
+
  
<div class="cardform">
+
</div>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-81279491" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">9-6-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-28449650:checked ~ #card-28449650 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-28449650:checked ~ #card-28449650 .entryform {
+
display: block;
+
}
+
#switch-28449650:checked ~ #card-28449650 .cardform,
+
#switch-28449650:checked ~ #card-28449650::before,
+
#switch-28449650:checked ~ #card-28449650::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-28449650" class="switch"></input>
+
<div class="card software-card" id="card-28449650">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Header</h1>
+
<h3 class="date">10-6-2018</h3>
+
<label class="back" for="switch-28449650">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Added the ability to add sub-menus to items in the menu bar. Integration into the website and added indication for which Page you are on</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>04</b></div>
+
<div class="number"><b>5</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-28449650" class="more-info">Show more</label>
+
<label for="switch-23106014" class="more-info">Show more</label>
<h2 class="date" style="color: white;">10-6-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-13</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-86220602:checked ~ #card-86220602 {
+
#switch-74417430:checked ~ #card-74417430 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-86220602:checked ~ #card-86220602 .entryform {
+
#switch-74417430:checked ~ #card-74417430 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-86220602:checked ~ #card-86220602 .cardform,
+
#switch-74417430:checked ~ #card-74417430 .cardform,
#switch-86220602:checked ~ #card-86220602::before,
+
#switch-74417430:checked ~ #card-74417430::before,
#switch-86220602:checked ~ #card-86220602::after {
+
#switch-74417430:checked ~ #card-74417430::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-86220602" class="switch"></input>
+
<input type="checkbox" id="switch-74417430" class="switch"></input>
<div class="card software-card" id="card-86220602">
+
<div class="card wetlab-card" id="card-74417430">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Construction pages</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">13-6-2018</h3>
+
<h3 class="date">2018-08-13</h3>
<label class="back" for="switch-86220602">&times;</label>
+
<label class="back" for="switch-74417430">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Updated all Pages to the new style with an under construction sign</div>
+
<div class="description"><p>A colony PCR is done for the NEB10B�ta E.coli cells with expected&nbsp;the biobrick combination of K133071 with J23100.</p>
</div>
+
  
<div class="cardform">
+
</div>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Construction pages</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-86220602" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">13-6-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-27805303:checked ~ #card-27805303 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-27805303:checked ~ #card-27805303 .entryform {
+
display: block;
+
}
+
#switch-27805303:checked ~ #card-27805303 .cardform,
+
#switch-27805303:checked ~ #card-27805303::before,
+
#switch-27805303:checked ~ #card-27805303::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-27805303" class="switch"></input>
+
<div class="card software-card" id="card-27805303">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Header</h1>
+
<h3 class="date">14-6-2018</h3>
+
<label class="back" for="switch-27805303">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Added a way to recognise Pages under construction using the menubar</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>05</b></div>
+
<div class="number"><b>6</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-27805303" class="more-info">Show more</label>
+
<label for="switch-74417430" class="more-info">Show more</label>
<h2 class="date" style="color: white;">14-6-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-13</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-66689514:checked ~ #card-66689514 {
+
#switch-92443263:checked ~ #card-92443263 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-66689514:checked ~ #card-66689514 .entryform {
+
#switch-92443263:checked ~ #card-92443263 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-66689514:checked ~ #card-66689514 .cardform,
+
#switch-92443263:checked ~ #card-92443263 .cardform,
#switch-66689514:checked ~ #card-66689514::before,
+
#switch-92443263:checked ~ #card-92443263::before,
#switch-66689514:checked ~ #card-66689514::after {
+
#switch-92443263:checked ~ #card-92443263::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-66689514" class="switch"></input>
+
<input type="checkbox" id="switch-92443263" class="switch"></input>
<div class="card software-card" id="card-66689514">
+
<div class="card wetlab-card" id="card-92443263">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Main page</h1>
+
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
<h3 class="date">14-6-2018</h3>
+
<h3 class="date">2018-08-13</h3>
<label class="back" for="switch-66689514">&times;</label>
+
<label class="back" for="switch-92443263">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">Updated the content containers so that they are responsive</div>
+
<div class="description">The ligation of K173003 with J23100 or I13453, and the ligation of K133071 with I13453 has been performed again.</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>02</b></div>
+
<div class="number"><b>7</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Main page</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-66689514" class="more-info">Show more</label>
+
<label for="switch-92443263" class="more-info">Show more</label>
<h2 class="date" style="color: white;">14-6-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-13</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-78747292:checked ~ #card-78747292 {
+
#switch-82511398:checked ~ #card-82511398 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-78747292:checked ~ #card-78747292 .entryform {
+
#switch-82511398:checked ~ #card-82511398 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-78747292:checked ~ #card-78747292 .cardform,
+
#switch-82511398:checked ~ #card-82511398 .cardform,
#switch-78747292:checked ~ #card-78747292::before,
+
#switch-82511398:checked ~ #card-82511398::before,
#switch-78747292:checked ~ #card-78747292::after {
+
#switch-82511398:checked ~ #card-82511398::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-78747292" class="switch"></input>
+
<input type="checkbox" id="switch-82511398" class="switch"></input>
<div class="card hardware-card" id="card-78747292">
+
<div class="card wetlab-card" id="card-82511398">
  
 
<div class="entryform">
 
<div class="entryform">
 
<div class="titlebar">
 
<div class="titlebar">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
<path fill="currentColor" 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>
+
<path fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Architecture design [TC]</h1>
+
<h1 class="title">Urea and sodium pyruvate test for resistence E.coli</h1>
<h3 class="date">18-6-2018</h3>
+
<h3 class="date">2018-08-10</h3>
<label class="back" for="switch-78747292">&times;</label>
+
<label class="back" for="switch-82511398">&times;</label>
 
</div>
 
</div>
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">The first draft of the architecture design for the temperature controller was made.</div>
+
<div class="description"><p><strong><span style="font-size:16px;">Results Experiment 1</span></strong><br>
</div>
+
  
<div class="cardform">
+
&nbsp;</p>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Architecture design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-78747292" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">18-6-2018</h2>
+
</div>
+
  
</div><style>
 
#switch-47895319:checked ~ #card-47895319 {
 
width: 100%;
 
height: auto;
 
}
 
#switch-47895319:checked ~ #card-47895319 .entryform {
 
display: block;
 
}
 
#switch-47895319:checked ~ #card-47895319 .cardform,
 
#switch-47895319:checked ~ #card-47895319::before,
 
#switch-47895319:checked ~ #card-47895319::after {
 
display: none;
 
}
 
</style>
 
  
<input type="checkbox" id="switch-47895319" class="switch"></input>
 
<div class="card software-card" id="card-47895319">
 
  
<div class="entryform">
+
<table border="1" cellpadding="1" cellspacing="1" style="width: 526px;">
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Human Practices page</h1>
+
<h3 class="date">22-6-2018</h3>
+
<label class="back" for="switch-47895319">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Content added to the human practices page</div>
+
</div>
+
  
<div class="cardform">
+
<tbody>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Human Practices page</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-47895319" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">22-6-2018</h2>
+
</div>
+
  
</div><style>
+
<tr>
#switch-93661935:checked ~ #card-93661935 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-93661935:checked ~ #card-93661935 .entryform {
+
display: block;
+
}
+
#switch-93661935:checked ~ #card-93661935 .cardform,
+
#switch-93661935:checked ~ #card-93661935::before,
+
#switch-93661935:checked ~ #card-93661935::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-93661935" class="switch"></input>
+
<td style="width: 123px;"><span style="font-size:14px;"><strong>What</strong></span></td>
<div class="card software-card" id="card-93661935">
+
  
<div class="entryform">
+
<td style="width: 95px;"><span style="font-size:14px;"><strong>How much</strong></span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Main page</h1>
+
<h3 class="date">23-6-2018</h3>
+
<label class="back" for="switch-93661935">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Content created and added to the main page</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 170px;"><span style="font-size:14px;"><strong>Solution</strong></span></td>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Main page</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-93661935" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">23-6-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 117px;"><strong><span style="font-size:14px;">Result</span></strong></td>
#switch-91710536:checked ~ #card-91710536 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-91710536:checked ~ #card-91710536 .entryform {
+
display: block;
+
}
+
#switch-91710536:checked ~ #card-91710536 .cardform,
+
#switch-91710536:checked ~ #card-91710536::before,
+
#switch-91710536:checked ~ #card-91710536::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-91710536" class="switch"></input>
+
</tr>
<div class="card hardware-card" id="card-91710536">
+
  
<div class="entryform">
+
<tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Architecture design [TC]</h1>
+
<h3 class="date">24-6-2018</h3>
+
<label class="back" for="switch-91710536">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Today a few changes have been made to the architecture design of the temperature controller. The choice was made to use a premade power supply as opposed to a self-made one, because this was considering the time left to finish this device the best choice. A few alterations were made to make the architecture design better readable.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Architecture design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-91710536" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">24-6-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 95px;"><span style="font-size:14px;">1 g</span></td>
#switch-90612570:checked ~ #card-90612570 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-90612570:checked ~ #card-90612570 .entryform {
+
display: block;
+
}
+
#switch-90612570:checked ~ #card-90612570 .cardform,
+
#switch-90612570:checked ~ #card-90612570::before,
+
#switch-90612570:checked ~ #card-90612570::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-90612570" class="switch"></input>
+
<td style="width: 170px;"><span style="font-size:14px;">1 mL purified water</span></td>
<div class="card hardware-card" id="card-90612570">
+
  
<div class="entryform">
+
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">First prototype [TC]</h1>
+
<h3 class="date">25-6-2018</h3>
+
<label class="back" for="switch-90612570">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">A 3d drawing was made for the casing that will hold the temperature controller. The first prototype was printed, but was determent to be inadequate due to the lack of enough space for the cooler block.</div>
+
</div>
+
  
<div class="cardform">
+
</tr>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">First prototype [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-90612570" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">25-6-2018</h2>
+
</div>
+
  
</div><style>
+
<tr>
#switch-31868915:checked ~ #card-31868915 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-31868915:checked ~ #card-31868915 .entryform {
+
display: block;
+
}
+
#switch-31868915:checked ~ #card-31868915 .cardform,
+
#switch-31868915:checked ~ #card-31868915::before,
+
#switch-31868915:checked ~ #card-31868915::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-31868915" class="switch"></input>
+
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
<div class="card software-card" id="card-31868915">
+
  
<div class="entryform">
+
<td style="width: 95px;"><span style="font-size:14px;">2,4 g</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Team</h1>
+
<h3 class="date">26-6-2018</h3>
+
<label class="back" for="switch-31868915">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Added the remaining instructors to the team</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 170px;"><span style="font-size:14px;">2 mL purified water</span></td>
<div class="number"><b>04</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-31868915" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">26-6-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
#switch-37453129:checked ~ #card-37453129 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-37453129:checked ~ #card-37453129 .entryform {
+
display: block;
+
}
+
#switch-37453129:checked ~ #card-37453129 .cardform,
+
#switch-37453129:checked ~ #card-37453129::before,
+
#switch-37453129:checked ~ #card-37453129::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-37453129" class="switch"></input>
+
</tr>
<div class="card hardware-card" id="card-37453129">
+
  
<div class="entryform">
+
<tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Second prototype [TC]</h1>
+
<h3 class="date">26-6-2018</h3>
+
<label class="back" for="switch-37453129">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">In the drawing space was added to fit the cooler block for the temperature controller. Slits were added to the drawing for the nuts to slide into. The altered drawing was printed. The newly printed parts, cooler block, fan and Peltier element were assembled. Everything fit together.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Second prototype [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-37453129" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">26-6-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 95px;"><span style="font-size:14px;">4,8 g</span></td>
#switch-61849716:checked ~ #card-61849716 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-61849716:checked ~ #card-61849716 .entryform {
+
display: block;
+
}
+
#switch-61849716:checked ~ #card-61849716 .cardform,
+
#switch-61849716:checked ~ #card-61849716::before,
+
#switch-61849716:checked ~ #card-61849716::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-61849716" class="switch"></input>
+
<td style="width: 170px;"><span style="font-size:14px;">4 mL purified water</span></td>
<div class="card hardware-card" id="card-61849716">
+
  
<div class="entryform">
+
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Testrun [TC]</h1>
+
<h3 class="date">27-6-2018</h3>
+
<label class="back" for="switch-61849716">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">A short test run was done with the newly assembled cooler. The test concluded that the temperature controller could cool a water droplet to the point of freezing and heat it back up to its boiling point.</div>
+
</div>
+
  
<div class="cardform">
+
</tr>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testrun [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-61849716" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">27-6-2018</h2>
+
</div>
+
  
</div></div>
+
<tr>
  
<h1 class="month">July</h1>
+
<td style="width: 123px;"><span style="font-size:14px;">Sodium pyruvate</span></td>
<div class="cards">
+
<style>
+
#switch-18001413:checked ~ #card-18001413 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-18001413:checked ~ #card-18001413 .entryform {
+
display: block;
+
}
+
#switch-18001413:checked ~ #card-18001413 .cardform,
+
#switch-18001413:checked ~ #card-18001413::before,
+
#switch-18001413:checked ~ #card-18001413::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-18001413" class="switch"></input>
+
<td style="width: 95px;"><span style="font-size:14px;">5,7 mL</span></td>
<div class="card hardware-card" id="card-18001413">
+
  
<div class="entryform">
+
<td style="width: 170px;"><span style="font-size: 14px;">-</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Draft decision</h1>
+
<h3 class="date">2-7-2018</h3>
+
<label class="back" for="switch-18001413">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">The choice to use a computer PSU as a power supply was made. The choice was made on the grounds, that computer PSU have a standard 12, 5 and 3.3V output. This is beneficial because these are the voltages necessary for the selected components.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Draft decision</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-18001413" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">2-7-2018</h2>
+
</div>
+
  
</div><style>
+
</tr>
#switch-44154243:checked ~ #card-44154243 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-44154243:checked ~ #card-44154243 .entryform {
+
display: block;
+
}
+
#switch-44154243:checked ~ #card-44154243 .cardform,
+
#switch-44154243:checked ~ #card-44154243::before,
+
#switch-44154243:checked ~ #card-44154243::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-44154243" class="switch"></input>
+
<tr>
<div class="card hardware-card" id="card-44154243">
+
  
<div class="entryform">
+
<td style="width: 123px;"><span style="font-size:14px;">Positive control</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Architecture design [TC]</h1>
+
<h3 class="date">5-7-2018</h3>
+
<label class="back" for="switch-44154243">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Changes were made to the architecture design of the temperature controller. Different voltage regulators were selected to fit the newly chosen power supply. To better readability of the architecture design a legend was added.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Architecture design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-44154243" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">5-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
#switch-70679605:checked ~ #card-70679605 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-70679605:checked ~ #card-70679605 .entryform {
+
display: block;
+
}
+
#switch-70679605:checked ~ #card-70679605 .cardform,
+
#switch-70679605:checked ~ #card-70679605::before,
+
#switch-70679605:checked ~ #card-70679605::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-70679605" class="switch"></input>
+
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
<div class="card hardware-card" id="card-70679605">
+
  
<div class="entryform">
+
</tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Electrical circuit design [TC]</h1>
+
<h3 class="date">8-7-2018</h3>
+
<label class="back" for="switch-70679605">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Custom footprints were made for multiple components and added to the parts library in the PCB design software.</div>
+
</div>
+
  
<div class="cardform">
+
<tr>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Electrical circuit design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-70679605" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">8-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 123px;"><span style="font-size:14px;">Negative control</span></td>
#switch-7642681:checked ~ #card-7642681 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-7642681:checked ~ #card-7642681 .entryform {
+
display: block;
+
}
+
#switch-7642681:checked ~ #card-7642681 .cardform,
+
#switch-7642681:checked ~ #card-7642681::before,
+
#switch-7642681:checked ~ #card-7642681::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-7642681" class="switch"></input>
+
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
<div class="card hardware-card" id="card-7642681">
+
  
<div class="entryform">
+
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Electrical circuit design [TC]</h1>
+
<h3 class="date">9-7-2018</h3>
+
<label class="back" for="switch-7642681">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">The provisional electronic circuit design for the temperature controller was made.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Electrical circuit design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-7642681" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">9-7-2018</h2>
+
</div>
+
  
</div><style>
+
</tr>
#switch-775530:checked ~ #card-775530 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-775530:checked ~ #card-775530 .entryform {
+
display: block;
+
}
+
#switch-775530:checked ~ #card-775530 .cardform,
+
#switch-775530:checked ~ #card-775530::before,
+
#switch-775530:checked ~ #card-775530::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-775530" class="switch"></input>
+
</tbody>
<div class="card hardware-card" id="card-775530">
+
  
<div class="entryform">
+
</table>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Electrical circuit design [TC]</h1>
+
<h3 class="date">11-7-2018</h3>
+
<label class="back" for="switch-775530">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">The electronic circuit design for the temperature controller was finished. Measuring point were added to the electronic circuit design.</div>
+
</div>
+
  
<div class="cardform">
+
<em>Table 1: Results experiment 1</em><br>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Electrical circuit design [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-775530" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">11-7-2018</h2>
+
</div>
+
  
</div><style>
+
<br>
#switch-86454129:checked ~ #card-86454129 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-86454129:checked ~ #card-86454129 .entryform {
+
display: block;
+
}
+
#switch-86454129:checked ~ #card-86454129 .cardform,
+
#switch-86454129:checked ~ #card-86454129::before,
+
#switch-86454129:checked ~ #card-86454129::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-86454129" class="switch"></input>
+
<span style="font-size:16px;"><strong>Results Experiment 2</strong></span><br>
<div class="card wetlab-card" id="card-86454129">
+
  
<div class="entryform">
+
&nbsp;
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Stock up</h1>
+
<h3 class="date">11-7-2018</h3>
+
<label class="back" for="switch-86454129">&times;</label>
+
</div>
+
<div class="attendees">Elise Grootscholten | Loraine Nelson | Paul Reusink</div>
+
<div class="description">To have some basic biobricks ready, we stocked them by doing a plasmid isolation and freeze the DNA. </div>
+
</div>
+
  
<div class="cardform">
+
<table border="1" cellpadding="1" cellspacing="1" style="width: 526px;">
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Stock up</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-86454129" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">11-7-2018</h2>
+
</div>
+
  
</div><style>
+
<tbody>
#switch-81701486:checked ~ #card-81701486 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-81701486:checked ~ #card-81701486 .entryform {
+
display: block;
+
}
+
#switch-81701486:checked ~ #card-81701486 .cardform,
+
#switch-81701486:checked ~ #card-81701486::before,
+
#switch-81701486:checked ~ #card-81701486::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-81701486" class="switch"></input>
+
<tr>
<div class="card wetlab-card" id="card-81701486">
+
  
<div class="entryform">
+
<td style="width: 123px;"><span style="font-size:14px;"><strong>What</strong></span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Basic parts</h1>
+
<h3 class="date">11-7-2018</h3>
+
<label class="back" for="switch-81701486">&times;</label>
+
</div>
+
<div class="attendees">Elise Grootscholten | Loraine Nelson | Paul Reusink</div>
+
<div class="description">To start on a basic construct we did a digestion and ligation with the parts we isolated earlier. To prevent original constructs we did a defosphorylation after the digestion. We controlled the digestion by doing a gelelktroforeses. </div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 95px;"><span style="font-size:14px;"><strong>How much</strong></span></td>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-81701486" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">11-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 170px;"><span style="font-size:14px;"><strong>Solution</strong></span></td>
#switch-50784659:checked ~ #card-50784659 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-50784659:checked ~ #card-50784659 .entryform {
+
display: block;
+
}
+
#switch-50784659:checked ~ #card-50784659 .cardform,
+
#switch-50784659:checked ~ #card-50784659::before,
+
#switch-50784659:checked ~ #card-50784659::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-50784659" class="switch"></input>
+
<td style="width: 117px;"><strong><span style="font-size:14px;">Result</span></strong></td>
<div class="card hardware-card" id="card-50784659">
+
  
<div class="entryform">
+
</tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Board layout [TC]</h1>
+
<h3 class="date">12-7-2018</h3>
+
<label class="back" for="switch-50784659">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Started working on the board layout for the PCB of the temperature controller.</div>
+
</div>
+
  
<div class="cardform">
+
<tr>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Board layout [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-50784659" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">12-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
#switch-73604979:checked ~ #card-73604979 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-73604979:checked ~ #card-73604979 .entryform {
+
display: block;
+
}
+
#switch-73604979:checked ~ #card-73604979 .cardform,
+
#switch-73604979:checked ~ #card-73604979::before,
+
#switch-73604979:checked ~ #card-73604979::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-73604979" class="switch"></input>
+
<td style="width: 95px;"><span style="font-size:14px;">1,2 g</span></td>
<div class="card wetlab-card" id="card-73604979">
+
  
<div class="entryform">
+
<td style="width: 170px;"><span style="font-size:14px;">1 mL purified water</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Basic parts</h1>
+
<h3 class="date">12-7-2018</h3>
+
<label class="back" for="switch-73604979">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Randall de Waard</div>
+
<div class="description">We continued with the ligated DNA by transformating it to Neb10Beta. This was plated onto agarplates and incubated for 1 day. </div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 117px;">Little grow</td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-73604979" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">12-7-2018</h2>
+
</div>
+
  
</div><style>
+
</tr>
#switch-27062016:checked ~ #card-27062016 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-27062016:checked ~ #card-27062016 .entryform {
+
display: block;
+
}
+
#switch-27062016:checked ~ #card-27062016 .cardform,
+
#switch-27062016:checked ~ #card-27062016::before,
+
#switch-27062016:checked ~ #card-27062016::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-27062016" class="switch"></input>
+
<tr>
<div class="card hardware-card" id="card-27062016">
+
  
<div class="entryform">
+
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Board layout [TC]</h1>
+
<h3 class="date">13-7-2018</h3>
+
<label class="back" for="switch-27062016">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Further work was done to the board layout for the temperature controller.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 95px;"><span style="font-size:14px;">1,6 g</span></td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Board layout [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-27062016" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">13-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 170px;"><span style="font-size:14px;">2 mL purified water</span></td>
#switch-41044310:checked ~ #card-41044310 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-41044310:checked ~ #card-41044310 .entryform {
+
display: block;
+
}
+
#switch-41044310:checked ~ #card-41044310 .cardform,
+
#switch-41044310:checked ~ #card-41044310::before,
+
#switch-41044310:checked ~ #card-41044310::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-41044310" class="switch"></input>
+
<td style="width: 117px;">No grow</td>
<div class="card wetlab-card" id="card-41044310">
+
  
<div class="entryform">
+
</tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Basic parts</h1>
+
<h3 class="date">13-7-2018</h3>
+
<label class="back" for="switch-41044310">&times;</label>
+
</div>
+
<div class="attendees">Elise Grootscholten | Randall de Waard</div>
+
<div class="description">The results of 7/12/2018 were collected, in action of this we decided to plate some ligated and transferred DNA from 7/12/2018 again. This we did because there wasn't a clear grow of colonies on the plates.</div>
+
</div>
+
  
<div class="cardform">
+
<tr>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-41044310" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">13-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 123px;"><span style="font-size:14px;">Sodium pyruvate</span></td>
#switch-38104076:checked ~ #card-38104076 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-38104076:checked ~ #card-38104076 .entryform {
+
display: block;
+
}
+
#switch-38104076:checked ~ #card-38104076 .cardform,
+
#switch-38104076:checked ~ #card-38104076::before,
+
#switch-38104076:checked ~ #card-38104076::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-38104076" class="switch"></input>
+
<td style="width: 95px;"><span style="font-size:14px;">10 mL</span></td>
<div class="card wetlab-card" id="card-38104076">
+
  
<div class="entryform">
+
<td style="width: 170px;"><span style="font-size: 14px;">-</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Blue White screening on paper</h1>
+
<h3 class="date">13-7-2018</h3>
+
<label class="back" for="switch-38104076">&times;</label>
+
</div>
+
<div class="attendees">Elise Grootscholten | Randall de Waard</div>
+
<div class="description">We tried to let bacteria grow on paper, therefore we used our own buisnesscards. We let the buisnesscards absorb some LB-medium and put them inside petridishes. </div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 117px;">Grow</td>
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Blue White screening on paper</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-38104076" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">13-7-2018</h2>
+
</div>
+
  
</div><style>
+
</tr>
#switch-11712259:checked ~ #card-11712259 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-11712259:checked ~ #card-11712259 .entryform {
+
display: block;
+
}
+
#switch-11712259:checked ~ #card-11712259 .cardform,
+
#switch-11712259:checked ~ #card-11712259::before,
+
#switch-11712259:checked ~ #card-11712259::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-11712259" class="switch"></input>
+
<tr>
<div class="card hardware-card" id="card-11712259">
+
  
<div class="entryform">
+
<td style="width: 123px;"><span style="font-size:14px;">Positive control</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<h1 class="title">Board layout [TC]</h1>
+
<h3 class="date">15-7-2018</h3>
+
<label class="back" for="switch-11712259">&times;</label>
+
</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
+
<div class="description">Work has been done on the board layout for the temperature controller. The board layout is now finished.</div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Board layout [TC]</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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>
+
<label for="switch-11712259" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">15-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
#switch-47261852:checked ~ #card-47261852 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-47261852:checked ~ #card-47261852 .entryform {
+
display: block;
+
}
+
#switch-47261852:checked ~ #card-47261852 .cardform,
+
#switch-47261852:checked ~ #card-47261852::before,
+
#switch-47261852:checked ~ #card-47261852::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-47261852" class="switch"></input>
+
<td style="width: 117px;">Grow</td>
<div class="card wetlab-card" id="card-47261852">
+
  
<div class="entryform">
+
</tr>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Basic parts</h1>
+
<h3 class="date">16-7-2018</h3>
+
<label class="back" for="switch-47261852">&times;</label>
+
</div>
+
<div class="attendees">Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Randall de Waard</div>
+
<div class="description">To know if the ligation was succesfull we will controll the DNA, therefor we ented the bacteria's with DNA in LB-medium to grow overnight. We also plated the used bacteria's onto new plates to use for further experiments. </div>
+
</div>
+
  
<div class="cardform">
+
<tr>
<div class="number"><b>04</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-47261852" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">16-7-2018</h2>
+
</div>
+
  
</div><style>
+
<td style="width: 123px;"><span style="font-size:14px;">Negative control</span></td>
#switch-77381001:checked ~ #card-77381001 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-77381001:checked ~ #card-77381001 .entryform {
+
display: block;
+
}
+
#switch-77381001:checked ~ #card-77381001 .cardform,
+
#switch-77381001:checked ~ #card-77381001::before,
+
#switch-77381001:checked ~ #card-77381001::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-77381001" class="switch"></input>
+
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
<div class="card wetlab-card" id="card-77381001">
+
  
<div class="entryform">
+
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Blue White screening on paper</h1>
+
<h3 class="date">16-7-2018</h3>
+
<label class="back" for="switch-77381001">&times;</label>
+
</div>
+
<div class="attendees">Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Randall de Waard</div>
+
<div class="description">We did a blue white screening on our buisnesscards to see if bacteria had grew on them. We transferred the buisnesscards to new petrydishes and added ITPG and X-gal to the petrydishes. </div>
+
</div>
+
  
<div class="cardform">
+
<td style="width: 117px;">No Grow</td>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Blue White screening on paper</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<label for="switch-77381001" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">16-7-2018</h2>
+
</div>
+
  
</div><style>
+
</tr>
#switch-72353501:checked ~ #card-72353501 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-72353501:checked ~ #card-72353501 .entryform {
+
display: block;
+
}
+
#switch-72353501:checked ~ #card-72353501 .cardform,
+
#switch-72353501:checked ~ #card-72353501::before,
+
#switch-72353501:checked ~ #card-72353501::after {
+
display: none;
+
}
+
</style>
+
  
<input type="checkbox" id="switch-72353501" class="switch"></input>
+
</tbody>
<div class="card software-card" id="card-72353501">
+
  
<div class="entryform">
+
</table>
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook</h1>
+
<h3 class="date">17-7-2018</h3>
+
<label class="back" for="switch-72353501">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Frontend design for the notebook</div>
+
</div>
+
  
<div class="cardform">
+
<em>Table 2: Results experiment 2</em><br>
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-72353501" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">17-7-2018</h2>
+
</div>
+
  
</div><style>
+
&nbsp;</div>
#switch-8294638:checked ~ #card-8294638 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-8294638:checked ~ #card-8294638 .entryform {
+
display: block;
+
}
+
#switch-8294638:checked ~ #card-8294638 .cardform,
+
#switch-8294638:checked ~ #card-8294638::before,
+
#switch-8294638:checked ~ #card-8294638::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-8294638" class="switch"></input>
+
<div class="card wetlab-card" id="card-8294638">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" 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" />
+
</svg>
+
<h1 class="title">Basic parts</h1>
+
<h3 class="date">17-7-2018</h3>
+
<label class="back" for="switch-8294638">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser | Dustin van der Meulen | Loraine Nelson  | Suzanne Romeijn | Randall de Waard</div>
+
<div class="description">The resulst of 7/16/2018 showed that the DNA didnt ligate as planned.  To be able to digest enough DNA we did a plasmid isolation again. We digested this DNA and froze it for further use. </div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>05</b></div>
+
<div class="number"><b>1</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Urea and sodium pyruvate test for resistence E.coli</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-8294638" class="more-info">Show more</label>
+
<label for="switch-82511398" class="more-info">Show more</label>
<h2 class="date" style="color: white;">17-7-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-10</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-41736534:checked ~ #card-41736534 {
+
#switch-78182617:checked ~ #card-78182617 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-41736534:checked ~ #card-41736534 .entryform {
+
#switch-78182617:checked ~ #card-78182617 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-41736534:checked ~ #card-41736534 .cardform,
+
#switch-78182617:checked ~ #card-78182617 .cardform,
#switch-41736534:checked ~ #card-41736534::before,
+
#switch-78182617:checked ~ #card-78182617::before,
#switch-41736534:checked ~ #card-41736534::after {
+
#switch-78182617:checked ~ #card-78182617::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-41736534" class="switch"></input>
+
<input type="checkbox" id="switch-78182617" class="switch"></input>
<div class="card wetlab-card" id="card-41736534">
+
<div class="card wetlab-card" id="card-78182617">
  
 
<div class="entryform">
 
<div class="entryform">
Line 1,943: Line 952:
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Stock up</h1>
+
<h1 class="title">Testing gas production</h1>
<h3 class="date">18-7-2018</h3>
+
<h3 class="date">2018-08-16</h3>
<label class="back" for="switch-41736534">&times;</label>
+
<label class="back" for="switch-78182617">&times;</label>
 
</div>
 
</div>
<div class="attendees">Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Mike Vrieswijk | Randall de Waard</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">We did another round of plasmid isolation for stocking. </div>
+
<div class="description"><p>Making a set up for the gas production testing and testing it with NEB10B�ta with the expected biobricks in it (K133071 + J23100).</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>02</b></div>
+
<div class="number"><b>1</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Stock up</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-41736534" class="more-info">Show more</label>
+
<label for="switch-78182617" class="more-info">Show more</label>
<h2 class="date" style="color: white;">18-7-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-16</h2>
</div>
+
 
+
</div><style>
+
#switch-27479082:checked ~ #card-27479082 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-27479082:checked ~ #card-27479082 .entryform {
+
display: block;
+
}
+
#switch-27479082:checked ~ #card-27479082 .cardform,
+
#switch-27479082:checked ~ #card-27479082::before,
+
#switch-27479082:checked ~ #card-27479082::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-27479082" class="switch"></input>
+
<div class="card software-card" id="card-27479082">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook</h1>
+
<h3 class="date">19-7-2018</h3>
+
<label class="back" for="switch-27479082">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Designed a way to follow experiments that take up multiple days and eventually designed a notebook entry page and made it a responsive page</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-27479082" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">19-7-2018</h2>
+
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-56466256:checked ~ #card-56466256 {
+
#switch-64687233:checked ~ #card-64687233 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-56466256:checked ~ #card-56466256 .entryform {
+
#switch-64687233:checked ~ #card-64687233 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-56466256:checked ~ #card-56466256 .cardform,
+
#switch-64687233:checked ~ #card-64687233 .cardform,
#switch-56466256:checked ~ #card-56466256::before,
+
#switch-64687233:checked ~ #card-64687233::before,
#switch-56466256:checked ~ #card-56466256::after {
+
#switch-64687233:checked ~ #card-64687233::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-56466256" class="switch"></input>
+
<input type="checkbox" id="switch-64687233" class="switch"></input>
<div class="card wetlab-card" id="card-56466256">
+
<div class="card wetlab-card" id="card-64687233">
  
 
<div class="entryform">
 
<div class="entryform">
Line 2,025: Line 995:
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Basic parts</h1>
+
<h1 class="title">Testing gas production</h1>
<h3 class="date">19-7-2018</h3>
+
<h3 class="date">2018-08-23</h3>
<label class="back" for="switch-56466256">&times;</label>
+
<label class="back" for="switch-64687233">&times;</label>
 
</div>
 
</div>
<div class="attendees">Dustin van der Meulen | Mei Ju Goemans| Randall de Waard </div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">We digested all DNA we have in stock to test for our basic construct. We tested the DNA by doing a gelelktroforeses. </div>
+
<div class="description"><p></p></div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>06</b></div>
+
<div class="number"><b>2</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Basic parts</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-56466256" class="more-info">Show more</label>
+
<label for="switch-64687233" class="more-info">Show more</label>
<h2 class="date" style="color: white;">19-7-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-23</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-12211553:checked ~ #card-12211553 {
+
#switch-20515369:checked ~ #card-20515369 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-12211553:checked ~ #card-12211553 .entryform {
+
#switch-20515369:checked ~ #card-20515369 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-12211553:checked ~ #card-12211553 .cardform,
+
#switch-20515369:checked ~ #card-20515369 .cardform,
#switch-12211553:checked ~ #card-12211553::before,
+
#switch-20515369:checked ~ #card-20515369::before,
#switch-12211553:checked ~ #card-12211553::after {
+
#switch-20515369:checked ~ #card-20515369::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-12211553" class="switch"></input>
+
<input type="checkbox" id="switch-20515369" class="switch"></input>
<div class="card software-card" id="card-12211553">
+
<div class="card wetlab-card" id="card-20515369">
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook</h1>
+
<h3 class="date">21-7-2018</h3>
+
<label class="back" for="switch-12211553">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Created a one page notebook. Made the notebook entry page more suited for the entry length</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>04</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-12211553" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">21-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-31574330:checked ~ #card-31574330 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-31574330:checked ~ #card-31574330 .entryform {
+
display: block;
+
}
+
#switch-31574330:checked ~ #card-31574330 .cardform,
+
#switch-31574330:checked ~ #card-31574330::before,
+
#switch-31574330:checked ~ #card-31574330::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-31574330" class="switch"></input>
+
<div class="card wetlab-card" id="card-31574330">
+
  
 
<div class="entryform">
 
<div class="entryform">
Line 2,107: Line 1,036:
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">ATP sensor</h1>
+
<h1 class="title">Testing gas production</h1>
<h3 class="date">24-7-2018</h3>
+
<h3 class="date">2018-08-23</h3>
<label class="back" for="switch-31574330">&times;</label>
+
<label class="back" for="switch-20515369">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser | Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Randall de Waard</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">New biobricks, used to make an ATP sensor, were transformed into NEB10Beta. The culture was than plated onto agar and incubated for 1 day.  </div>
+
<div class="description"><p></p></div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>3</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">ATP sensor</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-31574330" class="more-info">Show more</label>
+
<label for="switch-20515369" class="more-info">Show more</label>
<h2 class="date" style="color: white;">24-7-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-23</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
#switch-16040821:checked ~ #card-16040821 {
+
#switch-36572725:checked ~ #card-36572725 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
#switch-16040821:checked ~ #card-16040821 .entryform {
+
#switch-36572725:checked ~ #card-36572725 .entryform {
 
display: block;
 
display: block;
 
}
 
}
#switch-16040821:checked ~ #card-16040821 .cardform,
+
#switch-36572725:checked ~ #card-36572725 .cardform,
#switch-16040821:checked ~ #card-16040821::before,
+
#switch-36572725:checked ~ #card-36572725::before,
#switch-16040821:checked ~ #card-16040821::after {
+
#switch-36572725:checked ~ #card-36572725::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
<input type="checkbox" id="switch-16040821" class="switch"></input>
+
<input type="checkbox" id="switch-36572725" class="switch"></input>
<div class="card wetlab-card" id="card-16040821">
+
<div class="card wetlab-card" id="card-36572725">
  
 
<div class="entryform">
 
<div class="entryform">
Line 2,148: Line 1,077:
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<h1 class="title">Gas output</h1>
+
<h1 class="title">Testing gas production</h1>
<h3 class="date">24-7-2018</h3>
+
<h3 class="date">2018-08-23</h3>
<label class="back" for="switch-16040821">&times;</label>
+
<label class="back" for="switch-36572725">&times;</label>
 
</div>
 
</div>
<div class="attendees">Rens Boeser | Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Randall de Waard</div>
+
<div class="attendees">UNKNOWN</div>
<div class="description">New biobricks, which produces gasses, were transformed into NEB10Beta. The culture was than plated onto agar and incubated for 1 day.  </div>
+
<div class="description"><p></p></div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
<div class="number"><b>01</b></div>
+
<div class="number"><b>4</b></div>
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Gas output</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
 
<path fill="currentColor" 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 fill="currentColor" 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" />
 
</svg>
 
</svg>
<label for="switch-16040821" class="more-info">Show more</label>
+
<label for="switch-36572725" class="more-info">Show more</label>
<h2 class="date" style="color: white;">24-7-2018</h2>
+
<h2 class="date" style="color: white;">2018-08-23</h2>
</div>
+
 
+
</div><style>
+
#switch-5748572:checked ~ #card-5748572 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-5748572:checked ~ #card-5748572 .entryform {
+
display: block;
+
}
+
#switch-5748572:checked ~ #card-5748572 .cardform,
+
#switch-5748572:checked ~ #card-5748572::before,
+
#switch-5748572:checked ~ #card-5748572::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-5748572" class="switch"></input>
+
<div class="card software-card" id="card-5748572">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook generator</h1>
+
<h3 class="date">24-7-2018</h3>
+
<label class="back" for="switch-5748572">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Started working on an automatic notebook creator</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook generator</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-5748572" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">24-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-50827534:checked ~ #card-50827534 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-50827534:checked ~ #card-50827534 .entryform {
+
display: block;
+
}
+
#switch-50827534:checked ~ #card-50827534 .cardform,
+
#switch-50827534:checked ~ #card-50827534::before,
+
#switch-50827534:checked ~ #card-50827534::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-50827534" class="switch"></input>
+
<div class="card software-card" id="card-50827534">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook generator</h1>
+
<h3 class="date">25-7-2018</h3>
+
<label class="back" for="switch-50827534">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Automatic generation of entries completed</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook generator</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-50827534" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">25-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-24195504:checked ~ #card-24195504 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-24195504:checked ~ #card-24195504 .entryform {
+
display: block;
+
}
+
#switch-24195504:checked ~ #card-24195504 .cardform,
+
#switch-24195504:checked ~ #card-24195504::before,
+
#switch-24195504:checked ~ #card-24195504::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-24195504" class="switch"></input>
+
<div class="card software-card" id="card-24195504">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Google Drive API</h1>
+
<h3 class="date">25-7-2018</h3>
+
<label class="back" for="switch-24195504">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Used the Google drive REST API to download the entries from drive</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Google Drive API</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-24195504" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">25-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-78325105:checked ~ #card-78325105 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-78325105:checked ~ #card-78325105 .entryform {
+
display: block;
+
}
+
#switch-78325105:checked ~ #card-78325105 .cardform,
+
#switch-78325105:checked ~ #card-78325105::before,
+
#switch-78325105:checked ~ #card-78325105::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-78325105" class="switch"></input>
+
<div class="card software-card" id="card-78325105">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Automatic uploader</h1>
+
<h3 class="date">25-7-2018</h3>
+
<label class="back" for="switch-78325105">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Used the igemwiki API to update pages using software</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Automatic uploader</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-78325105" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">25-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-40724453:checked ~ #card-40724453 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-40724453:checked ~ #card-40724453 .entryform {
+
display: block;
+
}
+
#switch-40724453:checked ~ #card-40724453 .cardform,
+
#switch-40724453:checked ~ #card-40724453::before,
+
#switch-40724453:checked ~ #card-40724453::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-40724453" class="switch"></input>
+
<div class="card software-card" id="card-40724453">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Automation program</h1>
+
<h3 class="date">29-7-2018</h3>
+
<label class="back" for="switch-40724453">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Connected the page uploader to the notebook generator</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Automation program</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-40724453" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">29-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-55509722:checked ~ #card-55509722 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-55509722:checked ~ #card-55509722 .entryform {
+
display: block;
+
}
+
#switch-55509722:checked ~ #card-55509722 .cardform,
+
#switch-55509722:checked ~ #card-55509722::before,
+
#switch-55509722:checked ~ #card-55509722::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-55509722" class="switch"></input>
+
<div class="card software-card" id="card-55509722">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Automatic uploader</h1>
+
<h3 class="date">29-7-2018</h3>
+
<label class="back" for="switch-55509722">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Created a program that uploads all updated pages</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Automatic uploader</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-55509722" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">29-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-29243819:checked ~ #card-29243819 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-29243819:checked ~ #card-29243819 .entryform {
+
display: block;
+
}
+
#switch-29243819:checked ~ #card-29243819 .cardform,
+
#switch-29243819:checked ~ #card-29243819::before,
+
#switch-29243819:checked ~ #card-29243819::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-29243819" class="switch"></input>
+
<div class="card software-card" id="card-29243819">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Page generator</h1>
+
<h3 class="date">31-7-2018</h3>
+
<label class="back" for="switch-29243819">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Built a page builder that automatically adds the header and footer before uploading</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>01</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Page generator</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-29243819" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">31-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-9552916:checked ~ #card-9552916 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-9552916:checked ~ #card-9552916 .entryform {
+
display: block;
+
}
+
#switch-9552916:checked ~ #card-9552916 .cardform,
+
#switch-9552916:checked ~ #card-9552916::before,
+
#switch-9552916:checked ~ #card-9552916::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-9552916" class="switch"></input>
+
<div class="card software-card" id="card-9552916">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Google Drive API</h1>
+
<h3 class="date">31-7-2018</h3>
+
<label class="back" for="switch-9552916">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Redone the google API handler for reusability and readability and made the google API handler generic</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Google Drive API</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-9552916" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">31-7-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-76002001:checked ~ #card-76002001 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-76002001:checked ~ #card-76002001 .entryform {
+
display: block;
+
}
+
#switch-76002001:checked ~ #card-76002001 .cardform,
+
#switch-76002001:checked ~ #card-76002001::before,
+
#switch-76002001:checked ~ #card-76002001::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-76002001" class="switch"></input>
+
<div class="card software-card" id="card-76002001">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Automation program</h1>
+
<h3 class="date">31-7-2018</h3>
+
<label class="back" for="switch-76002001">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">revamped the main program</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>02</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Automation program</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-76002001" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">31-7-2018</h2>
+
</div>
+
 
+
</div></div>
+
 
+
<h1 class="month">August</h1>
+
<div class="cards">
+
<style>
+
#switch-66986744:checked ~ #card-66986744 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-66986744:checked ~ #card-66986744 .entryform {
+
display: block;
+
}
+
#switch-66986744:checked ~ #card-66986744 .cardform,
+
#switch-66986744:checked ~ #card-66986744::before,
+
#switch-66986744:checked ~ #card-66986744::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-66986744" class="switch"></input>
+
<div class="card software-card" id="card-66986744">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Automation program</h1>
+
<h3 class="date">1-8-2018</h3>
+
<label class="back" for="switch-66986744">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Finished redoing the application for generating and uploading pages</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>03</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Automation program</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-66986744" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">1-8-2018</h2>
+
</div>
+
 
+
</div><style>
+
#switch-98703106:checked ~ #card-98703106 {
+
width: 100%;
+
height: auto;
+
}
+
#switch-98703106:checked ~ #card-98703106 .entryform {
+
display: block;
+
}
+
#switch-98703106:checked ~ #card-98703106 .cardform,
+
#switch-98703106:checked ~ #card-98703106::before,
+
#switch-98703106:checked ~ #card-98703106::after {
+
display: none;
+
}
+
</style>
+
 
+
<input type="checkbox" id="switch-98703106" class="switch"></input>
+
<div class="card software-card" id="card-98703106">
+
 
+
<div class="entryform">
+
<div class="titlebar">
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<h1 class="title">Notebook</h1>
+
<h3 class="date">2-8-2018</h3>
+
<label class="back" for="switch-98703106">&times;</label>
+
</div>
+
<div class="attendees">Rens Boeser</div>
+
<div class="description">Added month categorization to the page</div>
+
</div>
+
 
+
<div class="cardform">
+
<div class="number"><b>05</b></div>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Notebook</h3>
+
<svg style="width:80px;height:80px" viewBox="0 0 24 24">
+
<path fill="currentColor" d="M8,3A2,2 0 0,0 6,5V9A2,2 0 0,1 4,11H3V13H4A2,2 0 0,1 6,15V19A2,2 0 0,0 8,21H10V19H8V14A2,2 0 0,0 6,12A2,2 0 0,0 8,10V5H10V3M16,3A2,2 0 0,1 18,5V9A2,2 0 0,0 20,11H21V13H20A2,2 0 0,0 18,15V19A2,2 0 0,1 16,21H14V19H16V14A2,2 0 0,1 18,12A2,2 0 0,1 16,10V5H14V3H16Z" />
+
</svg>
+
<label for="switch-98703106" class="more-info">Show more</label>
+
<h2 class="date" style="color: white;">2-8-2018</h2>
+
 
</div>
 
</div>
  

Revision as of 12:11, 26 August 2018

Notebook

show wetlab entries
show hardware entries
show software entries

None

Transformation

2018-07-24

UNKNOWN

Today we did a transformation with new biobricks. The biobricks were built into chemically competent cells from the strain NEb10Beta. After transformation the culture was plated on agar plates with antibiotics. The results were checked the next day. 

1

Transformation

2018-07-24

Transformation

2018-07-27

UNKNOWN

To be able to always get the necessary biobricks, we made an glycerol stock after every transformation. The glycerol stocks are stored at -80 degrees Celsius. If needed, they can retrieved from this storage to use for experiments. 

2

Transformation

2018-07-27

Transformation

2018-08-09

UNKNOWN

For further experiments we needed isolated DNA. The DNA is isolated out of the bacteria with the help of a plasmid purifaction kit. After isolation this DNA can be used for digestion and ligation or other experiments.

3

Transformation

2018-08-09

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-23

UNKNOWN

Today we did a transformation with new biobricks. The biobricks were built into chemically competent cells from the strain NEb10Beta. After transformation the culture was plated on agar plates with antibiotics. The results were checked the next day. 

1

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-23

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-24

UNKNOWN

To be able to always get the necessary biobricks, we made an glycerol stock after every transformation. The glycerol stocks are stored at -80 degrees Celsius. If needed, they can retrieved from this storage to use for experiments. 

2

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-24

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-27

UNKNOWN

For further experiments there is isolated DNA needed of the biobricks J23100, K133071, K173003 and I134353. The DNA is isolated out of the bacteria with the help of a plasmid purifaction kit. After isolation this DNA can be used for digestion and ligation or other experiments.

3

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-07-27

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-10

UNKNOWN

The biobricks J23100, K133071, K173003 and I134353 were sucessfully digested after the second time. After that de digested biobricks K133071 and K173003 were dephosforylated and ligated with the inserts J23100 and I13453. 

4

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-10

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

UNKNOWN

Transformations of the biobricks K133071 + J23100, K13071 + I13453, K173003 + J23100 and K173003 + I13453 in NEB10B�ta.

5

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

UNKNOWN

A colony PCR is done for the NEB10B�ta E.coli cells with expected the biobrick combination of K133071 with J23100.

6

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

UNKNOWN
The ligation of K173003 with J23100 or I13453, and the ligation of K133071 with I13453 has been performed again.
7

Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli

2018-08-13

Urea and sodium pyruvate test for resistence E.coli

2018-08-10

UNKNOWN

Results Experiment 1
 

What How much Solution Result
Urea 1 g 1 mL purified water Grow
Urea 2,4 g 2 mL purified water No grow
Urea 4,8 g 4 mL purified water No grow
Sodium pyruvate 5,7 mL - Grow
Positive control - - Grow
Negative control - - No grow
Table 1: Results experiment 1

Results Experiment 2
 
What How much Solution Result
Urea 1,2 g 1 mL purified water Little grow
Urea 1,6 g 2 mL purified water No grow
Sodium pyruvate 10 mL - Grow
Positive control - - Grow
Negative control - - No Grow
Table 2: Results experiment 2
 
1

Urea and sodium pyruvate test for resistence E.coli

2018-08-10

Testing gas production

2018-08-16

UNKNOWN

Making a set up for the gas production testing and testing it with NEB10B�ta with the expected biobricks in it (K133071 + J23100).

1

Testing gas production

2018-08-16

Testing gas production

2018-08-23

UNKNOWN

2

Testing gas production

2018-08-23

Testing gas production

2018-08-23

UNKNOWN

3

Testing gas production

2018-08-23

Testing gas production

2018-08-23

UNKNOWN

4

Testing gas production

2018-08-23