Difference between revisions of "Team:BostonU/Team"

m (I-do-what-I-want Inc.)
 
(60 intermediate revisions by 4 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>
−
body            {
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
−
        background-color: #f5efef;
+
color: #a9a9a9 !important;
 
}
 
}
−
#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;
−
        padding-left: 10px;
+
text-decoration: none !important;
 +
text-transform: uppercase;
 +
font-weight: 700;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
 
+
.wide-heading-type {
−
#HQ_page table {
+
font-family: 'Roboto', sans-serif;
−
    border: none;
+
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;
 
}
 
}
−
table  {
+
.body-type {
−
  background: #c2e9fb;
+
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 {
−
#bunch {
+
font-family: 'Roboto', sans-serif;
−
  display: inline;
+
font-size: 18pt !important;
−
  border-collapse: collapse;
+
text-decoration: none !important;
−
  border-spacing: 0;
+
-webkit-font-smoothing: antialiased;
−
  border-width: 0;
+
font-smoothing: antialiased;
−
  text-decoration: none;
+
−
  table-layout: fixed;
+
−
  border: none;;
+
 
}
 
}
−
#bunch td {
+
.inline-heading-type {
−
  display: table-cell;
+
font-family: 'Roboto', sans-serif !important;
−
  height: 150px;
+
font-size: 20pt !important;
−
  width: 150px;
+
font-weight: bold !important;
−
  text-align: center;
+
text-decoration: none !important;
−
  overflow: hidden;
+
line-height: 2 pt !important;
−
  background-color: #c2e9fb;
+
-webkit-font-smoothing: antialiased;
−
  border: none;
+
font-smoothing: antialiased;
 
}
 
}
−
#bunch td img {
+
.float-left {
−
  border: none;
+
float: left !important;
−
  padding: 0;
+
−
  margin: 0;
+
−
  height: 120px;
+
−
  width: 120px;
+
−
  -webkit-transition:0.25s;
+
−
  align-items: center;
+
−
  opacity: 0.85;
+
 
}
 
}
−
#bunch p {
+
.float-right {
−
  fk
+
float: right !important;
−
  height: 120px;
+
−
  width: 120px;
+
 
}
 
}
−
#desc {
+
.align-right {
−
  height: 120px;
+
text-align: right !important;
−
  width: 120px;
+
−
  font-size: 75%;
+
−
  background-color: #c2e9fb;
+
 
}
 
}
−
#bunch img:hover {
+
.align-center {
−
  opacity: 1;
+
text-align: center !important;
−
  -webkit-transition:0.25s;
+
}
−
  height: 145px;
+
.indented {
−
  width: 145px;
+
text-indent: 80px;
 +
}
 +
.mainwrap {
 +
width: 90%;
 +
max-width: 960px;
 +
min-width: 360px;
 +
margin: 0 auto;
 +
top:0;
 +
display: none;
 +
}
 +
body {
 +
background: #EFEFEE;
 +
}
 +
#backgroundimage1 {
 +
margin-top: -85px;
 +
background-image: url("https://static.igem.org/mediawiki/2017/c/c1/T--BostonU--seaport.png");
 +
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%;
 +
align-content:center;
 +
text-align:center
 +
vertical-align:middle;
 +
}
 +
#backgroundimage1 p {
 +
top: 40%;
 +
color: #8C181B;
 +
position: relative;
 +
}
 +
.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;
 +
}
 +
#backgroundimage2 {
 +
background-image: url("backgroundtest2.png");
 +
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%;
 +
}
 +
#backgroundimage2 p {
 +
top: 40%;
 +
color: #8C181B;
 +
position: relative;
 +
}
 +
.memberpic {
 +
height: 300px;
 +
background: #A9A9A9;
 +
}
 +
.testfig1 {
 +
height: 350px;
 +
width: 100%;
 +
background: blue;
 +
}
 +
.dude {
 +
height: 300px;
 +
margin: 50px 0;
 
}
 
}
 
</style>
 
</style>
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 
−
<script type="text/javascript">
 
