Difference between revisions of "Team:UChicago/Engagement"

 
(35 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<html>
 
<html>
 
<head>
 
<head>
−
<link href="https://fonts.googleapis.com/css?family=Neucha" rel="stylesheet">
+
  <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
 
</head>
 
</head>
 +
 +
<div class="humanback">
 +
</div>
 +
 +
<img src="https://static.igem.org/mediawiki/2017/b/bd/T--UChicago--humanpracticetrans.png"  id="title">
 +
 
<style>
 
<style>
−
*{
+
.humanback{
−
margin: 0;
+
  height: 650px;
−
padding: 0;
+
  width: 100%;
−
}
+
  display: block;
−
.container{
+
  margin: auto;
−
    width: 960px;
+
  background-image: url('https://static.igem.org/mediawiki/2017/e/e5/T--UChicago--WYSEgorup2.jpg');
−
    margin-left: auto;
+
   background-size: 100% 100%;
−
    margin-right: auto;
+
   background-attachment: fixed;
−
}
+
−
.group:after {
+
−
  content: "";
+
−
   display: table;
+
−
   clear: both;
+
 
}
 
}
  
 +
#title{
 +
  position: absolute;
 +
  z-index: 1000;
 +
  top: 100px;
 +
  left: 15%;
 +
}
 
</style>
 
</style>
−
<div class="container group">
 
  
−
<div class="title">
+
 
−
Human Practices
+
−
</div>
+
  
 
<div class="circles">
 
<div class="circles">
Line 34: Line 38:
  
 
<div>
 
<div>
−
<a class="btn" id="gavel" href="#"><i class="ion-ios-arrow-down"></i></a>
+
<a class="btn" id="gavel" href="#gr"><i class="ion-ios-arrow-down"></i></a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 41: Line 45:
 
.circles{
 
.circles{
 
display: flex;
 
display: flex;
−
margin-left: 110px;
+
margin: 0 auto;
−
margin-bottom: 100px;
+
padding-top: 50px;
 +
width: 400px;
 
}
 
}
  
 
.btn {
 
.btn {
 
display: block;
 
display: block;
−
margin-left: 100px;
+
width:200px;
 +
  margin-left: 10px;
 +
  margin-left: 10px;
 +
 
 
   height: 200px;
 
   height: 200px;
−
  width: 200px;
 
 
   border-radius: 50%;
 
   border-radius: 50%;
−
   border: 5px solid orange;
+
   border: 5px solid rgb(0,109,171);
 
}
 
}
  
Line 71: Line 78:
 
</style>
 
</style>
  
−
<style>
 
−
.title{
 
−
text-align: center;
 
−
font-family: 'Neucha', cursive;
 
−
font-size: 90px;
 
−
color: orange;
 
−
padding-bottom: 100px;
 
  
−
}
 
−
</style>
 
  
 +
<div class="paragraph" id="ed">
 +
<h1>
 +
GeneHackers + WYSE
 +
</h1>
  
−
<div class="imgbig">
+
<div class="description">
 +
To increase awareness of synthetic biology within our community, GeneHackers has taught many younger students about genetic engineering and the natural sciences. This March, we collaborated with an on-campus group known as Women and Youth Supporting Each Other (WYSE). The members of WYSE act as mentors to students in a local middle school. GeneHackers accompanied them on a trip to this middle school, where we talked to the kids about studying and working in the sciences.  At the end of the program, we taught the students how to extract DNA from strawberries, making sure to fully explain each step of the process. By demonstrating a DNA extraction using only a few household ingredients, we hoped to make DNA science seem more accessible and interesting in the eyes of the kids.
 +
</div>
 
</div>
 
</div>
  
−
<style>
+
<div class="banner">
−
.imgbig{
+
    <div class="inline-block">
−
width: auto;
+
                <img src ="https://static.igem.org/mediawiki/2017/9/9e/T--UChicago--WYSE1Square.jpg">
−
height: 300px;
+
    </div>
  
−
background-image: url('https://static.igem.org/mediawiki/2017/7/70/T--UChicago--HPBig.jpg');
+
    <div class="inline-block">
−
     background-repeat: no-repeat;
+
                <img src ="https://static.igem.org/mediawiki/2017/0/0a/T--UChicago--WYSEgorup1Sqyare.jpg">
−
    background-attachment: fixed;
+
     </div>
−
background-position: 25% 50%;
+
  
−
}
+
    <div class="inline-block">
−
</style>
+
        <img src ="https://static.igem.org/mediawiki/2017/2/2c/T--UChicago--WYSE2Square.jpg">
 +
    </div>
 +
</div>
 +
 
 +
 
 +
<div class="paragraph" id="gr">
 +
<h1>
 +
