Difference between revisions of "Team:EPFL/SummerSchool"

 
(25 intermediate revisions by 4 users not shown)
Line 20: Line 20:
 
   position: sticky;
 
   position: sticky;
 
   top: 60px;
 
   top: 60px;
 
+
 
 
}
 
}
  
Line 37: Line 37:
 
<section class="module parallax"  data-jarallax-video="mp4:https://static.igem.org/mediawiki/2019/3/3c/T--EPFL--headerfinal.mp4" >
 
<section class="module parallax"  data-jarallax-video="mp4:https://static.igem.org/mediawiki/2019/3/3c/T--EPFL--headerfinal.mp4" >
 
   <div class="col-md-4">
 
   <div class="col-md-4">
                         <h1 style="color:purple" >Education </br>and Public</br> Engagment </h1>  
+
                         <h1 style="color:purple" >Education </br>and Public</br> Engagment </h1>
 
                   </div>
 
                   </div>
 
</section>
 
</section>
 
  <!-- Page Header end-->
 
  <!-- Page Header end-->
 
+
<!--
<div class="row">
+
<div class="row">
 
<div class="col-xs-3">
 
<div class="col-xs-3">
 
     <div class="nav flex-column nav-pills" aria-orientation="vertical" id="myScrollspy">
 
     <div class="nav flex-column nav-pills" aria-orientation="vertical" id="myScrollspy">
Line 53: Line 53:
 
</li>
 
</li>
 
  </br>
 
  </br>
     
+
 
 
<li class="nav-item dropdown">
 
<li class="nav-item dropdown">
 
       <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#Open" role="button" aria-haspopup="true" aria-expanded="false" > EPFL Open Doors</a>
 
       <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#Open" role="button" aria-haspopup="true" aria-expanded="false" > EPFL Open Doors</a>
Line 71: Line 71:
 
     </div>
 
     </div>
 
  </div>
 
  </div>
 
+
-->
 
  <!-- Hero end-->
 
  <!-- Hero end-->
 
             <!-- Blog-->
 
             <!-- Blog-->
             <section class="module">  
+
             <section class="module">
  
 
  <div class="container">
 
  <div class="container">
Line 85: Line 85:
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
 
                             <div class="sticky-sidebar">
 
                             <div class="sticky-sidebar">
                                   
+
 
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;"id="Contribution">The tutorial</h2> </div>
+
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;"id="Contribution">Video tutorial</h2> </div>
 
                                     <p style="font-size:17px; align="justify">
 
                                     <p style="font-size:17px; align="justify">
 
In order to promote the use of our custom OnePot PURE cell-free system, we have filmed and edited a tutorial detailing the procedure. It involves the buffer preparation, the energy solution, the protein solution, and the ribosome solution. However, the ribosome preparation is not shown in the tutorial.
 
In order to promote the use of our custom OnePot PURE cell-free system, we have filmed and edited a tutorial detailing the procedure. It involves the buffer preparation, the energy solution, the protein solution, and the ribosome solution. However, the ribosome preparation is not shown in the tutorial.
 
<br>
 
<br>
We believe this will promote the use of synthetic biology and cell-free systems in high schools and universities around the world, making it more accessible and understandable. <br> You can also find our OnePot video tutorial on this <a href="https://www.youtube.com/watch?v=AlQK2oHXXx8">link.  </a>
+
We believe this will promote the use of synthetic biology and cell-free systems in high schools and universities around the world, making it more accessible and understandable. <br>
  
 
  </p>
 
  </p>
 
                                     </div>
 
                                     </div>
 
+
 
 
                     </div>              </div>
 
                     </div>              </div>
                       <div class="col-md-6">
+
                       <div class="col-md-6"><video controls poster="https://static.igem.org/mediawiki/2019/1/11/T--EPFL--onepotcover.png" style="width:100%;">
                            <p><img src="https://static.igem.org/mediawiki/2019/a/ad/T--EPFL--op1.png" alt=""></p>
+
<source src="https://static.igem.org/mediawiki/2019/d/d3/T--EPFL--OnePot2.mp4">
                           
+
Your browser does not support the video tag.
 +
