Difference between revisions of "Team:UChicago"

Line 188: Line 188:
 
     <li>
 
     <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <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
        Some content here
+
 
       </div>
 
       </div>
 
     </li>
 
     </li>
<li>
+
    <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <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.
        Some content here
+
 
       </div>
 
       </div>
 
     </li>
 
     </li>
<li>
+
    <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <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.
        Some content here
+
 
       </div>
 
       </div>
 
     </li>
 
     </li>
<li>
+
    <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <time>1943</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
        Some content here
+
 
       </div>
 
       </div>
 
     </li>
 
     </li>
<li>
+
    <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <time>1946</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
        Some content here
+
 
       </div>
 
       </div>
 
     </li>
 
     </li>
<li>
+
    <li>
 
       <div>
 
       <div>
         <time>1934</time>
+
         <time>1956</time> In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
         Some content here
+
      </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>
 
       </div>
 
     </li>
 
     </li>
   
 
    <!-- more list items here -->
 
 
   </ul>
 
   </ul>
 
</section>
 
</section>
  
 
<style>
 
<style>
 +
*,
 +
*::before,
 +
*::after {
 +
  margin: 0;
 +
  padding: 0;
 +
  box-sizing: border-box;
 +
}
 +
 +
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 {
 +
  width: 90%;
 +
  max-width: 1200px;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
}
 +
 +
h1 {
 +
  font-size: 2.5rem;
 +
}
 +
 +
 +
/* TIMELINE
 +
–––––––––––––––––––––––––––––––––––––––––––––––––– */
 
.timeline ul li {
 
.timeline ul li {
 
   list-style-type: none;
 
   list-style-type: none;
Line 236: Line 297:
 
   background: #fff;
 
   background: #fff;
 
}
 
}
+
 
 
.timeline ul li::after {
 
.timeline ul li::after {
 
   content: '';
 
   content: '';
Line 256: Line 317:
 
   background: #F45B69;
 
   background: #F45B69;
 
}
 
}
+
 
 
.timeline ul li div::before {
 
.timeline ul li div::before {
 
   content: '';
 
   content: '';
Line 269: Line 330:
 
   left: 45px;
 
   left: 45px;
 
}
 
}
+
 
 
.timeline ul li:nth-child(odd) div::before {
 
.timeline ul li:nth-child(odd) div::before {
 
   left: -15px;
 
   left: -15px;
Line 279: Line 340:
 
   left: -439px;
 
   left: -439px;
 
}
 
}
+
 
 
.timeline ul li:nth-child(even) div::before {
 
.timeline ul li:nth-child(even) div::before {
 
   right: -15px;
 
   right: -15px;

Revision as of 07:52, 31 October 2017

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 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.
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.
  • 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
  • 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.
  • Proin iaculis, nibh eget efficitur varius, libero tellus porta dolor, at pulvinar tortor ex eget ligula. Integer eu dapibus arcu, sit amet sollicitudin eros.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • Aenean condimentum odio a bibendum rhoncus. Ut mauris felis, volutpat eget porta faucibus, euismod quis ante.
  • Vestibulum porttitor lorem sed pharetra dignissim. Nulla maximus, dui a tristique iaculis, quam dolor convallis enim, non dignissim ligula ipsum a turpis.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.
  • In mattis elit vitae odio posuere, nec maximus massa varius. Suspendisse varius volutpat mattis. Vestibulum id magna est.