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">None</h1>
+
<h1 class="month">May</h1>
 
<div class="cards">
 
<div class="cards">
 
<style>
 
<style>
−
#switch-19860074:checked ~ #card-19860074 {
+
#switch-7174528:checked ~ #card-7174528 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-19860074:checked ~ #card-19860074 .entryform {
+
#switch-7174528:checked ~ #card-7174528 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-19860074:checked ~ #card-19860074 .cardform,
+
#switch-7174528:checked ~ #card-7174528 .cardform,
−
#switch-19860074:checked ~ #card-19860074::before,
+
#switch-7174528:checked ~ #card-7174528::before,
−
#switch-19860074:checked ~ #card-19860074::after {
+
#switch-7174528:checked ~ #card-7174528::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-19860074" class="switch"></input>
+
<input type="checkbox" id="switch-7174528" class="switch"></input>
−
<div class="card wetlab-card" id="card-19860074">
+
<div class="card software-card" id="card-7174528">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Transformation</h1>
+
<h1 class="title">Team page</h1>
−
<h3 class="date">2018-07-24</h3>
+
<h3 class="date">10-5-2018</h3>
−
<label class="back" for="switch-19860074">&times;</label>
+
<label class="back" for="switch-7174528">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Created the first prototype for the team page</div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>1</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team page</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="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>
 
</svg>
−
<label for="switch-19860074" class="more-info">Show more</label>
+
<label for="switch-7174528" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-07-24</h2>
+
<h2 class="date" style="color: white;">10-5-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-85900573:checked ~ #card-85900573 {
+
#switch-28974313:checked ~ #card-28974313 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-85900573:checked ~ #card-85900573 .entryform {
+
#switch-28974313:checked ~ #card-28974313 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-85900573:checked ~ #card-85900573 .cardform,
+
#switch-28974313:checked ~ #card-28974313 .cardform,
−
#switch-85900573:checked ~ #card-85900573::before,
+
#switch-28974313:checked ~ #card-28974313::before,
−
#switch-85900573:checked ~ #card-85900573::after {
+
#switch-28974313:checked ~ #card-28974313::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-85900573" class="switch"></input>
+
<input type="checkbox" id="switch-28974313" class="switch"></input>
−
<div class="card wetlab-card" id="card-85900573">
+
<div class="card software-card" id="card-28974313">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Transformation</h1>
+
<h1 class="title">Footer</h1>
−
<h3 class="date">2018-07-27</h3>
+
<h3 class="date">20-5-2018</h3>
−
<label class="back" for="switch-85900573">&times;</label>
+
<label class="back" for="switch-28974313">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Social media created</div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>2</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Footer</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="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>
 
</svg>
−
<label for="switch-85900573" class="more-info">Show more</label>
+
<label for="switch-28974313" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-07-27</h2>
+
<h2 class="date" style="color: white;">20-5-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-78052108:checked ~ #card-78052108 {
+
#switch-94428405:checked ~ #card-94428405 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-78052108:checked ~ #card-78052108 .entryform {
+
#switch-94428405:checked ~ #card-94428405 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-78052108:checked ~ #card-78052108 .cardform,
+
#switch-94428405:checked ~ #card-94428405 .cardform,
−
#switch-78052108:checked ~ #card-78052108::before,
+
#switch-94428405:checked ~ #card-94428405::before,
−
#switch-78052108:checked ~ #card-78052108::after {
+
#switch-94428405:checked ~ #card-94428405::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-78052108" class="switch"></input>
+
<input type="checkbox" id="switch-94428405" class="switch"></input>
−
<div class="card wetlab-card" id="card-78052108">
+
<div class="card software-card" id="card-94428405">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Transformation</h1>
+
<h1 class="title">Footer</h1>
−
<h3 class="date">2018-08-09</h3>
+
<h3 class="date">21-5-2018</h3>
−
<label class="back" for="switch-78052108">&times;</label>
+
<label class="back" for="switch-94428405">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Social media buttons same color and fixed iGEM style issues</div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>3</b></div>
+
<div class="number"><b>02</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Transformation</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Footer</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="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>
 
</svg>
−
<label for="switch-78052108" class="more-info">Show more</label>
+
<label for="switch-94428405" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-09</h2>
+
<h2 class="date" style="color: white;">21-5-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-13081020:checked ~ #card-13081020 {
+
#switch-38042162:checked ~ #card-38042162 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-13081020:checked ~ #card-13081020 .entryform {
+
#switch-38042162:checked ~ #card-38042162 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-13081020:checked ~ #card-13081020 .cardform,
+
#switch-38042162:checked ~ #card-38042162 .cardform,
−
#switch-13081020:checked ~ #card-13081020::before,
+
#switch-38042162:checked ~ #card-38042162::before,
−
#switch-13081020:checked ~ #card-13081020::after {
+
#switch-38042162:checked ~ #card-38042162::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-13081020" class="switch"></input>
+
<input type="checkbox" id="switch-38042162" class="switch"></input>
−
<div class="card wetlab-card" id="card-13081020">
+
<div class="card software-card" id="card-38042162">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Notebook</h1>
−
<h3 class="date">2018-07-23</h3>
+
<h3 class="date">24-5-2018</h3>
−
<label class="back" for="switch-13081020">&times;</label>
+
<label class="back" for="switch-38042162">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Multiple week summary styles created for the notes</div>
 +
</div>
  
−
</div>
+
<div class="cardform">
 +
<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-38042162" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">24-5-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-55696104:checked ~ #card-55696104 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-55696104:checked ~ #card-55696104 .entryform {
 +
display: block;
 +
}
 +
#switch-55696104:checked ~ #card-55696104 .cardform,
 +
#switch-55696104:checked ~ #card-55696104::before,
 +
#switch-55696104:checked ~ #card-55696104::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-55696104" class="switch"></input>
 +
<div class="card software-card" id="card-55696104">
 +
 
 +
<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-55696104">&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>1</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</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="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>
 
</svg>
−
<label for="switch-13081020" class="more-info">Show more</label>
+
<label for="switch-55696104" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-07-23</h2>
+
<h2 class="date" style="color: white;">27-5-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-54327698:checked ~ #card-54327698 {
+
#switch-82752085:checked ~ #card-82752085 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-54327698:checked ~ #card-54327698 .entryform {
+
#switch-82752085:checked ~ #card-82752085 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-54327698:checked ~ #card-54327698 .cardform,
+
#switch-82752085:checked ~ #card-82752085 .cardform,
−
#switch-54327698:checked ~ #card-54327698::before,
+
#switch-82752085:checked ~ #card-82752085::before,
−
#switch-54327698:checked ~ #card-54327698::after {
+
#switch-82752085:checked ~ #card-82752085::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-54327698" class="switch"></input>
+
<input type="checkbox" id="switch-82752085" class="switch"></input>
−
<div class="card wetlab-card" id="card-54327698">
+
<div class="card software-card" id="card-82752085">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Main template</h1>
−
<h3 class="date">2018-07-24</h3>
+
<h3 class="date">28-5-2018</h3>
−
<label class="back" for="switch-54327698">&times;</label>
+
<label class="back" for="switch-82752085">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Added template header and footer with 'under construction' content</div>
 +
</div>
  
−
</div>
+
<div class="cardform">
 +
<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-82752085" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">28-5-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-34388730:checked ~ #card-34388730 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-34388730:checked ~ #card-34388730 .entryform {
 +
display: block;
 +
}
 +
#switch-34388730:checked ~ #card-34388730 .cardform,
 +
#switch-34388730:checked ~ #card-34388730::before,
 +
#switch-34388730:checked ~ #card-34388730::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-34388730" class="switch"></input>
 +
<div class="card software-card" id="card-34388730">
 +
 
 +
<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-34388730">&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>2</b></div>
+
<div class="number"><b>02</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</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="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>
 
