Team:Northwestern/Human Practice

From 2014.igem.org

(Difference between revisions)
 
(47 intermediate revisions not shown)
Line 49: Line 49:
<body>
<body>
-
<div class="jumbotron">
+
<div class="animated fadeIn">
-
  <div class="container">
+
  <div class="jumbotron">
 +
    <div class="container">
       <h1>Policy & Practice</h1>
       <h1>Policy & Practice</h1>
-
  </div>
+
    </div>
 +
  </div>
</div>
</div>
 +
<div class="container">
<div class="container">
-
<p class="lead">This summer, Abdullah, our outreach coordinator, planned several activities in which we engaged the community in learning and discussing synthetic biology. We gave 45 min powerpoint presentations to a range of audiences; from incoming freshmen interested in pursuing biology as a career, to eight graders eager to learn more. We engaged with programs such as CTD (Center for Talent Development) and BioExcel. In addition, we served as advisors to a group of motivated high school students who were trying to use the tools of synthetic biology to combat diseases such as HIV/AIDS. Furthermore, we helped other teams' efforts by completing their surveys. </p>
 
-
<li><p>Cornell/Warwick/Macquarie/ETH Zurich/UCLA/UChicago/Ben-Gurion/UVA</p></li>
 
-
<!-- Projects -->
+
<p class="lead">This summer, Abdullah, our outreach coordinator, planned several activities in which we engaged the community in learning and discussing synthetic biology. Our aim for these outreach events was to make the field of synthetic biology more accessible and understandable to people of all ages and backgrounds.</p>
 +
 
 +
<p>We accomplished this by giving 45-minute PowerPoint presentations to a range of audiences; from incoming Northwestern freshmen interested in further pursuing biology as a career or major, to eighth graders eager to more about the field. This presentation offered an introduction on iGEM as well as an interactive discussion on what synthetic biology. We then delved further into the field’s fundamentals, briefly covering both how DNA acts as the blueprint of life and how its manipulation can lead to significant advances in science. After sharing this year’s Northwestern project on Non-model organism and cell-free systems, we gave the audience a chance to tackle any problem in society through the use of synthetic biology. The feedback of the audience throughout the presentation, as well as from examining the surveys that we asked them to fill out, was overwhelmingly positive; we feel that synthetic biology has become a much more comprehensible concept to our audiences, and consequently, an even more powerful tool for the scientific field.</p>
 +
 
         <div class="row">
         <div class="row">
Line 86: Line 90:
                         </div>
                         </div>
                     </div>
                     </div>
-
 
+
                      
-
                     <!-- Controls -->
+
-
                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+
-
                        <span class="glyphicon glyphicon-chevron-left"></span>
+
-
                    </a>
+
-
                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+
-
                        <span class="glyphicon glyphicon-chevron-right"></span>
+
-
                    </a>
+
                 </div>
                 </div>
             </div>
             </div>
Line 99: Line 96:
             <div class="col-md-4">
             <div class="col-md-4">
                 <h3>Roycemore</h3>
                 <h3>Roycemore</h3>
-
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
+
                 <p>In collaboration with CTD (Center for Talent Development) through Roycemore college preparatory school, we were able to mentor middle school students with their honors biology topics. The CTD professor was very impressed at how quickly the students were able to pick up the information with our guidance</p>
-
                <h3>Project Details</h3>
+
             
             </div>
             </div>
Line 109: Line 106:
<!--Another project-->
<!--Another project-->
-
<div class="container">
+
 
       <div class="row">
       <div class="row">
           <div class="col-md-4">
           <div class="col-md-4">
                 <h3>BioExcel</h3>
                 <h3>BioExcel</h3>
-
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae. Sed dui lorem, adipiscing in adipiscing et, interdum nec metus. Mauris ultricies, justo eu convallis placerat, felis enim.</p>
+
                 <p>We also partnered with BioExcel, where students were working on their own synthetic biology projects dealing with issues such as HIV/AIDS, environmental protection, and other medical diseases. We served as advisors to these various groups of motivated incoming Northwestern freshman by reviewing and refining their projects. </p>
-
                <h3>Project Details</h3>
+
         
             </div>
             </div>
