Difference between revisions of "Team:UChicago"

 
(54 intermediate revisions by the same user not shown)
Line 10: Line 10:
  
  
−
<img src="https://static.igem.org/mediawiki/2017/a/a3/T--UChicago--titletransparent.png"  id="title">
+
<img src="https://static.igem.org/mediawiki/2017/2/2d/T--UChicago--ppp.png"  id="title">
  
  
Line 22: Line 22:
 
</div>
 
</div>
  
 +
<h1>About GeneHackers</h1>
 
<div class="paragraph" id="p1">
 
<div class="paragraph" id="p1">
−
Genehackers is a recognized undergraduate student association with the University of Chicago. Founded in 2013, our organization aims to raise awareness about synthetic biology through community and research. We have competed in the iGem competition since the founding of our group. Our team has created innovative projects that bring synthetic biology to the center of the laboratory experience.
+
Genehackers is a recognized undergraduate student association with The University of Chicago. Founded in 2013, our organization aims to raise awareness about synthetic biology through community and research. We have competed in the iGem competition since the founding of our group. Our team has created innovative projects that bring synthetic biology to the center of the laboratory experience.
 
</div>
 
</div>
  
−
<div class="paragraph">
+
 
−
This year, UChicago Genehackers has set out to design the first yeast centromeric plasmid for <i>Pichia pastors</i>.
+
<div class="paragraph" id="top">
 +
This year, UChicago Genehackers has set out to design the first yeast centromeric plasmid for <i>Pichia pastoris</i>.
 
</div>
 
</div>
  
−
<img src="https://static.igem.org/mediawiki/2017/7/7c/T--UChicago--circles.jpg" class="circlepics">
 
  
 +
<h1>iGem 2017</h1>
 
<div class="paragraph">
 
<div class="paragraph">
 
Our team has already made significant strides towards creating the proposed centromeric plasmid vector. We have grown psB1C3mut in LB+CAM (chloramphenicol), psD000 in LB+CAM and drop-out arginine plates and psD001 in LB+CAM. Additionally, we have amplified five potential centromeric regions in total from the chromosomal DNA of Pichia pastors.
 
Our team has already made significant strides towards creating the proposed centromeric plasmid vector. We have grown psB1C3mut in LB+CAM (chloramphenicol), psD000 in LB+CAM and drop-out arginine plates and psD001 in LB+CAM. Additionally, we have amplified five potential centromeric regions in total from the chromosomal DNA of Pichia pastors.
 
</div>
 
</div>
  
−
<div class="paragraph">
+
 
−
Although GeneHackers has made significant progress in our experiment, we still have some parts of our experiment that have not been achieved yet. We need to Gibson assembly various chromosomal sequences into psD001and perform assays of this plasmid in Pichia pastoris. Furthermore, if we are successful in creating the centromeric plasmid, we hope to incorporate the plasmid within the bioengineering and the industrial fields. Here, we want to test the efficiency and practicality of our plasmid within human environments. After these rounds of experimentation, we want to come back to the laboratory and improve our research with this plasmid. Hopefully, we will be able to work toward a final centromeric plasmid that will improve the course of scientific research.
+
 
−
</div>
+
  
  
Line 48: Line 49:
  
 
<style>
 
<style>
 +
 +
#bodyContent h1{
 +
text-align: center;
 +
font-family: 'Open Sans', sans-serif;
 +
font-size: 30px;
 +
color: rgb(0,109,171);
 +
 +
}
 +
 
.circlepics{
 
.circlepics{
 
   display: block;
 
   display: block;
Line 63: Line 73:
 
   background-size: 100% 100%;
 
   background-size: 100% 100%;
 
   background-attachment: fixed;
 
   background-attachment: fixed;
 +
margin-top: -20px;
 
}
 
}
  
Line 73: Line 84:
 
   
 
   
 
}
 
}
 +
#top{
 +
    width: 650px;
 +
font-size: 50px;
 +
margin: auto;
 +
margin-top: 50px;
 +
color: white;
 +
background-color: grey;
 +
height: 400px;
 +
}
 +
 +
#top:hover
 +
{
 +
 +
        background-color: rgb(0,109,171);
 +
background-color: rgba(0,109,171, .4);}
 +
  
 
.arrow {
 
.arrow {
Line 98: Line 125:
 
}
 
}
  
−
.paragraph{
 
−
  padding-top: 50px;
 
−
  padding-bottom: 50px;
 
−
  padding-left: 30px;
 
−
  padding-right: 30px;
 
−
text-align: center;
 
−
  /*border-style: double;
 
−
  border-color: white;
 
−
  border-width: 20px;*/
 
−
  /*background-color: rgb(0,109,171);
 
−
  background-color: rgba(0,109,171, .4);*/
 
−
}
 
−
 
−
#p1{
 
−
  margin-top: 50px;
 
−
}
 
  
 