</svg>
−
<label for="switch-54327698" class="more-info">Show more</label>
+
<label for="switch-34388730" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-07-24</h2>
+
<h2 class="date" style="color: white;">28-5-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-59986709:checked ~ #card-59986709 {
+
#switch-18284104:checked ~ #card-18284104 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-59986709:checked ~ #card-59986709 .entryform {
+
#switch-18284104:checked ~ #card-18284104 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-59986709:checked ~ #card-59986709 .cardform,
+
#switch-18284104:checked ~ #card-18284104 .cardform,
−
#switch-59986709:checked ~ #card-59986709::before,
+
#switch-18284104:checked ~ #card-18284104::before,
−
#switch-59986709:checked ~ #card-59986709::after {
+
#switch-18284104:checked ~ #card-18284104::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-59986709" class="switch"></input>
+
<input type="checkbox" id="switch-18284104" class="switch"></input>
−
<div class="card wetlab-card" id="card-59986709">
+
<div class="card software-card" id="card-18284104">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Team</h1>
−
<h3 class="date">2018-07-27</h3>
+
<h3 class="date">29-5-2018</h3>
−
<label class="back" for="switch-59986709">&times;</label>
+
<label class="back" for="switch-18284104">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Added a PI list with the secondary PI</div>
 +
</div>
  
−
</div>
+
<div class="cardform">
 +
<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-18284104" 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-1962579:checked ~ #card-1962579 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-1962579:checked ~ #card-1962579 .entryform {
 +
display: block;
 +
}
 +
#switch-1962579:checked ~ #card-1962579 .cardform,
 +
#switch-1962579:checked ~ #card-1962579::before,
 +
#switch-1962579:checked ~ #card-1962579::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-1962579" class="switch"></input>
 +
<div class="card software-card" id="card-1962579">
 +
 
 +
<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-1962579">&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>3</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<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">
 
<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="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>
 
</svg>
−
<label for="switch-59986709" class="more-info">Show more</label>
+
<label for="switch-1962579" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-07-27</h2>
+
<h2 class="date" style="color: white;">7-6-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-67948652:checked ~ #card-67948652 {
+
#switch-85559368:checked ~ #card-85559368 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-67948652:checked ~ #card-67948652 .entryform {
+
#switch-85559368:checked ~ #card-85559368 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-67948652:checked ~ #card-67948652 .cardform,
+
#switch-85559368:checked ~ #card-85559368 .cardform,
−
#switch-67948652:checked ~ #card-67948652::before,
+
#switch-85559368:checked ~ #card-85559368::before,
−
#switch-67948652:checked ~ #card-67948652::after {
+
#switch-85559368:checked ~ #card-85559368::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-67948652" class="switch"></input>
+
<input type="checkbox" id="switch-85559368" class="switch"></input>
−
<div class="card wetlab-card" id="card-67948652">
+
<div class="card software-card" id="card-85559368">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Team</h1>
−
<h3 class="date">2018-08-10</h3>
+
<h3 class="date">9-6-2018</h3>
−
<label class="back" for="switch-67948652">&times;</label>
+
<label class="back" for="switch-85559368">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Added myself to the teammember Page and did some bugfixing</div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>4</b></div>
+
<div class="number"><b>03</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Team</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="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>
 
</svg>
−
<label for="switch-67948652" class="more-info">Show more</label>
+
<label for="switch-85559368" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-10</h2>
+
<h2 class="date" style="color: white;">9-6-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-23106014:checked ~ #card-23106014 {
+
#switch-30972530:checked ~ #card-30972530 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-23106014:checked ~ #card-23106014 .entryform {
+
#switch-30972530:checked ~ #card-30972530 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-23106014:checked ~ #card-23106014 .cardform,
+
#switch-30972530:checked ~ #card-30972530 .cardform,
−
#switch-23106014:checked ~ #card-23106014::before,
+
#switch-30972530:checked ~ #card-30972530::before,
−
#switch-23106014:checked ~ #card-23106014::after {
+
#switch-30972530:checked ~ #card-30972530::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-23106014" class="switch"></input>
+
<input type="checkbox" id="switch-30972530" class="switch"></input>
−
<div class="card wetlab-card" id="card-23106014">
+
<div class="card software-card" id="card-30972530">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Header</h1>
−
<h3 class="date">2018-08-13</h3>
+
<h3 class="date">9-6-2018</h3>
−
<label class="back" for="switch-23106014">&times;</label>
+
<label class="back" for="switch-30972530">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</div>
−
<div class="description"><p>Transformations of the biobricks K133071 + J23100, K13071 + I13453, K173003 + J23100 and K173003 + I13453 in NEB10B�ta.</p>
+
<div class="description">Started working on a better looking menubar</div>
 +
</div>
  
−
</div>
+
<div class="cardform">
 +
<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-30972530" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">9-6-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-56436774:checked ~ #card-56436774 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-56436774:checked ~ #card-56436774 .entryform {
 +
display: block;
 +
}
 +
#switch-56436774:checked ~ #card-56436774 .cardform,
 +
#switch-56436774:checked ~ #card-56436774::before,
 +
#switch-56436774:checked ~ #card-56436774::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-56436774" class="switch"></input>
 +
<div class="card software-card" id="card-56436774">
 +
 
 +
<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-56436774">&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>5</b></div>
+
<div class="number"><b>04</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</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="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>
 
</svg>
−
<label for="switch-23106014" class="more-info">Show more</label>
+
<label for="switch-56436774" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-13</h2>
+
<h2 class="date" style="color: white;">10-6-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-74417430:checked ~ #card-74417430 {
+
#switch-27815135:checked ~ #card-27815135 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-74417430:checked ~ #card-74417430 .entryform {
+
#switch-27815135:checked ~ #card-27815135 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-74417430:checked ~ #card-74417430 .cardform,
+
#switch-27815135:checked ~ #card-27815135 .cardform,
−
#switch-74417430:checked ~ #card-74417430::before,
+
#switch-27815135:checked ~ #card-27815135::before,
−
#switch-74417430:checked ~ #card-74417430::after {
+
#switch-27815135:checked ~ #card-27815135::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-74417430" class="switch"></input>
+
<input type="checkbox" id="switch-27815135" class="switch"></input>
−
<div class="card wetlab-card" id="card-74417430">
+
<div class="card software-card" id="card-27815135">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Construction pages</h1>
−
<h3 class="date">2018-08-13</h3>
+
<h3 class="date">13-6-2018</h3>
−
<label class="back" for="switch-74417430">&times;</label>
+
<label class="back" for="switch-27815135">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Updated all Pages to the new style with an under construction sign</div>
 +
</div>
  
−
</div>
+
<div class="cardform">
 +
<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-27815135" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">13-6-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-74138121:checked ~ #card-74138121 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-74138121:checked ~ #card-74138121 .entryform {
 +
display: block;
 +
}
 +
#switch-74138121:checked ~ #card-74138121 .cardform,
 +
#switch-74138121:checked ~ #card-74138121::before,
 +
#switch-74138121:checked ~ #card-74138121::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-74138121" class="switch"></input>
 +
<div class="card software-card" id="card-74138121">
 +
 
 +
<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-74138121">&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>6</b></div>
+
<div class="number"><b>05</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Header</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="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>
 
