Difference between revisions of "Team:Pasteur Paris/ExperimentsExperiment"

 
(8 intermediate revisions by 2 users not shown)
Line 187: Line 187:
  
 
                 .vignette {                            /*element that contains ONE vignette*/
 
                 .vignette {                            /*element that contains ONE vignette*/
−
                     height:25em;
+
                     height:20em;
−
                     width:25em;
+
                     width:20em;
−
                     margin:2em;
+
                     margin:0;
 
                     position:relative;
 
                     position:relative;
 
                     display: inline-block;
 
                     display: inline-block;
Line 196: Line 196:
  
 
                 .vignette_for {              /*foreground part of the vignettes, gets transparent*/
 
                 .vignette_for {              /*foreground part of the vignettes, gets transparent*/
−
                     width: 20em;
+
                     width: 15em;
−
                     height: 21em;
+
                     height: 16em;
 
                     position:absolute;
 
                     position:absolute;
 
                     left:2.5em;
 
                     left:2.5em;
Line 217: Line 217:
  
 
                 .vignette_back {          /*background part of the vignettes, picture*/
 
                 .vignette_back {          /*background part of the vignettes, picture*/
−
                     width: 20em;
+
                     width: 15em;
−
                     height: 21em;
+
                     height: 16em;
 
                     position:absolute;
 
                     position:absolute;
 
                     left:2.5em;
 
                     left:2.5em;
Line 233: Line 233:
  
 
                 .vignette_text {            /*small panel that slides down on the vignettes*/
 
                 .vignette_text {            /*small panel that slides down on the vignettes*/
−
                     width: 22em;
+
                     width: 17em;
 
                     height: 3em;
 
                     height: 3em;
 
                     position:absolute;
 
                     position:absolute;
Line 264: Line 264:
 
                     -o-transition: max-height 0.7s ;
 
                     -o-transition: max-height 0.7s ;
 
                     transition: max-height 0.7s ;
 
                     transition: max-height 0.7s ;
−
                     border: 10px solid transparent;
+
                     border: 5px solid transparent;
 
                     -moz-border-image: -moz-linear-gradient(left, #C6234A 0%, #3C519F 100%);
 
                     -moz-border-image: -moz-linear-gradient(left, #C6234A 0%, #3C519F 100%);
 
                     -webkit-border-image: -webkit-linear-gradient(left, #C6234A 0%, #3C519F 100%);
 
                     -webkit-border-image: -webkit-linear-gradient(left, #C6234A 0%, #3C519F 100%);
Line 277: Line 277:
 
                     z-index:6;
 
                     z-index:6;
 
                     position:relative;
 
                     position:relative;
−
                     top: 1em;
+
                     float: right;
−
                     left: 70em;
+
                     margin-top: 1em;
−
 
+
 
                     background-image: url("https://static.igem.org/mediawiki/2018/d/d3/T--Pasteur_Paris--Cross.png");
 
                     background-image: url("https://static.igem.org/mediawiki/2018/d/d3/T--Pasteur_Paris--Cross.png");
 
                     background-size:100%;
 
                     background-size:100%;
Line 300: Line 299:
 
                     border: 0.2em solid #AF3D57;
 
                     border: 0.2em solid #AF3D57;
 
                     width:15em;
 
                     width:15em;
 +
                }
 +
 +
                #vign_0 {
 +
                    order:3;
 +
                }
 +
                #vign_1 {
 +
                    order:4;
 +
                }
 +
                #vign_2 {
 +
                    order:5;
 +
                }
 +
                #vign_3 {
 +
                    order:9;
 +
                }
 +
 +
 +
                #pan_0 {
 +
                    order:6;
 +
                }
 +
                #pan_1 {
 +
                    order:7;
 +
                }
 +
                #pan_2 {
 +
                    order:8;
 +
                }
 +
 +
                @media screen and (max-width: 850px) and (min-width: 572px) {
 +
 +
                    #pan_0 {
 +
                        order: 5;
 +
                    }
 +
                    #pan_1 {
 +
                        order: 6;
 +
                    }
 +
 +
                    #vign_2 {
 +
                        order: 7;
 +
                    }
 
                 }
 
                 }
  
Line 968: Line 1,005:
 
             </div>
 
             </div>
 
   
 
   
−
             <div class="block full">
+
             <div class="block full" style="display:flex;flex-flow: row wrap;justify-content:center;">
  
−
                 <h2 style="text-align: left;">Microfluidics</h2>
+
                 <h2 style="order:1">Microfluidics</h2>
  
−
                 <p>PDMS (Polydimethylsiloxane) is a widely used polymer in microfluidics, for its biocompatibility and transparence, among other qualities. Here we show how to prepare PDMS for microfluidic chips, as well as how to demold them, bond them to other surfaces and treat them for neuron growth.</p>                             