−
$(document).ready(function() {
 
−
  $('#ab').mouseover(function () {
 
−
      $('#desc').text('This could be a bio for Abbey! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as Lorem Ipsum.');
 
−
  });
 
−
  $('#th').mouseover(function () {
 
−
      $('#desc').text('This could be a bio for Thomas! It is pretty long, because he has a lot to say about himself. I can make the text smaller, and add lots more words, such as I love Maine.');
 
−
  });
 
−
  $('#sa').mouseover(function () {
 
−
      $('#desc').text('This could be a bio for Saimrunali! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as I love agar.');
 
−
  });
 
−
  $('#al').mouseover(function () {
 
−
      $('#desc').text("This could be Alan's bio!");
 
−
  });
 
−
  $('#ma').mouseover(function () {
 
−
      $('#desc').text("This could be Matt's bio.");
 
−
  });
 
−
  $('#st').mouseover(function () {
 
−
      $('#desc').text('This could be a bio for Stephen! It is long, because he has a lot to say about himself. I can make the text smaller, and add more words, such as I do graphic design on the side.');
 
−
  });
 
−
  $('#so').mouseover(function () {
 
−
      $('#desc').text('This could be a bio for Sophia! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as Lorem Ipsum.');
 
−
  });
 
−
  $('#md').mouseover(function () {
 
−
      $('#desc').text("This could be a bio for Madeline! It is pretty long, because she has a lot to say about herself. I can make the text smaller, and add lots more words, such as I don't like that idea.");
 
−
  });
 
−
  $('#bunch td').mouseleave(function () {
 
−
      $('#desc').text("Mouse over a member of our team to learn about them!");
 
−
  });
 
−
});
 
−
</script>
 
−
</script>
 
 
</head>
 
</head>
 
<body>
 
<body>
−
  <div id='landingwrapper'>
+
<div id="backgroundimage1"><div class="background-gradient-down"><p class="wide-heading-type mainwrap align-center">OUR TEAM</p></div></div>
−
  <table id="bunch" class="centered">
+
<div id="panel1">
−
    <tr>
+
<div class="dude">
−
      <td><img src="img/headshot.png" id="ab"></img></td>
+
<p class="inline-heading-type mainwrap">ABIGAIL SASDELLI
−
      <td><img src="img/headshot.png" id="th"></img></td>
+
<img src="https://static.igem.org/mediawiki/2017/7/74/T--BostonU--abbeybio.jpg"class="memberpic float-right"style="margin-left:50px;"></img>
−
      <td><img src="img/headshot.png" id="sa"></img></td>
+
</p>
−
    </tr>
+
<p class="caption-type mainwrap"><strong>Senior studying Biomedical Engineering</strong></p>
−
    <tr>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
      <td><img src="img/headshot.png" id="al"></img></td>
+
<p class="caption-type mainwrap">In her free time she enjoys free furniture shopping and browsing Linkedin.</p>
−
      <td>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
        <p id="desc">Mouse over a member of our team to learn about them!
+
<p class="caption-type mainwrap">Favorite iGEM Quote: "Incubate your desire!"</p>
−
        </p>
+
−
      </td>
+
−
      <td><img src="img/headshot.png" id="ma"></img></td>
+
−
    </tr>
+
−
    <tr>
+
−
      <td><img src="img/headshot.png" id="st"></img></td>
+
−
      <td><img src="img/headshot.png" id="so"></img></td>
+
−
      <td><img src="img/headshot.png" id="md"></img></td>
+
−
    </tr>
+
−
  </table>
+
 
</div>
 
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">THOMAS COSTA
 +
<img src="https://static.igem.org/mediawiki/2017/f/fc/T--BostonU--thomasbio.jpg"class="memberpic float-left"style="margin-right:50px;"></img>
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Senior studying Biomedical Engineering</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">He enjoys being sassy and reading scientific articles.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Favorite iGEM Quote: "This is garbage town."</p>
 +
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">SHUYI XU
 +
<img src="https://static.igem.org/mediawiki/2017/4/47/T--BostonU--sophiabio.jpg" class="memberpic float-right"style="margin-left:50px;"></img>
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Junior studying Biomedical Engineering</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">In her free time she enjoys jumping out of planes and traveling the world.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Favorite iGEM Quote: "Creative, artful, and beautiful."</p>
 +
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">STEPHEN TUCKER
 +
