Difference between revisions of "Team:BostonU/HP/Silver"

 
(64 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<head>
 
<head>
 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script>
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">  
+
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:400,900" rel="stylesheet">
 
<style>
 
<style>
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
Line 56: Line 56:
 
}
 
}
 
.float-left {
 
.float-left {
float: left !important;
+
float: left !important;
 
}
 
}
 
.float-right {
 
.float-right {
float: right !important;
+
float: right !important;
 
}
 
}
 
.align-right {
 
.align-right {
text-align: right !important;
+
text-align: right !important;
 
}
 
}
 
.align-center {
 
.align-center {
text-align: center !important;
+
text-align: center !important;
 
}
 
}
 
.indented {
 
.indented {
Line 75: Line 75:
 
min-width: 360px;
 
min-width: 360px;
 
margin: 0 auto;
 
margin: 0 auto;
top:0;
+
top: 0;
 
display: none;
 
display: none;
 
}
 
}
 
body {
 
body {
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
+
background-image: url("https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png");
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
    background-attachment: fixed;
+
background-attachment: fixed;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 91: Line 91:
 
background-image: url("#");
 
background-image: url("#");
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
    background-attachment: cover;
+
background-attachment: cover;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 98: Line 98:
 
height: 360px;
 
height: 360px;
 
width: 100%;
 
width: 100%;
align-content:center;
+
align-content: center;
text-align:center
+
text-align:center vertical-align:middle;
vertical-align:middle;
+
 
}
 
}
 
#backgroundimage1 p {
 
#backgroundimage1 p {
 
top: 40%;
 
top: 40%;
color: #8C181B;
+
color: #FEFEFE;
 
position: relative;
 
position: relative;
 
}
 
}
 
.background-gradient-down {
 
.background-gradient-down {
 
height: 360px;
 
height: 360px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
+
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
+
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+
background: linear-gradient(to bottom, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee', GradientType=0 ); /* IE6-9 */
 
}
 
}
 
.background-gradient-up {
 
.background-gradient-up {
 
height: 360px;
 
height: 360px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&1+0,0+100 */
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* FF3.6-15 */
+
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* Chrome10-25,Safari5.1-6 */
+
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee', GradientType=0 ); /* IE6-9 */
 
}
 
}
 
.background-gradient-both {
 
.background-gradient-both {
 
height: 360px;
 
height: 360px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+50,efefee+100&1+0,0+50,1+100 */
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+50,efefee+100&1+0,0+50,1+100 */
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
+
background: -moz-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
+
background: -webkit-linear-gradient(top, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%,rgba(239,239,238,0) 50%,rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+
background: linear-gradient(to bottom, rgba(239,239,238,1) 0%, rgba(239,239,238,0) 50%, rgba(239,239,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#efefee', GradientType=0 ); /* IE6-9 */
 
}
 
}
 
#panel1 {
 
#panel1 {
Line 140: Line 139:
 
background-image: url("#");
 
background-image: url("#");
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
    background-attachment: cover;
+
background-attachment: cover;
 
-webkit-background-size: cover;
 
-webkit-background-size: cover;
 
-moz-background-size: cover;
 
-moz-background-size: cover;
Line 153: Line 152:
 
color: #8C181B;
 
color: #8C181B;
 
}
 
}
#protocol-accordion .ui-accordion-content {
+
#protocol-accordion .ui-accordion-content {
 
background: #FFFFFF;
 
background: #FFFFFF;
 
color: #A9A9A9;
 
color: #A9A9A9;
Line 159: Line 158:
 
}
 
}
 
#protocol-accordion .ui-accordion-content > * {
 
#protocol-accordion .ui-accordion-content > * {
  margin: 0;
+
margin: 0;
  padding: 40px;
+
padding: 40px;
 
}
 
}
 +
/* --- Link slideup --- */
 
.link-slideup {
 
.link-slideup {
 
position: relative;
 
position: relative;
Line 206: Line 206:
 
transform: translateY(0);
 
transform: translateY(0);
 
}
 
}
 +
