Difference between revisions of "Team:Emory"

Line 1: Line 1:
−
<center> {{Emory}} </center>
+
{{Team:Emory/Test}}
−
<html>
+
 
 +
<html lang="en">
 +
    <head>
 +
        <title>Team:Emory iGEM 2016</title>
 +
 
 +
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 +
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 +
  <script type="text/javascript" src="https://2016.igem.org/Team:Emory/EnquireJS"></script>
 +
 
 +
<style>
 +
 
 +
#content{width:100%}
 +
#bodyContent{width:100%}
 +
#cssmenu{width:100%}
 +
 
 +
.parallax {
 +
    background-image: url('https://static.igem.org/mediawiki/2016/3/32/EmorySceneryLG.jpg');
 +
 
 +
    /* Full height */
 +
    min-height: 100%;
 +
 
 +
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
 +
 
 +
/* NAV STYLE*/
 +
*{margin:0;padding:0;text-decoration:none;}
 +
body{background:#555;}
 +
 
 +
nav{position:relative;width:980px;margin:0px 0px -50px 0px; auto;}
 +
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 +
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
 +
#cssmenu #head-mobile{display:none}
 +
#cssmenu{font-family:sans-serif;background:#333}
 +
#cssmenu > ul > li{float:left}
 +
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;color:#ddd;font-weight:700;}
 +
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
 +
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#448D00!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
 +
#cssmenu > ul > li.has-sub > a{padding-right:30px}
 +
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
 +
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
 +
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
 +
#cssmenu ul ul{position:absolute;left:-9999px}
 +
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
 +
#cssmenu ul ul li:hover{}
 +
#cssmenu li:hover > ul{left:auto;margin:0px;}
 +
#cssmenu li:hover > ul > li{height:35px}
 +
#cssmenu ul ul ul{margin-left:100%;top:0}
 +
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
 +
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
 +
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
 +
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
 +
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
 +
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
 +
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
 +
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
 +
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}
 +
 
 +
@media screen and (max-width:700px){
 +
.logo{position:absolute;top:0;left: 0;width:100%;height:46px;text-align:center;padding:10px 0 0 0 ;float:none}
 +
.logo2{display:none}
 +
nav{width:100%;}
 +
#cssmenu{width:100%}
 +
#cssmenu ul{width:100%;display:none}
 +
#cssmenu ul li{width:100%;border-top:1px solid #444}
 +
#cssmenu ul li:hover{background:#363636;}
 +
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
 +
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
 +
#cssmenu > ul > li{float:none}
 +
#cssmenu ul ul li a{padding-left:25px}
 +
#cssmenu ul ul li{background:#333!important;}
 +
#cssmenu ul ul li:hover{background:#363636!important}
 +
#cssmenu ul ul ul li a{padding-left:35px}
 +
#cssmenu ul ul li a{color:#ddd;background:none}
 +
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
 +
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
 +
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
 +
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
 +
.button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
 +
.button:after{position:absolute;top:22px;right:20px;display:block;height:4px;width:20px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
 +
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#ddd;content:''}
 +
.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
 +
.button.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
 +
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
 +
#cssmenu .submenu-button.submenu-opened{background:#262626}
 +
#cssmenu ul ul .submenu-button{height:34px;width:34px}
 +
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
 +
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
 +
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
 +
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
 +
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
 +
#cssmenu .submenu-button.submenu-opened:before{display:none}
 +
#cssmenu ul ul ul li.active a{border-left:none}
 +
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
 +
}
 +
 
 +
 
 +
/* NAV END*/
 +
 
 +
@media only screen and (max-width 900px) {
 +
      body, html {
 +
      height: auto;
 +
      background: none;
 +
      }
 +
    .parallax {
 +
    background: none;
 +
    background-color: white;
 +
    height: 100%;
 +
    width: 100%;
 +
    }
 +
}
 +
 
 +
@media only screen and (max-width: 1000px)
 +
  .cultures img {
 +
  display: none;
 +
  }
 +
}
 +
 
 +
#what-we-do {
 +
    height: auto;   
 +
    background-color: white;
 +
}
 +
 
 +
 
 +
