Line 5: | Line 5: | ||
.datesFaded { | .datesFaded { | ||
color:#787878 | color:#787878 | ||
+ | } | ||
+ | h1 { | ||
+ | font-size:500%; | ||
} | } | ||
+ | |||
+ | .row::after { | ||
+ | content: ""; | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | [class*="col-"] { | ||
+ | float: left; | ||
+ | padding: 15px; | ||
+ | } | ||
+ | .col-1 {width: 8.33%;} | ||
+ | .col-2 {width: 16.66%;} | ||
+ | .col-3 {width: 25%;} | ||
+ | .col-4 {width: 33.33%;} | ||
+ | .col-5 {width: 41.66%;} | ||
+ | .col-6 {width: 50%;} | ||
+ | .col-7 {width: 58.33%;} | ||
+ | .col-8 {width: 66.66%;} | ||
+ | .col-9 {width: 75%;} | ||
+ | .col-10 {width: 83.33%;} | ||
+ | .col-11 {width: 91.66%;} | ||
+ | .col-12 {width: 100%;} | ||
</style> | </style> | ||
Line 21: | Line 47: | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | <section id="about"> | |
− | <section id="about"> | + | |
<div class="container"> | <div class="container"> | ||
− | + | <div class="row"> | |
− | + | <div class="col-4"> | |
− | + | <h1>Week 1</h1> | |
− | <h2 class="datesFaded">May | + | <h2 class="datesFaded">16 May - 22 May</h2> |
+ | </div> | ||
− | < | + | <div class="col-8"> |
− | <br><br> | + | <br><br/> |
− | <br><br>Created a mockup for the GUI for the microfluidic work flow | + | <h4>Basic training |
− | <br><br>Started to work with p5 and processing to create a GUI on a web-app | + | <br><br>Learned about the entire workflow of Fluigi |
− | <br><br>Began to design options for pump implementation</h4> | + | <br><br>Created a mockup for the GUI for the microfluidic work flow |
+ | <br><br>Started to work with p5 and processing to create a GUI on a web-app | ||
+ | <br><br>Began to design options for pump implementation</h4> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="row"> |
− | + | <br></br> | |
− | < | + | <hr></hr> |
+ | </div> | ||
− | < | + | <div class="row"> |
− | < | + | <div class="col-4"> |
+ | <h1>Week 2</h1> | ||
+ | <h2 class="datesFaded">23 May - 29 May</h2> | ||
+ | </div> | ||
− | < | + | <div class="col-8"> |
− | + | <br><br/> | |
− | + | <h4>Switched to node.js template with handlebars to make the GUI after realizing the need of a server to open up local ports and save files | |
− | + | ||
− | + | ||
− | + | ||
+ | <br><br>Added html pages for the web-app, javascript files for the functionality, and a css file for the look of the pages | ||
+ | <br><br>Imported the webix library to manage the settings of the microfluidics | ||
+ | |||
+ | <br><br>Decided on a structure to implement pumps using a lever arm | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
Revision as of 15:22, 1 July 2016
Timeline: May
Week 1
16 May - 22 May
Basic training
Learned about the entire workflow of Fluigi
Created a mockup for the GUI for the microfluidic work flow
Started to work with p5 and processing to create a GUI on a web-app
Began to design options for pump implementation
Week 2
23 May - 29 May
Switched to node.js template with handlebars to make the GUI after realizing the need of a server to open up local ports and save files
Added html pages for the web-app, javascript files for the functionality, and a css file for the look of the pages
Imported the webix library to manage the settings of the microfluidics
Decided on a structure to implement pumps using a lever arm