.circlepics{
 
.circlepics{
Line 125: Line 136:
  
 
.paragraph{
 
.paragraph{
−
   font-size: 40px;
+
  padding-top: 15px;
 +
  padding-bottom: 15px;
 +
  padding-right: 30px;
 +
text-align: left;
 +
   font-size: 20px;
 
   margin-right: 30px;
 
   margin-right: 30px;
−
   margin-left: 30px;
+
   margin-left: 20px;
 +
  padding-left: 20px;
 
line-height: 1.5;
 
line-height: 1.5;
 +
text-align: center;
 
}
 
}
  
Line 154: Line 171:
 
margin: 0 auto;
 
margin: 0 auto;
 
padding-top: 50px;
 
padding-top: 50px;
−
width: 400px;
+
width: 450px;
 
}
 
}
  
Line 181: Line 198:
 
}
 
}
  
−
 
+
.footer2 a{
−
</style>
+
color: white;
−
 
+
text-decoration:none;   
−
<section class="timeline">
+
−
  <ul>
+
−
    <li>
+
−
      <div>
+
−
        <time>1934</time> At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1937</time> Proin quam velit, efficitur vel neque vitae, rhoncus commodo mi. Suspendisse finibus mauris et bibendum molestie. Aenean ex augue, varius et pulvinar in, pretium non nisi.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1940</time> Proin iaculis, nibh eget efficitur varius, libero tellus porta dolor, at pulvinar tortor ex eget ligula. Integer eu dapibus arcu, sit amet sollicitudin eros.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1943</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1946</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1957</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1967</time> Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1977</time> Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>1985</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>2000</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
    <li>
+
−
      <div>
+
−
        <time>2005</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
+
−
      </div>
+
−
    </li>
+
−
  </ul>
+
−
</section>
+
−
 
+
−
<style>
+
−
 
+
−
body {
+
−
  font: normal 16px/1.5 "Helvetica Neue", sans-serif;
+
−
  background: #456990;
+
−
  color: #fff;
+
−
  overflow-x: hidden;
+
−
  padding-bottom: 50px;
+
−
}  
+
−
 
+
−
 
+
−
/* INTRO SECTION
+
−
–––––––––––––––––––––––––––––––––––––––––––––––––– */
+
−
 
+
−
.intro {
+
−
  background: #F45B69;
+
−
  padding: 100px 0;
+
 
}
 
}
  
−
.container {
+
.footer2{
−
  width: 90%;
+
background-color: grey;
−
  max-width: 1200px;
+
width: auto;
−
  margin: 0 auto;
+
height: 50px;
−
  text-align: center;
+
margin-top: 45px;
 +
text-align: center;
 +
color: white;
 +
font-family: 'Open Sans', sans-serif;
 +
padding-top: 28px;
 
}
 
}
  
−
h1 {
 
−
  font-size: 2.5rem;
 
−
}
 
  
  
−
/* TIMELINE
 
−
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 
−
.timeline ul li {
 
−
  list-style-type: none;
 
−
  position: relative;
 
−
  width: 6px;
 
−
  margin: 0 auto;
 
−
  padding-top: 50px;
 
−
  background: black;
 
−
}
 
  
−
.timeline ul li::after {
+
</style>
−
  content: '';
+
<div class="footer2">
−
  position: absolute;
+
<a href="mailto:genehackers.uchicago@gmail.com">GeneHackers 2017</a>
−
  left: 50%;
+
<div>
−
  bottom: 0;
+
−
  transform: translateX(-50%);
+
−
  width: 30px;
+
−
  height: 30px;
+
−
  border-radius: 50%;
+
−
  background: inherit;
+
−
}
+
  
−
.timeline ul li div {
 
−
  position: relative;
 
−
  bottom: 0;
 
−
  width: 400px;
 
−
  padding: 15px;
 
−
  background: #F45B69;
 
−
}
 
−
 
−
.timeline ul li div::before {
 
−
  content: '';
 
−
  position: absolute;
 
−
  bottom: 7px;
 
−
  width: 0;
 
−
  height: 0;
 
−
  border-style: solid;
 
−
}
 
−
 
−
.timeline ul li:nth-child(odd) div {
 
−
  left: 45px;
 
−
}
 
−
 
−
.timeline ul li:nth-child(odd) div::before {
 
−
  left: -15px;
 
−
  border-width: 8px 16px 8px 0;
 
−
  border-color: transparent #F45B69 transparent transparent;
 
−
}
 
−
 
−
.timeline ul li:nth-child(even) div {
 
−
  left: -439px;
 
−
}
 
−
 
−
.timeline ul li:nth-child(even) div::before {
 
−
  right: -15px;
 
−
  border-width: 8px 0 8px 16px;
 
−
  border-color: transparent transparent transparent #F45B69;
 
−
}
 
−
</style>
 
  
  

Latest revision as of 03:30, 1 November 2017

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

About GeneHackers

Genehackers is a recognized undergraduate student association with The University of Chicago. Founded in 2013, our organization aims to raise awareness about synthetic biology through community and research. We have competed in the iGem competition since the founding of our group. Our team has created innovative projects that bring synthetic biology to the center of the laboratory experience.
This year, UChicago Genehackers has set out to design the first yeast centromeric plasmid for Pichia pastoris.

iGem 2017

Our team has already made significant strides towards creating the proposed centromeric plasmid vector. We have grown psB1C3mut in LB+CAM (chloramphenicol), psD000 in LB+CAM and drop-out arginine plates and psD001 in LB+CAM. Additionally, we have amplified five potential centromeric regions in total from the chromosomal DNA of Pichia pastors.
GeneHackers 2017