Difference between revisions of "Team:BostonU/Attributions"

Line 3: Line 3:
 
<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>
−
body {
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
−
  background-color: #fff0f0;
+
color: #a9a9a9 !important;
−
  font-family: Arial, sans-serif;
+
 
}
 
}
−
#landingwrapper {
+
.menu-type {
−
  width: 900px;
+
font-family: 'Roboto Condensed', sans-serif;
−
  height: 100%;
+
letter-spacing: 5 pt !important;
−
  margin: 0 auto;
+
font-size: 14pt !important;
−
  padding-top: 100px;
+
text-align: center;
 +
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
#title h1 {
+
.wide-heading-type {
−
  text-align:center;
+
font-family: 'Roboto', sans-serif;
−
  font-size:250%;
+
font-size: 24pt !important;
−
  color:#B9B4B4;
+
letter-spacing: 5pt !important;
−
  font-family: Arial,sans-serif;
+
text-align: center;
−
  white-space: nowrap;
+
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: bold;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
#Team h2{
+
.body-type {
−
  text-decoration:underline;
+
font-family: 'Roboto', sans-serif;
−
  color: #605E5E;
+
font-size: 16pt !important;
−
  font-family: Arial,sans-serif;
+
text-decoration: none !important;
−
  white-space: nowrap;
+
line-height: 2;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
#Abbey h3{
+
.caption-type {
−
  text-align: center;
+
font-family: 'Roboto', sans-serif;
−
  color: #605E5E;
+
font-size: 18pt !important;
 +
text-decoration: none !important;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
 
+
.inline-heading-type {
−
#Abbey p{
+
font-family: 'Roboto', sans-serif !important;
−
  font-size: 150%;
+
font-size: 20pt !important;
−
  text-align:center;
+
font-weight: bold !important;
−
  color: #b9b4b4;
+
text-decoration: none !important;
−
  font-family: Arial,sans-serif;
+
line-height: 2 pt !important;
−
  white-space: nowrap;
+
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
#Madaline h3{
+
.float-left {
−
  text-align: center;
+
float: left !important;
−
  color: #605E5E;
+
 
}
 
}
−
#Madaline p{
+
.float-right {
−
  font-size: 150%;
+
float: right !important;
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
 
}
 
}
−
#Saimrunali h3{
+
.align-right {
−
  text-align: center;
+
text-align: right !important;
−
  color: #605E5E;
+
 
}
 
}
−
#Saimrunali p{
+
.align-center {
−
  font-size: 150%;
+
text-align: center !important;
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
 
}
 
}
−
#Sophia h3{
+
.indented {
−
  text-align: center;
+
text-indent: 80px;
−
  color: #605E5E;
+
 
}
 
}
−
#Sophia p{
+
.mainwrap {
−
  font-size: 150%;
+
width: 90%;
−
  text-align:center;
+
max-width: 960px;
−
  color: #b9b4b4;
+
min-width: 360px;
−
  font-family: Arial,sans-serif;
+
margin: 0 auto;
−
  white-space: nowrap;
+
top:0;
 +
display: none;
 
}
 
}
−
#Stephen h3{
+
body {
−
  text-align: center;
+
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
−
  color: #605E5E;
+
background-repeat: no-repeat;
−
}
+
    background-attachment: fixed;
−
#Stephen p{
+
-webkit-background-size: cover;
−
  font-size: 150%;
+
-moz-background-size: cover;
−
  text-align:center;
+
-o-background-size: cover;
−
  color: #b9b4b4;
+
background-size: cover !important;
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Thomas h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
−
}
+
−
#Thomas p {
+
−
  font-size: 150%;
+
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Mentors h2{
+
−
  text-decoration: underline;
+
−
  color: #605E5E;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Alan h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
−
}
+
−
#Alan p{
+
−
  font-size: 150%;
+
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Matt h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
−
}
+
−
#Matt p{
+
−
  font-size: 150%;
+
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Advisors h2{
+
−
  text-decoration: underline;
+
−
  color: #605E5E;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Ben h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
−
}
+
−
#Ben p{
+
−
  font-size: 150%;
+
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Emma h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
−
}
+
−
#Emma p{
+
−
  font-size: 150%;
+
−
  text-align:center;
+
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
−
}
+
−
#Luis h3{
+
−
  text-align: center;
+
−
  color: #605E5E;
+
 
}
 
}
−
#Luis p{
+
#backgroundimage1 {
−
  font-size: 150%;
+
margin-top: -85px;
−
  text-align:center;
+
background-image: url("#");
−
  color: #b9b4b4;
+
background-repeat: no-repeat;
−
  font-family: Arial,sans-serif;
+
    background-attachment: cover;