</svg>
−
<label for="switch-74417430" class="more-info">Show more</label>
+
<label for="switch-74138121" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-13</h2>
+
<h2 class="date" style="color: white;">14-6-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-92443263:checked ~ #card-92443263 {
+
#switch-38599582:checked ~ #card-38599582 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-92443263:checked ~ #card-92443263 .entryform {
+
#switch-38599582:checked ~ #card-38599582 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-92443263:checked ~ #card-92443263 .cardform,
+
#switch-38599582:checked ~ #card-38599582 .cardform,
−
#switch-92443263:checked ~ #card-92443263::before,
+
#switch-38599582:checked ~ #card-38599582::before,
−
#switch-92443263:checked ~ #card-92443263::after {
+
#switch-38599582:checked ~ #card-38599582::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-92443263" class="switch"></input>
+
<input type="checkbox" id="switch-38599582" class="switch"></input>
−
<div class="card wetlab-card" id="card-92443263">
+
<div class="card software-card" id="card-38599582">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h1>
+
<h1 class="title">Main page</h1>
−
<h3 class="date">2018-08-13</h3>
+
<h3 class="date">14-6-2018</h3>
−
<label class="back" for="switch-92443263">&times;</label>
+
<label class="back" for="switch-38599582">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Rens Boeser</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 class="description">Updated the content containers so that they are responsive</div>
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>7</b></div>
+
<div class="number"><b>02</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Cloning Multiple BioBricks to Assess Gas Production BioBricks in E.Coli</h3>
+
<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">
 
<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="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>
 
</svg>
−
<label for="switch-92443263" class="more-info">Show more</label>
+
<label for="switch-38599582" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-13</h2>
+
<h2 class="date" style="color: white;">14-6-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-82511398:checked ~ #card-82511398 {
+
#switch-32333639:checked ~ #card-32333639 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-82511398:checked ~ #card-82511398 .entryform {
+
#switch-32333639:checked ~ #card-32333639 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-82511398:checked ~ #card-82511398 .cardform,
+
#switch-32333639:checked ~ #card-32333639 .cardform,
−
#switch-82511398:checked ~ #card-82511398::before,
+
#switch-32333639:checked ~ #card-32333639::before,
−
#switch-82511398:checked ~ #card-82511398::after {
+
#switch-32333639:checked ~ #card-32333639::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-82511398" class="switch"></input>
+
<input type="checkbox" id="switch-32333639" class="switch"></input>
−
<div class="card wetlab-card" id="card-82511398">
+
<div class="card hardware-card" id="card-32333639">
  
 
<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="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="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>
 
</svg>
−
<h1 class="title">Urea and sodium pyruvate test for resistence E.coli</h1>
+
<h1 class="title">Architecture design [TC]</h1>
−
<h3 class="date">2018-08-10</h3>
+
<h3 class="date">18-6-2018</h3>
−
<label class="back" for="switch-82511398">&times;</label>
+
<label class="back" for="switch-32333639">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Tom van Dijk | Mike Vrieswijk</div>
−
<div class="description"><p><strong><span style="font-size:16px;">Results Experiment 1</span></strong><br>
+
<div class="description">The first draft of the architecture design for the temperature controller was made.</div>
 +
</div>
  
−
&nbsp;</p>
+
<div class="cardform">
 +
<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-32333639" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">18-6-2018</h2>
 +
</div>
  
 +
</div><style>
 +
#switch-21858767:checked ~ #card-21858767 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-21858767:checked ~ #card-21858767 .entryform {
 +
display: block;
 +
}
 +
#switch-21858767:checked ~ #card-21858767 .cardform,
 +
#switch-21858767:checked ~ #card-21858767::before,
 +
#switch-21858767:checked ~ #card-21858767::after {
 +
display: none;
 +
}
 +
</style>
  
 +
<input type="checkbox" id="switch-21858767" class="switch"></input>
 +
<div class="card software-card" id="card-21858767">
  
−
<table border="1" cellpadding="1" cellspacing="1" style="width: 526px;">
+
<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">Human Practices page</h1>
 +
<h3 class="date">22-6-2018</h3>
 +
<label class="back" for="switch-21858767">&times;</label>
 +
</div>
 +
<div class="attendees">Rens Boeser</div>
 +
<div class="description">Content added to the human practices page</div>
 +
</div>
  
−
<tbody>
+
<div class="cardform">
 +
<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-21858767" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">22-6-2018</h2>
 +
</div>
  
−
<tr>
+
</div><style>
 +
#switch-2276741:checked ~ #card-2276741 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-2276741:checked ~ #card-2276741 .entryform {
 +
display: block;
 +
}
 +
#switch-2276741:checked ~ #card-2276741 .cardform,
 +
#switch-2276741:checked ~ #card-2276741::before,
 +
#switch-2276741:checked ~ #card-2276741::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 123px;"><span style="font-size:14px;"><strong>What</strong></span></td>
+
<input type="checkbox" id="switch-2276741" class="switch"></input>
 +
<div class="card software-card" id="card-2276741">
  
−
<td style="width: 95px;"><span style="font-size:14px;"><strong>How much</strong></span></td>
+
<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">23-6-2018</h3>
 +
<label class="back" for="switch-2276741">&times;</label>
 +
</div>
 +
<div class="attendees">Rens Boeser</div>
 +
<div class="description">Content created and added to the main page</div>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;"><strong>Solution</strong></span></td>
+
<div class="cardform">
 +
<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-2276741" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">23-6-2018</h2>
 +
</div>
  
−
<td style="width: 117px;"><strong><span style="font-size:14px;">Result</span></strong></td>
+
</div><style>
 +
#switch-75902144:checked ~ #card-75902144 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-75902144:checked ~ #card-75902144 .entryform {
 +
display: block;
 +
}
 +
#switch-75902144:checked ~ #card-75902144 .cardform,
 +
#switch-75902144:checked ~ #card-75902144::before,
 +
#switch-75902144:checked ~ #card-75902144::after {
 +
display: none;
 +
}
 +
</style>
  
−
</tr>
+
<input type="checkbox" id="switch-75902144" class="switch"></input>
 +
<div class="card hardware-card" id="card-75902144">
  
−
<tr>
+
<div class="entryform">
 +
<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-75902144">&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>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
+
<div class="cardform">
 +
<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-75902144" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">24-6-2018</h2>
 +
</div>
  
−
<td style="width: 95px;"><span style="font-size:14px;">1 g</span></td>
+
</div><style>
 +
#switch-55008619:checked ~ #card-55008619 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-55008619:checked ~ #card-55008619 .entryform {
 +
display: block;
 +
}
 +
#switch-55008619:checked ~ #card-55008619 .cardform,
 +
#switch-55008619:checked ~ #card-55008619::before,
 +
#switch-55008619:checked ~ #card-55008619::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 170px;"><span style="font-size:14px;">1 mL purified water</span></td>
+
<input type="checkbox" id="switch-55008619" class="switch"></input>
 +
<div class="card hardware-card" id="card-55008619">
  
−
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
+
<div class="entryform">
 +
<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-55008619">&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>
  
−
</tr>
+
<div class="cardform">
 +
<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-55008619" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">25-6-2018</h2>
 +
</div>
  
−
<tr>
+
</div><style>
 +
#switch-52761643:checked ~ #card-52761643 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-52761643:checked ~ #card-52761643 .entryform {
 +
display: block;
 +
}
 +
#switch-52761643:checked ~ #card-52761643 .cardform,
 +
#switch-52761643:checked ~ #card-52761643::before,
 +
#switch-52761643:checked ~ #card-52761643::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
+
<input type="checkbox" id="switch-52761643" class="switch"></input>
 +
<div class="card software-card" id="card-52761643">
  
−
<td style="width: 95px;"><span style="font-size:14px;">2,4 g</span></td>
+
<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">Team</h1>
 +
<h3 class="date">26-6-2018</h3>
 +
<label class="back" for="switch-52761643">&times;</label>
 +
</div>
 +
<div class="attendees">Rens Boeser</div>
 +
<div class="description">Added the remaining instructors to the team</div>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;">2 mL purified water</span></td>
+
<div class="cardform">
 +
<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-52761643" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">26-6-2018</h2>
 +
</div>
  
−
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
+
</div><style>
 +
#switch-37709037:checked ~ #card-37709037 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-37709037:checked ~ #card-37709037 .entryform {
 +