</video></p>
 +
 
 
                             <!--<img src="https://static.igem.org/mediawiki/2019/f/f0/T--EPFL--op2.png" alt="">-->
 
                             <!--<img src="https://static.igem.org/mediawiki/2019/f/f0/T--EPFL--op2.png" alt="">-->
 
                 </div>
 
                 </div>
Line 104: Line 106:
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                   
+
                        </div>
  
     
 
</div>
 
<hr></hr>           
 
                <div class="container">
 
                    <div class="row">
 
                        <div class="col-lg-8 m-auto">
 
                                      <div class="post-header" id="School">
 
                                        <h1 class="post-title" style="color:purple;">Summer School Teaching</h1>
 
                                    </div> </div>
 
  
 +
<div class="container">
 
                     <div class="row">
 
                     <div class="row">
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
Line 123: Line 117:
 
                         </div>
 
                         </div>
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
 +
                                      <div class="post-header" id="School">
 +
                                        <h1 class="post-title" style="color:purple;">Summer School Teaching</h1>
 +
                                    </div>
 
                             <div class="sticky-sidebar">
 
                             <div class="sticky-sidebar">
 +
 
                                     <div class="post-header" id="Event">
 
                                     <div class="post-header" id="Event">
 
                                         <h2 class="post-title"style="color:purple;">The event</h2>
 
                                         <h2 class="post-title"style="color:purple;">The event</h2>
Line 143: Line 141:
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
                    </div>
 
                </div>
 
<hr>
 
                <div class="container">
 
 
<div class="row">
 
<div class="row">
                                      <div class="post-header" id="Open">
+
                      <div class="post-header" id="Open">
                                        <h1 class="post-title" style="color:purple;">EPFL Open Doors</h1>
+
                                  <h1 class="post-title" style="color:purple;">EPFL Open Doors</h1>
                                    </div> </div>
+
                          </div></div>
 
+
<div class="row">
                    <div class="row">
+
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
 
                             <div class="sticky-sidebar">
 
                             <div class="sticky-sidebar">
Line 166: Line 155:
 
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;"id="Contribution">Our contribution</h2> </div>
 
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;"id="Contribution">Our contribution</h2> </div>
 
                                     <p style="font-size:17px; align="justify">
 
                                     <p style="font-size:17px; align="justify">
As an iGEM team, we presented our project to the public. It was an amazing experience for us as we learned to adapt our speech according to the person's knowledge in biology.  
+
As an iGEM team, we presented our project to the public. It was an amazing experience for us as we learned to adapt our speech according to the person's knowledge in biology.
 
Overall, we had very good feedback. The people were interested in our project, as it targets a specific problem: grapevine diseases.
 
Overall, we had very good feedback. The people were interested in our project, as it targets a specific problem: grapevine diseases.
 
They understood how our solution could be applicable in the field and many suggested we turned our project into a startup.
 
They understood how our solution could be applicable in the field and many suggested we turned our project into a startup.
  </p>
+
  </p>
                                    </div>
+
</div>
 
+
</div>            
                    </div>               </div>
+
</div>
 
                       <div class="col-md-6">
 
                       <div class="col-md-6">
 
                             <p><img src="https://static.igem.org/mediawiki/2019/a/ad/T--EPFL--op1.png" alt=""></p>
 
                             <p><img src="https://static.igem.org/mediawiki/2019/a/ad/T--EPFL--op1.png" alt=""></p>
Line 178: Line 167:
  
 
                             <!--<img src="https://static.igem.org/mediawiki/2019/f/f0/T--EPFL--op2.png" alt="">-->
 
                             <!--<img src="https://static.igem.org/mediawiki/2019/f/f0/T--EPFL--op2.png" alt="">-->
                </div>
+
                      </div>
 
+
                        </div>
                                </div>
+
   
                            </div>
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
     
+
</div>
+
<hr></hr>
+
<div class="container">
+
 
<div class="row">
 
<div class="row">
<div class="post-header" id="Further">
 
                    <h1 class="post-title" style="color:purple;">Further Presentation</h1>
 
        </div>
 
