Difference between revisions of "Team:UCL/Public Engagement"

 
Line 11: Line 11:
 
     <title>UCL SETA - Public Engagement</title>
 
     <title>UCL SETA - Public Engagement</title>
 
     <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 
     <link rel="icon" href="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png">
 
+
    <link rel="stylesheet" href="../resources/css/bootstrap1.css"  />
 +
    <link rel="stylesheet" href="../style.css"  />
 
</head>
 
</head>
  
Line 20: Line 21:
 
<script>
 
<script>
 
$(document).ready(function(){
 
$(document).ready(function(){
  $("a").on('click', function(event) {
+
    $("a").on('click', function(event) {
    if (this.hash !== "") {
+
        if (this.hash !== "") {
      event.preventDefault();
+
            event.preventDefault();
      var hash = this.hash;
+
            var hash = this.hash;
      $('html, body').animate({
+
            $('html, body').animate({
        scrollTop: $(hash).offset().top - 100
+
                scrollTop: $(hash).offset().top - 100
      }, 1500, function(){
+
            }, 1500, function(){
        window.location.hash = hash;
+
                window.location.hash = hash;
      });
+
            });
    }
+
        }
  });
+
    });
 
});
 
});
 
</script>
 
</script>
 
<script src="../resources/js/wow1.js"></script>
 
<script src="../resources/js/wow1.js"></script>
    <script>
+
<script>
        new WOW().init();
+
new WOW().init();
    </script>
+
</script>
  
 
<body>
 
<body>
<div class="background_img_igem">
+
    <div class="background_img_igem">
  <div class="navbarzindex">
+
        <div class="navbarzindex">
  <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
+
            <div class="navbar-brand_igem"><a href="https://2018.igem.org/Team:UCL">
        <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
+
                <img class="img-logo_igem" src="https://static.igem.org/mediawiki/2018/7/73/T--UCL--Logo2.png" ></a>
    </div>
+
            </div>
  
<div class="topnav_igem" id="myTopnav_igem">
+
            <div class="topnav_igem" id="myTopnav_igem">
<div class="floatright_igem">
+
                <div class="floatright_igem">
<a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
+
                    <a href="javascript:void(0);" style="font-size:21px;" class="icon_igem" onclick="myFunction()">&#9776;</a>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="People()">People
+
                        <button class="dropbtn_igem"onclick="People()">People
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownpeople_igem">
+
                        <div class="dropdown-content_igem"id="dropdownpeople_igem">
        <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Team">Team</a>
        <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Attributions">Attributions</a>
        <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Attributions#Sponsors">Sponsors</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="Project()">Project
+
                        <button class="dropbtn_igem"onclick="Project()">Project
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownproject_igem">
+
                        <div class="dropdown-content_igem"id="dropdownproject_igem">
        <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Description">Description</a>
        <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Results">Results</a>
        <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Demonstrate">Demonstrate</a>
        <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
+
                            <a href="https://2018.igem.org/Team:UCL/InterLab">InterLab</a>
        <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Safety">Safety</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="Parts()">Parts
+
                        <button class="dropbtn_igem"onclick="Parts()">Parts
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownparts_igem">
+
                        <div class="dropdown-content_igem"id="dropdownparts_igem">
        <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Design">Part Design</a>
        <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Parts">Parts</a>
        <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Improve">Improved Part</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="Modelling()">Modelling
+
                        <button class="dropbtn_igem"onclick="Modelling()">Modelling
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownmodelling_igem">
+
                        <div class="dropdown-content_igem"id="dropdownmodelling_igem">
        <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Model">Modelling</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
+
                        <button class="dropbtn_igem"onclick="Humanpractices()">Human Practices
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownhumanpractices_igem">
+
                        <div class="dropdown-content_igem"id="dropdownhumanpractices_igem">
        <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Human_Practices">Human Practices</a>
        <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Public_Engagement">Public Engagement</a>
        <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Collaborations">Collaborations</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  <div class="dropdown_igem">
+
                    <div class="dropdown_igem">
    <button class="dropbtn_igem"onclick="Notebook()">Notebook
+
                        <button class="dropbtn_igem"onclick="Notebook()">Notebook
  
    </button>
+
                        </button>
    <div class="dropdown-content_igem"id="dropdownnotebook_igem">
+
                        <div class="dropdown-content_igem"id="dropdownnotebook_igem">
        <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Notebook">Notebook</a>
        <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Achievements">Achievements</a>
        <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
+
                            <a href="https://2018.igem.org/Team:UCL/Experiments">Experiments</a>
    </div>
+
                        </div>
  </div>
+
                    </div>
  
  
</div>
+
                </div>
</div>
+
            </div>
</div>
+
        </div>
  
<script>
+
        <script>
  $(window).on('scroll',function(){
+
        $(window).on('scroll',function(){
    if($(window).scrollTop()){
+
            if($(window).scrollTop()){
      $('.navbarzindex').addClass('black');
+
                $('.navbarzindex').addClass('black');
    }
+
            }
    else {
+
            else {
      $('.navbarzindex').removeClass('black');
+
                $('.navbarzindex').removeClass('black');
    }
+
            }
  })
+
        })
</script>
+
        </script>
<script>
+
        <script>
function myFunction() {
+
        function myFunction() {
    var x = document.getElementById("myTopnav_igem");
+
            var x = document.getElementById("myTopnav_igem");
    if (x.className === "topnav_igem") {
+
            if (x.className === "topnav_igem") {
        x.className += " responsive";
+
                x.className += " responsive";
    } else {
+
            } else {
        x.className = "topnav_igem";
+
                x.className = "topnav_igem";
    }
+
            }
}
+
        }
</script>
+
        </script>
  
<script>
+
        <script>
