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

 
(59 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{DTU-Denmark}}
 
{{DTU-Denmark}}
 
{{DTU-Denmark/mainCSS}}
 
{{DTU-Denmark/mainCSS}}
 +
{{DTU-Denmark/carouselCSS}}
 
<html>
 
<html>
  
Line 6: Line 7:
  
  
−
<section class="header_con">
+
<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="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">
 
<div class="container">
 
<div class="container">
−
<div class="row flex-center sm-no-flex">
+
<div class="row flex-center sm-no-flex" style="padding-top:75px;">
  
−
<div class="pull-right sm-no-float col-md-8">
 
−
<ul class="team-members" style="list-style-type:none">
 
−
<!-- single member row starts -->
 
−
<li class="clearfix" style="list-style-type:none">
 
  
−
</li>
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
−
         
 
  
−
</ul><!-- /end team-photos -->
+
 +
 
 +
<div class=" topimg pull-right sm-no-float col-md-8 ">
 +
 +
 
 +
 
 +
<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;">
 +
 
 +
 
 
</div><!-- /end col-md-8 -->
 
</div><!-- /end col-md-8 -->
 
 
 
        
 
        
 
        
 
        
−
        
+
       <div class="pull-left col-md-4 sm-text-center com-sm-12 ">
−
     
+
−
     
+
−
     
+
−
     
+
−
<div class="pull-left col-md-4 sm-text-center">
+
 
<div class="team-overview">
 
<div class="team-overview">
−
<h2>Who Are We?</h2>
+
<h2>BioBrick tutorial</h2>
−
<a href="#marcus">Meet the Entire Team</a>
+
−
<p><div>DTU BioBuilders are once again participating in the iGEM competition, working throughout the summer to create a promoter toolbox.</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">
 
   <div class="container">
 
   <div class="container">
−
<div class="row flex-center sm-no-flex">
 
−
      <div class="pull-right sm-no-float col-md-12">
 
−
<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>
 
−
During the event, members from the iGEM team from 2018 had kindly agreed to help with the experiment and social activities.<br><br>
 
  
  
−
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.
+
<div class="row flex-center sm-no-flex interlabspace">
−
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.
+
<div class=" sm-no-float col-md-6 bbmobile col-sm-12">
−
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>
+
<img src="https://static.igem.org/mediawiki/2019/f/f5/T--DTU-Denmark--bbimage1.svg" alt="" class="safetyfirstimg"/>
 +
</div>
 +
      <div class="sm-no-float col-md-6">
 +
 
 +
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>
 +
 
 +
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>
 +
 +
 +
<div class="row flex-center sm-no-flex">
 +
 +
 +
      <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>.
 +
 +
 +
<br><br><p>
 +
</div>
 +
<div class=" sm-no-float col-md-6 col-sm-12">
 +
 +
<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>
 +
 +
  </div>
 +
 +
 
</section>
 
</section>
 +
 +
 +
  <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="row flex-center sm-no-flex">
 +
      <div class="sm-no-float col-md-12">
 +
<div class="interlabspace">
 +
<h3  >Team photos!</h3>
 +
<p class="interlabspace">Here are all the lovely people who joined us for the weekend</p>
 +
</div>
 +
<main>
 +
                    <div id="carousel">
 +
                        <div class="slideImg hideLeft">
 +
                            <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 class="slideImg prevLeftSecond">
 +
                            <img src="https://static.igem.org/mediawiki/2019/c/cb/T--DTU-Denmark--bblund.jpg" title="Team Chalmers-Gothenburg" alt="Team Lund">
 +
                        </div>
 +
                        <div class="slideImg prev">
 +
                            <img src="https://static.igem.org/mediawiki/2019/4/4f/T--DTU-Denmark--bboslo.jpg" title="Team UiOslo" alt="Team UiOslo">
 +
                        </div>
 +
                        <div class="slideImg selected">
 +
                            <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 class="slideImg next">
 +
                            <img src="https://static.igem.org/mediawiki/2019/9/9f/T--DTU-Denmark--bbteam.jpg" title="Team UCopenhagen" alt="Team UCopenhagen">
 +
                        </div>
 +
                        <div class="slideImg nextRightSecond">
 +
                            <img src="https://static.igem.org/mediawiki/2019/e/e8/T--DTU-Denmark--bbstockholm.jpg" title="Team Stockholm" alt="Team Stockholm">
 +
                        </div>
 +
                        <div class="slideImg hideRight">
 +
                            <img src="https://static.igem.org/mediawiki/2019/1/15/T--DTU-Denmark--bbhelsinki.jpg" title="Team Helsinki" alt="Team Helsinki">
 +
                        </div>
 +
                    </div>
 +
                    <div class="positionBtn">
 +
                        <button id="prev"><span>PREV</span></button>
 +
                        <button id="next"><span>NEXT</span></button>
 +
                    </div>
 +
                </main>
 +
 +
  </div>
 +
  </div>
 +
  </div>
 +