/* --- END of link slideup --- */
 +
/* --- Carousel --- */
 +
.carousel {
 +
position: relative;
 +
width: 1000px;
 +
height: 700px;
 +
overflow: hidden;
 +
margin: 0 auto;
 +
box-sizing: border-box;
 +
background-color: black;
 +
}
 +
.carousel:hover .slide:after, .carousel:hover .counter, .carousel:hover .slide:before {
 +
opacity: 1;
 +
}
 +
.slide {
 +
float: right;
 +
position: absolute;
 +
z-index: 1;
 +
width: 1000px;
 +
height: 700px;
 +
background-color: #eee;
 +
text-align: center;
 +
transition: opacity 0.4s;
 +
opacity: 1;
 +
}
 +
.slide img {
 +
width:1000px;
 +
        height:700px;
 +
}
 +
.slide:before {
 +
content: attr(annot);
 +
display: block;
 +
position: absolute;
 +
left: 10px;
 +
        right:10px;
 +
bottom: 20px;
 +
color: rgba(255,255,255,0.9);
 +
font-size: 14px;
 +
font-weight: 300;
 +
z-index: 12;
 +
opacity: 0;
 +
transition: opacity 0.3s;
 +
text-shadow: 0 0 1px #000;
 +
}
 +
.slide:after {
 +
content: attr(slide);
 +
display: block;
 +
position: absolute;
 +
bottom: 0;
 +
transition: opacity 0.3s;
 +
width: 100%;
 +
height: 80px;
 +
opacity: 0;
 +
background-image: linear-gradient(transparent, rgba(0,0,0,0.5));
 +
text-align: left;
 +
text-indent: 549px;
 +
line-height: 101px;
 +
font-size: 13px;
 +
color: rgba(255,255,255,0.9);
 +
text-shadow: 0 0 1px #000;
 +
}
 +
.counter {
 +
position: absolute;
 +
bottom: 20px;
 +
right: 1px;
 +
height: 20px;
 +
width: 60px;
 +
z-index: 2;
 +
text-align: center;
 +
color: #fff;
 +
line-height: 21px;
 +
font-size: 13px;
 +
opacity: 0;
 +
transition: opacity 0.3s;
 +
}
 +
.faux-ui-facia {
 +
top: 0;
 +
right: 0;
 +
float: right;
 +
position: absolute;
 +
margin-top: 0;
 +
z-index: 9;
 +
height: 100%;
 +
width: 100%;
 +
opacity: 0;
 +
cursor: pointer;
 +
}
 +
.faux-ui-facia:checked {
 +
z-index: 8;
 +
}
 +
.faux-ui-facia:checked + .slide {
 +
opacity: 0;
 +
}
 +
.faux-ui-facia:checked:nth-child(1):checked {
 +
z-index: 9;
 +
}
 +
.faux-ui-facia:nth-child(1):checked {
 +
float: left;
 +
z-index: 9;
 +
}
 +
.faux-ui-facia:nth-child(1):checked + .slide {
 +
opacity: 1;
 +
}
 +
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia {
 +
float: left;
 +
z-index: 8;
 +
}
 +
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia + .slide {
 +
opacity: 0;
 +
}
 +
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked {
 +
z-index: 9;
 +
}
 +
.faux-ui-facia:nth-child(1):checked ~ .faux-ui-facia:checked + .slide {
 +
opacity: 1;
 +
}
 +
/* --- END of Carousel --- */
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
<div id="backgroundimage1"><div class="background-gradient-down">
+
<div id="backgroundimage1">
  <p class="wide-heading-type mainwrap align-center">HUMAN PRACTICES</p>
+
  <div class="background-gradient-down">
</div></div>
+
    <p class="wide-heading-type mainwrap align-center">HUMAN PRACTICES</p>
 +
  </div>
 +
</div>
 