(function(){
+
        (function(){
    var dropDownClass = 'dropdown-content_igem';
+
            var dropDownClass = 'dropdown-content_igem';
    var showClass = 'show_igem';
+
            var showClass = 'show_igem';
    var dropDowns = document.getElementsByClassName('dropdown_igem');
+
            var dropDowns = document.getElementsByClassName('dropdown_igem');
  
    var open = function(e){
+
            var open = function(e){
        var openDropDown = e.target.nextElementSibling;
+
                var openDropDown = e.target.nextElementSibling;
        var dropdowns = document.getElementsByClassName(dropDownClass);
+
                var dropdowns = document.getElementsByClassName(dropDownClass);
  
        openDropDown.classList.toggle(showClass);
+
                openDropDown.classList.toggle(showClass);
  
        var closeDropDown = function(event) {
+
                var closeDropDown = function(event) {
            if (event.target === e.target) {
+
                    if (event.target === e.target) {
                return;
+
                        return;
 +
                    }
 +
                    if (openDropDown.classList.contains(showClass)) {
 +
                        openDropDown.classList.remove(showClass);
 +
                    }
 +
                    window.removeEventListener('click', closeDropDown);
 +
                };
 +
                window.addEventListener('click', closeDropDown);
 
             }
 
             }
             if (openDropDown.classList.contains(showClass)) {
+
 
                 openDropDown.classList.remove(showClass);
+
             for(var i = 0; i < dropDowns.length; i++){
 +
                 dropDowns[i].children[0].addEventListener('click', open);
 
             }
 
             }
            window.removeEventListener('click', closeDropDown);
+
         }());
         };
+
        </script>
        window.addEventListener('click', closeDropDown);
+
    }
+
  
    for(var i = 0; i < dropDowns.length; i++){
+
        <script type="text/javascript" src="../resources/js/scrolltofixed.js"></script>
        dropDowns[i].children[0].addEventListener('click', open);
+
    }
+
}());
+
</script>
+
  
<script type="text/javascript" src="../resources/js/scrolltofixed.js"></script>
+
        <script>
 
+
        $(document).ready(function() {
<script>
+
            $('#sidenav').scrollToFixed({ marginTop: 250 });
$(document).ready(function() {
+
        });
    $('#sidenav').scrollToFixed({ marginTop: 250 });
+
        </script>
});
+
        <!--BODY==================================================================== -->
</script>
+
        <body>
<!--BODY==================================================================== -->
+
<body>
+
    <div class="background_img_igem">
+
        <div class="container">
+
 
             <div class="container">
 
             <div class="container">
                 <center>
+
                 <div class="container">
                     <img class="wow fadeInUp subpage_img_igem" src="https://static.igem.org/mediawiki/2018/e/eb/T--UCL--outreach.svg" data-wow-duration="2s" data-wow-delay="0.1s"/>
+
                     <center>
                </center>
+
                        <img class="wow fadeInUp subpage_img_igem" src="https://static.igem.org/mediawiki/2018/6/62/T--UCL--outreach2.png" data-wow-duration="2s" data-wow-delay="0.1s"/>
                <div class="h1_igem_subpage">Public Engagement</div>
+
                    </center>
            </div>
+
                    <div class="h1_igem_subpage">Public Engagement</div>
            <div class="container container_igem">
+
                <div id="sidenav" class="sidenav wow fadeInUp">
+
                  <a href="#loqpodcasts">Loq Podcasts</a>
+
                  <a href="#kinesismagazine">Kinesis Magazine</a>
+
                  <a href="#instagramartcompetition">Instagram Art Competition</a>
+
                  <a href="#psychologystudy">Psychology Study</a>
+
                  <a href="#savageartmagazine">SAVAGE Art Magazine</a>
+
                  <a href="#artpostcards">Art Postcards</a>
+
                  <a href="#gmodebate">GMO Debate</a>
+
                  <a href="#artexhibition">Art Exhibition</a>
+
 
                 </div>
 
                 </div>
 +
                <div class="container container-fluid container_igem">
 +
                    <div id="sidenav" class="sidenav wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                        <a href="#loqpodcasts">Loq Podcasts</a>
 +
                        <a href="#kinesismagazine">Kinesis Magazine</a>
 +
                        <a href="#instagramartcompetition">Instagram Art Competition</a>
 +
                        <a href="#psychologystudy">Psychology Study</a>
 +
                        <a href="#savageartmagazine">SAVAGE Art Magazine</a>
 +
                        <a href="#artpostcards">Art Postcards</a>
 +
                        <a href="#gmodebate">GMO Debate</a>
 +
                        <a href="#artexhibition">Art Exhibition</a>
 +
                    </div>
  
                <section id="loqpodcasts">
+
                    <section id="loqpodcasts">
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                        <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
                        <div class="card-title text-center">
+
                            <div class="card-title text-center">
                            <h4>Loq Podcasts</h4>
+
                                <h4>Loq Podcasts</h4>
                        </div>
+
                            </div>
                        <div class="card-body text-justify">
+
                            <div class="card-body text-justify">
                            <div class="container">
+
                                <div class="container">
                                <div class="row">
+
                                    <div class="row">
 
+
                                         <div class="col-sm-6">
 
+
                                            <p class="card-text card-text_igem text-justify">
 
+
                                                Podcasts are a useful tool for delivering short snippets of information for a quick and easy positive learning experience - especially in a society that is constantly on the move.
                                    <div class="customise">
+
                                            </p>
                                         <p class="card-text card-text_igem text-justify">
+
                                        </div>
                                          <div class="row">
+
                                        <div class="col-sm-6">
                                          <div class="col-sm-6">
+
                                            <p class="card-text card-text_igem text-justify">
                                              <p class="card-text card-text_igem text-justify">
+
                                                  Podcasts are a useful tool for delivering short snippets of information for a quick and easy positive learning experience - especially in a society that is constantly on the move.
+
                                              </p>
+
                                          </div>
+
                                          <div class="col-sm-6">
+
                                              <p class="card-text card-text_igem text-justify">
+
 
                                                 Loq app is a community of thinkers committed to more intelligent discourse on social media through the use of short podcasts. We wrote and recorded a biweekly episode covering a range of synthetic biology topics:
 
                                                 Loq app is a community of thinkers committed to more intelligent discourse on social media through the use of short podcasts. We wrote and recorded a biweekly episode covering a range of synthetic biology topics:
                                              </p>
+
                                            </p>
                                          </div>
+
                                        </div>
                                      </div>
+
                                        </p>
+
 
                                     </div>
 
                                     </div>
  
                                </div>
+
                                    <div class="row loqclass">
 
