Difference between revisions of "Team:Peking/Hardware"

(Undo revision 282647 by Bella Lalala (talk))
Line 27: Line 27:
 
         body {
 
         body {
 
             background-color: #FAFAFA;
 
             background-color: #FAFAFA;
−
        !important;
+
            !important;
 
         }
 
         }
  
Line 95: Line 95:
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model">Modelling</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Model">Modelling</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Software">Software</a>
−
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware"
+
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Hardware" style="color: #000; font-weight: 500;">Hardware</a>
−
                  style="color: #000; font-weight: 500;">Hardware</a>
+
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/Lab">Lab</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a>
 
                 <a class="mdl-navigation__link" href="https://2017.igem.org/Team:Peking/HP">Practices</a>
Line 131: Line 130:
 
             margin-right: 50px;
 
             margin-right: 50px;
 
             margin-top: 120px;
 
             margin-top: 120px;
−
             margin-bottom: 50px;
+
             margin-bottom: 100px;
 
             width: auto;
 
             width: auto;
 
         }
 
         }
 
         .demo-card-wide > .mdl-card__title {
 
         .demo-card-wide > .mdl-card__title {
 +
            padding-left: 50px;
 
             color: #fff;
 
             color: #fff;
−
             height: 360px;
+
             height: 230px;
 
         }
 
         }
 
         .demo-card-wide > .mdl-card__menu {
 
         .demo-card-wide > .mdl-card__menu {
Line 145: Line 145:
  
 
     <div class="demo-card-wide mdl-card mdl-shadow--2dp">
 
     <div class="demo-card-wide mdl-card mdl-shadow--2dp">
−
         <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/8/8e/Peking_Hardware_Microfluidics.png') center / cover; padding-left: 50px;">
+
         <div class="mdl-card__title" style="background: url('https://static.igem.org/mediawiki/2017/8/8e/Peking_Hardware_Microfluidics.png') center / cover;">
−
             <div class="mdl-card__title-text">
+
             <h1 class="mdl-card__title-text">Microfluidics</h1>
−
                <h1 style="font-size: xx-large; color: white"><strong>Microfluidics</strong></h1>
+
−
            </div>
+
 
         </div>
 
         </div>
−
 
−
 
−
 
 
         <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 
         <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
−
             <section class="docs-toc docs-text-styling">
+
             Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                <nav class="section-content">
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                    <ul style="margin-left: 0px;">
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
 
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                        <li><a href="p1">Fabrication of the microfluidic master plate</a></li>
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
 
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                        <li><a href="p2">Chip preparation</a></li>
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
 
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                        <li><a href="p3">Cell preparation</a>
+
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                        </li>
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
 
+
             Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
−
                        <li><a href="p4">IPTG synchronization</a>
+
             Mauris sagittis pellentesque lacus eleifend lacinia...<br><br>
−
                        </li>
+
             <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Microfluidics"target="_blank" style="background-color: #2D8EE8; color: white;">
−
 
+
                 Read More
−
                        <li><a href="p5">Microscopy and image acquisition</a>
+
−
                        </li>
+
−
 
+
−
                    </ul>
+
−
                </nav>
+
−
            </section>
+
−
            <br>
+
−
            <h2 id="p1">Fabrication of the microfluidic master plate</h2>
+
−
            Fabrication of the E. coli mother machine was carried out using standard UV photolithography in a clean-room environment. The device was designed using L Edit and quartz-chrome photomasks. Note: for all spin coater steps described below, the following shorthand notation is used: speed (rpm)/acceleration (rpm/sec)/time (sec).<br>
+
−
             <h3>A. First Layer: Cell Channels</h3>
+
−
            This set of steps lays down the channels that house the cells in the final device. The tolerances for this layer are very stringent; the exposure dose and contact between mask and wafer must be opti-mized. We recommend trying out a range of exposure parameters to ensure that a useful device is obtained. We also stress the importance of the very long post-exposure baking time in the process below.<br>
+
−
             <ol type=1>
+
−
                <li>Place a new 3'' Si wafer (we used 380 &mu;m TEST-grade wafers from University Wafer) in a dish of fresh acetone. Sonicate at high power for 5 minutes.</li>
+
−
                <li>Sequentially rinse the wafer with streams of methyl alcohol (MeOH), isopropyl alcohol (IPA) and H<SUB>2</SUB>O (10 seconds per solvent).</li>
+
−
                <li>Place the wafer on a 2'' spin chuck and spin a few seconds at 500 rpm. </li>
+
−
                <li>While spinning, sequentially rinse the wafer with streams of MeOH, IPA and H<SUB>2</SUB>O. </li>
+
−
                <li>Spin the wafer for 1 minute at 3 000 rpm to dry. </li>
+
−
                <li>Dehydrate the wafer with the smooth side upwards above clean filter paper for 5 minutes on a hot plate set to 190&#8451;, then cool it at r.t.</li>
+
−
                <li>Place the dehydrated wafer onto the spin-coater chuck and dispense a small (cover &sim;2/3 of the wafer surface) amount of Su8 3005 photoresist (Microchem) using a disposable pipette. Run the spin pro-gram (Set spin program to: Step 1: 500/100/10, Step 2: 1400/300/36). This should result in a coat of &sim;1.5 &mu;m.</li>
+
−
                <li>Soft-bake the wafer for 2 minutes at 95&#8451;. </li>
+
−
                <li>Expose the wafer for 40&sim;50 seconds (3.7 mW/cm<sup>2</sup>) through the cell-channel mask in vacuum contact mode.</li>
+
−
                <li>Post exposure, bake the wafer (in order) for 2 minutes at 95&#8451; (according to the thickness of this layer), then cool it at r.t.</li>
+
−
             </ol>
+
−
            <h3>B. Second Layer: Feeding Channels</h3>
+
−
            This layer of the device forms the culture-medium flow channels. The dimensions of these features are not critical: we have used feeding channels of widely varying dimension to similar effect. The alignment is sensitive to large errors, however. The alignment between the feeding channels and cell channels must be accurate (down to a couple of microns) in order to ensure that the cell channels are of the desired final length.<br>
+
−
             <ol type=1>
+
−
                <li>Set the spin program to: Step 1: 500/100/10, Step 2:1200/300/40.</li>
+
−
                <li>Place the wafer onto the spin-coater chuck and dispense a small  amount of Su8 3005 photoresist (cover &sim;2/3 of the wafer surface) with a pipette being careful not to introduce bubbles. Run the spin program. This should result in a coat of - 9 &mu;m.</li>
+
−
                <li>Soft-bake the wafer (in order) for 8 min at 95&#8451;.</li>
+
−
                <li>With an Su8-developer-soaked swab, clean the newly-deposited photoresist off the alignment marks to make them visible for the alignment process.</li>
+
−
                <li>Align the feeding channel mask to the alignment marks on the wafer. Apply vacuum contact and check alignment again. If the vacuum application skewed the alignment, repeat the alignment process.</li>
+
−
                <li>Expose the wafer for 30 seconds (3.7 mW/cm<sup>2</sup>) through the aligned feeding channel mask.</li>
+
−
                <li> Bake the wafer for 10 min at 95&#8451;.</li>
+
−
                <li>Develop the wafer for 2 minutes in Su8 Developer with mild agitation.</li>
+
−
                <li>Rinse the wafer for 10 seconds in IPA. Check to ensure that the development is finished. If undesired photoresist remains, develop again for 20 seconds.</li>
+
−
                <li>Verify channel height using a profilometer. The expected height is 10.5 &mu;m. If the channel dimensions lie outside of your expected tolerance bounds, the process must be repeated with modified spin coat-ing parameters.</li>
+
−
             </ol>
+
−
            <h2 id="p2">Chip preparation</h2>
+
−
            Dimethyl siloxane monomer (Sylgard 184) was mixed at a 10:1 ratio with curing agent, poured onto the silicon wafer, defoamed, degassed for 1 h, and cured at 75&#8451;for 1h. Individual chips were then cut, and the inlets and outlets were punched using a puncher (in-ner diameter: 0.9 mm, outer diameter: 1.3 mm), and cleaned with Scotch tape. Bonding to water-cleaned and nitrogen-dried coverslips was ensured using oxygen plasma treatment (60 s at LOW and O<sub>2</sub> pressure at 170 mTorr) on the day the experiments were started. Attach the treated surfaces of the chip and coverslip together gently to prevent cavity collapse. The chips were then incubated at 75&#8451; overnight to reinforce the bonding.<br>
+
−
             <h2 id="p3">Cell preparation</h2>
+
−
            Escherichia coli strains were grown overnight in LB with appropriate antibiotics and diluted 1:100 ap-proximately 2-3 h before the beginning of the experiments in the imaging media, which consisted of M9 salts,10% (v/v) LB, 0.2% (w/v) glucose, 2mM MgSO<sub>4</sub>, 0.1mM CaCl<sub>2</sub>, 1.5 &mu;M thiamine hydrochloride (Sigma Aldrich, included as a passivating agent). The cells were centrifuged on a holder that could fit into a standard table-top centrifuge at 4000 &times; g for 10 min to insert them into the single straight channels. The feeding channels were con-nected to syringes filled with imaging media using Tygon tubing (VWR), and media was pumped us-ing syringe pumps (New Era Pump System) initially at a high rate of 100 &mu;l/min for 5 min, to clear the inlets and outlets.The media was then pumped at 2.5-5 &mu;l/min for the duration of the experiment and the cells were allowed to adapt to the device for several hours before imaging was started.<br>
+
−
             <h2 id="p4">IPTG synchronization</h2>
+
−
            To synchronize the phase of the oscillators in the population, we diluted the strains in imaging medium supplemented with appropriate antibiotics and 1 mM IPTG to obtain a density of the early expo-nential phase (OD<sub>600</sub>=0.2) 8 h later (&sim;1&times;10<sup>-6</sup>) at 37&#8451;.<br>
+
−
            <h2 id="p5">Microscopy and image acquisition</h2>
+
−
            Images were acquired using a Nikon ECLIPSE Ti inverted microscope equipped with a temperature-controlled incubator, an Orca R2 CCD camera (Hamamatsu), a 60&times;Plan Apo oil objective (numerical aperture (NA) 1.4, Nikon), an automated xy-stage (Ludl) and Nikon HG Pre-centered Fiber Illuminator (INTENSILIGHT C-HGFIE). All experiments were performed at 37&#8451;. Typical exposure was low (50-100 ms) to reduce photobleaching, and the reporter channels were acquired using 2 &times; 2 binning (CCD chip dimension of 1,344 &times; 1,024 pixels, effective pixel size of 129 &times; 129 nm). Then, 16-bit TIFF images were taken every 5-8 min, and focal drift was controlled via the Nikon PerfectFocus system, as well as a custom routine based on z-stack images of a sacrificial position (a position that was not used for further analysis). The following filter sets were used for acquisition: GFP (Nikon GFPHQ), RFP (Nikon TxRed), YFP (Nikon YFPHQ) and CFP (Nikon CFPHQ).
+
−
 
+
−
            <br><br>
+
−
             <a class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware" style="background-color: #366FB4; color: white;">
+
−
                 Back < Hardware
+
 
             </a>
 
             </a>
 +
        </div>
  
−
             <a class="mdl-button mdl-button--accent mdl-js-button mdl-button--raised mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Autosnap" style="background-color: #2979FF; color: white;">
+
        <div class="mdl-card__menu">
−
                 Goto > Hardware/Autosnap
+
             <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
 +
                <i class="material-icons">share</i>
 +
            </button>
 +
        </div>
 +
    </div>
 +
    <div class="demo-card-wide mdl-card mdl-shadow--2dp" style="margin-top: 20px">
 +
        <div class="mdl-card__title" style="background: url('Autosnap.png') center / cover;">
 +
            <h1 class="mdl-card__title-text">Autosnap</h1>
 +
        </div>
 +
        <div class="mdl-card__supporting-text" style="line-height: 2em;text-align: justify; color: #3A3A3A; padding-left: 50px; padding-top: 50px; padding-bottom:50px">
 +
            Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 +
            Mauris sagittis pellentesque lacus eleifend lacinia...<br><br>
 +
            <a class="mdl-button mdl-js-button mdl-button--raised mdl-button--accent mdl-js-ripple-effect" href = "https://2017.igem.org/Team:Peking/Hardware/Autosnap"target="_blank" style="background-color: #307DFC; color: white;">
 +
                 Read More
 
             </a>
 
             </a>
 
         </div>
 
         </div>
−
 
  
 
         <div class="mdl-card__menu">
 
         <div class="mdl-card__menu">
−
             <a class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
+
             <button class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">
−
                 <i class="material-icons">settings</i>
+
                 <i class="material-icons">share</i>
−
             </a>
+
             </button>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
−
 
 
     <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section>
 
     <section class="docs-text-styling download mdl-color--grey-800" style="height: 1px"></section>
 
     <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;">
 
     <footer class="mdl-mega-footer" style="height: 260px; margin-bottom: 0px;">
Line 284: Line 252:
  
 
</main>
 
</main>
−
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:26, 28 October 2017

Peking iGEM 2017

Microfluidics

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...

Read More

Autosnap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris sagittis pellentesque lacus eleifend lacinia...

Read More