<div id="panel1" class="link-slideup">
 
<div id="panel1" class="link-slideup">
   <p class="inline-heading-type mainwrap">Art Project</p>
+
   <p class="inline-heading-type mainwrap">Art Project: <em>Circadia Synthetica</em></p>
   <p class="body-type mainwrap indented">We have created a painting that is an exploration of a future in which synthetic biology is used to modify circadian rhythms. The first half of the display takes place on Earth, with naturally occurring organisms fit to the 24 hour day. The second half of the project takes place on Mars with organisms synthetically modified organisms who’ve had their circadian rhythms optimized to a 25 hour Mars day. The aim of this project is to display it to the public, Boston University community, and the public, to spur conversations about the possibilities that synthetic biology may afford humankind</p>
+
   <p class="body-type mainwrap">This painted triptych is an exploration of circadian rhythms in organisms. The first half of the project takes place on Earth with naturally occurring organisms fit to the 24 hour day. The second half of the project takes place on Mars with synthetically modified organisms who have had their circadian rhythms optimized to a Martian 25 hour day. We aim to display this project in areas of Boston where various groups of people with different ideas and knowledge of synthetic biology can view and respond to it. Below is a description of each panel of the triptych, followed by an image of the painting. </p>
   <p class="inline-heading-type mainwrap">Outreach: Summer Pathways</p>
+
<br>
   <p class="body-type mainwrap indented">In June, we partnered with STEM Pathways and the BostonU Hardware team to host Summer Pathways, a synthetic biology Workshop for high school girls interested in STEM fields. We organized and led four interactive activities to introduce them to synthetic biology. </p>
+
  <div class="carousel mainwrap body-type">
   <p class="body-type mainwrap indented">Our activities included a bioethics forum, a plasmid design activity, a gel electrophoresis with foody dye activity, and a microfluidic design activity. The bioethics forum was led by Steve, Sophia, and Manu. They held a fishbowl discussion about controversial issues in synthetic biology such as CRISPR and germline gene editing. The forum allowed us to hear opinions about synbio from those outside the field.</p>
+
    <input type="checkbox" class="faux-ui-facia">
  <p class="body-type mainwrap indented">PIC (WRAPPED) </p>
+
    <div class="slide" slide="3" annot="Sai works on the painting."> <img src="https://static.igem.org/mediawiki/2017/d/db/T--BostonU--SaiPainting2.jpg"  alt="Slide 3"> </div>
   <p class="body-type mainwrap indented">Thomas and Jason, a member of <a href="#" style="text-indent:0pt;">STEM Pathways</a>, led a plasmid design activity in which they introduced the girls to plasmids, primers, and restriction enzymes. After the participants constructed plasmids using construction paper and scissors, Thomas and Jason demoed Benchling, the software we use to design plasmids in our lab.</p>
+
    <input type="checkbox" class="faux-ui-facia">
  <p class="body-type mainwrap indented">PIC (WRAPPED) </p>
+
    <div class="slide" slide="2" annot="Sai works on the painting."> <img src="https://static.igem.org/mediawiki/2017/5/5f/T--BostonU--SaiPainting1.jpg"  alt="Slide 2"> </div>
   <p class="body-type mainwrap indented">The third station, gel electrophoresis with food dye, was adapted from <a href="#" style="text-indent:0pt;">William and Mary's 2013 Synthetic Biology K-12 curriculum</a>. In this activity, Abbey, Sai, and Madeline discussed the basic biology and protocol of gel electrophoresis. Each participant then loaded a sample of food dye into a gel with a disposable pipette. The final activity, microfluidic design, was led by the BostonU Hardware team. The team first gave a basic overview of what microfluidics are and what applications they have in synbio. The participants were then given a basic protocol for <em>E. coli</em> transformation and challenged to design their own microfluidic chip on cardboard to perform the procedure.</p>
+
    <input type="checkbox" class="faux-ui-facia">
   <p class="body-type mainwrap indented">PIC (WRAPPED) </p>