−
  white-space: nowrap;
+
-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;
 
}
 
}
−
#Manu h3{
+
#backgroundimage1 p {
−
  text-align: center;
+
top: 40%;
−
  color: #605E5E;
+
color: #8C181B;
 +
position: relative;
 
}
 
}
−
#Manu p{
+
.background-gradient-down {
−
  font-size: 150%;
+
height: 360px;
−
  text-align:center;
+
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefee+0,efefee+100&0+0,1+100 */
−
  color: #b9b4b4;
+
background: -moz-linear-gradient(top, rgba(239,239,238,0) 0%, rgba(239,239,238,1) 100%); /* FF3.6-15 */
−
  font-family: Arial,sans-serif;
+
background: -webkit-linear-gradient(top, rgba(239,239,238,0) 0%,rgba(239,239,238,1) 100%); /* Chrome10-25,Safari5.1-6 */
−
  white-space: nowrap;
+
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 */
 
}
 
}
−
#Marilene h3{
+
.background-gradient-up {
−
  text-align: center;
+
height: 360px;
−
  color: #605E5E;
+
/* 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 */
 
}
 
}
−
#Marilene p{
+
.background-gradient-both {
−
  font-size: 150%;
+
height: 360px;
−
  text-align:center;
+
/* 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 */
−
  color: #b9b4b4;
+
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 */
−
  font-family: Arial,sans-serif;
+
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 */
−
  white-space: nowrap;
+
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 */
 
}
 
}
−
#Marisa h3{
+
#panel1 {
−
  text-align: center;
+
background: #EFEFEE;
−
  color: #605E5E;
+
width: 100%;
 +
color: #1d1d1d;
 
}
 
}
−
#Marisa p{
+
#backgroundimage2 {
−
  font-size: 150%;
+
background-image: url("#");
−
  text-align:center;
+
background-repeat: no-repeat;
−
  color: #b9b4b4;
+
    background-attachment: cover;
−
  font-family: Arial,sans-serif;
+
-webkit-background-size: cover;
−
  white-space: nowrap;
+
-moz-background-size: cover;
 +
-o-background-size: cover;
 +
background-size: cover !important;
 +
height: 360px;
 +
width: 100%;
 +
position: relative;
 
}
 
}
−
#Jeff h3{
+
#backgroundimage2 p {
−
  text-align: center;
+
top: 40%;
−
  color: #605E5E;
+
color: #8C181B;
 
}
 
}
−
#Jeff p{
+
#protocol-accordion .ui-accordion-content  {
−
  font-size: 150%;
+
background: #FFFFFF;
−
  text-align:center;
+
color: #A9A9A9;
−
  color: #b9b4b4;
+
border-radius: 20px;
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
 
}
 
}
−
#Jeffrey h3{
+
#protocol-accordion .ui-accordion-content > * {
−
   text-align: center;
+
   margin: 0;
−
   color: #605E5E;
+
   padding: 40px;
 
}
 
}
−
#Jeffrey p{
+
.link-slideup {
−
  font-size: 150%;
+
position: relative;
−
  text-align:center;
+
overflow: hidden;
−
  color: #b9b4b4;
+
-webkit-backface-visibility: hidden;
−
  font-family: Arial,sans-serif;
+
backface-visibility: hidden;
−
  white-space: nowrap;
+
 
}
 
}
−
#SpecialThanksto h2{
+
.link-slideup a {
−
  text-decoration: underline;
+
position: relative;
−
  color: #605E5E;
+
display: inline-block;
−
  font-family: Arial,sans-serif;
+
outline: none;
−
  white-space: nowrap;
+
color: #D45B5C;
 +
vertical-align: bottom;
 +
text-decoration: none;
 +
white-space: nowrap;
 
}
 
}
−
#Labs h3{
+
.link-slideup a::before, .link-slideup a::after {
−
  text-align: center;
+
pointer-events: none;
−
  color: #605E5E;
+
-webkit-backface-visibility: hidden;
 +
backface-visibility: hidden;
 
}
 
}
−
#Labs p{
+
.link-slideup a {
−
  font-size: 150%;
+
overflow: hidden;
−
  text-align:center;
+
font-weight: 500;
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
 
}
 
}
−
#STEMPathway h3{
+
.link-slideup a::before {
−
  text-align: center;
+
position: absolute;
−
  color: #605E5E;
+
top: 0;
 +
left: 0;
 +
z-index: -1;
 +
width: 100%;
 +
height: 100%;
 +
background-color: #EFEFEE;
 +
opacity: 1;
 +
content: '';
 +
-webkit-transition: -webkit-transform 0.2s;
 +
transition: transform 0.2s;
 +
-webkit-transform: translateY(95%);
 +
transform: translateY(95%);
 
}
 
}
−
#STEMPathway p{
+
.link-slideup a:hover::before, .link-slideup a:focus::before {
−
  font-size: 150%;
+
-webkit-transform: translateY(0);
−
  text-align:center;
+
transform: translateY(0);
−
  color: #b9b4b4;
+
−
  font-family: Arial,sans-serif;
+
−
  white-space: nowrap;
+
 
}
 
}
 
