Difference between revisions of "Team:BostonU HW/US temp"

 
(12 intermediate revisions by the same user not shown)
Line 157: Line 157:
 
.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
 
.timeline>li .timeline-panel:before{border-left-width:0;border-right-width:15px;left:-15px;right:auto}
 
.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
 
.timeline>li .timeline-panel:after{border-left-width:0;border-right-width:14px;left:-14px;right:auto}
−
.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:100;background-color:#fed136;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}
+
.timeline>li .timeline-image{left:0;margin-left:0;width:80px;height:80px;position:absolute;z-index:99;background-color:white;color:#fff;border-radius:100%;border:7px solid #f1f1f1;text-align:center}
 
.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}
 
.timeline>li .timeline-image h4{font-size:10px;margin-top:12px;line-height:14px}
 
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}
 
.timeline>li.timeline-inverted>.timeline-panel{float:right;text-align:left;padding:0 20px 0 100px}
Line 232: Line 232:
 
         <li class="sliding-middle-out dropdown">
 
         <li class="sliding-middle-out dropdown">
 
             <a href="#" class="dropbtn">PROJECT</a>
 
             <a href="#" class="dropbtn">PROJECT</a>
−
             <img src="https://static.igem.org/mediawiki/2016/5/58/T--BostonU_HW--indexTriangle_rcwolf.png" width="36" height="18" style="margin-bottom: 0 !important; margin-top: 0; padding-bottom: 0 !important; border: none; display: block; margin: 0 auto;">
+
              
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
Line 243: Line 243:
 
         <li class="sliding-middle-out dropdown">
 
         <li class="sliding-middle-out dropdown">
 
             <a href="#" class="dropbtn">NOTEBOOK</a>
 
             <a href="#" class="dropbtn">NOTEBOOK</a>
 +
            <img src="https://static.igem.org/mediawiki/2016/5/58/T--BostonU_HW--indexTriangle_rcwolf.png" width="36" height="18" style="margin-bottom: 0 !important; margin-top: 0; padding-bottom: 0 !important; border: none; display: block; margin: 0 auto;">
 
             <div class="dropdown-content">
 
             <div class="dropdown-content">
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a>
 
                   <a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a>
Line 324: Line 325:
 
     width:100%;
 
     width:100%;
 
     top:70px;
 
     top:70px;
−
     z-index: 1;