+
                                        <div class="col-sm-6 marginlr">
                                <div class="filler1">
+
                                            <p class="card-text card-text_igem bypass">
 
+
                                                Synthetic Biology
                                </div>
+
                                            </p>
 
+
                                            <audio controls>
                                <div class="row loqclass">
+
                                                <source src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--loq1.mp3" type="audio/mp3"/>
                                    <div class="col-sm-6 marginlr">
+
                                            </audio>
                                        <p class="card-text card-text_igem bypass">
+
                                         </div>
                                          Synthetic Biology
+
                                          <br />
+
                                        <audio controls>
+
                                            <source src="../resources/podcast/loq1.mp3"/>
+
                                        </audio>
+
                                         </p>
+
 
                                     </div>
 
                                     </div>
                                </div>
+
                                    <div class="row loqclass">
                                <br />
+
                                        <div class="col-sm-6 marginlr">
                                <div class="row loqclass">
+
                                            <p class="card-text card-text_igem bypass">
                                    <div class="col-sm-6 marginlr">
+
                                                Biocontainment
                                        <p class="card-text card-text_igem bypass">
+
                                            </p>
                                          Biocontainment
+
                                            <audio controls>
                                          <br />
+
                                                <source src="https://static.igem.org/mediawiki/2018/9/9d/T--UCL--loq2.mp3" type="audio/mp3"/>
                                        <audio controls>
+
                                            </audio>
                                            <source src="../resources/podcast/loq2.mp3" type="audio/mp3"/>
+
                                         </div>
                                        </audio>
+
                                         </p>
+
 
                                     </div>
 
                                     </div>
                                </div>
+
                                    <div class="row loqclass">
                                <br />
+
                                        <div class="col-sm-6 marginlr">
                                <div class="row loqclass">
+
                                            <p class="card-text card-text_igem bypass">
                                    <div class="col-sm-6 marginlr">
+
                                                BioBricks
                                        <p class="card-text card-text_igem bypass">
+
                                            </p>
                                          BioBricks
+
                                            <audio controls>
                                          <br />
+
                                                <source src="https://static.igem.org/mediawiki/2018/a/a9/T--UCL--loq3.mp3" type="audio/mp3"/>
                                        <audio controls>
+
                                            </audio>
                                            <source src="../resources/podcast/loq3.mp3" type="audio/mp3"/>
+
                                         </div>
                                        </audio>
+
                                         </p>
+
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                     </div>
+
                     </section>
                </section>
+
                    <section id="kinesismagazine">
                <section id="kinesismagazine">
+
                        <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                            <div class="card-title text-center">
                        <div class="card-title text-center">
+
                                <h4>Kinesis Magazine</h4>
                            <h4>Kinesis Magazine</h4>
+
                            </div>
                        </div>
+
                            <div class="card-body text-justify">
                        <div class="card-body text-justify">
+
                                <div class="container">
                            <div class="container">
+
                                    <div class="row">
                              <div class="row">
+
 
+
 
+
 
+
                                  <div class="customise">
+
                                      <p class="card-text card-text_igem text-justify">
+
                                        <div class="row">
+
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
Line 288: Line 263:
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
                                              that each article can be represented by an easy to interpret visual. We used this platform to write about and promote our iGEM spider silk project using layman's terms for the general public - an essential component in effective science communication.
+
                                                that each article can be represented by an easy to interpret visual. We used this platform to write about and promote our iGEM spider silk project using layman's terms for the general public - an essential component in effective science communication.
 
                                             </p>
 
                                             </p>
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
                                      </p>
 
                                  </div>
 
 
                              </div>
 
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
 
                             <div class="col-md-offset-3 paddingss">
 
                             <div class="col-md-offset-3 paddingss">
                            <object data="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf" type="application/pdf" width="100%" height="900px">
+
                                <object data="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf" type="application/pdf" width="100%" height="900px">
                              <p>It appears you don't have a PDF plugin for this browser.
+
                                    <p>It appears you don't have a PDF plugin for this browser.
                              No biggie... you can <a href="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf">click here to
+
                                        No biggie... you can
                              download the PDF file.</a></p>
+
                                        <a href="https://static.igem.org/mediawiki/2018/1/1f/T--UCL--kinesis.pdf">click here to
                            </object>
+
                                            download the PDF file.
                            </div>
+
                                        </a>
 +
                                    </p>
 +
                                </object>
 +
                            </div>
 
                         </div>
 
                         </div>
                </section>
+
                    </section>
                <section id="instagramartcompetition">
+
                    <section id="instagramartcompetition">
                    <div class="lmao card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                        <div class="lmao card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
                        <div class="card-title text-center">
+
                            <div class="card-title text-center">
                            <h4>Instagram Art Competition</h4>
+
                                <h4>Instagram Art Competition</h4>
                        </div>
+
                            </div>
                        <div class="card-body text-justify">
+
                            <div class="card-body text-justify">
                            <div class="container">
+
                                <div class="container">
                              <div class="row">
+
                                    <div class="row">
                                  <div class="customise">
+
                                      <p class="card-text card-text_igem text-justify">
+
                                        <div class="row">
+
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
Line 325: Line 296:
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
                                              We wrote a short explanation of our project and set the theme to “Synthetic Biology”. There were over 100 submissions, but only one winner. Pieces of art ranged from abstract DNA to wild lab experiments gone wrong. Our winning piece (the one below) taught the public about DNA in a fun and engaging manner.
+
                                                We wrote a short explanation of our project and set the theme to “Synthetic Biology”. There were over 100 submissions, but only one winner. Pieces of art ranged from abstract DNA to wild lab experiments gone wrong. Our winning piece (the one below) taught the public about DNA in a fun and engaging manner.
 
                                             </p>
 
                                             </p>
 
                                         </div>
 
                                         </div>
                                      </div>
+
                                    </div>
                                      </p>
+
                                  </div>
