Difference between revisions of "Team:DTU-Denmark/BioBrick Tutorial"

 
(36 intermediate revisions by 2 users not shown)
Line 4: Line 4:
 
<html>
 
<html>
  
 +
 +
 +
 +
<section id="top" class="header_con ">
 
<img class="effect" id="effect1" src="https://static.igem.org/mediawiki/2019/6/63/T--DTU-Denmark--background5.png">
 
<img class="effect" id="effect1" src="https://static.igem.org/mediawiki/2019/6/63/T--DTU-Denmark--background5.png">
 
<img class="effect" id="effect2" src="https://static.igem.org/mediawiki/2019/e/ea/T--DTU-Denmark--background3.png">
 
<img class="effect" id="effect2" src="https://static.igem.org/mediawiki/2019/e/ea/T--DTU-Denmark--background3.png">
 
<img class="effect" id="effect3" src="https://static.igem.org/mediawiki/2019/4/4b/T--DTU-Denmark--background4.png">
 
<img class="effect" id="effect3" src="https://static.igem.org/mediawiki/2019/4/4b/T--DTU-Denmark--background4.png">
 +
<div class="container">
 +
<div class="row flex-center sm-no-flex" style="padding-top:75px;">
  
  
  
−
<section id="otherheader" class="header_con ">
+
−
<div class="container">
+
−
<div class="row flex-center sm-no-flex">
+
  
−
<div class="pull-right sm-no-float col-md-8">
+
<div class=" topimg pull-right sm-no-float col-md-8 ">
 
 
  
−
<img id="biobrickh" src="https://static.igem.org/mediawiki/2019/1/1d/T--DTU-Denmark--bbgroup.jpg" title="All of the lovely participants of the BioBrick tutorial!">
 
  
 +
<img src="https://static.igem.org/mediawiki/2019/4/4e/T--DTU-Denmark--bbheader.svg" alt="Group photo of everyone at the BioBrick Tutorial 2019" style="margin-top:75px;max-width:90%;margin-right:auto; margin-left:auto;display: block;
 +
    height:auto;z-index:5;">
  
  
Line 25: Line 30:
 
        
 
        
 
        
 
        
−
        
+
       <div class="pull-left col-md-4 sm-text-center com-sm-12 ">
−
     
+
−
     
+
−
     
+
−
     
+
−
<div class="pull-left col-md-4 sm-text-center com-sm-12">
+
 
<div class="team-overview">
 
<div class="team-overview">
−
<h2>The BioBrick tutorial</h2>
+
<h2>BioBrick tutorial</h2>
 
 
 
<p><div>Once again we hosted the annual BioBrick tutorial at DTU. Thank you so much to everybody who participated. We're looking forward to seeing you again next year.</div></p>
 
<p><div>Once again we hosted the annual BioBrick tutorial at DTU. Thank you so much to everybody who participated. We're looking forward to seeing you again next year.</div></p>
 
</div>
 
</div>
 
</div><!-- /end col-md-4 -->
 
</div><!-- /end col-md-4 -->
−
   
+
     
−
   
+
−
   
+
−
   
+
−
   
+
 
</div><!-- /end row -->
 
</div><!-- /end row -->
−
 
 
−
 
 
−
 
 
−
 
 
−
 
 
 
</div><!-- /end container -->
 
</div><!-- /end container -->
 
</section>
 
</section>
 +
 +
 +
  
 
<section class="grey_con">
 
<section class="grey_con">
Line 56: Line 50:
  
  
−
<div class="row flex-center sm-no-flex">
+
<div class="row flex-center sm-no-flex interlabspace">
  
−
<div class="pull-right sm-no-float col-md-6">
+
<div class=" sm-no-float col-md-6 bbmobile col-sm-12">
  
−
<img class="bbfirstimg"/>
+
<img src="https://static.igem.org/mediawiki/2019/f/f5/T--DTU-Denmark--bbimage1.svg" alt="" class="safetyfirstimg"/>
 
</div>
 
</div>
 
       <div class="sm-no-float col-md-6">
 
       <div class="sm-no-float col-md-6">
