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

Line 79: Line 79:
 
}
 
}
 
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;
Line 103: Line 103:
 
#backgroundimage1 p {
 
#backgroundimage1 p {
 
top: 40%;
 
top: 40%;
color: #8C181B;
+
color: #FEFEFE;
 
position: relative;
 
position: relative;
 
}
 
}
Line 229: Line 229:
 
transition: opacity 0.4s;
 
transition: opacity 0.4s;
 
opacity: 1;
 
opacity: 1;
 +
}
 +
.slide img {
 +
width: 600px;
 
}
 
}
 
.slide:before {
 
.slide:before {
Line 326: Line 329:
 
</div>
 
</div>
 
<div id="panel1" class="link-slideup">
 
<div id="panel1" class="link-slideup">
   <p class="inline-heading-type mainwrap">Art Project: <em>Name of Art Project</em></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 with 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 indented">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 organisms synthetically modified organisms who’ve had their circadian rhythms optimized to a Mar’s 25 hour day. The aim of this project is to display it in areas of Boston with various groups of people with different ideas and knowledge of synthetic biology. We want to get their opinions of the art anonymously to understand how far people are comfortable with the usage of synthetic modification in unusual situations. </p>
 
   <p class="body-type mainwrap indented">&nbsp;</p>
 
   <p class="body-type mainwrap indented">&nbsp;</p>
 
   <div class="carousel mainwrap body-type">
 
   <div class="carousel mainwrap body-type">
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="5" annot="This is the fifth slide title. Photo by David Marcu."> <img src="https://ununsplash.imgix.net/uploads/141223808515744db9995/3361b5e1?q=75&fm=jpg&w=602" alt="Slide 5"> </div>
+
     <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>
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="4" annot="This is the fourth slide title. Photo by Ryan Lum."> <img src="https://unsplash.imgix.net/photo-1415356838286-df6fd593e8b3?q=75&fm=jpg&w=600" alt="Slide 4"> </div>
+
     <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>
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="3" annot="This is the third slide title. Photo by Tomasz Paciorek."> <img src="https://ununsplash.imgix.net/reserve/JaI1BywIT5Or8Jfmci1E_zakopane.jpg?q=75&fm=jpg&w=600"  alt="Slide 3"> </div>
+
     <div class="slide" slide="1" annot=""> <img src="https://static.igem.org/mediawiki/2017/f/ff/T--BostonU--CircadiaSynthetica.png" alt="Slide 1"> </div>
    <input type="checkbox" class="faux-ui-facia">
+
     <div class="counter" count="3"> / 3</div>
    <div class="slide" slide="2" annot="This is the second slide title. Photo by S Charles."> <img src="https://ununsplash.imgix.net/uploads/1413387158190559d80f7/6108b580?fit=crop&fm=jpg&q=75&w=600"  alt="Slide 2"> </div>
+
    <input type="checkbox" class="faux-ui-facia">
+
    <div class="slide" slide="1" annot="First slide title. Photo by Forrest Cavale."> <img src="https://ununsplash.imgix.net/uploads/1413399939678471ea070/2c0343f7?q=75&fm=jpg&w=601" alt="Slide 1"> </div>
+
     <div class="counter" count="5"> / 5</div>
+
 
   </div>
 
   </div>
 
   <p class="inline-heading-type mainwrap">&nbsp;</p>
 
   <p class="inline-heading-type mainwrap">&nbsp;</p>
Line 350: Line 349:
 
   <div class="carousel mainwrap body-type">
 
   <div class="carousel mainwrap body-type">
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="5" annot="This is the fifth slide title. Photo by David Marcu."> <img src="https://ununsplash.imgix.net/uploads/141223808515744db9995/3361b5e1?q=75&fm=jpg&w=602" alt="Slide 5"> </div>
+
     <div class="slide" slide="5" 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 5"> </div>
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="4" annot="This is the fourth slide title. Photo by Ryan Lum."> <img src="https://unsplash.imgix.net/photo-1415356838286-df6fd593e8b3?q=75&fm=jpg&w=600" alt="Slide 4"> </div>
+
     <div class="slide" slide="4" annot="Sai and Abbey give Summer Pathways participants instructions about lab safety and the science behind gel electrophoresis."> <img src="https://static.igem.org/mediawiki/2017/d/de/T--BostonU--Gel1.jpg" alt="Slide 4"> </div>
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="3" annot="This is the third slide title. Photo by Tomasz Paciorek."> <img src="https://ununsplash.imgix.net/reserve/JaI1BywIT5Or8Jfmci1E_zakopane.jpg?q=75&fm=jpg&w=600"  alt="Slide 3"> </div>
+
     <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">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="2" annot="This is the second slide title. Photo by S Charles."> <img src="https://ununsplash.imgix.net/uploads/1413387158190559d80f7/6108b580?fit=crop&fm=jpg&q=75&w=600"  alt="Slide 2"> </div>
+
     <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">
 
     <input type="checkbox" class="faux-ui-facia">
     <div class="slide" slide="1" annot="First slide title. Photo by Forrest Cavale."> <img src="https://ununsplash.imgix.net/uploads/1413399939678471ea070/2c0343f7?q=75&fm=jpg&w=601" alt="Slide 1"> </div>
+
     <div class="slide" slide="1" annot="A group photo of everyone involved in Summer Pathways 2017."> <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 class="counter" count="5"> / 5</div>
  </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>
Line 367: Line 366:
 
   <p class="body-type mainwrap indented">&nbsp;</p>
 
   <p class="body-type mainwrap indented">&nbsp;</p>
 
   <div class="carousel mainwrap body-type">
 
   <div class="carousel mainwrap body-type">
    <input type="checkbox" class="faux-ui-facia">
 
    <div class="slide" slide="5" annot="This is the fifth slide title. Photo by David Marcu."> <img src="https://ununsplash.imgix.net/uploads/141223808515744db9995/3361b5e1?q=75&fm=jpg&w=602" alt="Slide 5"> </div>
 
    <input type="checkbox" class="faux-ui-facia">
 
    <div class="slide" slide="4" annot="This is the fourth slide title. Photo by Ryan Lum."> <img src="https://unsplash.imgix.net/photo-1415356838286-df6fd593e8b3?q=75&fm=jpg&w=600" alt="Slide 4"> </div>
 
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
 
     <div class="slide" slide="3" annot="This is the third slide title. Photo by Tomasz Paciorek."> <img src="https://ununsplash.imgix.net/reserve/JaI1BywIT5Or8Jfmci1E_zakopane.jpg?q=75&fm=jpg&w=600"  alt="Slide 3"> </div>
 
     <div class="slide" slide="3" annot="This is the third slide title. Photo by Tomasz Paciorek."> <img src="https://ununsplash.imgix.net/reserve/JaI1BywIT5Or8Jfmci1E_zakopane.jpg?q=75&fm=jpg&w=600"  alt="Slide 3"> </div>
Line 377: Line 372:
 
     <input type="checkbox" class="faux-ui-facia">
 
     <input type="checkbox" class="faux-ui-facia">
 
     <div class="slide" slide="1" annot="First slide title. Photo by Forrest Cavale."> <img src="https://ununsplash.imgix.net/uploads/1413399939678471ea070/2c0343f7?q=75&fm=jpg&w=601" alt="Slide 1"> </div>
 
     <div class="slide" slide="1" annot="First slide title. Photo by Forrest Cavale."> <img src="https://ununsplash.imgix.net/uploads/1413399939678471ea070/2c0343f7?q=75&fm=jpg&w=601" alt="Slide 1"> </div>
     <div class="counter" count="5"> / 5</div>
+
     <div class="counter" count="3"> / 3</div>
 
   </div>
 
   </div>
 
     <p class="inline-heading-type mainwrap">&nbsp;</p>
 
     <p class="inline-heading-type mainwrap">&nbsp;</p>

Revision as of 21:56, 28 October 2017

HUMAN PRACTICES