</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><br></h1>
+
</div></div>
−
</section>
+
<div id="panel1">
−
<section id = "Team">
+
   <p class="body-type mainwrap">During the course of our project in which we successfully cloned and characterized a toehold/trigger pair in cell free we received help from a number of people we would like to thank now.</p>
−
  <h2><br><br>Team<br></h2>
+
   <p class="body-type mainwrap">&nbsp;</p>
−
</section>
+
   <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>
−
<section id = "Abbey">
+
   <p class="body-type mainwrap">&nbsp;</p>
−
  <h3><br><br>Abbey<br></h3>
+
   <p class="body-type mainwrap">Thank you Luis Ortiz and Marilene Pavan for lab support and especially for helping us generate our own cell-free system. Special thanks to Marilene Pavan for the trainings she provided to kick off our lab work on May 23rd.</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">Thank you to everyone who provided project advice and support along the way: Manuel Giminez, Benjamin Weinberg, Jeffrey Marano, Marisa Mendes, Emma Briars, and the STEM Pathways community.</p>
−
<section id = "Madaline">
+
  <p class="body-type mainwrap">&nbsp;</p>
−
  <h3><br><br>Madaline<br></h3>
+
   <p class="body-type mainwrap">Tiffany E. Grant King and Marisa Mendes were very helpful with fundraising support and assistance with Human Practices.</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">We are grateful for all the great feedback on our presentations that we received from Dr. Wilson Wong, Manuel Giminez, Divya Israni, Jeff McMahan, Josh Lippa, and Jeffrey Marano.</p>
−
<section id = "Saimrunali">
+
   <p class="body-type mainwrap">&nbsp;</p>
−
  <h3><br><br>Saimrunali<br></h3>
+
   <p class="body-type mainwrap">Finally, thank you to Dr. Douglas Densmore, Dr. Wilson Wong, and Dr. Daniel Segre for allowing us to use their lab spaces and resources and for making our participation in iGEM possible. </p>
−
  <p><br>she did this and she did that and she did those and she did these<br></p>
+
−
</section>
+
−
<section id = "Sophia">
+
−
  <h3><br><br>Sophia<br></h3>
+
−
   <p><br>she did this and she did that and she did those and she did these<br></p>
+
−
</section>
+
−
<section id = "Stephen">
+
−
  <h3><br><br>Stephen<br></h3>
+
−
   <p><br>he did this and he did that and he did those and he did these<br></p>
+
−
</section>
+
−
<section id = "Thomas">
+
−
  <h3><br><br>Thomas<br></h3>
+
−
  <p><br>he did this and he did that and he did those and he did these<br></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 = "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 = "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 = "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 = "SpecialThanksto">
+
−
  <h2><br><br>Special Thanks to<br></h2>
+
−
</section>
+
−
<section id = "Labs">
+
−
  <h3><br><br>Densomre, Segrè and Wong Lab<br></h3>
+
−
  <p><br>they did this and they did that and they did those and they did these<br></p>
+
−
</section>
+
−
<section id = "STEMPathway">
+
−
  <h3><br><br>STEM Pathway<br></h3>
+
−
  <p><br>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>

Revision as of 04:38, 17 October 2017

ATTRIBUTIONS

During the course of our project in which we successfully cloned and characterized a toehold/trigger pair in cell free we received help from a number of people we would like to thank now.

 

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.

 

Thank you Luis Ortiz and Marilene Pavan for lab support and especially for helping us generate our own cell-free system. Special thanks to Marilene Pavan for the trainings she provided to kick off our lab work on May 23rd.

 

Thank you to everyone who provided project advice and support along the way: Manuel Giminez, Benjamin Weinberg, Jeffrey Marano, Marisa Mendes, Emma Briars, and the STEM Pathways community.

 

Tiffany E. Grant King and Marisa Mendes were very helpful with fundraising support and assistance with Human Practices.

 

We are grateful for all the great feedback on our presentations that we received from Dr. Wilson Wong, Manuel Giminez, Divya Israni, Jeff McMahan, Josh Lippa, and Jeffrey Marano.

 

Finally, thank you to Dr. Douglas Densmore, Dr. Wilson Wong, and Dr. Daniel Segre for allowing us to use their lab spaces and resources and for making our participation in iGEM possible.