Difference between revisions of "Team:BostonU/Attributions"

 
(39 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{BU17_template_global}}
 
{{BU17_template_menubar}}
 
{{BU17_template_menubar}}
 
<html>
 
<html>
 
<head>
 
<head>
 +
<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">
 
<style>
 
<style>
 +
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
 +
color: #a9a9a9 !important;
 +
}
 +
.menu-type {
 +
font-family: 'Roboto Condensed', sans-serif;
 +
letter-spacing: 5 pt !important;
 +
font-size: 14pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.wide-heading-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 24pt !important;
 +
letter-spacing: 5pt !important;
 +
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.body-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 16pt !important;
 +
text-decoration: none !important;
 +
line-height: 2;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.caption-type {
 +
font-family: 'Roboto', sans-serif;
 +
font-size: 18pt !important;
 +
text-decoration: none !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.inline-heading-type {
 +
font-family: 'Roboto', sans-serif !important;
 +
font-size: 20pt !important;
 +
font-weight: bold !important;
 +
text-decoration: none !important;
 +
line-height: 2 pt !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 +
}
 +
.float-left {
 +
float: left !important;
 +
}
 +
.float-right {
 +
float: right !important;
 +
}
 +
.align-right {
 +
text-align: right !important;
 +
}
 +
.align-center {
 +
text-align: center !important;
 +
}
 +
.indented {
 +
text-indent: 80px;
 +
}
 +
.mainwrap {
 +
width: 90%;
 +
max-width: 960px;
 +
min-width: 360px;
 +
margin: 0 auto;
 +
top:0;
 +
display: none;
 +
}
 
body {
 
body {
−
  background-color: #fff0f0;
+
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
−
  font-family: Arial, sans-serif;
+
background-repeat: no-repeat;
 +
    background-attachment: fixed;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 
}
 
}
−
#landingwrapper {
+
#backgroundimage1 {
−
  width: 900px;
+
margin-top: -85px;
−
  height: 100%;
+
background-image: url("#");
−
  margin: 0 auto;
+
background-repeat: no-repeat;
−
  padding-top: 100px;
+
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
align-content:center;
 +
text-align:center
 +
vertical-align:middle;
 
}
 
}
−
#title h1 {
+
#backgroundimage1 p {
−
  text-align:center;
+
top: 40%;
−
  font-size:250%;
+
color: #8C181B;
−
  color:#B9B4B4;
+
position: relative;
−
  font-family: Arial,sans-serif;
+
}
−
   white-space: nowrap;
+
.background-gradient-down {
 +
height: 360px;
 +
/* 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: -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+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00efefee', endColorstr='#efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-up {
 +
height: 360px;
 +
/* 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: -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+ */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefee', endColorstr='#00efefee',GradientType=0 ); /* IE6-9 */
 +
}
 +
.background-gradient-both {
 +
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 */
 +
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: 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 */
 +
}
 +
#panel1 {
 +
background: #EFEFEE;
 +
width: 100%;
 +
color: #1d1d1d;
 +
z-index: 1;
 +
}
 +
#backgroundimage2 {
 +
background-image: url("#");
 +
background-repeat: no-repeat;
 +
    background-attachment: cover;
 +
-webkit-background-size: cover;
 +
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
position: relative;
 +
}
 +
#backgroundimage2 p {
 +
top: 40%;
 +
color: #8C181B;
 +
}
 +
#protocol-accordion .ui-accordion-content  {
 +
background: #FFFFFF;
 +
color: #A9A9A9;
 +
border-radius: 20px;
 +
}
 +
#protocol-accordion .ui-accordion-content > * {
 +
   margin: 0;
 +
  padding: 40px;
 +
}
 +
.link-slideup {
 +
position: relative;
 +
overflow: hidden;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
position: relative;
 +
display: inline-block;
 +
outline: none;
 +
color: #D45B5C;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
white-space: nowrap;
 +
}
 +
.link-slideup a::before, .link-slideup a::after {
 +
pointer-events: none;
 +
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 +
}
 +
.link-slideup a {
 +
overflow: hidden;
 +
font-weight: 500;
 +
}
 +