+
 
                                 </div>
 
                                 </div>
 +
                            </div>
 +
                            <div id="demo" class="carousel slide" data-ride="carousel">
 +
                                <div class="carousel-inner">
 +
                                    <div class="carousel-item active">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f1/T--UCL--winner.jpg" alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <strong>
 +
                                                    <div class="h3_insta">Our winner!
 +
                                                    </div>
 +
                                                </strong>
 +
                                                <div class="h3_insta">@alexandraes55
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/6/65/T--UCL--i1.jpg" alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@draw_happy_
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0b/T--UCL--i2.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@woodcastles
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/04/T--UCL--i3.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@leaneabgrall
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i4.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@biofuture_benjaminhummitzsch
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/06/T--UCL--i5.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@tzisnia
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0e/T--UCL--i6.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@vishalpathode
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/58/T--UCL--i7.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@carmencb_art
 +
                                                </div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i8.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@313mjd</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f7/T--UCL--i9.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@art_leah.d</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3f/T--UCL--i10.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@sophieleighart</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3d/T--UCL--i11.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@kayydotts</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f3/T--UCL--i12.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@xxlunakittyxx</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/8/89/T--UCL--i13.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@craig_delean_art</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/a/ab/T--UCL--i14.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@willdraw4blood</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/9/99/T--UCL--i15.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@zahraamarart</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i16.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@jos_multimedia_artist</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i17.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@wessenka</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5e/T--UCL--i20.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@cellsoflife</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/1a/T--UCL--i21.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@art_palu</div>
 +
                                            </center>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="carousel-item">
 +
                                        <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/cf/T--UCL--i22.jpg"alt="oops! You can't load our image.">
 +
                                        <div class="carousel-caption">
 +
                                            <center>
 +
                                                <div class="h3_insta">@madville_madness</div>
 +
                                            </center>
 +
                                        </div>
  
 
+
                                    </div>
                                <div id="demo" class="carousel slide" data-ride="carousel">
+
                                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
 
+
                                        <span class="carousel-control-prev-icon"></span>
        <div class="carousel-inner">
+
                                    </a>
          <div class="carousel-item active">
+
                                    <a class="carousel-control-next" href="#demo" data-slide="next">
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f1/T--UCL--winner.jpg" alt="oops! You can't load our image.">
+
                                        <span class="carousel-control-next-icon"></span>
            <div class="carousel-caption">
+
                                    </a>
                <center>
+
                                </div>
                    <strong><div class="h3_insta">Our winner!</div></strong>
+
                    <div class="h3_insta">@alexandraes55</div>
+
                </center>
+
            </div>
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/6/65/T--UCL--i1.jpg" alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@draw_happy_</div>
+
            </center>
+
            </div>
+
          </div>
+
 
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0b/T--UCL--i2.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@woodcastles</div>
+
            </center>
+
            </div>
+
          </div>
+
 
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/04/T--UCL--i3.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@leaneabgrall</div>
+
            </center>
+
            </div>
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i4.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@biofuture_benjaminhummitzsch</div>
+
            </center>
+
            </div>
+
            </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/06/T--UCL--i5.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@tzisnia</div>
+
            </center>
+
            </div>
+
 
+
            </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/0/0e/T--UCL--i6.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@vishalpathode</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/58/T--UCL--i7.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@carmencb_art</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5a/T--UCL--i8.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@313mjd</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f7/T--UCL--i9.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@art_leah.d</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3f/T--UCL--i10.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@sophieleighart</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/3/3d/T--UCL--i11.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@kayydotts</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/f/f3/T--UCL--i12.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@xxlunakittyxx</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/8/89/T--UCL--i13.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@craig_delean_art</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/a/ab/T--UCL--i14.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@willdraw4blood</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/9/99/T--UCL--i15.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@zahraamarart</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i16.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@jos_multimedia_artist</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/d/de/T--UCL--i17.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@wessenka</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/5/5e/T--UCL--i20.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@cellsoflife</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/1a/T--UCL--i21.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@art_palu</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
          <div class="carousel-item">
+
            <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/cf/T--UCL--i22.jpg"alt="oops! You can't load our image.">
+
            <div class="carousel-caption">
+
            <center>
+
                <div class="h3_insta">@madville_madness</div>
+
            </center>
+
            </div>
+
 
+
          </div>
+
 
+
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
+
          <span class="carousel-control-prev-icon"></span>
+
        </a>
+
        <a class="carousel-control-next" href="#demo" data-slide="next">
+
          <span class="carousel-control-next-icon"></span>
+
        </a>
+
      </div>
+
 
+
 
+
 
+
 
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                     </div>
+
                     </section>
                </section>
+
                    <section id="psychologystudy">
                <section id="psychologystudy">
+
                        <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
                    <div class="card card_igem wow fadeInUp" data-wow-duration="2s" data-wow-delay="0.1s">
+
                            <div class="card-title text-center">
                        <div class="card-title text-center">
+
                                <h4>Psychology Study</h4>
                            <h4>Psychology Study</h4>
+
                            </div>
                        </div>
+
                            <div class="card-body text-justify">
                        <div class="card-body text-justify">
+
                                <div class="container">
                            <div class="container">
+
                                    <div class="row">
                              <div class="row">
+
                                  <div class="customise">
+
                                      <p class="card-text card-text_igem text-justify">
+
                                        <div class="row">
+
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
Line 558: Line 510:
 
                                         <div class="col-sm-6">
 
                                         <div class="col-sm-6">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
                                              the use of validated methodologies, we discovered that art is more engaging than text. Interestingly, however, participants were more inclined to seek out information about synthetic biology only after reading text. This gave us a perspective on the importance of using a healthy balance of text and art in science communication just as we observed in our experience with Kinesis Magazine.
+
                                                the use of validated methodologies, we discovered that art is more engaging than text. Interestingly, however, participants were more inclined to seek out information about synthetic biology only after reading text. This gave us a perspective on the importance of using a healthy balance of text and art in science communication just as we observed in our experience with Kinesis Magazine.
 
                                             </p>
 
                                             </p>
 
                                         </div>
 
                                         </div>
                                      </div>
+
                                    </div>
                                      </p>
+
                                  </div>