−
<p>The 12th-14th of April, we hosted the 7th annual DTU BioBrick Tutorial and people from the Chalmers, Gothenburg, Helsinki, Copenhagen, Lund, SDU, Stockholm, Oslo, and Uppsala teams participated in the weekend-long event. The event aimed to give participants an introduction to iGEM and allowed the nordic teams to meet and exchange ideas and arrange collaborations as well have fun together.<br><br>
 
  
−
The entire team worked hard up to the event in order to prepare lab protocols and materials, book hotels, order food, plan the schedule, arrange talks, and plan social activities. <br>
+
On the 12th-14th of April, we hosted the 7th annual DTU BioBrick Tutorial and people from <a target="_blank" href="https://2019.igem.org/Team:Chalmers-Gothenburg">Chalmers-Gothenburg</a>, <a target="_blank" href="https://2019.igem.org/Team:Aalto-Helsinki">Helsinki</a>, <a target="_blank" href="https://2019.igem.org/Team:UCopenhagen">Copenhagen</a>, <a target="_blank" href="https://2019.igem.org/Team:Lund">Lund</a>, <a target="_blank" href="https://2019.igem.org/Team:SDU-Denmark">SDU</a>, <a target="_blank" href="https://2019.igem.org/Team:Stockholm">Stockholm</a>, <a target="_blank" href="https://2019.igem.org/Team:UiOslo_Norway">Oslo</a>, and <a target="_blank" href="https://2019.igem.org/Team:Uppsala_Universitet">Uppsala</a> participated in the weekend-long event. The event aimed to give the nordic teams an introduction to iGEM through a mixture of presentations and laboratory exercises. With the BioBrick Tutorial being held early in the iGEM season, it gave the Nordic teams a chance to meet each other for the first time, and have a lot of fun together.  <br><br>
−
During the event, members from the iGEM team from 2018 had kindly agreed to help with the experiment and social activities.</p>
+
 
 +
The entire team worked hard before the event in order to prepare lab protocols and materials, book hotels, order food, plan the schedule, arrange talks, and plan social activities.<br>  
 +
During the event, members from the 2018 iGEM team had kindly agreed to help with the experiment and social activities.
 +
 
 +
</p>
  
  
 
   </div>
 
   </div>
 +
 +
 +
<div class=" sm-no-float col-md-6 bbmobileshow col-sm-12 ">
 +
 +
<img  src="https://static.igem.org/mediawiki/2019/f/f5/T--DTU-Denmark--bbimage1.svg" alt="Participants at the BioBrick Tutorial eating dinner on the first day." class="safetyfirstimg"/>
 +
</div>
 +
 +
 
   </div>
 
   </div>
  
Line 78: Line 83:
 
       <div class="sm-no-float col-md-6">
 
       <div class="sm-no-float col-md-6">
  
 +
On the first day of the event, speakers with previous experience with iGEM were invited to give talks introducing different aspects of the competition, including synthetic biology principles and human practices. After dinner, the night was concluded with a pub quiz to bring people from different teams together.<br>
 +
The second day of the event was a rather long day filled with a laboratory exercise where participants were tasked with performing a 3A assembly to build their own BioBrick.
 +
Additionally, several talks and workshops were held and in the evening there were different social activities and networking.
 +
On the last day, there were a few more presentations from previous iGEM participants, before the results from the previous day were checked.<br>
 +
The full schedule can be seen <a href="https://static.igem.org/mediawiki/2019/f/f4/T--DTU-Denmark--biobuilderssche.pdf" target="_blank">here</a>.
  
−
On the first day of the event, there were talks introducing iGEM and synthetic biology as well as human practices. After dinner, there was a pub quiz to bring people from different teams together.
 
−
The second day of the event was a rather long day filled with a laboratory exercise where participants were to transform a BioBrick into E. coli.<br>
 
−
Additionally, there were several talks and in the evening, there were different social activities.
 
−
On the last day, there were a few more talks and then the results from the day before were seen.<br>
 
−
The full schedule can be seen <a href="https://static.igem.org/mediawiki/2019/f/f4/T--DTU-Denmark--biobuilderssche.pdf" target="_blank">here</a> </p>
 
  
−
<br><br>
+
<br><br><p>
 
</div>
 