.link-slideup a::before {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #A9A9A9;
 +
opacity: 1;
 +
content: '';
 +
-webkit-transition: -webkit-transform 0.2s;
 +
transition: transform 0.2s;
 +
-webkit-transform: translateY(95%);
 +
transform: translateY(95%);
 +
opacity: 0.3;
 +
}
 +
.link-slideup a:hover::before, .link-slideup a:focus::before {
 +
-webkit-transform: translateY(0);
 +
transform: translateY(0);
 
}
 
}
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="landingwrapper">
+
<div id="backgroundimage1"><div class="background-gradient-down">
−
<section id="title">
+
   <p class="wide-heading-type mainwrap align-center">ATTRIBUTIONS</p>
−
   <h1><br><br>Attribution<br></h1>
+
</div></div>
−
</section>
+
<div id="panel1" class="link-slideup">
−
<section id = "Team">
+
   <p class="body-type mainwrap">The 2017 BostonU iGEM team would like to thank the following people who made our project possible:</p>
−
   <h2><br><br>Team<br></h2>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
</section>
+
  <p class="body-type mainwrap"><strong>Mentors</strong></p>
−
<section id = "Abbey">
+
   <p class="body-type mainwrap">Firstly, thank you to our mentors Alan Pacheco and Matthew Brenner for assisting in brainstorming our project starting in February, and providing support with laboratory training, difficult techniques, and general project support.</p>
−
  <h3><br><br>Abbey<br></h3>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
   <p><br>she did this and she did that and she did those and she did these<br></p>
+
  <p class="body-type mainwrap"><strong>Project & Lab Support</strong></p>
−
</section>
+
   <p class="body-type mainwrap">Thank you Luis Ortiz and Marilene Pavan for lab support and especially for teaching us how to make our own batches of cell free TX-TL. Special thanks to Marilene Pavan for the trainings she provided to kick off our lab work on May 23rd.</p>
−
<section id = "Madaline">
+
  <p class="body-type mainwrap">&nbsp;</p>
−
  <h3><br><br>Madaline<br></h3>
+
   <p class="body-type mainwrap">Thank you to everyone who provided project advice and support along the way: Manuel Giménez, Benjamin Weinberg, Jeffrey Marano, Marisa Mendes, Emma Briars, and the <a href="https://www.stempathways.org/">STEM Pathways</a> community.</p>
−
   <p><br>she did this and she did that and she did those and she did these<br></p>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
</section>
+
   <p class="body-type mainwrap"><strong>Fundraising</strong></p>
−
<section id = "Saimrunali">
+
   <p class="body-type mainwrap">Tiffany E. Grant King and Marisa Mendes were very helpful with fundraising support and assistance with <a href="https://2017.igem.org/Team:BostonU/HP/Silver">Human Practices.</a></p>
−
  <h3><br><br>Saimrunali<br></h3>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
   <p><br>she did this and she did that and she did those and she did these<br></p>
+
   <p class="body-type mainwrap"><strong>Presentation Feedback</strong></p>
−
</section>
+
   <p class="body-type mainwrap">We are grateful for all the great feedback on our presentations that we received from Alan Pacheco, Matthew Brenner, Dr. Douglas Densmore, Dr. Daniel Segrè, Dr. Wilson Wong, Manuel Giménez, Divya Israni, Jeff McMahan, Josh Lippai, and Jeffrey Marano.</p>
−
<section id = "Sophia">
+
  <p class="body-type mainwrap">&nbsp;</p>
−
   <h3><br><br>Sophia<br></h3>
+
<p class="body-type mainwrap"><strong>Sponsors</strong></p>
−
   <p><br>she did this and she did that and she did those and she did these<br></p>
+
   <p class="body-type mainwrap">Thank you to our sponsors: The Living Computing Project, STEM Pathways, the National Science Foundation, and IDT for providing the support necessary to power our project.</p>
−
</section>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
<section id = "Stephen">
+
  <p class="body-type mainwrap"><strong>PIs</strong></p>
−
   <h3><br><br>Stephen<br></h3>
+
  <p class="body-type mainwrap">Finally, thank you to Dr. Douglas Densmore, Dr. Wilson Wong, and Dr. Daniel Segrè for allowing us to use their lab spaces and resources and for making our participation in iGEM possible. </p>
−
   <p><br>he did this and he did that and he did those and he did these<br></p>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
