Difference between revisions of "Team:BostonU/Team"

m (I-do-what-I-want Inc.)
 
(95 intermediate revisions by 5 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>
−
bold {
+
#top_menu_inside ul li > a { /* RECOLORS IGEM MENU */
−
  font-weight: bold;
+
color: #a9a9a9 !important;
 
}
 
}
−
larger {
+
.menu-type {
−
  font-size: 200%;
+
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;
 
}
 
}
−
body    {
+
.wide-heading-type {
−
        background-color: #fff0f0
+
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;
 
}
 
}
−
#landingwrapper  {
+
.body-type {
−
        width:900px;
+
font-family: 'Roboto', sans-serif;
−
        height: 100%;
+
font-size: 16pt !important;
−
        margin: 0 auto;
+
text-decoration: none !important;
−
        padding-top: 100px;
+
line-height: 2;
 +
-webkit-font-smoothing: antialiased;
 +
font-smoothing: antialiased;
 
}
 
}
−
 
+
.caption-type {
−
#comingsoon p {
+
font-family: 'Roboto', sans-serif;
−
        position: relative;
+
font-size: 18pt !important;
−
        display: inline;
+
text-decoration: none !important;
−
        font-family: Arial, sans-serif;
+
-webkit-font-smoothing: antialiased;
−
        font-size: 400%;
+
font-smoothing: antialiased;
−
        font-weight: bold;
+
−
        color: #f0e1e1;
+
 
}
 
}
−
 
+
.inline-heading-type {
−
#teammembers p {
+
font-family: 'Roboto', sans-serif !important;
−
  position: relative;
+
font-size: 20pt !important;
−
  display: inline;
+
font-weight: bold !important;
−
  font-family: Arial, sans-serif;
+
text-decoration: none !important;
−
  font-size: 100%;
+
line-height: 2 pt !important;
−
  color: #605e5e;
+
-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 {
 +
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>
 
</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>
−
<section id="comingsoon">
+
<div id="panel1">
−
  <p> Team Description Coming Soon </p>
+
<div class="dude">
−
</section>
+
<p class="inline-heading-type mainwrap">ABIGAIL SASDELLI
−
<section id="teammembers">
+
<img src="https://static.igem.org/mediawiki/2017/7/74/T--BostonU--abbeybio.jpg"class="memberpic float-right"style="margin-left:50px;"></img>
−
  <p> <bold><larger>Meet Our Team!</larger>
+
</p>
−
    <br>
+
<p class="caption-type mainwrap"><strong>Senior studying Biomedical Engineering</strong></p>
−
      <br>Abbey:</bold> Delegates, supervises lab stuff<br>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
      <br><bold>Madeline:</bold> Takes notes, supervises lab stuff<br>
+
<p class="caption-type mainwrap">In her free time she enjoys free furniture shopping and browsing Linkedin.</p>
−
      <br><bold>Sofia:</bold> Lab stuff<br>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
      <br><bold>Stephen:</bold> Computer guru <br>
+
<p class="caption-type mainwrap">Favorite iGEM Quote: "Incubate your desire!"</p>
−
      <br><bold>Sai:</bold> Lab stuff<br>
+
</div>
−
      <br><bold>Thomas:</bold> Delegates, reads, thinks critically
+
<div class="dude">
−
 
+
<p class="inline-heading-type mainwrap">THOMAS COSTA
−
      <br><br><br><bold><larger>And Our Mentors and Advisors: </larger>
+
<img src="https://static.igem.org/mediawiki/2017/f/fc/T--BostonU--thomasbio.jpg"class="memberpic float-left"style="margin-right:50px;"></img>
−
      <br>
+
</p>
−
        <br>Matthew<br>
+
<p class="caption-type mainwrap"><strong>Senior studying Biomedical Engineering</strong></p>
−
        <br>Alan<br>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
        <br>Manuel<br>
+
<p class="caption-type mainwrap">He enjoys being sassy and reading scientific articles.</p>
−
        <br>Jeffrey<br>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
        <br>Marissa<br>
+
<p class="caption-type mainwrap">Favorite iGEM Quote: "This is garbage town."</p>
−
        <br>Emma<br>
+
</div>
−
        <br>Jeff<br>
+
<div class="dude">
−
 
+
<p class="inline-heading-type mainwrap">SHUYI XU
−
    <br><br> <larger>And Finally Our PI's</larger>
+
<img src="https://static.igem.org/mediawiki/2017/4/47/T--BostonU--sophiabio.jpg" class="memberpic float-right"style="margin-left:50px;"></img>
−
    <br>
+
</p>
−
      <br>Douglas Densmore<br>
+
<p class="caption-type mainwrap"><strong>Junior studying Biomedical Engineering</strong></p>
−
      <br>Wilson Wong<br>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
      <br>Daniel Segre<br><br><br>
+
<p class="caption-type mainwrap">In her free time she enjoys jumping out of planes and traveling the world.</p>
−
  </p></bold>
+
<p class="caption-type mainwrap">&nbsp;</p>
−
 
+
<p class="caption-type mainwrap">Favorite iGEM Quote: "Creative, artful, and beautiful."</p>
−
</section>
+
</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>
 
</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.