+
     z-index: 100;
 
   }
 
   }
 
   .densmoreCard {
 
   .densmoreCard {
Line 407: Line 408:
 
   <div id="greyWrapper">     
 
   <div id="greyWrapper">     
 
     <div class="pageBanner">
 
     <div class="pageBanner">
−
       <h3 id="pageTitle">PROOF OF CONCEPT</h3>
+
       <h3 id="pageTitle">TIMELINE</h3>
 
     </div>
 
     </div>
 
     <br><br><br><br>
 
     <br><br><br><br>
Line 441: Line 442:
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">Our project is part of an existing workflow in our lab, and during training and orientation we learned about the flow and how we fit in. We also started to test tools that we could use to build our graphical user interface and planned out what we could do with the hardware setup. </p>
 
                                     <p class="text-muted">Our project is part of an existing workflow in our lab, and during training and orientation we learned about the flow and how we fit in. We also started to test tools that we could use to build our graphical user interface and planned out what we could do with the hardware setup. </p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/May" class="btn btn-light">See More </a>
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/May"> <button type="button" class="btn btn-primary">See More</button></a>  
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 447: Line 449:
 
                         <li class="timeline-inverted">
 
                         <li class="timeline-inverted">
 
                             <div class="timeline-image">
 
                             <div class="timeline-image">
−
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/6/64/PostitSquare_rcwolf.jpg" alt="">
+
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/9/9e/T--BostonU_HW--TimelineJune_rcwolf.png" alt="">
 
                             </div>
 
                             </div>
 
                             <div class="timeline-panel">
 
                             <div class="timeline-panel">
Line 456: Line 458:
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">After testing out tools, we decided to implement a web application using a node.js (operating as a local server) framework. We started ordering parts and 3D printing components to set up the hardware. </p>
 
                                     <p class="text-muted">After testing out tools, we decided to implement a web application using a node.js (operating as a local server) framework. We started ordering parts and 3D printing components to set up the hardware. </p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/June" class="btn btn-light">See More </a>
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/June"> <button type="button" class="btn btn-primary">See More</button></a>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 462: Line 465:
 
                         <li>
 
                         <li>
 
                             <div class="timeline-image">
 
                             <div class="timeline-image">
−
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/d/d4/ComputerSquare_rcwolf.jpg" alt="">
+
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/3/3b/T--BostonU_HW--TimelineJuly_rcwolf.png" alt="">
 
                             </div>
 
                             </div>
 
                             <div class="timeline-panel">
 
                             <div class="timeline-panel">
Line 471: Line 474:
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">We started building Neptune piece by piece. From what was initially a GUI designed only to interact with hardware, the idea of Neptune as a full-fledged toolchain arose.</p>
 
                                     <p class="text-muted">We started building Neptune piece by piece. From what was initially a GUI designed only to interact with hardware, the idea of Neptune as a full-fledged toolchain arose.</p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/July" class="btn btn-light">See More </a>
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/July"> <button type="button" class="btn btn-primary">See More</button></a>  
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 477: Line 481:
 
                         <li class="timeline-inverted">
 
                         <li class="timeline-inverted">
 
                             <div class="timeline-image">
 
                             <div class="timeline-image">
−
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/4/4d/FilesSquare_rcwolf.jpg" alt="">
+
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/f/f8/T--BostonU_HW--TimelineAug_rcwolf.png" alt="">
 
                             </div>
 
                             </div>
 
                             <div class="timeline-panel">
 
                             <div class="timeline-panel">
Line 486: Line 490:
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">We carved out the major components that make up Neptune today. The Specify, Design, Build, Assemble, and Control pages were built with the end functional goal of each component clearly laid out. Many iterations of control infrastructure prototypes were made and firmware was solidified.</p>
 
                                     <p class="text-muted">We carved out the major components that make up Neptune today. The Specify, Design, Build, Assemble, and Control pages were built with the end functional goal of each component clearly laid out. Many iterations of control infrastructure prototypes were made and firmware was solidified.</p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/August" class="btn btn-light">See More </a>   
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/August"> <button type="button" class="btn btn-primary">See More</button></a>   
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         <li>
 
                         <li>
 
                             <div class="timeline-image">
 
                             <div class="timeline-image">
−
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/c/cf/MeetingSquare_rcwolf.jpg" alt="">
+
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/3/3a/T--BostonU_HW--TimelineSept_rcwolf.png" alt="">
 
                             </div>
 
                             </div>
 
                             <div class="timeline-panel">
 
                             <div class="timeline-panel">
Line 500: Line 505:
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">Full integration of Neptune software and hardware was made. Neptune software was stress-tested by benchmarks and levels of hardware precision were evaluated and documented.</p>
 
                                     <p class="text-muted">Full integration of Neptune software and hardware was made. Neptune software was stress-tested by benchmarks and levels of hardware precision were evaluated and documented.</p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/September" class="btn btn-light">See More </a>
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/September"> <button type="button" class="btn btn-primary">See More</button></a>  
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
Line 506: Line 512:
 
                         <li class="timeline-inverted">
 
                         <li class="timeline-inverted">
 
                             <div class="timeline-image">
 
                             <div class="timeline-image">
−
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/d/d0/WalkingSquare_rcwolf.jpg" alt="">
+
                                 <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2016/1/1e/T--BostonU_HW--GitHubLogo_rcwolf.png" alt="">
 
                             </div>
 
                             </div>
 
                             <div class="timeline-panel">
 
                             <div class="timeline-panel">
 
                                 <div class="timeline-heading">
 
                                 <div class="timeline-heading">
−
                                     <h4>October 2016</h4>
+
                                     <h4 >October 2016</h4>
 
                                     <h4 class="subheading">Release</h4>
 
                                     <h4 class="subheading">Release</h4>
 
                                 </div>
 
                                 </div>
 
                                 <div class="timeline-body">
 
                                 <div class="timeline-body">
 
                                     <p class="text-muted">Programming time dedicated to bug-fixing. We validated our work through multiple test cases including a collaboration with the MIT wetlab team. We released our software and hardware as open source on GitHub and NONA.</p>
 
                                     <p class="text-muted">Programming time dedicated to bug-fixing. We validated our work through multiple test cases including a collaboration with the MIT wetlab team. We released our software and hardware as open source on GitHub and NONA.</p>
−
<a href="https://2016.igem.org/Team:BostonU_HW/Notebook/October" class="btn btn-light">See More </a>
+
                                    <br>
 +
                                    <a href="https://2016.igem.org/Team:BostonU_HW/Notebook/October"> <button type="button" class="btn btn-primary">See More</button></a>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>

Latest revision as of 06:30, 19 October 2016


TIMELINE





TIMELINE | Building the Neptune Flow


  • 16 - 30 May 2016

    Training and Orientation

    Our project is part of an existing workflow in our lab, and during training and orientation we learned about the flow and how we fit in. We also started to test tools that we could use to build our graphical user interface and planned out what we could do with the hardware setup.


  • June 2016

    A GUI is Born

    After testing out tools, we decided to implement a web application using a node.js (operating as a local server) framework. We started ordering parts and 3D printing components to set up the hardware.


  • July 2016

    Expanding Horizons

    We started building Neptune piece by piece. From what was initially a GUI designed only to interact with hardware, the idea of Neptune as a full-fledged toolchain arose.


  • August 2016

    In the Trenches

    We carved out the major components that make up Neptune today. The Specify, Design, Build, Assemble, and Control pages were built with the end functional goal of each component clearly laid out. Many iterations of control infrastructure prototypes were made and firmware was solidified.


  • September 2016

    End-to-end Integration

    Full integration of Neptune software and hardware was made. Neptune software was stress-tested by benchmarks and levels of hardware precision were evaluated and documented.


  • October 2016

    Release

    Programming time dedicated to bug-fixing. We validated our work through multiple test cases including a collaboration with the MIT wetlab team. We released our software and hardware as open source on GitHub and NONA.