</section>
 +
 +
 +
 +
 +
 
</div></div>
 
</div></div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
    <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>
 +
const slide = {
 +
                    main : null,
 +
                    elementImg : null,
 +
                    imgSelected : 0,
 +
                    nextSlide: function (){
 +
                        if (this.imgSelected != null)
 +
                        {
 +
                            if (this.imgSelected < this.elementImg.length - 1)
 +
                            {
 +
                              this.imgSelected++;
 +
                                this.normalizeSlide();
 +
                            }
 +
                          else if (this.imgSelected < this.elementImg.length)
 +
                            {
 +
                              this.imgSelected= 0;
 +
                                this.normalizeSlide();
 +
                            }
 +
                        }
 +
                    },
 +
                    prevSlide: function (){
 +
                        if (this.imgSelected != null)
 +
                        {
 +
                            if (this.imgSelected > 0)
 +
                            {
 +
                                this.imgSelected--;
 +
                                this.normalizeSlide();
 +
                            }
 +
                         
 +
                          else if (this.imgSelected == 0)
 +
                            {
 +
                              this.imgSelected= this.elementImg.length - 1;
 +
                                this.normalizeSlide();
 +
                            }
 +
                        }
 +
                    },
 +
                    normalizeSlide: function (){
 +
 +
                        for (num = 0; num < this.elementImg.length; num++)
 +
                        {
 +
                            this.elementImg[num].classList.remove("hideLeft","prevLeftSecond","prev","selected","next","nextRightSecond","hideRight");
 +
                        }
 +
 +
                        this.elementImg[this.imgSelected].classList.add("selected");
 +
 +
                        if (this.imgSelected > 2)
 +
                        {
 +
                            this.elementImg[this.imgSelected-2].classList.add("hideLeft");
 +
                            this.elementImg[this.imgSelected-2].classList.add("prevLeftSecond");
 +
                            this.elementImg[this.imgSelected-1].classList.add("prev");
 +
                        }
 +
                        else if (this.imgSelected > 1)
 +
                        {
 +
                            this.elementImg[this.imgSelected-2].classList.add("prevLeftSecond");
 +
                            this.elementImg[this.imgSelected-1].classList.add("prev");
 +
                        }
 +
                        else if (this.imgSelected > 0)
 +
                        {
 +
                            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");
 +
                        }
 +
 +
                        if ((this.imgSelected + 3) < this.elementImg.length)
 +
                        {
 +
                            this.elementImg[this.imgSelected+3].classList.add("hideRight");
 +
                            this.elementImg[this.imgSelected+2].classList.add("nextRightSecond");
 +
                            this.elementImg[this.imgSelected+1].classList.add("next");
 +
                        }
 +
                        else if ((this.imgSelected + 2) < this.elementImg.length)
 +
                        {
 +
                            this.elementImg[this.imgSelected+2].classList.add("nextRightSecond");
 +
                            this.elementImg[this.imgSelected+1].classList.add("next");
 +
                        }
 +
                        else if((this.imgSelected + 1) < this.elementImg.length)
 +
                      {
 +
                            this.elementImg[0].classList.add("nextRightSecond");
 +
                            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");
 +
                           
 +
                        }
 +
                    }
 +
                }
 +
 +
                window.onload = () => {
 +
 +
                    slide.main = document.getElementById("carousel");
 +
                    slide.elementImg = slide.main.getElementsByClassName("slideImg");
 +
 +
                    for (num = 0; num < slide.elementImg.length; num++)
 +
                    {
 +
                        slide.elementImg[num].setAttribute("img-number", num);
 +
                       
 +
                        slide.elementImg[num].addEventListener("click", (event) => {
 +
                            slide.imgSelected = parseInt(event.target.parentElement.getAttribute("img-number"));
 +
                            slide.normalizeSlide();
 +
                        });
 +
 +
                        if (slide.elementImg[num].classList.contains("selected"))
 +
                        {
 +
                            slide.imgSelected = num;
 +
                        }
 +
                    }
 +
 +
                    document.getElementById("prev").addEventListener("click", () => {slide.prevSlide()});
 +
                    document.getElementById("next").addEventListener("click", () => {slide.nextSlide()});
 +
 +
                }
 +
 +
</script>
 +
  
  
 
</html>
 
</html>

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