display: block;
 +
}
 +
#switch-37709037:checked ~ #card-37709037 .cardform,
 +
#switch-37709037:checked ~ #card-37709037::before,
 +
#switch-37709037:checked ~ #card-37709037::after {
 +
display: none;
 +
}
 +
</style>
  
−
</tr>
+
<input type="checkbox" id="switch-37709037" class="switch"></input>
 +
<div class="card hardware-card" id="card-37709037">
  
−
<tr>
+
<div class="entryform">
 +
<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-37709037">&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>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
+
<div class="cardform">
 +
<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-37709037" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">26-6-2018</h2>
 +
</div>
  
−
<td style="width: 95px;"><span style="font-size:14px;">4,8 g</span></td>
+
</div><style>
 +
#switch-52199035:checked ~ #card-52199035 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-52199035:checked ~ #card-52199035 .entryform {
 +
display: block;
 +
}
 +
#switch-52199035:checked ~ #card-52199035 .cardform,
 +
#switch-52199035:checked ~ #card-52199035::before,
 +
#switch-52199035:checked ~ #card-52199035::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 170px;"><span style="font-size:14px;">4 mL purified water</span></td>
+
<input type="checkbox" id="switch-52199035" class="switch"></input>
 +
<div class="card hardware-card" id="card-52199035">
  
−
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
+
<div class="entryform">
 +
<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-52199035">&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>
  
−
</tr>
+
<div class="cardform">
 +
<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-52199035" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">27-6-2018</h2>
 +
</div>
  
−
<tr>
+
</div></div>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Sodium pyruvate</span></td>
+
<h1 class="month">July</h1>
 +
<div class="cards">
 +
<style>
 +
#switch-22229210:checked ~ #card-22229210 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-22229210:checked ~ #card-22229210 .entryform {
 +
display: block;
 +
}
 +
#switch-22229210:checked ~ #card-22229210 .cardform,
 +
#switch-22229210:checked ~ #card-22229210::before,
 +
#switch-22229210:checked ~ #card-22229210::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 95px;"><span style="font-size:14px;">5,7 mL</span></td>
+
<input type="checkbox" id="switch-22229210" class="switch"></input>
 +
<div class="card hardware-card" id="card-22229210">
  
−
<td style="width: 170px;"><span style="font-size: 14px;">-</span></td>
+
<div class="entryform">
 +
<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-22229210">&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>
  
−
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
+
<div class="cardform">
 +
<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-22229210" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">2-7-2018</h2>
 +
</div>
  
−
</tr>
+
</div><style>
 +
#switch-43198228:checked ~ #card-43198228 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-43198228:checked ~ #card-43198228 .entryform {
 +
display: block;
 +
}
 +
#switch-43198228:checked ~ #card-43198228 .cardform,
 +
#switch-43198228:checked ~ #card-43198228::before,
 +
#switch-43198228:checked ~ #card-43198228::after {
 +
display: none;
 +
}
 +
</style>
  
−
<tr>
+
<input type="checkbox" id="switch-43198228" class="switch"></input>
 +
<div class="card hardware-card" id="card-43198228">
  
−
<td style="width: 123px;"><span style="font-size:14px;">Positive control</span></td>
+
<div class="entryform">
 +
<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-43198228">&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>
  
−
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
+
<div class="cardform">
 +
<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-43198228" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">5-7-2018</h2>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
+
</div><style>
 +
#switch-23088615:checked ~ #card-23088615 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-23088615:checked ~ #card-23088615 .entryform {
 +
display: block;
 +
}
 +
#switch-23088615:checked ~ #card-23088615 .cardform,
 +
#switch-23088615:checked ~ #card-23088615::before,
 +
#switch-23088615:checked ~ #card-23088615::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 117px;"><span style="font-size:14px;">Grow</span></td>
+
<input type="checkbox" id="switch-23088615" class="switch"></input>
 +
<div class="card hardware-card" id="card-23088615">
  
−
</tr>
+
<div class="entryform">
 +
<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-23088615">&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>
  
−
<tr>
+
<div class="cardform">
 +
<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-23088615" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">8-7-2018</h2>
 +
</div>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Negative control</span></td>
+
</div><style>
 +
#switch-29852329:checked ~ #card-29852329 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-29852329:checked ~ #card-29852329 .entryform {
 +
display: block;
 +
}
 +
#switch-29852329:checked ~ #card-29852329 .cardform,
 +
#switch-29852329:checked ~ #card-29852329::before,
 +
#switch-29852329:checked ~ #card-29852329::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
+
<input type="checkbox" id="switch-29852329" class="switch"></input>
 +
<div class="card hardware-card" id="card-29852329">
  
−
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
+
<div class="entryform">
 +
<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-29852329">&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>
  
−
<td style="width: 117px;"><span style="font-size:14px;">No grow</span></td>
+
<div class="cardform">
 +
<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-29852329" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">9-7-2018</h2>
 +
</div>
  
−
</tr>
+
</div><style>
 +
#switch-64498200:checked ~ #card-64498200 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-64498200:checked ~ #card-64498200 .entryform {
 +
display: block;
 +
}
 +
#switch-64498200:checked ~ #card-64498200 .cardform,
 +
#switch-64498200:checked ~ #card-64498200::before,
 +
#switch-64498200:checked ~ #card-64498200::after {
 +
display: none;
 +
}
 +
</style>
  
−
</tbody>
+
<input type="checkbox" id="switch-64498200" class="switch"></input>
 +
<div class="card hardware-card" id="card-64498200">
  
−
</table>
+
<div class="entryform">
 +
<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-64498200">&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>
  
−
<em>Table 1: Results experiment 1</em><br>
+
<div class="cardform">
 +
<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-64498200" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">11-7-2018</h2>
 +
</div>
  
−
<br>
+
</div><style>
 +
#switch-46499532:checked ~ #card-46499532 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-46499532:checked ~ #card-46499532 .entryform {
 +
display: block;
 +
}
 +
#switch-46499532:checked ~ #card-46499532 .cardform,
 +
#switch-46499532:checked ~ #card-46499532::before,
 +
#switch-46499532:checked ~ #card-46499532::after {
 +
display: none;
 +
}
 +
</style>
  
−
<span style="font-size:16px;"><strong>Results Experiment 2</strong></span><br>
+
<input type="checkbox" id="switch-46499532" class="switch"></input>
 +
<div class="card wetlab-card" id="card-46499532">
  
−
&nbsp;
+
<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">Stock up</h1>
 +
<h3 class="date">11-7-2018</h3>
 +
<label class="back" for="switch-46499532">&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>
  
−
<table border="1" cellpadding="1" cellspacing="1" style="width: 526px;">
+
<div class="cardform">
 +
<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-46499532" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">11-7-2018</h2>
 +
</div>
  
−
<tbody>
+
</div><style>
 +
#switch-51826584:checked ~ #card-51826584 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-51826584:checked ~ #card-51826584 .entryform {
 +
display: block;
 +
}
 +
#switch-51826584:checked ~ #card-51826584 .cardform,
 +
#switch-51826584:checked ~ #card-51826584::before,
 +
#switch-51826584:checked ~ #card-51826584::after {
 +
display: none;
 +
}
 +
</style>
  
−
<tr>
+
<input type="checkbox" id="switch-51826584" class="switch"></input>
 +
<div class="card wetlab-card" id="card-51826584">
  
−
<td style="width: 123px;"><span style="font-size:14px;"><strong>What</strong></span></td>
+
<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">11-7-2018</h3>
 +
<label class="back" for="switch-51826584">&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>
  
−
<td style="width: 95px;"><span style="font-size:14px;"><strong>How much</strong></span></td>
+
<div class="cardform">
 +
<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-51826584" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">11-7-2018</h2>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;"><strong>Solution</strong></span></td>
+
</div><style>
 +