</div>
−
<div class="pull-right sm-no-float col-md-6">
+
<div class=" sm-no-float col-md-6 col-sm-12">
  
−
<img class="bbsecondimg"/>
+
<img src="https://static.igem.org/mediawiki/2019/3/3a/T--DTU-Denmark--bbimage2.svg" class="safetysecondimg" alt="Participants held mini-presentations and solved creative tasks at the BioBrick Tutorial" style="max-width: 450px;"/>
 
</div>
 
</div>
  
Line 96: Line 101:
  
 
   </div>
 
   </div>
 +
 
   </div>
 
   </div>
 +
 +
 
</section>
 
</section>
  
  
−
   <section class="darkblue_con">
+
   <section class="darkblue_con" style="position:relative;">
 +
<img src="https://static.igem.org/mediawiki/2019/4/48/T--DTU-Denmark--bbimage3.svg" class="safetysecondimg" alt="Laboratory work is an important part of creating an iGEM project" style="    top: -15%;
 +
    position: absolute;
 +
    width: 40%;
 +
    right: 50px;
 +
    max-width: 200px;"/>
 
   <div class="container">
 
   <div class="container">
 
<div class="row flex-center sm-no-flex">
 
<div class="row flex-center sm-no-flex">
 
       <div class="sm-no-float col-md-12">
 
       <div class="sm-no-float col-md-12">
−
 
+
<div class="interlabspace">
 
<h3  >Team photos!</h3>
 
<h3  >Team photos!</h3>
 
<p class="interlabspace">Here are all the lovely people who joined us for the weekend</p>
 
<p class="interlabspace">Here are all the lovely people who joined us for the weekend</p>
−
 
+
</div>
 
<main>
 
<main>
 
                     <div id="carousel">
 
                     <div id="carousel">
 
                         <div class="slideImg hideLeft">
 
                         <div class="slideImg hideLeft">
−
                             <img src="https://static.igem.org/mediawiki/2019/b/b9/T--DTU-Denmark--bbchalmar.jpg" title="Hello">
+
                             <img src="https://static.igem.org/mediawiki/2019/b/b9/T--DTU-Denmark--bbchalmar.jpg" title="Team Chalmers-Gothenburg" alt="Team Chalmers-Gothenburg">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg prevLeftSecond">
 
                         <div class="slideImg prevLeftSecond">
−
                             <img src="https://static.igem.org/mediawiki/2019/c/cb/T--DTU-Denmark--bblund.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/c/cb/T--DTU-Denmark--bblund.jpg" title="Team Chalmers-Gothenburg" alt="Team Lund">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg prev">
 
                         <div class="slideImg prev">
−
                             <img src="https://static.igem.org/mediawiki/2019/4/4f/T--DTU-Denmark--bboslo.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/4/4f/T--DTU-Denmark--bboslo.jpg" title="Team UiOslo" alt="Team UiOslo">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg selected">
 
                         <div class="slideImg selected">
−
                             <img src="https://static.igem.org/mediawiki/2019/f/f3/T--DTU-Denmark--bbku.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/f/f3/T--DTU-Denmark--bbku.jpg"  title="Team SDU-Denmark" alt="Team SDU-Denmark">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg next">
 
                         <div class="slideImg next">
−
                             <img src="https://static.igem.org/mediawiki/2019/9/9f/T--DTU-Denmark--bbteam.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/9/9f/T--DTU-Denmark--bbteam.jpg" title="Team UCopenhagen" alt="Team UCopenhagen">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg nextRightSecond">
 
                         <div class="slideImg nextRightSecond">
−
                             <img src="https://static.igem.org/mediawiki/2019/e/e8/T--DTU-Denmark--bbstockholm.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/e/e8/T--DTU-Denmark--bbstockholm.jpg" title="Team Stockholm" alt="Team Stockholm">
 
                         </div>
 
                         </div>
 
                         <div class="slideImg hideRight">
 
                         <div class="slideImg hideRight">
−
                             <img src="https://static.igem.org/mediawiki/2019/1/15/T--DTU-Denmark--bbhelsinki.jpg">
