Difference between revisions of "Team:UChicago/Engagement"

 
(15 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;
+
}
+
.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;
+
margin: 0 auto;
padding-bottom: 100px;
+
padding-top: 50px;
border-style: hidden hidden solid hidden;
+
width: 400px;
border-color: orange;
+
border-width: 15px;
+
 
}
 
}
  
 
.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 77: 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>
  
<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 class="banner">
.imgbig{
+
    <div class="inline-block">
width: 100%;
+
                <img src ="https://static.igem.org/mediawiki/2017/9/9e/T--UChicago--WYSE1Square.jpg">
height: 300px;
+
    </div>
background-repeat: no-repeat;
+
position: fixed;
+
z-index: -1;
+
  
 +
    <div class="inline-block">
 +
                <img src ="https://static.igem.org/mediawiki/2017/0/0a/T--UChicago--WYSEgorup1Sqyare.jpg">
 +
    </div>
  
}
+
    <div class="inline-block">
</style>
+
        <img src ="https://static.igem.org/mediawiki/2017/2/2c/T--UChicago--WYSE2Square.jpg">
 +
    </div>
 +
</div>
  
<div class="education" id="ed">
+
 
<div class="top">
+
<div class="paragraph" id="gr">
<div class="penpic">
+
<h1>
<img src="https://static.igem.org/mediawiki/2017/a/ae/T--UChicago--pencilespng.png">
+
Ethics
 +
</h1>
 +
 
 +
<div class="description">
 +
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 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 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>
 
</div>
 +
  
 
<style>
 
<style>
.descriptioned{
+
.banner{
 +
width: 1000px;
 +
margin: 0 auto;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
#ed{
 +
  margin-top: 50px;
 +
 
 
}
 
}
 
</style>
 
</style>
  
  
 
<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>
 
<style>
.strawberrypics{
+
.inline-block {
display:flex;
+
display: inline-block;
margin-top: 15px;
+
  opacity: .75;
margin-bottom: 15px;
+
margin-left: 10px;
}
+
margin-right: 10px;
.s1, .s2{
+
padding-right: 15px;
+
 
}
 
}
  
.s1, .s2, .s3{
+
.inline-block:hover{
opacity: .75;
+
  opacity: 1;
 
}
 
}
  
.s1:hover, .s2:hover, .s3:hover{
+
#bodyContent{
opacity: 1;
+
padding-right: 15%;
 
}
 
}
  
</style>
 
  
<div class="debate" id="gr">
+
.footer2 a{
<div class="top">
+
color: white;
<div class="grav" >
+
text-decoration:none;
<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>
+
.grav{
+
margin-left: -10px;
+
 
}
 
}
  
.gravtitle{
+
.footer2{
font-family: 'Neucha', cursive;
+
background-color: grey;
font-size: 70px;
+
width: auto;
margin-top: 90px;
+
height: 50px;
margin-left: -30px;
+
margin-top: 45px;
 +
text-align: center;
 +
color: white;
 +
font-family: 'Open Sans', sans-serif;
 +
padding-top: 28px;
 
}
 
}
  
.debate{
+
 
height: 600px;
+
 
width: auto;
+
 
background-color: #FAD16C;
+
}
+
 
</style>
 
</style>
 +
<div class="footer2">
 +
<a href="mailto:genehackers.uchicago@gmail.com">GeneHackers 2017</a>
 +
<div>
  
  
</div>
 
  
  
  
 
</html>
 
</html>

Latest revision as of 03:05, 1 November 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!