</div>
 
                    <div class="row">
 
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
 
                             <img src="https://static.igem.org/mediawiki/2019/6/6a/T--EPFL--lavaux.jpeg" alt="">
 
                             <img src="https://static.igem.org/mediawiki/2019/6/6a/T--EPFL--lavaux.jpeg" alt="">
 
                         </div>
 
                         </div>
 
                         <div class="col-md-6">
 
                         <div class="col-md-6">
 +
<div class="post-header" id="Further">
 +
                    <h1 class="post-title" style="color:purple;">Further Presentation</h1>
 +
        </div>
 
                             <div class="sticky-sidebar">
 
                             <div class="sticky-sidebar">
<p style="font-size:17px; align="justify">The end of the Jamboree doesn’t mean the end of iGEM for our team. We are scheduled to present our projects in future occasions</p>  
+
<p style="font-size:17px; align="justify">The end of the Jamboree doesn’t mean the end of iGEM for our team. We are scheduled to present our project at future occasions.</p>
 
                                     <div class="post-header" id="EPFL">
 
                                     <div class="post-header" id="EPFL">
 
                                         <h2 class="post-title"style="color:purple;">EPFL Presentation - October 25th</h2>
 
                                         <h2 class="post-title"style="color:purple;">EPFL Presentation - October 25th</h2>
Line 207: Line 185:
 
                                 <p style="font-size:17px; align="justify">Before flying to Boston we will present our project at our university, EPFL. It is a major event for us as it will be our first official presentation. We will be able to practice presenting and receive honest feedback from other students and professors. In addition to that, it promotes iGEM at EPFL and will hopefully inspire other students to be part of the future team.
 
                                 <p style="font-size:17px; align="justify">Before flying to Boston we will present our project at our university, EPFL. It is a major event for us as it will be our first official presentation. We will be able to practice presenting and receive honest feedback from other students and professors. In addition to that, it promotes iGEM at EPFL and will hopefully inspire other students to be part of the future team.
 
  </p>
 
  </p>
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;" id="Swissnex">Swissnex - October 5th</h2> </div>
+
                                 <div class="info-list">  <div class="post-header"> <h2 class="post-title"style="color:purple;" id="Swissnex">Swissnex - November 4th</h2> </div>
 
                                     <p style="font-size:17px; align="justify">
 
                                     <p style="font-size:17px; align="justify">
 
Swissnex is a Swiss scientific network located all around the world. Swissnex Boston contacted all the Swiss iGEM teams (ETH Zurich, UZurich, UniGE and ourselves) to present their project. It is a big opportunity for our team as it will allow us to create a network of investors and possibly continue our project if we want to make a startup out of it.
 
Swissnex is a Swiss scientific network located all around the world. Swissnex Boston contacted all the Swiss iGEM teams (ETH Zurich, UZurich, UniGE and ourselves) to present their project. It is a big opportunity for our team as it will allow us to create a network of investors and possibly continue our project if we want to make a startup out of it.
Line 228: Line 206:
 
                 </div>
 
                 </div>
 
       </section>
 
       </section>
 +
 
  <!-- References-->
 
  <!-- References-->
 +
 
  <section class="module">
 
  <section class="module">
 
                 <div class="container">
 
                 <div class="container">
Line 242: Line 222:
 
<sup>1</sup> A.Huang et al., 2018 <i>BioBits™ Explorer: A modular synthetic biology education kit</i>, Science Advances, <a href="http://dx.doi.org/10.1126/sciadv.aat5105">[link to article]</a> </p>
 
<sup>1</sup> A.Huang et al., 2018 <i>BioBits™ Explorer: A modular synthetic biology education kit</i>, Science Advances, <a href="http://dx.doi.org/10.1126/sciadv.aat5105">[link to article]</a> </p>
  
 
+
 
</i>  
+
</i>
  
 
                                       </p>
 
                                       </p>
Line 251: Line 231:
 
                                 </div>
 
                                 </div>
 
                                 </div>
 
                                 </div>
                             </section>  
+
                             </section>
  
  

Latest revision as of 20:55, 21 October 2019

Education
and Public
Engagment

OnePot Tutorial

Summer School Teaching

EPFL Open Doors

Further Presentation

References

1 A.Huang et al., 2018 BioBits™ Explorer: A modular synthetic biology education kit, Science Advances, [link to article]