Line 121: Line 118:
                     <!-- Indicators -->
                     <!-- Indicators -->
                     <ol class="carousel-indicators">
                     <ol class="carousel-indicators">
-
                         <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
                         <li data-target="#carousel-example-generic" data-slide-to="5" class="active"></li>
-
                         <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
                         <li data-target="#carousel-example-generic" data-slide-to="6"></li>
-
                         <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
                         <li data-target="#carousel-example-generic" data-slide-to="7"></li>
-
                         <li data-target="#carousel-example-generic" data-slide-to="3"></li>
+
                         <li data-target="#carousel-example-generic" data-slide-to="8"></li>
                     </ol>
                     </ol>
Line 130: Line 127:
                     <div class="carousel-inner">
                     <div class="carousel-inner">
                         <div class="item active">
                         <div class="item active">
-
                             <img class="img-responsive" src="https://switzerlandinn.com/media/core/imgs/900x500_7.1280x720.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/4/4d/IMG_5252.jpg">
                         </div>
                         </div>
                         <div class="item">
                         <div class="item">
-
                             <img class="img-responsive" src="https://switzerlandinn.com/media/core/imgs/900x500_7.1280x720.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/1/1f/IMG_5401.jpg">
                         </div>
                         </div>
                         <div class="item">
                         <div class="item">
-
                             <img class="img-responsive" src="https://switzerlandinn.com/media/core/imgs/900x500_7.1280x720.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/e/e7/IMG_5404.jpg">
                         </div>
                         </div>
                         <div class="item">
                         <div class="item">
-
                             <img class="img-responsive" src="https://switzerlandinn.com/media/core/imgs/900x500_7.1280x720.jpg">
+
                             <img class="img-responsive" src="https://static.igem.org/mediawiki/2014/a/a0/IMG_5402.jpg">
                         </div>
                         </div>
                     </div>
                     </div>
-
                    <!-- Controls -->
+
         
-
                    <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
+
                      
-
                        <span class="glyphicon glyphicon-chevron-left"></span>
+
-
                    </a>
+
-
                    <a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
+
-
                        <span class="glyphicon glyphicon-chevron-right"></span>
+
-
                     </a>
+
                 </div>
                 </div>
             </div>
             </div>
Line 157: Line 149:
<div class="row">
<div class="row">
-
<div class="col-sm-4">
+
<div class="col-lg-4">
<h5>What do you want to study?</h5>
<h5>What do you want to study?</h5>
-
<iframe width="300" height="301" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1GShx-T48elzpV0iG2YPIOTWW79evznoo5rdDZLcrav0/pubchart?oid=48273574&amp;format=interactive"></iframe>
+
<img src="https://static.igem.org/mediawiki/2014/5/5f/Outreach_study.jpg"/>
</div>
</div>
-
<div class="col-sm-4">
+
<div class="col-lg-6">
<h5>What is the highest level of education you want to obtain?</h5>
<h5>What is the highest level of education you want to obtain?</h5>
-
<iframe width="311" height="294" seamless frameborder="0" scrolling="no" src="https://docs.google.com/spreadsheets/d/1GShx-T48elzpV0iG2YPIOTWW79evznoo5rdDZLcrav0/pubchart?oid=305346722&amp;format=interactive"></iframe>
+
<img src="https://static.igem.org/mediawiki/2014/b/be/Outreach_educataion.jpg"/>
 +
</div>
 +
 
 +
<div class="col-lg-2">
 +
<h5>Did our class spark interest in syn bio?</h5>
 +
 
 +
<img src="https://static.igem.org/mediawiki/2014/f/f7/Outreach_interest.jpg" style="width:200px;"/>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div class="row">
 +
<div class="col-sm-12">
 +
 
 +
<div class="row">
 +
 
 +
<div class="col-sm-6">
 +
<h5>What did the students say about our presentation?</h5>
 +
 
 +
      <p class="triangle-isosceles left" style="margin-right: 200px;"><span class="glyphicon glyphicon-thumbs-up"></span>  It is very informative, yet simple and understandable, very well explained</p>
 +
 
 +