+
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                        </div>
 
                        <div class="col-md-offset-3 paddingss">
 
                        <object data="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf" type="application/pdf" width="100%" height="900px">
 
                          <p>It appears you don't have a PDF plugin for this browser.
 
                          No biggie... you can <a href="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf">click here to
 
                          download the PDF file.</a></p>
 
                        </object>
 
                        </div>
 
                    </div>
 
                </section>
 
                <section id="savageartmagazine">
 
                    <div class="card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
 
                        <div class="card-title text-center">
 
                            <h4><div class="lol animated tada">SAVAGE</div> Art Magazine</h4>
 
                        </div>
 
                        <div class="card-body text-justify">
 
                            <div class="container">
 
                              <div class="row">
 
                                  <div class="customise">
 
                                      <p class="card-text card-text_igem text-justify">
 
                                        <div class="row">
 
                                        <div class="col-sm-6">
 
                                            <p class="card-text card-text_igem text-justify">
 
                                                Our findings from the psychology study were discussed in SAVAGE Journal, an art and culture magazine. We believe that science is a platform through which artists can express themselves. With that in mind, we decided to write an article about simultaneous artistic
 
                                            </p>
 
                                        </div>
 
                                        <div class="col-sm-6">
 
                                            <p class="card-text card-text_igem text-justify">
 
                                              and scientific expression using Leonardo Da Vinci as an example. As a scientist,  a painter, an engineer, a sketch artist and more, he envisioned concepts beyond his time - the helicopter, parachute and giant crossbow - utilising his skills in both fields.
 
  
                                            </p>
+
                            <div class="col-md-offset-3 paddingss">
                                         </div>
+
                                <object data="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf" type="application/pdf" width="100%" height="900px">
                                      </div>
+
                                    <p>It appears you don't have a PDF plugin for this browser.
                                      </p>
+
                                         No biggie... you can <a href="https://static.igem.org/mediawiki/2018/8/87/T--UCL--pyschology.pdf">click here to
                                  </div>
+
                                            download the PDF file.</a>
 +
                                        </p>
 +
                                    </object>
 
                                 </div>
 
                                 </div>
 
                             </div>
 
                             </div>
                         </div>
+
                         </section>
                         <div class="col-md-offset-3 paddingss">
+
                         <section id="savageartmagazine">
                        <object data="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf" type="application/pdf" width="100%" height="900px">
+
                            <div class="card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
                          <p>It appears you don't have a PDF plugin for this browser.
+
                                <div class="card-title text-center">
                          No biggie... you can <a href="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf">click here to
+
                                    <h4><div class="lol animated tada">SAVAGE</div> Art Magazine</h4>
                          download the PDF file.</a></p>
+
                                </div>
                        </object>
+
                                <div class="card-body text-justify">
                        </div>
+
                                    <div class="container">
                    </div>
+
                </section>
+
                <section id="artpostcards">
+
                    <div class="card card_igem wow fadeInUp specialmargin superwow" data-wow-duration="2s" data-wow-delay="0.1s">
+
                        <div class="card-title text-center">
+
                            <h4>Art Postcards</h4>
+
                        </div>
+
                        <div class="card-body text-justify">
+
                            <div class="container">
+
                              <div class="row">
+
                                  <div class="customise">
+
                                      <p class="card-text card-text_igem text-justify">
+
 
                                         <div class="row">
 
                                         <div class="row">
                                        <div class="col-sm-6">
+
                                            <div class="col-sm-6">
                                            <p class="card-text card-text_igem text-justify">
+
                                                <p class="card-text card-text_igem text-justify">
                                                Given the large influence art had on our outreach program, we decided to share the work with the world. We printed out postcards of the best art submitted during the art competition. Putting the i in iGEM, we provided every postcard with a prepaid stamp ready to be delivered to countries across the
+
                                                    Our findings from the psychology study were discussed in SAVAGE Journal, an art and culture magazine. We believe that science is a platform through which artists can express themselves. With that in mind, we decided to write an article about simultaneous artistic
                                             </p>
+
                                                </p>
 +
                                             </div>
 +
                                            <div class="col-sm-6">
 +
                                                <p class="card-text card-text_igem text-justify">
 +
                                                    and scientific expression using Leonardo Da Vinci as an example. As a scientist,  a painter, an engineer, a sketch artist and more, he envisioned concepts beyond his time - the helicopter, parachute and giant crossbow - utilising his skills in both fields.
 +
 
 +
                                                </p>
 +
                                            </div>
 
                                         </div>
 
                                         </div>
                                        <div class="col-sm-6">
+
                                    </div>
                                            <p class="card-text card-text_igem text-justify">
+
                                </div>
                                              world straight from the iGEM Jamboree. Students, supervisors and judges can come find us at our stall, write a card to their loved ones and we will post it for them. A memory of iGEM, in the form of scientific artwork, will go out to them in an attempt to reach out to different parts of the world.
+
                                <div class="col-md-offset-3 paddingss">
 
+
                                    <object data="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf" type="application/pdf" width="100%" height="900px">
 +
                                        <p>It appears you don't have a PDF plugin for this browser.
 +
                                            No biggie... you can <a href="https://static.igem.org/mediawiki/2018/1/18/T--UCL--artmag.pdf">click here to
 +
                                                download the PDF file.</a>
 
                                             </p>
 
                                             </p>
 +
                                        </object>
 +
                                    </div>
 +
                                </div>
 +
                            </section>
 +
                            <section id="artpostcards">
 +
                                <div class="card card_igem wow fadeInUp specialmargin superwow" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                                    <div class="card-title text-center">
 +
                                        <h4>Art Postcards</h4>
 +
                                    </div>
 +
                                    <div class="card-body text-justify">
 +
                                        <div class="container">
 +
                                            <div class="row">
 +
                                                <div class="col-sm-6">
 +
                                                    <p class="card-text card-text_igem text-justify">
 +
                                                        Given the large influence art had on our outreach program, we decided to share the work with the world. We printed out postcards of the best art submitted during the art competition. Putting the i in iGEM, we provided every postcard with a prepaid stamp ready to be delivered to countries across the
 +
                                                    </p>
 +
                                                </div>
 +
                                                <div class="col-sm-6">
 +
                                                    <p class="card-text card-text_igem text-justify">
 +
                                                        world straight from the iGEM Jamboree. Students, supervisors and judges can come find us at our stall, write a card to their loved ones and we will post it for them. A memory of iGEM, in the form of scientific artwork, will go out to them in an attempt to reach out to different parts of the world.
 +
                                                    </p>
 +
                                                </div>
 +
                                            </div>
 
                                         </div>
 
                                         </div>
                                      </div>