</section>
+
  <p class="body-type mainwrap"><strong>Team Members</strong></p>
−
<section id = "Thomas">
+
   <p class="body-type mainwrap"> During the project, each team member worked on every aspect of the project. We all contributed to the design, cloning, and testing of our parts. Thomas, Stephen, and Sophia focused on the work relating to recombinases and the design and testing of our modular linker plasmids. Madeline, Sai, and Abbey focused on the characterization of the cell free system and the toehold switches in cell free. Sai led development of our in house cell free. </p>
−
  <h3><br><br>Thomas<br></h3>
+
  <p class="body-type mainwrap">&nbsp;</p>
−
   <p><br>he did this and he did that and he did those and he did these<br></p>
+
  <p class="body-type mainwrap"> Outside of the lab, Stephen led work related to the wiki. Sai and Madeline created the <a href = "https://www.youtube.com/watch?v=tayujZxnqxk&feature=youtu.be">JoVE video,</a>with Abbey helping to write the script. Sai also completed the <a href = "https://2017.igem.org/Team:BostonU/HP/Silver">art project</a> used for human practices. Sophia led our other human practices and outreach events. Thomas developed the model used to characterize our cell free system. Madeline took charge of lab work and performed most of our cell free tests. Abbey compiled results and was in charge of the registry pages for our team.</p>
−
</section>
+
−
 
+
−
<section id = "mentors">
+
−
  <h2><br><br>Mentors<br></h2>
+
−
</section>
+
−
<section id = "Alan">
+
−
  <h3><br><br>Alan<br></h3>
+
−
   <p><br>he did this and he did that and he did those and he did these<br></p>
+
−
</section>
+
−
<section id = "Matt">
+
−
  <h3><br><br>Matt<br></h3>
+
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
+
−
</section>
+
  
−
<section id = "Advisors">
 
−
  <h2><br><br>Advisors<br></h2>
 
−
</section>
 
−
<section id = "Ben">
 
−
  <h3><br><br>Ben<br></h3>
 
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
 
−
</section>
 
−
<section id = "Emma">
 
−
  <h3><br><br>Emma<br></h3>
 
−
  <p><br>she did this and she did that and she did those and she did these<br></p>
 
−
</section>
 
−
<section id = "Luis">
 
−
  <h3><br><br>Luis<br></h3>
 
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
 
−
</section>
 
−
<section id = "Manu">
 
−
  <h3><br><br>Manu<br></h3>
 
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
 
−
</section>
 
−
<section id = "Marilene">
 
−
  <h3><br><br>Marilene<br></h3>
 
−
  <p><br>she did this and she did that and she did those and she did these<br></p>
 
−
</section>
 
−
<section id = "Marisa">
 
−
  <h3><br><br>Marisa<br></h3>
 
−
  <p><br>she did this and she did that and she did those and she did these<br></p>
 
−
</section>
 
−
<section id = "Jeff">
 
−
  <h3><br><br>Jeff<br></h3>
 
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
 
−
</section>
 
−
<section id = "Jeffrey">
 
−
  <h3><br><br>Jeffrey<br></h3>
 
−
  <p><br>he did this and he did that and he did those and he did these<br></p>
 
−
</section>
 
  
−
<section id = "Special Thanks to>
+
   <p class="body-type mainwrap">&nbsp;</p>
−
  <h2><br><br>Special Thanks to<br></h2>
+
−
</section>
+
−
<section id = "Labs">
+
−
  <h3><br><br>Densomre, Segrè and Wong Lab<br></h3>
+
−
   <p>they did this and they did that and they did those and they did these<br></p>
+
−
</section>
+
−
<section id = "STEM Pathway">
+
−
  <h3><br><br>STEM Pathway<br></h3>
+
−
  <p>they did this and they did that and they did those and they did these<br></p>
+
−
</section>
+
 
</div>
 
</div>
 +
<div id="backgroundimage2"><div class="background-gradient-up">
 +
</div></div>
 +
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
 +
$(document).ready(function () {
 +
    $('.mainwrap').fadeIn(1000);
 +
});
 +
</script>
 +
</body>
 +
</html>

Latest revision as of 00:02, 2 November 2017

ATTRIBUTIONS