<p class="triangle-isosceles right" style="margin-left: 150px;"><span class="glyphicon glyphicon-thumbs-up"></span>  I thought you were concise and I understood everything but you could have taken more of our time because I want to learn more!</p>
 +
 
 +
      <p class="triangle-isosceles left" style="margin-right: 120px"><span class="glyphicon glyphicon-thumbs-up"></span>  I liked that you had us come up with ideas of synthetic biology.</p>
 +
</div>
 +
 
 +
<div class=col-sm-6>
 +
<h5>What is your dream job?</h5>
 +
<!-- Creative Commons Licence (by-nc-nd). See worditout.com for details -->
 +
 
 +
<script type='text/javascript' charset='utf-8'  src='http://worditout.com/word-cloud/509476/embed.js'></script>
 +
<noscript><p style='text-align:center;font-size:xx-small;overflow:auto;height:50%%;'><a href='http://worditout.com/word-cloud/509476' title='Click to go to this word&nbsp;cloud on WordItOut.com'>&quot;igem&quot;</a><br />Click on the link above to see this word&nbsp;cloud at <a href='http://worditout.com' title='Transform your text into word&nbsp;clouds!'>WordItOut</a>. You may also view it on this website if you enable JavaScript (see your web browser settings).</p></noscript>
 +
<p><a href='http://worditout.com/word-cloud/509476' title='See &quot;igem&quot; on WordItOut.com'>Word&nbsp;cloud made with WordItOut</a></p>
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div><!--container-->
 +
 
 +
<div id="footer">
 +
 
 +
<h2>Thank you sponsors!</h2>
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/>
 +
</div>
 +
 
 +
</div><!--row-->
 +
 
 +
<div class="row">
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/>
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="http://www.mccormick.northwestern.edu/marketing/images/logos-and-branding/logos-for-download/transparency/mccormick-purple-transparency.png"/>
 +
</div>
 +
<div class="col-md-3">
 +
<img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/>
 +
</div>
 +
 
</div>
</div>
-
<div class="col-sm-4">
 
-
<h5>What did the student say about our presentation?</h5>
 
-
<div class="well well-sm"><p class="lead">"blah blah blah"</p></div>
 
</div>
</div>

Latest revision as of 23:56, 17 October 2014

Dropdown menu from bootstrap


Human Practice

Policy & Practice

This summer, Abdullah, our outreach coordinator, planned several activities in which we engaged the community in learning and discussing synthetic biology. Our aim for these outreach events was to make the field of synthetic biology more accessible and understandable to people of all ages and backgrounds.

We accomplished this by giving 45-minute PowerPoint presentations to a range of audiences; from incoming Northwestern freshmen interested in further pursuing biology as a career or major, to eighth graders eager to more about the field. This presentation offered an introduction on iGEM as well as an interactive discussion on what synthetic biology. We then delved further into the field’s fundamentals, briefly covering both how DNA acts as the blueprint of life and how its manipulation can lead to significant advances in science. After sharing this year’s Northwestern project on Non-model organism and cell-free systems, we gave the audience a chance to tackle any problem in society through the use of synthetic biology. The feedback of the audience throughout the presentation, as well as from examining the surveys that we asked them to fill out, was overwhelmingly positive; we feel that synthetic biology has become a much more comprehensible concept to our audiences, and consequently, an even more powerful tool for the scientific field.

Roycemore

In collaboration with CTD (Center for Talent Development) through Roycemore college preparatory school, we were able to mentor middle school students with their honors biology topics. The CTD professor was very impressed at how quickly the students were able to pick up the information with our guidance

BioExcel

We also partnered with BioExcel, where students were working on their own synthetic biology projects dealing with issues such as HIV/AIDS, environmental protection, and other medical diseases. We served as advisors to these various groups of motivated incoming Northwestern freshman by reviewing and refining their projects.

What do you want to study?
What is the highest level of education you want to obtain?
Did our class spark interest in syn bio?
What did the students say about our presentation?

It is very informative, yet simple and understandable, very well explained

I thought you were concise and I understood everything but you could have taken more of our time because I want to learn more!

I liked that you had us come up with ideas of synthetic biology.

What is your dream job?

Word cloud made with WordItOut