|
|
| Line 8: |
Line 8: |
| | </div> | | </div> |
| | | | |
| - | <article> | + | <ul class="timeline"> |
| - | <h2>Work Log</h2> | + | <li><div class="tldate">Apr 2014</div></li> |
| - | | + | |
| - | <p>Work log belongs here, there's all the stuff we've done. We need to figure out how to show it without it being completely overwhelming.</p> | + | <li> |
| - | | + | <div class="tl-circ"></div> |
| - | <h1>Lorem ipsum dolor sit amet consectetuer adipiscing | + | <div class="timeline-panel"> |
| - | elit</h1>
| + | <div class="tl-heading"> |
| - | | + | <h4>Office work is going great</h4> |
| - | | + | <p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 3 hours ago</small></p> |
| - | <h2>Aenean commodo ligula eget dolor aenean massa</h2>
| + | </div> |
| - | | + | <div class="tl-body"> |
| - | | + | <p>Lorem Ipsum and such.</p> |
| - | <ul> | + | </div> |
| - | <li>Lorem ipsum dolor sit amet, consectetuer adipiscing
| + | </div> |
| - | elit. Aenean commodo ligula eget dolor. Aenean
| + | </li> |
| - | massa.</li>
| + | |
| - | <li>Cum sociis natoque penatibus et magnis dis
| + | <li class="timeline-inverted"> |
| - | parturient montes, nascetur ridiculus mus. Donec quam
| + | <div class="tl-circ"></div> |
| - | felis, ultricies nec, pellentesque eu, pretium quis,
| + | <div class=" timeline- panel"> |
| - | sem.</li>
| + | <div class="tl-heading"> |
| - | <li>Nulla consequat massa quis enim. Donec pede justo,
| + | <h4>Crazy things happen in the lab!</h4> |
| - | fringilla vel, aliquet nec, vulputate eget, arcu.</li>
| + | <p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> 4/07/2014</small></p> |
| - | <li>In enim justo, rhoncus ut, imperdiet a, venenatis
| + | </div> |
| - | vitae, justo. Nullam dictum felis eu pede mollis
| + | <div class="tl-body"> |
| - | pretium. Integer tincidunt.</li>
| + | <p>Hope the weather gets a bit nicer...</p> |
| - | </ul> | + | |
| - | | + | <p> Y'know, with more sunlight.</p> |
| - | | + | </div> |
| - | <h2>Aenean commodo ligula eget dolor aenean massa</h2>
| + | </div> |
| - | | + | </li> |
| - | | + | </ul></div> |
| - | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
| + | |
| - | elit. Aenean commodo ligula eget dolor. Aenean massa
| + | |
| - | <strong>strong</strong>. Cum sociis natoque penatibus
| + | |
| - | et magnis dis parturient montes, nascetur ridiculus
| + | |
| - | mus. Donec quam felis, ultricies nec, pellentesque
| + | |
| - | eu, pretium quis, sem. Nulla consequat massa quis
| + | |
| - | enim. Donec pede justo, fringilla vel, aliquet nec,
| + | |
| - | vulputate eget, arcu. In enim justo, rhoncus ut,
| + | |
| - | imperdiet a, venenatis vitae, justo. Nullam dictum
| + | |
| - | felis eu pede <a class="external ext" href="#">link</a>
| + | |
| - | mollis pretium. Integer tincidunt. Cras dapibus.
| + | |
| - | Vivamus elementum semper nisi. Aenean vulputate
| + | |
| - | eleifend tellus. Aenean leo ligula, porttitor eu,
| + | |
| - | consequat vitae, eleifend ac, enim. Aliquam lorem ante,
| + | |
| - | dapibus in, viverra quis, feugiat a, tellus. Phasellus
| + | |
| - | viverra nulla ut metus varius laoreet. Quisque rutrum.
| + | |
| - | Aenean imperdiet. Etiam ultricies nisi vel augue.
| + | |
| - | Curabitur ullamcorper ultricies nisi.</p>
| + | |
| - | | + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing | + | |
| - | elit. Aenean commodo ligula eget dolor. Aenean massa.
| + | |
| - | Cum sociis natoque penatibus et magnis dis parturient
| + | |
| - | montes, nascetur ridiculus mus. Donec quam felis,
| + | |
| - | ultricies nec, pellentesque eu, pretium quis, sem.</p>
| + | |
| - | | + | |
| - | | + | |
| - | <h2>Aenean commodo ligula eget dolor aenean massa</h2>
| + | |
| - | | + | |
| - | | + | |
| - | <blockquote>
| + | |
| - | Lorem ipsum dolor sit amet, consectetuer
| + | |
| - | adipiscing elit. Aenean commodo ligula eget dolor.
| + | |
| - | Aenean massa <strong>strong</strong>. Cum sociis
| + | |
| - | natoque penatibus et magnis dis parturient montes,
| + | |
| - | nascetur ridiculus mus. Donec quam felis, ultricies
| + | |
| - | nec, pellentesque eu, pretium quis, sem. Nulla consequat
| + | |
| - | massa quis enim. Donec pede justo, fringilla vel,
| + | |
| - | aliquet nec, vulputate eget, arcu. In <em>em</em>
| + | |
| - | enim justo, rhoncus ut, imperdiet a, venenatis vitae,
| + | |
| - | justo. Nullam <a class="external ext" href="#">link</a>
| + | |
| - | dictum felis eu pede mollis pretium.
| + | |
| - | </blockquote>
| + | |
| - | | + | |
| - | | + | |
| - | <h2>Aenean commodo ligula eget dolor aenean massa</h2>
| + | |
| - | | + | |
| - | | + | |
| - | <h2>Pictures</h2>
| + | |
| - | <div class="img-cheesy"> | + | |
| - | <img src="http://aaltohelsinki.com/img/igem_lab_small.jpg" class="img-responsive">
| + | |
| - | Oskari, Minttu and Martina browsing the BioBrick database in the lab.
| + | |
| - | </div> | + | |
| - | | + | |
| - | <h2>Lab Description</h2> | + | |
| - | A cool lab with a bunch of smart people to help us out.
| + | |
| - | | + | |
| - | <h3>Cum sociis natoque penatibus et magnis dis
| + | |
| - | parturient montes nascetur ridiculus mus</h3>
| + | |
| - | | + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
| + | |
| - | elit. Aenean commodo ligula eget dolor. Aenean massa.
| + | |
| - | Cum sociis natoque penatibus et magnis dis parturient
| + | |
| - | montes, nascetur ridiculus mus. Donec quam felis,
| + | |
| - | ultricies nec, pellentesque eu, pretium quis, sem.</p>
| + | |
| - | | + | |
| - | | + | |
| - | <h3>Cum sociis natoque penatibus et magnis dis
| + | |
| - | parturient montes nascetur ridiculus mus</h3>
| + | |
| - | | + | |
| - | | + | |
| - | <p>Lorem ipsum dolor sit amet, consectetuer adipiscing
| + | |
| - | elit. Aenean commodo ligula eget dolor. Aenean massa
| + | |
| - | <strong>strong</strong>. Cum sociis natoque penatibus
| + | |
| - | et magnis dis parturient montes, nascetur ridiculus
| + | |
| - | mus. Donec quam felis, ultricies nec, pellentesque
| + | |
| - | eu, pretium quis, sem. Nulla consequat massa quis
| + | |
| - | enim. Donec pede justo, fringilla vel, aliquet nec,
| + | |
| - | vulputate eget, arcu. In enim justo, rhoncus ut,
| + | |
| - | imperdiet a, venenatis vitae, justo. Nullam dictum
| + | |
| - | felis eu pede <a class="external ext" href="#">link</a>
| + | |
| - | mollis pretium. Integer tincidunt. Cras dapibus.
| + | |
| - | Vivamus elementum semper nisi. Aenean vulputate
| + | |
| - | eleifend tellus. Aenean leo ligula, porttitor eu,
| + | |
| - | consequat vitae, eleifend ac, enim. Aliquam lorem ante,
| + | |
| - | dapibus in, viverra quis, feugiat a, tellus. Phasellus
| + | |
| - | viverra nulla ut metus varius laoreet. Quisque rutrum.
| + | |
| - | Aenean imperdiet. Etiam ultricies nisi vel augue.
| + | |
| - | Curabitur ullamcorper ultricies nisi.</p>
| + | |
| - | | + | |
| - | <h3>Wednesday 4.6</h3>
| + | |
| - | <p>Electroporation and moving transformed cells to plates. More bacteria growing in liquid for miniprep. Bought flights to Boston for everyone! Work on the wiki started, we have the basic outline of different pages and placeholder content. Laura put the new logo on the website and made it fancier in other ways too. Pietu made a Python program for uploading local pages onto the wiki, so we can make wiki pages with proper editors. He also edited the team photos and the new group picture is live on the web page and Facebook. Mikko put out our second blog post and updated Facebook in many ways.</p> | + | |
| - | | + | |
| - | <p>In the evening most of us went to the Summer of Startups Demo Day to get a taste of the startup life.</p> | + | |
| - | | + | |
| - | </article></div> | + | |
| | </body> | | </body> |
| | <script> | | <script> |
"
