Difference between revisions of "Team:Emory"

 
(22 intermediate revisions by 2 users not shown)
Line 1: Line 1:
  
−
<html lang="en">
 
−
    <head>
 
−
        <title>Team:Emory iGEM 2017</title>
 
  
−
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
+
{{Emory}}
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+
<html>
−
  <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://2017.igem.org/Team:Emory/EnquireJS"></script>
+
  
−
<style>
 
  
−
#content{width:100%}
+
<img src="https://static.igem.org/mediawiki/2017/6/6e/The_igemory.png" width=85%>
−
#bodyContent{width:100%}
+
<img src="https://static.igem.org/mediawiki/2017/3/3e/Emoryintro.png" width=85%>
−
#cssmenu{width:100%}
+
</html>
−
 
+
−
.parallax {
+
−
    background-image: url('https://static.igem.org/mediawiki/2017/2/24/Genetics.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:#F0F8FF}
+
−
 
+
−
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:#F0F8FF}
+
−
#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:#F0F8FF}
+
−
#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){
+
−
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:#ffffff;}
+
−
#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:##0000FF}
+
−
#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://2017.igem.org/Team:Emory'>HOME</a></li>
+
−
<li><a href='#'>PROJECT</a>
+
−
  <ul>
+
−
      <li><a href='https://2017.igem.org/Team:Emory/Description'>Description</a></li>
+
−
      <li><a href='https://2017.igem.org/Team:Emory/Experiments'>Experiments</a></li>
+
−
      <li><a href='https://2017.igem.org/Team:Emory/Proof'>Proof of Concept</a></li>
+
−
      <li><a href='https://2017.igem.org/Team:Emory/Results'>Results</a></li>
+
−
      <li><a href='https://2017.igem.org/Team:Emory/Notebook'>Notebook</a></li>
+
−
 
+
−
  </ul>
+
−
</li>
+
−
 
+
−
<li><a href='https://2017.igem.org/Team:Emory/Basic_Part'>PARTS</a></li>
+
−
<li><a href='https://2017.igem.org/Team:Emory/Safety'>SAFETY</a></li>
+
−
<li><a href='https://2017.igem.org/Team:Emory/HP/Silver'>COMMUNITY INVOLVEMENT</a>
+
−
<li><a href='https://2017.igem.org/Team:Emory/Collaborations'>COLLABORATIONS</a></li>
+
−
<li><a href='https://2017.igem.org/Team:Emory/Team'>TEAM</a></li>
+
−
<li><a href='https://2017.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:black;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;padding-top:200px;"><strong>EMORY iGEM</strong></h1>
+
−
        <p style="font-size:40px;font-family:Open Sans, Arial, Helvetice Neue, sans-serif;text-align:center;color:black;padding-bottom:500px;">"Welcome to the Emory iGEM team page!"</p>
+
−
 
+
−
 
+
−
</div>
+
−
</div>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<!-- PAGE 3 What is Emory iGEM? -->
+
−
 
+
−
 
+
−
 
+
−
<div id="what-we-do">
+
−
  <div class="container">
+
−
  <div style="background-color:#0000FF";>
+
−
    <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;">rem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
−
</p>
+
−
 
+
−
<div class="cultures">
+
−
<img src="https://static.igem.org/mediawiki/2017/8/8d/TeamEmoryIGEM_2017.jpeg" 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/5/58/TeamEmoryDepartmentofChemistry.png" 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>
+
−
 
+
−
</body>
+

Latest revision as of 02:26, 2 November 2017


HOME
INTRODUCTION
METHODS
RESULTS
NOTEBOOK
INTERLAB
SAFETY
HUMAN PRACTICES
COLLABORATIONS
TEAM
ATTRIBUTIONS

Emory