+
                 <p style="text-indent:0px;order:2;">PDMS (Polydimethylsiloxane) is a widely used polymer in microfluidics, for its biocompatibility and transparence, among other qualities. Here we show how to prepare PDMS for microfluidic chips, as well as how to demold them, bond them to other surfaces and treat them for neuron growth. Also, we explain how our molds and chips were fabricated.</p>                             
  
  
Line 983: Line 1,020:
  
 
                     <div class="vignette_text">
 
                     <div class="vignette_text">
−
                         <p style="margin:auto; text-align:center;font-weight:bold;" >PDMS Chips</p>
+
                         <p style="margin:auto; text-align:center;font-weight:bold;" >PDMS Chips Fabrication</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 995: Line 1,032:
 
          
 
          
 
                     <div class="vignette_text">
 
                     <div class="vignette_text">
−
                         <p style="margin:auto; text-align:center;font-weight:bold;">Chip Bonding</p>
+
                         <p style="margin:auto; text-align:center;font-weight:bold;">PDMS Chip Demolding</p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 +
 +
                <div class="vignette" id="vign_2">
 +
                    <div class="vignette_for">
 +
                    </div>
 +
       
 +
                    <div class="vignette_back" id="back_2">
 +
                    </div>
 +
       
 +
                    <div class="vignette_text">
 +
                        <p style="margin:auto; text-align:center;font-weight:bold;">PDMS Chip Bonding</p>
 +
                    </div>
 +
                </div>
 +
  
  
Line 1,007: Line 1,057:
 
                     <ul>
 
                     <ul>
 
                         <li> Sylgard 184 Elastomer Kit  (Sigma-aldrich, Sylgard 184, 761036-5EA)  </li>
 
                         <li> Sylgard 184 Elastomer Kit  (Sigma-aldrich, Sylgard 184, 761036-5EA)  </li>
−
                         <li> Razor blade (OEMTOOLS 25181 Razor Blades, 100 Pack) </li>
+
                         <li> Vacuum pump unit (Vacuubrand PC 3 RZ 2.5) </li>
−
                         <li> 4mm Biopsy Puncher (Kai Biopsy Punch 4mm )  </li>
+
                         <li> Stove (Memmert UM 400) </li>
−
                        <li> Isopropanol (Fisherbrand, CAS number 67-63-0)  </li>
+
−
                        <li> Vacuum pump unit (Vacuubrand PC 3 RZ 2.5) </li>
+
 
                     </ul>
 
                     </ul>
 
                     <br>
 
                     <br>
Line 1,018: Line 1,066:
 
                     <ul>
 
                     <ul>
 
                         <li> Mix monomer and curing agent (10:1 proportion) for 30 seconds  </li>
 
                         <li> Mix monomer and curing agent (10:1 proportion) for 30 seconds  </li>
−
                         <li> Use a vacuum machine to extract air bubbles until the mixture is clear </li>
+
                         <li> Use a vacuum pump unit and a  vacuum bell jar to extract air bubbles until the mixture is clear </li>
 
                         <li> Pour mixture onto mold </li>
 
                         <li> Pour mixture onto mold </li>
 
                         <li> Put mixture+mold in stove at 70 degrees Celsius for 3 hours </li>
 
                         <li> Put mixture+mold in stove at 70 degrees Celsius for 3 hours </li>
−
                        <li> Use razor blade to cut the borders of the chip and extract the chip from its mold </li>
 
−
                        <li> Use biopsy puncher to drill input and output holes </li>
 
−
                        <li> Clean chip with isopropanol </li>
 
 
                     </ul>  
 
                     </ul>  
 
                     <br>
 
                     <br>