#switch-45297713:checked ~ #card-45297713 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-45297713:checked ~ #card-45297713 .entryform {
 +
display: block;
 +
}
 +
#switch-45297713:checked ~ #card-45297713 .cardform,
 +
#switch-45297713:checked ~ #card-45297713::before,
 +
#switch-45297713:checked ~ #card-45297713::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 117px;"><strong><span style="font-size:14px;">Result</span></strong></td>
+
<input type="checkbox" id="switch-45297713" class="switch"></input>
 +
<div class="card hardware-card" id="card-45297713">
  
−
</tr>
+
<div class="entryform">
 +
<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-45297713">&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>
  
−
<tr>
+
<div class="cardform">
 +
<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-45297713" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">12-7-2018</h2>
 +
</div>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
+
</div><style>
 +
#switch-23351197:checked ~ #card-23351197 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-23351197:checked ~ #card-23351197 .entryform {
 +
display: block;
 +
}
 +
#switch-23351197:checked ~ #card-23351197 .cardform,
 +
#switch-23351197:checked ~ #card-23351197::before,
 +
#switch-23351197:checked ~ #card-23351197::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 95px;"><span style="font-size:14px;">1,2 g</span></td>
+
<input type="checkbox" id="switch-23351197" class="switch"></input>
 +
<div class="card wetlab-card" id="card-23351197">
  
−
<td style="width: 170px;"><span style="font-size:14px;">1 mL purified water</span></td>
+
<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">12-7-2018</h3>
 +
<label class="back" for="switch-23351197">&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>
  
−
<td style="width: 117px;">Little grow</td>
+
<div class="cardform">
 +
<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-23351197" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">12-7-2018</h2>
 +
</div>
  
−
</tr>
+
</div><style>
 +
#switch-10838819:checked ~ #card-10838819 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-10838819:checked ~ #card-10838819 .entryform {
 +
display: block;
 +
}
 +
#switch-10838819:checked ~ #card-10838819 .cardform,
 +
#switch-10838819:checked ~ #card-10838819::before,
 +
#switch-10838819:checked ~ #card-10838819::after {
 +
display: none;
 +
}
 +
</style>
  
−
<tr>
+
<input type="checkbox" id="switch-10838819" class="switch"></input>
 +
<div class="card hardware-card" id="card-10838819">
  
−
<td style="width: 123px;"><span style="font-size:14px;">Urea</span></td>
+
<div class="entryform">
 +
<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-10838819">&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>
  
−
<td style="width: 95px;"><span style="font-size:14px;">1,6 g</span></td>
+
<div class="cardform">
 +
<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-10838819" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">13-7-2018</h2>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;">2 mL purified water</span></td>
+
</div><style>
 +
#switch-82461323:checked ~ #card-82461323 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-82461323:checked ~ #card-82461323 .entryform {
 +
display: block;
 +
}
 +
#switch-82461323:checked ~ #card-82461323 .cardform,
 +
#switch-82461323:checked ~ #card-82461323::before,
 +
#switch-82461323:checked ~ #card-82461323::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 117px;">No grow</td>
+
<input type="checkbox" id="switch-82461323" class="switch"></input>
 +
<div class="card wetlab-card" id="card-82461323">
  
−
</tr>
+
<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">13-7-2018</h3>
 +
<label class="back" for="switch-82461323">&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>
  
−
<tr>
+
<div class="cardform">
 +
<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-82461323" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">13-7-2018</h2>
 +
</div>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Sodium pyruvate</span></td>
+
</div><style>
 +
#switch-60395849:checked ~ #card-60395849 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-60395849:checked ~ #card-60395849 .entryform {
 +
display: block;
 +
}
 +
#switch-60395849:checked ~ #card-60395849 .cardform,
 +
#switch-60395849:checked ~ #card-60395849::before,
 +
#switch-60395849:checked ~ #card-60395849::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 95px;"><span style="font-size:14px;">10 mL</span></td>
+
<input type="checkbox" id="switch-60395849" class="switch"></input>
 +
<div class="card wetlab-card" id="card-60395849">
  
−
<td style="width: 170px;"><span style="font-size: 14px;">-</span></td>
+
<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">Blue White screening on paper</h1>
 +
<h3 class="date">13-7-2018</h3>
 +
<label class="back" for="switch-60395849">&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>
  
−
<td style="width: 117px;">Grow</td>
+
<div class="cardform">
 +
<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-60395849" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">13-7-2018</h2>
 +
</div>
  
−
</tr>
+
</div><style>
 +
#switch-18245652:checked ~ #card-18245652 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-18245652:checked ~ #card-18245652 .entryform {
 +
display: block;
 +
}
 +
#switch-18245652:checked ~ #card-18245652 .cardform,
 +
#switch-18245652:checked ~ #card-18245652::before,
 +
#switch-18245652:checked ~ #card-18245652::after {
 +
display: none;
 +
}
 +
</style>
  
−
<tr>
+
<input type="checkbox" id="switch-18245652" class="switch"></input>
 +
<div class="card hardware-card" id="card-18245652">
  
−
<td style="width: 123px;"><span style="font-size:14px;">Positive control</span></td>
+
<div class="entryform">
 +
<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-18245652">&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>
  
−
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
+
<div class="cardform">
 +
<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-18245652" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">15-7-2018</h2>
 +
</div>
  
−
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
+
</div><style>
 +
#switch-56798579:checked ~ #card-56798579 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-56798579:checked ~ #card-56798579 .entryform {
 +
display: block;
 +
}
 +
#switch-56798579:checked ~ #card-56798579 .cardform,
 +
#switch-56798579:checked ~ #card-56798579::before,
 +
#switch-56798579:checked ~ #card-56798579::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 117px;">Grow</td>
+
<input type="checkbox" id="switch-56798579" class="switch"></input>
 +
<div class="card wetlab-card" id="card-56798579">
  
−
</tr>
+
<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">16-7-2018</h3>
 +
<label class="back" for="switch-56798579">&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>
  
−
<tr>
+
<div class="cardform">
 +
<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-56798579" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">16-7-2018</h2>
 +
</div>
  
−
<td style="width: 123px;"><span style="font-size:14px;">Negative control</span></td>
+
</div><style>
 +
#switch-55848439:checked ~ #card-55848439 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-55848439:checked ~ #card-55848439 .entryform {
 +
display: block;
 +
}
 +
#switch-55848439:checked ~ #card-55848439 .cardform,
 +
#switch-55848439:checked ~ #card-55848439::before,
 +
#switch-55848439:checked ~ #card-55848439::after {
 +
display: none;
 +
}
 +
</style>
  
−
<td style="width: 95px;"><span style="font-size:14px;">-</span></td>
+
<input type="checkbox" id="switch-55848439" class="switch"></input>
 +
<div class="card wetlab-card" id="card-55848439">
  
−
<td style="width: 170px;"><span style="font-size:14px;">-</span></td>
+
<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">Blue White screening on paper</h1>
 +
<h3 class="date">16-7-2018</h3>
 +
<label class="back" for="switch-55848439">&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>
  
−
<td style="width: 117px;">No Grow</td>
+
<div class="cardform">
 +
<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-55848439" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">16-7-2018</h2>
 +
</div>
  
−
</tr>
+
</div><style>
 +
#switch-76839661:checked ~ #card-76839661 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-76839661:checked ~ #card-76839661 .entryform {
 +
display: block;
 +
}
 +
#switch-76839661:checked ~ #card-76839661 .cardform,
 +
#switch-76839661:checked ~ #card-76839661::before,
 +
#switch-76839661:checked ~ #card-76839661::after {
 +
display: none;
 +
}
 +
</style>
  
−
</tbody>
+
<input type="checkbox" id="switch-76839661" class="switch"></input>
 +
<div class="card software-card" id="card-76839661">
  