+
                             <img src="https://static.igem.org/mediawiki/2019/1/15/T--DTU-Denmark--bbhelsinki.jpg" title="Team Helsinki" alt="Team Helsinki">
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 144: Line 157:
  
  
−
</div></div>
 
  
  
  
 +
</div></div>
  
  
Line 159: Line 172:
  
  
 +
    <footer id="myFooter" class="grey">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-sm-2">
 +
                                     
 +
  <a href="https://2019.igem.org/Team:DTU-Denmark">
 +
                  <img id="footylogo" src="https://static.igem.org/mediawiki/2019/f/fe/T--DTU-Denmark--happylogotemp.png" style="max-width: 50%;padding-top:30px;display: flex;margin-left:auto; margin-right:auto;">
 +
    </a>
 +
                </div>
 +
                <div class="col-sm-3">
 +
                    <h5>Useful links</h5>
 +
                    <ul>
 +
                      <p class="footer-links">
 +
<a href="https://2019.igem.org/Team:DTU-Denmark">Home</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Description">Project description</a>
 +
·
 +
                      <a href="https://2019.igem.org/Team:DTU-Denmark/Model">Modelling</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Parts">Parts overview</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Notebook">Notebook</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Team">Team</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Safety">Safety</a>
 +
·
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">Human practices</a>
 +
</p>
 +
                        <li style="font-size: 32px;"><a href="#top"><i class="fa fa-arrow-up"title="Back to top"></i> </a></li>
 +
                     
 +
                    </ul>
 +
                </div>
 +
                <div class="col-sm-4">
 +
                    <h5>About us</h5>
 +
                    <ul>
 +
                        <li><a href="mailto:dtubiobuilders@gmail.com">dtubiobuilders@gmail.com</a></li>
 +
                        <li><i class="fa fa-map-marker"></i><a href="https://www.google.dk/maps/@55.7854419,12.5196676,16z"> Anker Engelunds Vej 1 Bygning 101A, 2800 Kgs. Lyngby, Denmark</a></li>
 +
                       
 +
                    </ul>
 +
                </div>
 +
               
 +
                <div class="col-sm-3">
 +
                    <div class="social-networks">
 +
                        <a href="https://twitter.com/iGEM_DTU" class="twitter"><i class="fa fa-twitter"></i></a>
 +
                        <a href="https://www.facebook.com/dtubiobuilders?fref=ts" class="facebook"><i class="fa fa-facebook"></i></a>
 +
                        <a href="https://www.instagram.com/igem_dtubiobuilders/" class="insta"><i class="fa fab fa-instagram"></i></a>
 +
                    </div>
 +
                    <button type="button" class="btn btn-default" onclick="window.location.href='mailto:dtubiobuilders@gmail.com'">Contact us</button>
 +
                </div>
 +
            </div>
 +
        </div>
 +
       
 +
    </footer>
  
 +
<img class="footergrants" src="https://static.igem.org/mediawiki/2019/9/91/T--DTU-Denmark--biggrants.svg" title="The logos of our three biggest supporters, DTU Blue Dot, Novo Nordisk fonden and Otto Mønsted fonden" alt="The logos of our three biggest supporters, DTU Blue Dot, Novo Nordisk fonden and Otto Mønsted fonden">
 +
<img class="footersponsors" src="https://static.igem.org/mediawiki/2019/d/d9/T--DTU-Denmark--sponsorsfooter.svg" title="The logos of all of our sponsors, DTU, BioNordica, Eurofins Genomics, Qiagen, NEB New England biolabs, IDT Integrated DNA technologies and Twist bioscience" alt="The logos of all of our sponsors, DTU, BioNordica, Eurofins Genomics, Qiagen, NEB New England biolabs, IDT Integrated DNA technologies and Twist bioscience">
  
 +
</div></div>
  
 
<script>
 