+
                                    </div>
                                      </p>
+
                                  </div>
+
 
                                 </div>
 
                                 </div>
                             </div>
+
                             </section>
                        </div>
+
                    </div>
+
                </section>
+
  
                <section id="gmodebate">
+
                            <section id="gmodebate">
                    <div class="card card_igem wow fadeInUp specialmargin removepadding" data-wow-duration="2s" data-wow-delay="0.1s">
+
                                <div class="card card_igem wow fadeInUp specialmargin removepadding" data-wow-duration="2s" data-wow-delay="0.1s">
                        <div class="card-title text-center">
+
                                    <div class="card-title text-center">
                            <h4>GMO Debate</h4>
+
                                        <h4>GMO Debate</h4>
                        </div>
+
                                    </div>
                        <div class="card-title text-center">
+
                                    <div class="card-title text-center">
                            <p class="vanish">“Should genetic engineering be accessible to the public?”</p>
+
                                        <p class="vanish">“Should genetic engineering be accessible to the public?”</p>
                        </div>
+
                                    </div>
                        <div class="row">
+
                                    <div class="row">
                        <div class="col-sm-6 yang">
+
                                        <div class="col-sm-6 yang">
                            <p class="card-text card-text_igem text-justify">
+
                              <h4 class="argss">Kialo Debate</h4>
+
                              <br />
+
                              We decided to pose this question to the public: what if the public had the power to use this tool? Through open source protocols, easy access to the BioBrick registry, and lab equipment becoming cheaper thanks to BentoBioLabs, this technology will be accessible to everyone in a matter of decades. What regulations are currently in place and must rules change to ensure a safer future? We decided to pose this question to more than just the public. We invited GMO activists, scientists, and policy makers to the debate in an attempt to gain view points from all perspectives.
+
<br />
+
The original debate can be found <a class="sshh"href="#">here</a>.
+
                            </p>
+
                        </div>
+
                        <div class="col-sm-6 yang">
+
                            <p class="card-text card-text_igem text-justify">
+
                              <h4 class="argss">2debate.eu</h4>
+
                              <br />
+
                              The 2debate platform is run by a pair of Google employers - Kirk and Sebastian - who host weekly debates on current topics. We introduced them to iGEM and how the BioBrick registry can be considered an enabling technology which facilitates synthetic biology as a whole. Furthermore, we discussed the future of synthetic biology and its negative perception in society.  After debunking movies which incorporate synbio, such as Jurassic Park and X-Men, a debate was held arguing the motion “genetic engineering should be accessible to the public”. The debate made us think about the safety of our research further and the impact the technology can have.
+
 
+
                            </p>
+
                        </div>
+
                      </div>
+
                    </div>
+
                </section>
+
 
+
                <section id="artexhibition">
+
                    <div class="lmaoo card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
+
                        <div class="card-title text-center">
+
                            <h4>Art Exhibition</h4>
+
                        </div>
+
                        <div class="card-body text-justify">
+
                            <div class="container">
+
                              <div class="row">
+
                                  <div class="customise">
+
                                      <p class="card-text card-text_igem text-justify">
+
                                        <div class="row">
+
                                        <div class="col-sm-6">
+
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
                                                 We collaborated with designers Andrea Li and Michelle Lim to design an art exhibition representing our project at Central Saint Martins. Everything was visualised through the ‘eyes of a spider’. The entrance to the exhibition was a
+
                                                <h4 class="h4_cards argss">Kialo Debate</h4>
 +
                                                 We decided to pose this question to the public: what if the public had the power to use this tool? Through open source protocols, easy access to the BioBrick registry, and lab equipment becoming cheaper thanks to BentoBioLabs, this technology will be accessible to everyone in a matter of decades. What regulations are currently in place and must rules change to ensure a safer future? We decided to pose this question to more than just the public. We invited GMO activists, scientists, and policy makers to the debate in an attempt to gain view points from all perspectives.
 +
                                                The original debate can be found <a class="sshh"href="#">here</a>.
 
                                             </p>
 
                                             </p>
 
                                         </div>
 
                                         </div>
                                         <div class="col-sm-6">
+
                                         <div class="col-sm-6 yang">
 
                                             <p class="card-text card-text_igem text-justify">
 
                                             <p class="card-text card-text_igem text-justify">
                                              small cave. The public had to crawl into the exhibition and use magnifying glasses to see some of the visual art. The main exhibition show cased 4 elements about the SETA project with each element being provided a shelf:
+
                                                <h4 class="h4_cards argss">2debate.eu</h4>
 
+
                                                The 2debate platform is run by a pair of Google employers - Kirk and Sebastian - who host weekly debates on current topics. We introduced them to iGEM and how the BioBrick registry can be considered an enabling technology which facilitates synthetic biology as a whole. Furthermore, we discussed the future of synthetic biology and its negative perception in society.  After debunking movies which incorporate synbio, such as Jurassic Park and X-Men, a debate was held arguing the motion “genetic engineering should be accessible to the public”. The debate made us think about the safety of our research further and the impact the technology can have.
 
                                             </p>
 
                                             </p>
 
                                         </div>
 
                                         </div>
                                      </div>
+
                                    </div>
                                      </p>
+
                                  </div>
+
 
                                 </div>
 
                                 </div>
                             </div>