−
</table>
+
<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">17-7-2018</h3>
 +
<label class="back" for="switch-76839661">&times;</label>
 +
</div>
 +
<div class="attendees">Rens Boeser</div>
 +
<div class="description">Frontend design for the notebook</div>
 +
</div>
  
−
<em>Table 2: Results experiment 2</em><br>
+
<div class="cardform">
 +
<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-76839661" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">17-7-2018</h2>
 +
</div>
  
−
&nbsp;</div>
+
</div><style>
 +
#switch-33728410:checked ~ #card-33728410 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-33728410:checked ~ #card-33728410 .entryform {
 +
display: block;
 +
}
 +
#switch-33728410:checked ~ #card-33728410 .cardform,
 +
#switch-33728410:checked ~ #card-33728410::before,
 +
#switch-33728410:checked ~ #card-33728410::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-33728410" class="switch"></input>
 +
<div class="card wetlab-card" id="card-33728410">
 +
 
 +
<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-33728410">&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>1</b></div>
+
<div class="number"><b>05</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Urea and sodium pyruvate test for resistence E.coli</h3>
+
<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">
 
<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-82511398" class="more-info">Show more</label>
+
<label for="switch-33728410" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-10</h2>
+
<h2 class="date" style="color: white;">17-7-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-78182617:checked ~ #card-78182617 {
+
#switch-76096022:checked ~ #card-76096022 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-78182617:checked ~ #card-78182617 .entryform {
+
#switch-76096022:checked ~ #card-76096022 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-78182617:checked ~ #card-78182617 .cardform,
+
#switch-76096022:checked ~ #card-76096022 .cardform,
−
#switch-78182617:checked ~ #card-78182617::before,
+
#switch-76096022:checked ~ #card-76096022::before,
−
#switch-78182617:checked ~ #card-78182617::after {
+
#switch-76096022:checked ~ #card-76096022::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-78182617" class="switch"></input>
+
<input type="checkbox" id="switch-76096022" class="switch"></input>
−
<div class="card wetlab-card" id="card-78182617">
+
<div class="card wetlab-card" id="card-76096022">
  
 
<div class="entryform">
 
<div class="entryform">
Line 952: Line 1,943:
 
<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">Testing gas production</h1>
+
<h1 class="title">Stock up</h1>
−
<h3 class="date">2018-08-16</h3>
+
<h3 class="date">18-7-2018</h3>
−
<label class="back" for="switch-78182617">&times;</label>
+
<label class="back" for="switch-76096022">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Mike Vrieswijk | Randall de Waard</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 class="description">We did another round of plasmid isolation for stocking. </div>
−
 
+
−
</div>
+
 
</div>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>1</b></div>
+
<div class="number"><b>02</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
+
<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">
 
<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-78182617" class="more-info">Show more</label>
+
<label for="switch-76096022" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-16</h2>
+
<h2 class="date" style="color: white;">18-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-49727213:checked ~ #card-49727213 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-49727213:checked ~ #card-49727213 .entryform {
 +
display: block;
 +
}
 +
#switch-49727213:checked ~ #card-49727213 .cardform,
 +
#switch-49727213:checked ~ #card-49727213::before,
 +
#switch-49727213:checked ~ #card-49727213::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-49727213" class="switch"></input>
 +
<div class="card software-card" id="card-49727213">
 +
 
 +
<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-49727213">&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-49727213" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">19-7-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-64687233:checked ~ #card-64687233 {
+
#switch-24704741:checked ~ #card-24704741 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-64687233:checked ~ #card-64687233 .entryform {
+
#switch-24704741:checked ~ #card-24704741 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-64687233:checked ~ #card-64687233 .cardform,
+
#switch-24704741:checked ~ #card-24704741 .cardform,
−
#switch-64687233:checked ~ #card-64687233::before,
+
#switch-24704741:checked ~ #card-24704741::before,
−
#switch-64687233:checked ~ #card-64687233::after {
+
#switch-24704741:checked ~ #card-24704741::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-64687233" class="switch"></input>
+
<input type="checkbox" id="switch-24704741" class="switch"></input>
−
<div class="card wetlab-card" id="card-64687233">
+
<div class="card wetlab-card" id="card-24704741">
  
 
<div class="entryform">
 
<div class="entryform">
Line 995: Line 2,025:
 
<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">Testing gas production</h1>
+
<h1 class="title">Basic parts</h1>
−
<h3 class="date">2018-08-23</h3>
+
<h3 class="date">19-7-2018</h3>
−
<label class="back" for="switch-64687233">&times;</label>
+
<label class="back" for="switch-24704741">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</div>
+
<div class="attendees">Dustin van der Meulen | Mei Ju Goemans| Randall de Waard </div>
−
<div class="description"><p></p></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>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>2</b></div>
+
<div class="number"><b>06</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
+
<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">
 
<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-64687233" class="more-info">Show more</label>
+
<label for="switch-24704741" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-23</h2>
+
<h2 class="date" style="color: white;">19-7-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-20515369:checked ~ #card-20515369 {
+
#switch-41550340:checked ~ #card-41550340 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-20515369:checked ~ #card-20515369 .entryform {
+
#switch-41550340:checked ~ #card-41550340 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-20515369:checked ~ #card-20515369 .cardform,
+
#switch-41550340:checked ~ #card-41550340 .cardform,
−
#switch-20515369:checked ~ #card-20515369::before,
+
#switch-41550340:checked ~ #card-41550340::before,
−
#switch-20515369:checked ~ #card-20515369::after {
+
#switch-41550340:checked ~ #card-41550340::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-20515369" class="switch"></input>
+
<input type="checkbox" id="switch-41550340" class="switch"></input>
−
<div class="card wetlab-card" id="card-20515369">
+
<div class="card software-card" id="card-41550340">
 +
 
 +
<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-41550340">&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-41550340" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">21-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-68546325:checked ~ #card-68546325 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-68546325:checked ~ #card-68546325 .entryform {
 +
display: block;
 +
}
 +
#switch-68546325:checked ~ #card-68546325 .cardform,
 +
#switch-68546325:checked ~ #card-68546325::before,
 +
#switch-68546325:checked ~ #card-68546325::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-68546325" class="switch"></input>
 +
<div class="card wetlab-card" id="card-68546325">
  
 
<div class="entryform">
 
<div class="entryform">
Line 1,036: Line 2,107:
 
<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">Testing gas production</h1>
+
<h1 class="title">ATP sensor</h1>
−
<h3 class="date">2018-08-23</h3>
+
<h3 class="date">24-7-2018</h3>
−
<label class="back" for="switch-20515369">&times;</label>
+
<label class="back" for="switch-68546325">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</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="description"><p></p></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>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>3</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">ATP sensor</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-20515369" class="more-info">Show more</label>
+
<label for="switch-68546325" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-23</h2>
+
<h2 class="date" style="color: white;">24-7-2018</h2>
 
</div>
 
</div>
  
 
</div><style>
 
</div><style>
−
#switch-36572725:checked ~ #card-36572725 {
+
#switch-10661287:checked ~ #card-10661287 {
 
width: 100%;
 
width: 100%;
 
height: auto;
 
height: auto;
 
}
 
}
−
#switch-36572725:checked ~ #card-36572725 .entryform {
+
#switch-10661287:checked ~ #card-10661287 .entryform {
 
display: block;
 
display: block;
 
}
 
}
−
#switch-36572725:checked ~ #card-36572725 .cardform,
+
#switch-10661287:checked ~ #card-10661287 .cardform,
−
#switch-36572725:checked ~ #card-36572725::before,
+
#switch-10661287:checked ~ #card-10661287::before,
−
#switch-36572725:checked ~ #card-36572725::after {
+
#switch-10661287:checked ~ #card-10661287::after {
 
display: none;
 
display: none;
 
}
 
}
 
</style>
 
</style>
  
−
<input type="checkbox" id="switch-36572725" class="switch"></input>
+
<input type="checkbox" id="switch-10661287" class="switch"></input>
−
<div class="card wetlab-card" id="card-36572725">
+
<div class="card wetlab-card" id="card-10661287">
  
 
<div class="entryform">
 
<div class="entryform">
Line 1,077: Line 2,148:
 
<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">Testing gas production</h1>
+
<h1 class="title">Gas output</h1>
−
<h3 class="date">2018-08-23</h3>
+
<h3 class="date">24-7-2018</h3>
−
<label class="back" for="switch-36572725">&times;</label>
+
<label class="back" for="switch-10661287">&times;</label>
 
</div>
 
</div>
−
<div class="attendees">UNKNOWN</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="description"><p></p></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>
 
</div>
  
 
<div class="cardform">
 
<div class="cardform">
−
<div class="number"><b>4</b></div>
+
<div class="number"><b>01</b></div>
−
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Testing gas production</h3>
+
<h3 class="title" style="color: white; padding: 10px 5px 0 5px;">Gas output</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-36572725" class="more-info">Show more</label>
+
<label for="switch-10661287" class="more-info">Show more</label>
−
<h2 class="date" style="color: white;">2018-08-23</h2>
+
<h2 class="date" style="color: white;">24-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-93919475:checked ~ #card-93919475 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-93919475:checked ~ #card-93919475 .entryform {
 +
display: block;
 +
}
 +
#switch-93919475:checked ~ #card-93919475 .cardform,
 +
#switch-93919475:checked ~ #card-93919475::before,
 +
#switch-93919475:checked ~ #card-93919475::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-93919475" class="switch"></input>
 +
<div class="card software-card" id="card-93919475">
 +
 
 +
<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-93919475">&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-93919475" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">24-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-75146438:checked ~ #card-75146438 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-75146438:checked ~ #card-75146438 .entryform {
 +
display: block;
 +
}
 +
#switch-75146438:checked ~ #card-75146438 .cardform,
 +
#switch-75146438:checked ~ #card-75146438::before,
 +
#switch-75146438:checked ~ #card-75146438::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-75146438" class="switch"></input>
 +
<div class="card software-card" id="card-75146438">
 +
 
 +
<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-75146438">&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-75146438" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">25-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-21358858:checked ~ #card-21358858 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-21358858:checked ~ #card-21358858 .entryform {
 +
display: block;
 +
}
 +
#switch-21358858:checked ~ #card-21358858 .cardform,
 +
#switch-21358858:checked ~ #card-21358858::before,
 +
#switch-21358858:checked ~ #card-21358858::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-21358858" class="switch"></input>
 +
<div class="card software-card" id="card-21358858">
 +
 
 +
<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-21358858">&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-21358858" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">25-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-78294263:checked ~ #card-78294263 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-78294263:checked ~ #card-78294263 .entryform {
 +
display: block;
 +
}
 +
#switch-78294263:checked ~ #card-78294263 .cardform,
 +
#switch-78294263:checked ~ #card-78294263::before,
 +
#switch-78294263:checked ~ #card-78294263::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-78294263" class="switch"></input>
 +
<div class="card software-card" id="card-78294263">
 +
 
 +
<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-78294263">&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-78294263" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">25-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-11286616:checked ~ #card-11286616 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-11286616:checked ~ #card-11286616 .entryform {
 +
display: block;
 +
}
 +
#switch-11286616:checked ~ #card-11286616 .cardform,
 +
#switch-11286616:checked ~ #card-11286616::before,
 +
#switch-11286616:checked ~ #card-11286616::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-11286616" class="switch"></input>
 +
<div class="card software-card" id="card-11286616">
 +
 
 +
<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-11286616">&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-11286616" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">29-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-62483346:checked ~ #card-62483346 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-62483346:checked ~ #card-62483346 .entryform {
 +
display: block;
 +
}
 +
#switch-62483346:checked ~ #card-62483346 .cardform,
 +
#switch-62483346:checked ~ #card-62483346::before,
 +
#switch-62483346:checked ~ #card-62483346::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-62483346" class="switch"></input>
 +
<div class="card software-card" id="card-62483346">
 +
 
 +
<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-62483346">&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-62483346" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">29-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-23673166:checked ~ #card-23673166 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-23673166:checked ~ #card-23673166 .entryform {
 +
display: block;
 +
}
 +
#switch-23673166:checked ~ #card-23673166 .cardform,
 +
#switch-23673166:checked ~ #card-23673166::before,
 +
#switch-23673166:checked ~ #card-23673166::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-23673166" class="switch"></input>
 +
<div class="card software-card" id="card-23673166">
 +
 
 +
<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-23673166">&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-23673166" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">31-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-9687877:checked ~ #card-9687877 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-9687877:checked ~ #card-9687877 .entryform {
 +
display: block;
 +
}
 +
#switch-9687877:checked ~ #card-9687877 .cardform,
 +
#switch-9687877:checked ~ #card-9687877::before,
 +
#switch-9687877:checked ~ #card-9687877::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-9687877" class="switch"></input>
 +
<div class="card software-card" id="card-9687877">
 +
 
 +
<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-9687877">&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-9687877" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">31-7-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-63510769:checked ~ #card-63510769 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-63510769:checked ~ #card-63510769 .entryform {
 +
display: block;
 +
}
 +
#switch-63510769:checked ~ #card-63510769 .cardform,
 +
#switch-63510769:checked ~ #card-63510769::before,
 +
#switch-63510769:checked ~ #card-63510769::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-63510769" class="switch"></input>
 +
<div class="card software-card" id="card-63510769">
 +
 
 +
<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-63510769">&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-63510769" 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-60274862:checked ~ #card-60274862 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-60274862:checked ~ #card-60274862 .entryform {
 +
display: block;
 +
}
 +
#switch-60274862:checked ~ #card-60274862 .cardform,
 +
#switch-60274862:checked ~ #card-60274862::before,
 +
#switch-60274862:checked ~ #card-60274862::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-60274862" class="switch"></input>
 +
<div class="card software-card" id="card-60274862">
 +
 
 +
<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-60274862">&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-60274862" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">1-8-2018</h2>
 +
</div>
 +
 
 +
</div><style>
 +
#switch-21047262:checked ~ #card-21047262 {
 +
width: 100%;
 +
height: auto;
 +
}
 +
#switch-21047262:checked ~ #card-21047262 .entryform {
 +
display: block;
 +
}
 +
#switch-21047262:checked ~ #card-21047262 .cardform,
 +
#switch-21047262:checked ~ #card-21047262::before,
 +
#switch-21047262:checked ~ #card-21047262::after {
 +
display: none;
 +
}
 +
</style>
 +
 
 +
<input type="checkbox" id="switch-21047262" class="switch"></input>
 +
<div class="card software-card" id="card-21047262">
 +
 
 +
<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-21047262">&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-21047262" class="more-info">Show more</label>
 +
<h2 class="date" style="color: white;">2-8-2018</h2>
 
</div>
 
</div>
  

Revision as of 12:22, 26 August 2018

Notebook

show wetlab entries
 show hardware entries
 show software entries

May

Team page

10-5-2018

Rens Boeser
Created the first prototype for the team page
01

Team page

10-5-2018

Footer

20-5-2018

Rens Boeser
Social media created
01

Footer

20-5-2018

Footer

21-5-2018

Rens Boeser
Social media buttons same color and fixed iGEM style issues
02

Footer

21-5-2018

Notebook

24-5-2018

Rens Boeser
Multiple week summary styles created for the notes
01

Notebook

24-5-2018

Header

27-5-2018

Rens Boeser
Added the header with mobile compatibility als resized logos and readded them to the header
01

Header

27-5-2018

Main template

28-5-2018