+
    <div class="slide" slide="1" annot="The final view of the art project. Click to see more."> <img src="https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png" alt="Slide 1"> </div>
  <p class="body-type mainwrap indented">Through this workshop we hope we gave the students a better understanding of synthetic biology and inspired them to get involved with the field. </p>
+
    <div class="counter" count="3"> / 3</div>
 +
  </div>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap"><strong>Panel 1: Bacteria</strong></p>
 +
  <p class="body-type mainwrap"> Earth (left): Naturally bioluminescent aquatic cyanobacteria produce light at night, but not during the day.</p> 
 +
  <p class="body-type mainwrap">Mars (right): Mars has a sparse atmosphere unsuitable for human life, when compared to that of Earth's. </p>
 +
  <p class="body-type mainwrap"> Scenario: Genetically-modified bacteria will ingest elements from the surface of Mars during the day. The bacteria will convert the materials that have been taken up into gases. These gases will be released at night to modify the Martian atmosphere, such that it will be able to provide a suitable environment for future human inhabitants.</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
<p class="body-type mainwrap"><strong>Panel 2: Plants</strong></p>
 +
  <p class="body-type mainwrap">Earth (left): In 2014, scientists at UC Davis modified a species of flower, Petunia circadia, to change color over the course of the day. </p>
 +
  <p class="body-type mainwrap"> Mars (right): The surface of Mars is a dry, inhospitable desert punctuated by ice caps at its poles. Water is known to exist underground, but is currently inaccessible.</p>
 +
  <p class="body-type mainwrap">Scenario: A genetically-modified prickly pear cactus will pull water from the ground on Mars during the day. This water will be stored in sacs that are enclosed within its flower petals. At night, the flower will open up, providing access to the water that previously was trapped underground. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="body-type mainwrap"><strong>Panel 3: Humans</strong></p>
 +
  <p class="body-type mainwrap">Earth (left): Humans have a built-in biological clock, which drives our sleep patterns and metabolic functions. This circadian clock is based on the 24-hour day-night cycle on Earth. </p>
 +
  <p class="body-type mainwrap">Mars (right): Mars has a 25-hour day-night cycle. Future human inhabitants on Mars may face metabolic and other health problems in this new environment, a change analogous to being jet-lagged every day.</p>
 +
  <p class="body-type mainwrap">Scenario: A Martian-born human baby has been modified in utero to have its circadian clock reset to the 25-hour Martian day-night cycle. The baby's biological functions will now be synchronized perfectly with those of its new home planet. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
 
 +
   <p class="inline-heading-type mainwrap">&nbsp;</p>
 +
  <p class="inline-heading-type mainwrap"id="summerpathways">Outreach: Summer Pathways</p>
 +
   <p class="body-type mainwrap">In June, we partnered with STEM Pathways and the BostonU Hardware team to host Summer Pathways, a synthetic biology Workshop for high school girls interested in STEM fields. We organized and led four interactive activities to introduce them to synthetic biology. </p>
 +
<br>
 +
   <p class="body-type mainwrap">Our activities included a bioethics forum, a plasmid design activity, gel electrophoresis with food coloring, and a microfluidic design activity. The bioethics forum was led by Steve, Sophia, and Manu. They held a fishbowl discussion about controversial issues in synthetic biology such as CRISPR and germline gene editing. The forum allowed us to hear opinions about synbio from those outside the field.</p>
 +
<br>
 +
   <p class="body-type mainwrap">Thomas and Jason, a member of <a href="https://www.programmingbiology.org/outreach" style="text-indent:0pt;">STEM Pathways,</a>led a plasmid design activity in which they introduced the girls to plasmids, primers, and restriction enzymes. After the participants constructed plasmids using construction paper and scissors, Thomas and Jason demoed Benchling, the software we use to design plasmids in our lab.</p>
 +