.ImgCenter {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
    padding-top: 60px;
 +
    padding-bottom: 60px;
 +
 
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
</head>
 +
 
 +
<body>
 +
 
 +
 
 +
<!-- NAV BAR-->
 +
<nav id='cssmenu'>
 +
<div id="head-mobile"></div>
 +
<div class="button"></div>
 +
 
 +
<ul>
 +
<li class='active'><a href='https://2016.igem.org/Team:Emory'>HOME</a></li>
 +
<li><a href='#'>PROJECT</a>
 +
  <ul>
 +
      <li><a href='https://2016.igem.org/Team:Emory/Description'>Description</a></li>
 +
      <li><a href='https://2016.igem.org/Team:Emory/Experiments'>Experiments</a></li>
 +
      <li><a href='https://2016.igem.org/Team:Emory/Proof'>Proof of Concept</a></li>
 +
      <li><a href='https://2016.igem.org/Team:Emory/Results'>Results</a></li>
 +
      <li><a href='https://2016.igem.org/Team:Emory/Notebook'>Notebook</a></li>
 +
 
 +
  </ul>
 +
</li>
 +
 
 +
<li><a href='https://2016.igem.org/Team:Emory/Basic_Part'>PARTS</a></li>
 +
<li><a href='https://2016.igem.org/Team:Emory/Safety'>SAFETY</a></li>
 +
<li><a href='https://2016.igem.org/Team:Emory/HP/Silver'>COMMUNITY INVOLVEMENT</a>
 +
<li><a href='https://2016.igem.org/Team:Emory/Collaborations'>COLLABORATIONS</a></li>
 +
<li><a href='https://2016.igem.org/Team:Emory/Team'>TEAM</a></li>
 +
<li><a href='https://2016.igem.org/Team:Emory/Attributions'>ATTRIBUTIONS</a></li>
 +
</ul>
 +
</nav>
 +
 +
<!-- PAGE 1 WELCOME PAGE -->
 +
 
 +
 
 +
<div id="welcome-page" style="text-align:center" class="parallax">
 +
        <h1 style="text-align:center;font-size:60px;color:white;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;padding-top:200px;"><strong>EMORY UNIVERSITY</strong></h1>
 +
        <p style="font-size:40px;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;text-align:center;color:white;padding-bottom:500px;">"to create, preserve, teach, and apply knowledge in service of humanity"</p>
 +
 
  
−
<div class="column half_size" >
+
</div>
−
<img src="https://static.igem.org/mediawiki/2017/8/8d/TeamEmoryIGEM_2017.jpeg">
+
</div>
 
</div>
 
</div>
  
  
−
<center><font size="6"><b>Project Description</b></font></center>
 
  
  
−
<p><font size="4" face="Georgia">The WaterHub at Emory University is a wastewater treatment plant on campus that utilizes bacteria and plants to recycle 400,000 gallons of water a day for non-potable use. Emory iGEM team is interested in using synthetic biology to help optimize their system to minimize maintenance processes. Currently, the WaterHub resorts to adding polyaluminum chloride to combat orthophosphate levels in some instances. The aim of our project is to engineer a bacteria that can combat their orthophosphate levels by creating a phosphate accumulating organism.
+
<!-- PAGE 3 What Are We Doing Here? -->
  
  
  
−
By utilizing the Keio and ASKA <i>E. coli</i> collections, we plan to create an experimental strain of bacteria with high copy number plasmids of polyphosphate kinase and the exopolyphosphatase gene knocked out. We also plan to test the phosphate types and concentration levels within the WaterHub system. After engineering the bacteria, we hope to see the long-term efficiency of the cells’ phosphate uptake as well as survival within the WaterHub conditions. A secondary endeavor our team will pursue is the removal of excess calcium ions (Ca<sup>2+</sup>) from the water by exploring the potential of calmodulin-like proteins native to <i>E.coli</i>.</font></p>
+
<div id="what-we-do">
 +
  <div class="container">
 +
  <div style="background-color:white";>
 +
    <h1 style="text-align:center;font-size:50px;color:black;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;padding-top:150px;">iGEmory</h1>
 +
    <p style="font-size:18px;color:black;text-align:left;">As a whole, iGEMORY and the Emory Biotech Club is a new group that was created in 2015 but began to take off in 2016. Our history really begins with GSU’s participation in the 2015 Jamboree, as two of our members collaborated with GSU on Project J-Broth and accompanied their team to the jamboree (at this time Emory did not have a team and did not compete). Inspired by the entirety of the iGEM experience, our two members returned home with plenty of ideas and excitement, and moved forward to establish iGEMory and take us to our first competition. This brings us to where we stand now.
 +
</p>
 +
 
 +
<div class="cultures">
 +
<img src="https://static.igem.org/mediawiki/2016/1/1f/TeamEmoryGroupImage.jpg" class="ImgCenter">
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<!-- PARALLAX SECTION 2 -->
 +
 
 +
<div id="welcome-page" style="height:600px;text-align:center" class="parallax">
 +
</div>
 +
 
 +
 
 +
<!--PAGE 12 SPONSORS-->
 +
  <div class="sponsors" id="sponsors">
 +
            <div class="container">
 +
              <h1 style="text-align:center;font-size:50px;color:#343738;font-family:Open Sans, Arial, Helvetice Neue, sans-serif; padding-top:150px;padding-bottom:50px;"><strong>SPONSORS</strong></h1>
 +
 
 +
                  <img src="https://static.igem.org/mediawiki/2016/a/a3/TeamEmoryIDTLogo.png" class="sponsor_images" />
 +
                  <img src="https://static.igem.org/mediawiki/2016/a/aa/EmoryBiologyLogo.gif" class="sponsor_images" />
 +
                  <img src="https://static.igem.org/mediawiki/2016/5/58/TeamEmoryDepartmentofChemistry.png" class="sponsor_images"/>
 +
                  <img src="https://static.igem.org/mediawiki/2016/d/db/NEBL-LOGO-Emory.jpeg" class="sponsor_images"/>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
<script>
  
 +
(function($) {
 +
$.fn.menumaker = function(options) { 
 +
var cssmenu = $(this), settings = $.extend({
 +
  format: "dropdown",
 +
  sticky: false
 +
}, options);
 +
return this.each(function() {
 +
  $(this).find(".button").on('click', function(){
 +
    $(this).toggleClass('menu-opened');
 +
    var mainmenu = $(this).next('ul');
 +
    if (mainmenu.hasClass('open')) {
 +
      mainmenu.slideToggle().removeClass('open');
 +
    }
 +
    else {
 +
      mainmenu.slideToggle().addClass('open');
 +
      if (settings.format === "dropdown") {
 +
        mainmenu.find('ul').show();
 +
      }
 +
    }
 +
  });
 +
  cssmenu.find('li ul').parent().addClass('has-sub');
 +
multiTg = function() {
 +
    cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
 +
    cssmenu.find('.submenu-button').on('click', function() {
 +
      $(this).toggleClass('submenu-opened');
 +
      if ($(this).siblings('ul').hasClass('open')) {
 +
        $(this).siblings('ul').removeClass('open').slideToggle();
 +
      }
 +
      else {
 +
        $(this).siblings('ul').addClass('open').slideToggle();
 +
      }
 +
    });
 +
  };
 +
  if (settings.format === 'multitoggle') multiTg();
 +
  else cssmenu.addClass('dropdown');
 +
  if (settings.sticky === true) cssmenu.css('position', 'fixed');
 +
resizeFix = function() {
 +
  var mediasize = 700;
 +
    if ($( window ).width() > mediasize) {
 +
      cssmenu.find('ul').show();
 +
    }
 +
    if ($(window).width() <= mediasize) {
 +
      cssmenu.find('ul').hide().removeClass('open');
 +
    }
 +
  };
 +
  resizeFix();
 +
  return $(window).on('resize', resizeFix);
 +
});
 +
  };
 +
})(jQuery);
  
 +
(function($){
 +
$(document).ready(function(){
 +
$("#cssmenu").menumaker({
 +
  format: "multitoggle"
 +
});
 +
});
 +
})(jQuery);
  
  
 +
</script>
  
−
</html>
+
</body>

Revision as of 03:11, 22 October 2017

Template:Team:Emory/Test

Team:Emory iGEM 2016

EMORY UNIVERSITY

"to create, preserve, teach, and apply knowledge in service of humanity"

iGEmory

As a whole, iGEMORY and the Emory Biotech Club is a new group that was created in 2015 but began to take off in 2016. Our history really begins with GSU’s participation in the 2015 Jamboree, as two of our members collaborated with GSU on Project J-Broth and accompanied their team to the jamboree (at this time Emory did not have a team and did not compete). Inspired by the entirety of the iGEM experience, our two members returned home with plenty of ideas and excitement, and moved forward to establish iGEMory and take us to our first competition. This brings us to where we stand now.

SPONSORS