Rens Boeser
Added template header and footer with 'under construction' content
01

Main template

28-5-2018

Header

28-5-2018

Rens Boeser
Small fixes and menu adjustments
02

Header

28-5-2018

Team

29-5-2018

Rens Boeser
Added a PI list with the secondary PI
02

Team

29-5-2018

June

Main page

7-6-2018

Rens Boeser
Designed and added content holders to the index Page
01

Main page

7-6-2018

Team

9-6-2018

Rens Boeser
Added myself to the teammember Page and did some bugfixing
03

Team

9-6-2018

Header

9-6-2018

Rens Boeser
Started working on a better looking menubar
03

Header

9-6-2018

Header

10-6-2018

Rens Boeser
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
04

Header

10-6-2018

Construction pages

13-6-2018

Rens Boeser
Updated all Pages to the new style with an under construction sign
01

Construction pages

13-6-2018

Header

14-6-2018

Rens Boeser
Added a way to recognise Pages under construction using the menubar
05

Header

14-6-2018

Main page

14-6-2018

Rens Boeser
Updated the content containers so that they are responsive
02

Main page

14-6-2018

Architecture design [TC]

18-6-2018

Tom van Dijk | Mike Vrieswijk
The first draft of the architecture design for the temperature controller was made.
01

Architecture design [TC]

18-6-2018

Human Practices page

22-6-2018

Rens Boeser
Content added to the human practices page
01

Human Practices page

22-6-2018

Main page

23-6-2018

Rens Boeser
Content created and added to the main page
03

Main page

23-6-2018

Architecture design [TC]

24-6-2018

Tom van Dijk | Mike Vrieswijk
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.
02

Architecture design [TC]

24-6-2018

First prototype [TC]

25-6-2018

Tom van Dijk | Mike Vrieswijk
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.
01

First prototype [TC]

25-6-2018

Team

26-6-2018

Rens Boeser
Added the remaining instructors to the team
04

Team

26-6-2018

Second prototype [TC]

26-6-2018

Tom van Dijk | Mike Vrieswijk
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.
02

Second prototype [TC]

26-6-2018

Testrun [TC]

27-6-2018

Tom van Dijk | Mike Vrieswijk
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.
03

Testrun [TC]

27-6-2018

July

Draft decision

2-7-2018

Tom van Dijk | Mike Vrieswijk
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.
01

Draft decision

2-7-2018

Architecture design [TC]

5-7-2018

Tom van Dijk | Mike Vrieswijk
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.
03

Architecture design [TC]

5-7-2018

Electrical circuit design [TC]

8-7-2018

Tom van Dijk | Mike Vrieswijk
Custom footprints were made for multiple components and added to the parts library in the PCB design software.
01

Electrical circuit design [TC]

8-7-2018

Electrical circuit design [TC]

9-7-2018

Tom van Dijk | Mike Vrieswijk
The provisional electronic circuit design for the temperature controller was made.
02

Electrical circuit design [TC]

9-7-2018

Electrical circuit design [TC]

11-7-2018

Tom van Dijk | Mike Vrieswijk
The electronic circuit design for the temperature controller was finished. Measuring point were added to the electronic circuit design.
03

Electrical circuit design [TC]

11-7-2018

Stock up

11-7-2018

Elise Grootscholten | Loraine Nelson | Paul Reusink
To have some basic biobricks ready, we stocked them by doing a plasmid isolation and freeze the DNA.
01

Stock up

11-7-2018

Basic parts

11-7-2018

Elise Grootscholten | Loraine Nelson | Paul Reusink
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.
01

Basic parts

11-7-2018

Board layout [TC]

12-7-2018

Tom van Dijk | Mike Vrieswijk
Started working on the board layout for the PCB of the temperature controller.
01

Board layout [TC]

12-7-2018

Basic parts

12-7-2018

Tom van Dijk | Randall de Waard
We continued with the ligated DNA by transformating it to Neb10Beta. This was plated onto agarplates and incubated for 1 day.
02

Basic parts

12-7-2018

Board layout [TC]

13-7-2018

Tom van Dijk | Mike Vrieswijk
Further work was done to the board layout for the temperature controller.
02

Board layout [TC]

13-7-2018

Basic parts

13-7-2018

Elise Grootscholten | Randall de Waard
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.
03

Basic parts

13-7-2018

Blue White screening on paper

13-7-2018

Elise Grootscholten | Randall de Waard
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.
01

Blue White screening on paper

13-7-2018

Board layout [TC]

15-7-2018

Tom van Dijk | Mike Vrieswijk
Work has been done on the board layout for the temperature controller. The board layout is now finished.
03

Board layout [TC]

15-7-2018

Basic parts

16-7-2018

Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Randall de Waard
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.
04

Basic parts

16-7-2018

Blue White screening on paper

16-7-2018

Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Randall de Waard
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.
02

Blue White screening on paper

16-7-2018

Notebook

17-7-2018

Rens Boeser
Frontend design for the notebook
02

Notebook

17-7-2018

Basic parts

17-7-2018

Rens Boeser | Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Randall de Waard
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.
05

Basic parts

17-7-2018

Stock up

18-7-2018

Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Mike Vrieswijk | Randall de Waard
We did another round of plasmid isolation for stocking.
02

Stock up

18-7-2018

Notebook

19-7-2018

Rens Boeser
Designed a way to follow experiments that take up multiple days and eventually designed a notebook entry page and made it a responsive page
03

Notebook

19-7-2018

Basic parts

19-7-2018

Dustin van der Meulen | Mei Ju Goemans| Randall de Waard
We digested all DNA we have in stock to test for our basic construct. We tested the DNA by doing a gelelktroforeses.
06

Basic parts

19-7-2018

Notebook

21-7-2018

Rens Boeser
Created a one page notebook. Made the notebook entry page more suited for the entry length
04

Notebook

21-7-2018

ATP sensor

24-7-2018

Rens Boeser | Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Randall de Waard
New biobricks, used to make an ATP sensor, were transformed into NEB10Beta. The culture was than plated onto agar and incubated for 1 day.
01

ATP sensor

24-7-2018

Gas output

24-7-2018

Rens Boeser | Mei Ju Goemans | Elise Grootscholten | Dustin van der Meulen | Loraine Nelson | Suzanne Romeijn | Randall de Waard
New biobricks, which produces gasses, were transformed into NEB10Beta. The culture was than plated onto agar and incubated for 1 day.
01

Gas output

24-7-2018

Notebook generator

24-7-2018

Rens Boeser
Started working on an automatic notebook creator
01

Notebook generator

24-7-2018

Notebook generator

25-7-2018

Rens Boeser
Automatic generation of entries completed
02

Notebook generator

25-7-2018

Google Drive API

25-7-2018

Rens Boeser
Used the Google drive REST API to download the entries from drive
01

Google Drive API

25-7-2018

Automatic uploader

25-7-2018

Rens Boeser
Used the igemwiki API to update pages using software
01

Automatic uploader

25-7-2018

Automation program

29-7-2018

Rens Boeser
Connected the page uploader to the notebook generator
01

Automation program

29-7-2018

Automatic uploader

29-7-2018

Rens Boeser
Created a program that uploads all updated pages
02

Automatic uploader

29-7-2018

Page generator

31-7-2018

Rens Boeser
Built a page builder that automatically adds the header and footer before uploading
01

Page generator

31-7-2018

Google Drive API

31-7-2018

Rens Boeser
Redone the google API handler for reusability and readability and made the google API handler generic
02

Google Drive API

31-7-2018

Automation program

31-7-2018

Rens Boeser
revamped the main program
02

Automation program

31-7-2018

August

Automation program

1-8-2018

Rens Boeser
Finished redoing the application for generating and uploading pages
03

Automation program

1-8-2018

Notebook

2-8-2018

Rens Boeser
Added month categorization to the page
05

Notebook

2-8-2018