<br>
 +
   <p class="body-type mainwrap">The third station, gel electrophoresis with food dye, was adapted from <a href="https://2015.igem.org/Team:William_and_Mary/Practices" style="text-indent:0pt;">William and Mary's 2015 Synthetic Biology K-12 curriculum.</a> In this activity, Abbey, Sai, and Madeline discussed the basic biology and protocol of gel electrophoresis. Each participant then loaded a sample of food dye into a gel with a disposable pipette. The final activity, microfluidic design, was led by the BostonU Hardware team. The team first gave a basic overview of what microfluidics are and what applications they have in synbio. The participants were then given a basic protocol for <em>E. coli</em> transformation and challenged to design their own microfluidic chip on cardboard to perform the procedure.</p>
 +
<br>
 +
   <div class="carousel mainwrap body-type">
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="4" annot="The end result: the food dye separated out into its consituitive colors on the gel after 15 minutes, demonstrating how we use gel electrophoresis in our research."> <img src="https://static.igem.org/mediawiki/2017/8/81/T--BostonU--Gel.jpg" alt="Slide 4"> </div>
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="3" annot="We prepared a problem-solving exercise that simulated the process of digestion and ligation with restriction enzymes. Participants were asked to 'digest' paper plasmids with scissors at real recognition sites and 'recombine' a new genetic device."> <img src="https://static.igem.org/mediawiki/2017/f/fe/T--BostonU--Benchling2.jpg" alt="Slide 3"> </div>
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="2" annot="Stephen, Sophia, and mentor Manu lead a casual forum on the ethics and philosopy of synthetic biology now and in the future."> <img src="https://static.igem.org/mediawiki/2017/3/32/T--BostonU--Bioethics1.jpg"  alt="Slide 2"> </div>
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="1" annot="A group photo of everyone involved in Summer Pathways 2017. Click for more photos."> <img src="https://static.igem.org/mediawiki/2017/c/c5/T--BostonU--SummerPathways2.jpg" alt="Slide 1"> </div>
 +
    <div class="counter" count="5"> / 5</div>
 +
</div>
 
   <p class="inline-heading-type mainwrap">&nbsp;</p>
 
   <p class="inline-heading-type mainwrap">&nbsp;</p>
 
   <p class="inline-heading-type mainwrap">Industry Visits</p>
 
   <p class="inline-heading-type mainwrap">Industry Visits</p>
   <p class="body-type mainwrap indented">In August, we visited <a href="#" style="text-indent:0pt;">Ginkgo Bioworks</a> in Boston's Seaport District. We toured their lab facilities, and were impressed by their automated workflow. We were shown some projects relating to synthetic fragrances and toured the workbench of <a href="#" style="text-indent:0pt;">Natzai Audrey Chieza</a>, Ginkgo's current artist-in-residence, who uses bacteria to dye fabrics. Afterwards, we had a discussion with Ginkgo's creative director Christina Agapakis about Ginkgo Bioworks' interfaces of art and synthetic biology, and her experiences collaborating with artists and creating topical art herself. Our discussion inspired us to approach art that interfaced with the future of synthetic biology as the mainstay our human practices project.</p>
+
   <p class="body-type mainwrap">In August, we visited <a href="http://www.ginkgobioworks.com" style="text-indent:0pt;">Ginkgo Bioworks</a> in Boston's Seaport District. We toured their lab facilities, and were impressed by their automated workflow. We were shown some projects relating to synthetic fragrances and toured the workbench of <a href="http://natsaiaudrey.co.uk" style="text-indent:0pt;">Natzai Audrey Chieza</a>, Ginkgo's current artist-in-residence, who uses bacteria to dye fabrics. Afterwards, we had a discussion with Ginkgo's creative director <a href="http://agapakis.com/">Christina Agapakis</a> about Ginkgo Bioworks' interfaces of art and synthetic biology, and her experiences collaborating with artists and creating topical art herself. Our discussion inspired us to approach art that interfaced with the future of synthetic biology as the mainstay of our human practices project.</p>
  <p class="body-type mainwrap indented">PIC(S?) (WRAPPED) </p>