Line 1,031: Line 1,076:
 
                     <br>  
 
                     <br>  
 
                 </div>
 
                 </div>
 +
 +
                <div class="panel" id="pan_1">
 +
                    <div class="close_button">
 +
                    </div>
 +
                    <br>
 +
                    <h3>Materials</h3>
 +
                    <ul>
 +
                        <li> Razor blade (OEMTOOLS 25181 Razor Blades, 100 Pack)  </li>
 +
                        <li> Biopsy puncher (Kai Biopsy Punch 4mm )  </li>
 +
                    </ul>
 +
                    <br>
 +
                    <h3>Protocol</h3>
 +
                    <br>
 +
                    <ul>
 +
                        <li> Cut the borders of the chip with the razor blade  </li>
 +
                        <li> Extract the chip from its mold </li>
 +
                        <li> Drill input and output holes with the biopsy puncher </li>
 +
                    <br>
 +
                    <div class="protocol_box">
 +
                        <p> Get full protocol here </p>
 +
                    </div>
 +
                    <br>
 +
                </div>
 +
 +
                <div class="panel" id="pan_2">
 +
                    <div class="close_button">
 +
                    </div>
 +
                    <br>
 +
                    <h3>Materials</h3>
 +
                    <ul>
 +
                        <li>  Plasma cleaner (Diener Pico PCCE)  </li>
 +
                        <li>  Distilled water (Fisherbrand, CAS number 7732-18-5)  </li>
 +
                        <li>  Isopropanol (Fisherbrand, CAS number 67-63-0)  </li>
 +
                        <li>  Office duct tape </li>
 +
                        <li>  Vertical laminar airflow cabinets (Euroclone aura vertical S.D.4) </li>
 +
                    </ul>
 +
                    <br>
 +
                    <h3>Protocol</h3>
 +
                    <br>
 +
                    <ul>
 +
                        <li> Take chip and the surface it needs to be bonded to in the airflow cabinet  </li>
 +
                        <li> Clean chip with duct tape and isopropanol </li>
 +
                        <li> Put the chip and the surface into the plasma cleaner. </li>
 +
                        <li> Expose chip and surface 30 seconds to plasma. </li>
 +
                        <li> Take the chip and the surface back in the airflow cabinet </li>
 +
                        <li> Press the microfluidic chip against the surface </li>
 +
                        <li> Insert distilled water into chip circuitry </li>
 +
 +
                    <br>
 +
                    <div class="protocol_box">
 +
                        <p> Get full protocol here </p>
 +
                    </div>
 +
                    <br>
 +
                </div>
 +
 +
 +
                <div class="vignette" id="vign_3">
 +
                    <div class="vignette_for">
 +
                    </div>
 +
       
 +
                    <div class="vignette_back" id="back_3">
 +
                    </div>
 +
       
 +
                    <div class="vignette_text">
 +
                        <p style="margin:auto; text-align:center;font-weight:bold;">PDMS Chip Treatment for Nerve Growth</p>
 +
                    </div>
 +
                </div>
 +
  
 
             </div>                           
 
             </div>                           
Line 1,097: Line 1,210:
 
                     vignFor.style.opacity = 0;
 
                     vignFor.style.opacity = 0;
 
                     vignText.style.opacity = 1;
 
                     vignText.style.opacity = 1;
−
                     vignText.style.top = "20em";
+
                     vignText.style.top = "15em";
 
                 }  
 
                 }  
 
             });
 
             });

Latest revision as of 12:37, 16 August 2018

Training

PROTOCOLS

Microfluidics

PDMS (Polydimethylsiloxane) is a widely used polymer in microfluidics, for its biocompatibility and transparence, among other qualities. Here we show how to prepare PDMS for microfluidic chips, as well as how to demold them, bond them to other surfaces and treat them for neuron growth. Also, we explain how our molds and chips were fabricated.

PDMS Chips Fabrication

PDMS Chip Demolding

PDMS Chip Bonding


Materials

  • Sylgard 184 Elastomer Kit (Sigma-aldrich, Sylgard 184, 761036-5EA)
  • Vacuum pump unit (Vacuubrand PC 3 RZ 2.5)
  • Stove (Memmert UM 400)

Protocol

According to manufacturer's instruction.

  • Mix monomer and curing agent (10:1 proportion) for 30 seconds
  • Use a vacuum pump unit and a vacuum bell jar to extract air bubbles until the mixture is clear
  • Pour mixture onto mold
  • Put mixture+mold in stove at 70 degrees Celsius for 3 hours

Get full protocol here



Materials

  • Razor blade (OEMTOOLS 25181 Razor Blades, 100 Pack)
  • Biopsy puncher (Kai Biopsy Punch 4mm )

Protocol


  • Cut the borders of the chip with the razor blade
  • Extract the chip from its mold
  • Drill input and output holes with the biopsy puncher

    • Get full protocol here



Materials

  • Plasma cleaner (Diener Pico PCCE)
  • Distilled water (Fisherbrand, CAS number 7732-18-5)
  • Isopropanol (Fisherbrand, CAS number 67-63-0)
  • Office duct tape
  • Vertical laminar airflow cabinets (Euroclone aura vertical S.D.4)

Protocol


  • Take chip and the surface it needs to be bonded to in the airflow cabinet
  • Clean chip with duct tape and isopropanol
  • Put the chip and the surface into the plasma cleaner.
  • Expose chip and surface 30 seconds to plasma.
  • Take the chip and the surface back in the airflow cabinet
  • Press the microfluidic chip against the surface
  • Insert distilled water into chip circuitry

    • Get full protocol here


PDMS Chip Treatment for Nerve Growth