<script>
Line 170: Line 240:
 
                         if (this.imgSelected != null)
 
                         if (this.imgSelected != null)
 
                         {
 
                         {
−
                             if (this.imgSelected < (this.elementImg.length - 1))
+
                             if (this.imgSelected < this.elementImg.length - 1)
 +
                            {
 +
                              this.imgSelected++;
 +
                                this.normalizeSlide();
 +
                            }
 +
                          else if (this.imgSelected < this.elementImg.length)
 
                             {
 
                             {
−
                                this.imgSelected++;
+
                              this.imgSelected= 0;
 
                                 this.normalizeSlide();
 
                                 this.normalizeSlide();
 
                             }
 
                             }
Line 183: Line 258:
 
                             {
 
                             {
 
                                 this.imgSelected--;
 
                                 this.imgSelected--;
 +
                                this.normalizeSlide();
 +
                            }
 +
                         
 +
                          else if (this.imgSelected == 0)
 +
                            {
 +
                              this.imgSelected= this.elementImg.length - 1;
 
                                 this.normalizeSlide();
 
                                 this.normalizeSlide();
 
                             }
 
                             }
Line 210: Line 291:
 
                         {
 
                         {
 
                             this.elementImg[this.imgSelected-1].classList.add("prev");
 
                             this.elementImg[this.imgSelected-1].classList.add("prev");
 +
                            this.elementImg[this.elementImg.length-1].classList.add("prevLeftSecond");
 +
                        }
 +
                        else if (this.imgSelected == 0){
 +
                            this.elementImg[this.elementImg.length-1].classList.add("prev");
 +
                            this.elementImg[this.elementImg.length-2].classList.add("prevLeftSecond");
 
                         }
 
                         }
  
Line 224: Line 310:
 
                         }
 
                         }
 
                         else if((this.imgSelected + 1) < this.elementImg.length)
 
                         else if((this.imgSelected + 1) < this.elementImg.length)
−
                        {
+
                      {
 +
                            this.elementImg[0].classList.add("nextRightSecond");
 
                             this.elementImg[this.imgSelected+1].classList.add("next");
 
                             this.elementImg[this.imgSelected+1].classList.add("next");
 +
                           
 +
                        }
 +
                        else if((this.imgSelected + 1) == this.elementImg.length)
 +
                        {
 +
                            this.elementImg[1].classList.add("nextRightSecond");
 +
                            this.elementImg[0].classList.add("next");
 +
                           
 
                         }
 
                         }
 
                     }
 
                     }

Latest revision as of 17:05, 19 October 2019

Group photo of everyone at the BioBrick Tutorial 2019

BioBrick tutorial

Once again we hosted the annual BioBrick tutorial at DTU. Thank you so much to everybody who participated. We're looking forward to seeing you again next year.

On the 12th-14th of April, we hosted the 7th annual DTU BioBrick Tutorial and people from Chalmers-Gothenburg, Helsinki, Copenhagen, Lund, SDU, Stockholm, Oslo, and Uppsala participated in the weekend-long event. The event aimed to give the nordic teams an introduction to iGEM through a mixture of presentations and laboratory exercises. With the BioBrick Tutorial being held early in the iGEM season, it gave the Nordic teams a chance to meet each other for the first time, and have a lot of fun together.

The entire team worked hard before the event in order to prepare lab protocols and materials, book hotels, order food, plan the schedule, arrange talks, and plan social activities.
During the event, members from the 2018 iGEM team had kindly agreed to help with the experiment and social activities.

Participants at the BioBrick Tutorial eating dinner on the first day.
On the first day of the event, speakers with previous experience with iGEM were invited to give talks introducing different aspects of the competition, including synthetic biology principles and human practices. After dinner, the night was concluded with a pub quiz to bring people from different teams together.
The second day of the event was a rather long day filled with a laboratory exercise where participants were tasked with performing a 3A assembly to build their own BioBrick. Additionally, several talks and workshops were held and in the evening there were different social activities and networking. On the last day, there were a few more presentations from previous iGEM participants, before the results from the previous day were checked.
The full schedule can be seen here.

Participants held mini-presentations and solved creative tasks at the BioBrick Tutorial
Laboratory work is an important part of creating an iGEM project

Team photos!

Here are all the lovely people who joined us for the weekend

The logos of our three biggest supporters, DTU Blue Dot, Novo Nordisk fonden and Otto Mønsted fonden The logos of all of our sponsors, DTU, BioNordica, Eurofins Genomics, Qiagen, NEB New England biolabs, IDT Integrated DNA technologies and Twist bioscience