Difference between revisions of "Team:UChicago/Engagement"

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="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('WYSEgroup2.jpg');
    margin-left: auto;
+
   background-size: 100% 100%;
    margin-right: auto;
+
   background-attachment: fixed;
}
+
.group:after {
+
  content: "";
+
   display: table;
+
   clear: both;
+
}
+
.igem_2017_content_wrapper > h1 {
+
display: none;
+
 
}
 
}
  
 +
#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 44: Line 45:
 
.circles{
 
.circles{
 
display: flex;
 
display: flex;
padding-left: 110px;
+
padding-bottom: 50px;
padding-bottom: 100px;
+
margin-left: 20%;
border-style: hidden hidden solid hidden;
+
border-color: orange;
+
border-width: 15px;
+
 
}
 
}
  
 
.btn {
 
.btn {
 
display: block;
 
display: block;
margin-left: 100px;
+
width:200px;
 +
  margin-left: 100px;
 +
  margin-top: 50px;
 
   height: 200px;
 
   height: 200px;
  width: 200px;
 
 
   border-radius: 50%;
 
   border-radius: 50%;
   border: 5px solid orange;
+
   border: 5px solid rgb(0,109,171);;
 
}
 
}
  
Line 77: Line 76:
 
</style>
 
</style>
  
<style>
 
.title{
 
text-align: center;
 
font-family: 'Neucha', cursive;
 
font-size: 90px;
 
color: orange;
 
padding-bottom: 100px;
 
margin-top: 50px;
 
  
}
 
</style>
 
  
 +
<div class="paragraph" id="ed">
 +
<h1>
 +
GeneHackers + WYSE
 +
</h1>
  
<img src="https://static.igem.org/mediawiki/2017/7/70/T--UChicago--HPBig.jpg" class="imgbig>
+
<div class="description">
</img
+
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>
  
<style>
+
<div id="banner">
.imgbig{
+
    <div class="inline-block">
width: 100%;
+
                <img src ="WYSE1Square.jpg">
height: 300px;
+
    </div>
background-repeat: no-repeat;
+
position: fixed;
+
z-index: -1;
+
  
 +
    <div class="inline-block">
 +
                <img src ="WYSEgroup1Square.jpg">
 +
    </div>
  
}
+
    <div class="inline-block">
</style>
+
        <img src ="WYSE2Square.jpg">
 +
    </div>
 +
</div>
 +
 
 +
 
 +
<div class="paragraph" id="gr">
 +
<h1>
 +
Ethics
 +
</h1>
  
<div class="education" id="ed">
+
<div class="description">
<div class="top">
+
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 class="penpic">
+
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--UChicago--pencilespng.png">
+
 
</div>
 
</div>
<div class="entitle">
 
GeneHackers + WYSE
 
</div>
 
</div>
 
<div class="descriptioned">
 
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 id="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>
 
</div>
 +
  
 
<style>
 
<style>
.descriptioned{
+
.description{
 
line-height: 150%;
 
line-height: 150%;
 
font-size: 25px;
 
font-size: 25px;
 
margin-left: 50px;
 
margin-left: 50px;
 
padding-right: 50px;
 
padding-right: 50px;
making-top: -10px;
+
margin-top: -10px;
}
+
padding-bottom: 50px;
.penpic{
+
text-align: center;
margin-left: -40px;
+
 
}
 
}
  
.top{
+
h1{
display:flex;
+
font-family: 'Open Sans', sans-serif;
}
+
 
+
.entitle{
+
font-family: 'Neucha', cursive;
+
 
font-size: 70px;
 
font-size: 70px;
margin-top: 90px;
+
text-align: center;
margin-left: -60px;
+
 
 
}
 
}
  
.education{
+
.paragraph{
height: 700px;
+
 
width: auto;
 
width: auto;
background-color: #FAD16C;
+
text-align: center;
 
}
 
}
</style>
 
  
 +
#ed{
 +
  margin-top: 100px;
  
 
<div class="strawberrypics">
 
<div class="s1">
 
<img src="https://static.igem.org/mediawiki/2017/d/df/T--UChicago--educationstrawberry.jpg">
 
</div>
 
<div class="s2">
 
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--UChicago--edstraw3.jpg">
 
</div>
 
<div class="s3">
 
<img src="https://static.igem.org/mediawiki/2017/1/1a/T--UChicago--edstrawberry2.jpg">
 
</div>
 
</div>
 
 
<style>
 
.strawberrypics{
 
display:flex;
 
margin-top: 15px;
 
margin-bottom: 15px;
 
}
 
.s1, .s2{
 
padding-right: 15px;
 
 
}
 
}
 +
</style>
  
.s1, .s2, .s3{
 
opacity: .75;
 
}
 
  
.s1:hover, .s2:hover, .s3:hover{
 
opacity: 1;
 
}
 
 
</style>
 
 
<div class="debate" id="gr">
 
<div class="top">
 
<div class="grav" >
 
<img src="https://static.igem.org/mediawiki/2017/1/1b/T--UChicago--graveltrans.png">
 
</div>
 
<div class="gravtitle">
 
Ethics
 
</div>
 
</div>
 
<div class="descriptioned">
 
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>
 
  
 
<style>
 
<style>
.grav{
+
.inline-block {
margin-left: -10px;
+
  display: inline-block;
 +
  margin-left: 50px;
 +
  opacity: .75;
 
}
 
}
 
+
.inline-block:hover{
.gravtitle{
+
  opacity: 1;
font-family: 'Neucha', cursive;
+
font-size: 70px;
+
margin-top: 90px;
+
margin-left: -30px;
+
 
}
 
}
  
.debate{
 
height: 600px;
 
width: auto;
 
background-color: #FAD16C;
 
}
 
 
</style>
 
</style>
  
  
</div>
 
  
  
  
 
</html>
 
</html>

Revision as of 22:19, 28 October 2017

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!