Ethics
 +
</h1>
  
−
<div class="education" id="ed">
+
<div class="description">
−
<div class="edtitle">
+
GeneHackers also hosted an event with incoming first years at the University. Members of the iGEM team led a conversation surrounding the ethics of genetic engineering. The participants debated the potential advantages and disadvantages of embryonic screening, genetically modified foods, etc. Our discussion encouraged critical thinking and intellectual investment in the world of biotechnology. At the end of the program, we repeated our strawberry DNA extraction activity, which received lots of positive feedback in March. By the end of the night, several of the students expressed interest in joining GeneHackers in the autumn!
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<div class="banner">
 +
    <div class="inline-block">
 +
        <img src ="https://static.igem.org/mediawiki/2017/d/df/T--UChicago--educationstrawberry.jpg">
 +
    </div>
 +
 +
    <div class="inline-block">
 +
        <img src ="https://static.igem.org/mediawiki/2017/a/ae/T--UChicago--edstraw3.jpg">
 +
    </div>
 +
 +
    <div class="inline-block">
 +
        <img src ="https://static.igem.org/mediawiki/2017/1/1a/T--UChicago--edstrawberry2.jpg">
 +
    </div>
 +
</div>
 +
  
 
<style>
 
<style>
−
.education{
+
.banner{
−
height: 400px;
+
width: 1000px;
 +
margin: 0 auto;
 +
}
 +
 
 +
.description{
 +
line-height: 150%;
 +
font-size: 25px;
 +
margin-left: 50px;
 +
padding-right: 50px;
 +
margin-top: -10px;
 +
padding-bottom: 50px;
 +
text-align: center;
 +
}
 +
 
 +
h1{
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 70px;
 +
text-align: center;
 +
}
 +
 
 +
.paragraph{
 
width: auto;
 
width: auto;
−
background-color: #FAD16C;
+
text-align: center;
 +
}
 +
 
 +
#ed{
 +
  margin-top: 50px;
 +
 
 
}
 
}
 
</style>
 
</style>
  
  
−
</div>
 
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
+
<style>
 +
.inline-block {
 +
display: inline-block;
 +
  opacity: .75;
 +
margin-left: 10px;
 +
margin-right: 10px;
 +
}
  
−
<h1>Education and Public Engagement</h1>
+
.inline-block:hover{
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
  opacity: 1;
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
}
  
−
<br><br>
+
#bodyContent{
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
padding-right: 15%;
−
<br><br>
+
}
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
  
 +
.footer2 a{
 +
color: white;
 +
text-decoration:none; 
 +
}
 +
 +
.footer2{
 +
background-color: grey;
 +
width: auto;
 +
height: 50px;
 +
margin-top: 45px;
 +
text-align: center;
 +
color: white;
 +
font-family: 'Open Sans', sans-serif;
 +
padding-top: 28px;
 +
}
 +
 +
 +
 +
 +
</style>
 +
<div class="footer2">
 +
<a href="mailto:genehackers.uchicago@gmail.com">GeneHackers 2017</a>
 +
<div>
  
  
−
<div class="column half_size">
 
−
<h5>Inspiration</h5>
 
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
 
−
<ul>
 
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
 
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
 
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
 
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
 
−
</ul>
 
  
−
</div>
 
  
  
−
<div class="clear"></div>
 
 
</html>
 
</html>

Latest revision as of 03:05, 1 November 2017

HOME
TEAM
PROJECT
Description
Design
Experiments
Notebook
Results
Improve
Attributions
PARTS
SAFETY
PUBLIC ENGAGEMENT

GeneHackers + WYSE

To increase awareness of synthetic biology within our community, GeneHackers has taught many younger students about genetic engineering and the natural sciences. This March, we collaborated with an on-campus group known as Women and Youth Supporting Each Other (WYSE). The members of WYSE act as mentors to students in a local middle school. GeneHackers accompanied them on a trip to this middle school, where we talked to the kids about studying and working in the sciences. At the end of the program, we taught the students how to extract DNA from strawberries, making sure to fully explain each step of the process. By demonstrating a DNA extraction using only a few household ingredients, we hoped to make DNA science seem more accessible and interesting in the eyes of the kids.

Ethics

GeneHackers also hosted an event with incoming first years at the University. Members of the iGEM team led a conversation surrounding the ethics of genetic engineering. The participants debated the potential advantages and disadvantages of embryonic screening, genetically modified foods, etc. Our discussion encouraged critical thinking and intellectual investment in the world of biotechnology. At the end of the program, we repeated our strawberry DNA extraction activity, which received lots of positive feedback in March. By the end of the night, several of the students expressed interest in joining GeneHackers in the autumn!
GeneHackers 2017