+
<br>
   <p class="body-type mainwrap indented">Also in August, we visited the <a href="#" style="text-indent:0pt;">Fraunhofer Center for Manufacturing Innovation</a> with BostonU_Hardware to inform our collaboration towards a microfluidic platform for RNA detection. They provided us with a wealth of knowledge about the considerations needed to translate a biological protocol to a microfluidic device at scale. More information about this collaboration can be found <a href="#" style="text-indent:0pt;">here</a>.</p>
+
   <p class="body-type mainwrap">We also visited the <a href="http://www.cse.fraunhofer.org" style="text-indent:0pt;">Fraunhofer Center for Manufacturing Innovation</a> with BostonU_Hardware to inform our collaboration towards a microfluidic platform for RNA detection. They provided us with a wealth of knowledge about the considerations needed to translate a biological protocol to a microfluidic device at scale. More information about this collaboration can be found <a href="https://2017.igem.org/Team:BostonU/Collaborations" style="text-indent:0pt;">here</a>.</p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
<br>
 +
  <div class="carousel mainwrap body-type">
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="2" annot="Kit from Ginkgo holds up Natzai Audrey Chieza's work. Natzai is Ginkgo's current artist-in-residence, who uses bacteria to dye textiles."> <img src="https://static.igem.org/mediawiki/2017/c/ca/T--BostonU--Ginkgo2.jpg"  alt="Slide 2"> </div>
 +
    <input type="checkbox" class="faux-ui-facia">
 +
    <div class="slide" slide="1" annot="The door to Ginkgo Bioworks' facility in Seaport."> <img src="https://static.igem.org/mediawiki/2017/2/2c/T--BostonU--Ginkgo1.jpg" alt="Slide 1"> </div>
 +
    <div class="counter" count="2"> / 2</div>
 +
  </div>
 +
  <p class="inline-heading-type mainwrap">&nbsp;</p>
 +
  <p class="inline-heading-type mainwrap">Critically-Acclaimed JoVE Video</p>
 +
  <p class="body-type mainwrap">While making our cellfree transcription-translation system we used a modified version of the Noireaux Lab TX-TL protocol. Their <a href="https://www.jove.com/video/50762/protocols-for-implementing-an-escherichia-coli-based-tx-tl-cell-free" style="text-indent:0pt;">JoVE video</a>supplemented our understanding of the protocol. After utilizing the JoVE protocol video throughout the process of making our own TX-TL system, we realized the utility of step-by-step protocol videos that are easily accessible. In order to add to the JoVE video collection focused on the TX-TL system, we decided to enter the <a href="https://www.jove.com/blog/2017/06/16/jove-film-your-research-contest-2017/" style="text-indent:0pt;">JoVE Film your research contest.</a>In our video, we detail how we test our constructs in the TX-TL system and provide a theoretical understanding of how the TX-TL system works on a molecular level. Our video was ranked among the top 15 Critically Acclaimed, and our video was one of only two undergraduate produced videos to be recognized in the competition. </p>
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
<br>
 +
 
 +
<p class="body-type mainwrap" style = "text-align:center">
 +
<a href="https://www.youtube.com/watch?v=tayujZxnqxk&feature=youtu.be" style = "text-indent:0pt;" >VIDEO HERE!</a></p>
 +
 
 +
  <p class="body-type mainwrap">&nbsp;</p>
 +
  <p class="inline-heading-type mainwrap">&nbsp;</p>
 +
</div>
 +
<div id="backgroundimage2">
 +
  <div class="background-gradient-up"> </div>
 
</div>
 
</div>
<div id="backgroundimage2"><div class="background-gradient-up">
 
</div></div>
 
 
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
 
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
 
$(document).ready(function () {
 
$(document).ready(function () {

Latest revision as of 20:59, 1 November 2017

HUMAN PRACTICES