<img src="https://static.igem.org/mediawiki/2017/f/f4/T--BostonU--stevebio.jpg"class="memberpic float-left"style="margin-right:50px;"></img>
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Sophomore studying Biomedical Engineering</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Stephen enjoys typography, Double Star Day, Twitter, and shopping for shoes during group meetings.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Favorite iGEM Quote: "BSL5... Some people would call that... Space."</p>
 +
</div><div class="dude">
 +
<p class="inline-heading-type mainwrap">&nbsp;</p><p class="inline-heading-type mainwrap">MADELINE SIMOTA
 +
<img src="https://static.igem.org/mediawiki/2017/2/2c/T--BostonU--madelinebio.jpg" class="memberpic float-right" style="margin-left:50px;">
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Sophomore studying Biology</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">In her free time she enjoys eating, taking notes, lab notebook scrapbooking, and not being an engineer.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Favorite iGEM Quote: "Is he okay?"</p>
 +
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">SAIMRUNALI DADIGALA
 +
<img src="https://static.igem.org/mediawiki/2017/6/64/T--BostonU--saibio.jpg" class="memberpic float-left"style="margin-right:50px;"></img>
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Sophomore studying Biomedical Engineering</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">In her free time she enjoys being artistic and single-handedly supporting Yahoo!</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Favorite iGEM Quote: "I hAtE tHoSe gUyS!"</p>
 +
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">ALAN PACHECO
 +
<img src="https://static.igem.org/mediawiki/2017/8/84/T--BostonU--alanbio.jpg"class="memberpic float-right"style="margin-left:50px;width"></img>
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Project Mentor</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Alan is a third-year Ph.D. candidate studying bioinformatics at Boston University.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
</div>
 +
<div class="dude">
 +
<p class="inline-heading-type mainwrap">MATTHEW BRENNER<img src="https://static.igem.org/mediawiki/2017/2/25/T--BostonU--mattbio.png" class="memberpic float-left" style="margin-right:50px;">
 +
</p>
 +
<p class="caption-type mainwrap"><strong>Project Mentor</strong></p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
<p class="caption-type mainwrap">Matthew is a third-year Ph.D. candidate studying biomedical engineering at Boston University.</p>
 +
<p class="caption-type mainwrap">&nbsp;</p>
 +
</div>
 +
</div>
 +
<div id="backgroundimage1"><div class="background-gradient-up"></div></div>
 +
</div>
 +
<script> /* THIS MAKES ANY WRAPPED ELEMENT ON THE PAGE FADE IN */
 +
$(document).ready(function () {
 +
    $('.mainwrap').fadeIn(1000);
 +
});
 +
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 22:15, 16 November 2017

OUR TEAM

ABIGAIL SASDELLI

Senior studying Biomedical Engineering

 

In her free time she enjoys free furniture shopping and browsing Linkedin.

 

Favorite iGEM Quote: "Incubate your desire!"

THOMAS COSTA

Senior studying Biomedical Engineering

 

He enjoys being sassy and reading scientific articles.

 

Favorite iGEM Quote: "This is garbage town."

SHUYI XU

Junior studying Biomedical Engineering

 

In her free time she enjoys jumping out of planes and traveling the world.

 

Favorite iGEM Quote: "Creative, artful, and beautiful."

STEPHEN TUCKER

Sophomore studying Biomedical Engineering

 

Stephen enjoys typography, Double Star Day, Twitter, and shopping for shoes during group meetings.

 

Favorite iGEM Quote: "BSL5... Some people would call that... Space."

 

MADELINE SIMOTA

Sophomore studying Biology

 

In her free time she enjoys eating, taking notes, lab notebook scrapbooking, and not being an engineer.

 

Favorite iGEM Quote: "Is he okay?"

SAIMRUNALI DADIGALA

Sophomore studying Biomedical Engineering

 

In her free time she enjoys being artistic and single-handedly supporting Yahoo!

 

Favorite iGEM Quote: "I hAtE tHoSe gUyS!"

ALAN PACHECO

Project Mentor

 

Alan is a third-year Ph.D. candidate studying bioinformatics at Boston University.

 

MATTHEW BRENNER

Project Mentor

 

Matthew is a third-year Ph.D. candidate studying biomedical engineering at Boston University.