+
                             </section>
  
 +
                            <section id="artexhibition">
 +
                                <div class="lmaoo card card_igem wow fadeInUp specialmargin" data-wow-duration="2s" data-wow-delay="0.1s">
 +
                                    <div class="card-title text-center">
 +
                                        <h4>Art Exhibition</h4>
 +
                                    </div>
 +
                                    <div class="card-body text-justify">
 +
                                        <div class="container">
 +
                                            <div class="row">
 +
                                                <div class="col-sm-6">
 +
                                                    <p class="card-text card-text_igem text-justify">
 +
                                                        We collaborated with designers Andrea Li and Michelle Lim to design an art exhibition representing our project at Central Saint Martins. Everything was visualised through the ‘eyes of a spider’. The entrance to the exhibition was a
 +
                                                    </p>
 +
                                                </div>
 +
                                                <div class="col-sm-6">
 +
                                                    <p class="card-text card-text_igem text-justify">
 +
                                                        small cave. The public had to crawl into the exhibition and use magnifying glasses to see some of the visual art. The main exhibition show cased 4 elements about the SETA project with each element being provided a shelf:
  
 +
                                                    </p>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div id="demo2" class="carousel slide" data-ride="carousel">
 +
                                            <ul class="carousel-indicators">
 +
                                                <li data-target="#demo2" data-slide-to="0" class="active"></li>
 +
                                                <li data-target="#demo2" data-slide-to="1"></li>
 +
                                                <li data-target="#demo2" data-slide-to="2"></li>
 +
                                            </ul>
 +
                                            <div class="carousel-inner">
 +
                                                <div class="carousel-item active">
 +
                                                    <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/c2/T--UCL--a1.jpg" alt="oops! You can't load this image." >
 +
                                                    <div class="carousel-caption">
 +
                                                        <h3 class="carousel_title_igem">History of synthetic spider silk</h3>
 +
                                                        <span class="wwww"> Here we showed how spider silk has been used for centuries for surgical sutures but used to be extracted directly from live spiders or from webs.</span>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="carousel-item">
 +
                                                    <img class="holysss"src="https://static.igem.org/mediawiki/2018/4/48/T--UCL--a2.jpg" alt="oops! You can't load this image." >
 +
                                                    <div class="carousel-caption">
 +
                                                        <h3 class="carousel_title_igem">Artifacts made from spider silk</h3>
 +
                                                        <span class="wwww"> Nowadays, spider silk has been applied to make a wedding dress and a pair of socks. Synthetic spider silk has also been used to make durable textiles, such as Bolt Threads success in creating ties and pillow cases.</span>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <div class="carousel-item fuq">
 +
                                                    <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/14/T--UCL--a3.jpg" alt="oops! You can't load this image." >
 +
                                                    <div class="carousel-caption">
 +
                                                        <h3 class="carousel_title_igem">iGEM’s scientific process </h3>
 +
                                                        <span class="wwww">We presented the audience with an understanding of BioBricks by showing how lego (representing the DNA sequences) can be joined together to form more complex shapes, or networks.</span>
 +
                                                    </div>
 +
                                                </div>
 +
                                                <a class="carousel-control-prev" href="#demo2" data-slide="prev">
 +
                                                    <span class="carousel-control-prev-icon"></span>
 +
                                                </a>
 +
                                                <a class="carousel-control-next" href="#demo2" data-slide="next">
 +
                                                    <span class="carousel-control-next-icon"></span>
 +
                                                </a>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </section>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <!--FOOTER================================================================== -->
  
                            <div id="demo2" class="carousel slide" data-ride="carousel">
+
                <div class="footer">
    <ul class="carousel-indicators">
+
                    <div class="container">
      <li data-target="#demo2" data-slide-to="0" class="active"></li>
+
                        <div class="row">
      <li data-target="#demo2" data-slide-to="1"></li>
+
                            <div class="col-lg-4">
      <li data-target="#demo2" data-slide-to="2"></li>
+
                                <center>
    </ul>
+
                                    <div class="h2_footer_igem">Our Location</div>
    <div class="carousel-inner">
+
                                    University College London<br />
      <div class="carousel-item active">
+
                                    Gower St, Bloomsbury<br />London <br />WC1E 6BT
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/c/c2/T--UCL--a1.jpg" alt="oops! You can't load this image." >
+
                                    <span></span>
        <div class="carousel-caption">
+
          <h3 class="orange">History of synthetic spider silk</h3>
+
        <span class="wwww"> Here we showed how spider silk has been used for centuries for surgical sutures but used to be extracted directly from live spiders or from webs.</span>
+
        </div>
+
      </div>
+
      <div class="carousel-item">
+
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/4/48/T--UCL--a2.jpg" alt="oops! You can't load this image." >
+
        <div class="carousel-caption">
+
          <h3 class="orange">Artifacts made from spider silk</h3>
+
          <span class="wwww"> Nowadays, spider silk has been applied to make a wedding dress and a pair of socks. Synthetic spider silk has also been used to make durable textiles, such as Bolt Threads success in creating ties and pillow cases.</span>
+
        </div>
+
      </div>
+
      <div class="carousel-item fuq">
+
        <img class="holysss"src="https://static.igem.org/mediawiki/2018/1/14/T--UCL--a3.jpg" alt="oops! You can't load this image." >
+
        <div class="carousel-caption">
+
          <h3 class="orange">iGEM’s scientific process </h3>
+
            <span class="wwww">We presented the audience with an understanding of BioBricks by showing how lego (representing the DNA sequences) can be joined together to form more complex shapes, or networks.</span>
+
        </div>
+
      </div>
+
    </div>
+
    <a class="carousel-control-prev" href="#demo2" data-slide="prev">
+
      <span class="carousel-control-prev-icon"></span>
+
    </a>
+
    <a class="carousel-control-next" href="#demo2" data-slide="next">
+
      <span class="carousel-control-next-icon"></span>
+
    </a>
+
  </div>
+
 
+
 
+
  
 +
                                </center>
 +
                            </div>
 +
                            <div class="col-lg-4">
 +
                                <center>
 +
                                    <div class="h2_footer_igem">Contact Us</div>
 +
                                    ucl.igem@ucl.ac.uk
 +
                                    <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
 +
                                    </a>
 +
                                </center>
 +
                            </div>
 +
                            <div class="col-lg-4">
 +
                                <center>
 +
                                    <div class="h2_footer_igem">Follow Us</div>
 +
                                    <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                                    </a>
 +
                                    <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
 +
                                    </a>
 +
                                    <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
 +
                                        <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
 +
                                    </a>
 +
                                </center>
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                </section>
 
              </div>
 
            </div>
 
        </div>
 
    </div>
 
    <!--FOOTER================================================================== -->
 
 
    <div class="footer">
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-lg-4">
 
                    <center>
 
                        <div class="h2_footer_igem">Our Location</div>
 
                        University College London<br />
 
      Gower St, Bloomsbury<br />London <br />WC1E 6BT
 
                        <span></span>
 
 
                    </center>
 
 
                 </div>
 
                 </div>
                <div class="col-lg-4">
+
             </body>
                    <center>
+
            </html>
                        <div class="h2_footer_igem">Contact Us</div>
+
                      ucl.igem@ucl.ac.uk
+
                        <a class="footer_img_igem" href="https://www.ucl.ac.uk/">
+
                            <img src="https://static.igem.org/mediawiki/2018/f/ff/T--UCL--UCLLogo.jpeg" height="100rem;" />
+
                        </a>
+
                    </center>
+
                </div>
+
                <div class="col-lg-4">
+
                    <center>
+
                        <div class="h2_footer_igem">Follow Us</div>
+
                        <a href="https://www.facebook.com/UCLiGEM/"class="contacticons">
+
                            <img src="https://static.igem.org/mediawiki/2018/c/c4/T--UCL--FBLogo.svg" style="padding-top:1em;" height="62rem;"/>
+
                        </a>
+
                        <a href="https://twitter.com/ucligem?lang=en"class="contacticons">
+
                            <img src="https://static.igem.org/mediawiki/2018/e/ed/T--UCL--TwitterLogo.svg" style="padding-top:1em;" height="62rem;"/>
+
                        </a>
+
                        <a href="https://www.instagram.com/ucl.igem/"class="contacticons">
+
                            <img src="https://static.igem.org/mediawiki/2018/3/31/T--UCL--InstaLogo.png" style="padding-top:1em;" height="62rem;"/>
+
                        </a>
+
                    </center>
+
                </div>
+
             </div>
+
        </div>
+
    </div>
+
</body>
+
</html>
+

Latest revision as of 13:21, 8 December 2018


UCL SETA - Public Engagement

Public Engagement

Loq Podcasts

Podcasts are a useful tool for delivering short snippets of information for a quick and easy positive learning experience - especially in a society that is constantly on the move.

Loq app is a community of thinkers committed to more intelligent discourse on social media through the use of short podcasts. We wrote and recorded a biweekly episode covering a range of synthetic biology topics:

Synthetic Biology

Biocontainment

BioBricks

Kinesis Magazine

Similar to podcasts, visual art can quickly and easily deliver a message to observers on the go. People embrace art; it is part of our human culture and it enables the ability to tell a story in a visual image you can take with you. Kinesis Magazine partners science writers with an artist so

that each article can be represented by an easy to interpret visual. We used this platform to write about and promote our iGEM spider silk project using layman's terms for the general public - an essential component in effective science communication.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

Instagram Art Competition

After experiencing the artistic process with Kinesis Magazine, we became curious: what do other scientists think of our project? We needed a platform which would provide us artists and artwork rapidly, so we chose Instagram. In a collaboration with the art competition account, we set out to get an answer to our question.

We wrote a short explanation of our project and set the theme to “Synthetic Biology”. There were over 100 submissions, but only one winner. Pieces of art ranged from abstract DNA to wild lab experiments gone wrong. Our winning piece (the one below) taught the public about DNA in a fun and engaging manner.

Psychology Study

Following an extensive search of the existing literature, we noticed a distinct lack of data measuring art as an effective tool for scientific engagement. We decided to conduct the study ourselves. We set out to determine how much people enjoyed art which represented synthetic biology compared to reading text about the field. Through studying designing platforms and

the use of validated methodologies, we discovered that art is more engaging than text. Interestingly, however, participants were more inclined to seek out information about synthetic biology only after reading text. This gave us a perspective on the importance of using a healthy balance of text and art in science communication just as we observed in our experience with Kinesis Magazine.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

SAVAGE
Art Magazine

Our findings from the psychology study were discussed in SAVAGE Journal, an art and culture magazine. We believe that science is a platform through which artists can express themselves. With that in mind, we decided to write an article about simultaneous artistic

and scientific expression using Leonardo Da Vinci as an example. As a scientist, a painter, an engineer, a sketch artist and more, he envisioned concepts beyond his time - the helicopter, parachute and giant crossbow - utilising his skills in both fields.

It appears you don't have a PDF plugin for this browser. No biggie... you can click here to download the PDF file.

Art Postcards

Given the large influence art had on our outreach program, we decided to share the work with the world. We printed out postcards of the best art submitted during the art competition. Putting the i in iGEM, we provided every postcard with a prepaid stamp ready to be delivered to countries across the

world straight from the iGEM Jamboree. Students, supervisors and judges can come find us at our stall, write a card to their loved ones and we will post it for them. A memory of iGEM, in the form of scientific artwork, will go out to them in an attempt to reach out to different parts of the world.

GMO Debate

“Should genetic engineering be accessible to the public?”

Kialo Debate

We decided to pose this question to the public: what if the public had the power to use this tool? Through open source protocols, easy access to the BioBrick registry, and lab equipment becoming cheaper thanks to BentoBioLabs, this technology will be accessible to everyone in a matter of decades. What regulations are currently in place and must rules change to ensure a safer future? We decided to pose this question to more than just the public. We invited GMO activists, scientists, and policy makers to the debate in an attempt to gain view points from all perspectives. The original debate can be found here.

2debate.eu

The 2debate platform is run by a pair of Google employers - Kirk and Sebastian - who host weekly debates on current topics. We introduced them to iGEM and how the BioBrick registry can be considered an enabling technology which facilitates synthetic biology as a whole. Furthermore, we discussed the future of synthetic biology and its negative perception in society. After debunking movies which incorporate synbio, such as Jurassic Park and X-Men, a debate was held arguing the motion “genetic engineering should be accessible to the public”. The debate made us think about the safety of our research further and the impact the technology can have.

Art Exhibition

We collaborated with designers Andrea Li and Michelle Lim to design an art exhibition representing our project at Central Saint Martins. Everything was visualised through the ‘eyes of a spider’. The entrance to the exhibition was a

small cave. The public had to crawl into the exhibition and use magnifying glasses to see some of the visual art. The main exhibition show cased 4 elements about the SETA project with each element being provided a shelf: