Difference between revisions of "Team:ASIJ TOKYO"

 
(270 intermediate revisions by 5 users not shown)
Line 6: Line 6:
 
-->
 
-->
 
<html>
 
<html>
 +
<head>
 +
 +
 +
 +
<style>
 +
<style>
 +
body {margin:0;}
 +
 +
.navbar {
 +
  background-color: #f2efe8;
 +
  font-family: Arial;
 +
 +
  position: fixed;
 +
  top: 12px ;
 +
  width: 100%;
 +
  z-index:50;
 +
 
 +
}
 +
 +
.navbar a {
 +
  float: left;
 +
  color: #858687;
 +
  text-align: center;
 +
  padding: 10px 32px;
 +
  text-decoration: none;
 +
  font-size: 28px;
 +
 
 +
 
 +
}
 +
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 28px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 28px 18px;
 +
    background-color: inherit;
 +
   
 +
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #d2dff7;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 57px;
 +
 +
 +
 +
}
 +
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
   
 +
   
 +
}
 +
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
 +
   
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
  position: fixed;
 +
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 +
<div class="navbar">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
 +
 +
  <div class="dropdown">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Collaborations">Collaborations</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 +
 +
  <div class="dropdown">
 +
      <a href="#">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
 +
    </div>
 +
  </div>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
</body>
 
<head>
 
<head>
−
<title>Solid State by HTML5 UP</title>
+
<title></br>IGEM ASIJ TOKYO</title>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
<meta namest="viewport" content="width=device-width, initial-scale=1" />
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
<!--[if lte IE 8]>
−
<style>
+
 
−
@import url(font-awesome.min.css);
+
<script>
−
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
+
 
 +
/*
 +
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
 +
*/
 +
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&amp;&amp;!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
 +
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&amp;&amp;("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&amp;&amp;!j&amp;&amp;!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
 +
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
 +
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
 +
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
 +
 
 +
 
 +
</script>
 +
 +
 
 +
<![endif]-->
 +
<style>
 +
@import url(font-awesome.min.css);
 +
 
  
 
/*
 
/*
Line 23: Line 170:
 
/* Reset */
 
/* Reset */
  
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, nav, output, ruby, section, summary, time, mark, audio, video {
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
Line 32: Line 179:
 
}
 
}
  
−
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
+
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
 
display: block;
 
display: block;
 
}
 
}
Line 543: Line 690:
 
}
 
}
  
−
@media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1500px) {
  
 
.row > * {
 
.row > * {
Line 1,637: Line 1,784:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #f2efe8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 1,658: Line 1,805:
  
 
body, input, select, textarea {
 
body, input, select, textarea {
−
color: #ffffff;
+
color: #111111;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-size: 16.5pt;
 
font-size: 16.5pt;
Line 1,665: Line 1,812:
 
}
 
}
  
−
@media screen and (max-width: 1680px) {
+
@media screen and (max-width: 1500px) {
  
 
body, input, select, textarea {
 
body, input, select, textarea {
Line 1,673: Line 1,820:
 
}
 
}
  
−
@media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1500px) {
  
 
body, input, select, textarea {
 
body, input, select, textarea {
Line 1,681: Line 1,828:
 
}
 
}
  
−
@media screen and (max-width: 980px) {
+
@media screen and (max-width: 1500px) {
  
 
body, input, select, textarea {
 
body, input, select, textarea {
Line 1,689: Line 1,836:
 
}
 
}
  
−
@media screen and (max-width: 736px) {
+
@media screen and (max-width: 1500px) {
  
 
body, input, select, textarea {
 
body, input, select, textarea {
Line 1,697: Line 1,844:
 
}
 
}
  
−
@media screen and (max-width: 640px) {
+
@media screen and (max-width: 1500px) {
  
 
body, input, select, textarea {
 
body, input, select, textarea {
Line 2,015: Line 2,162:
 
select option {
 
select option {
 
color: #ffffff;
 
color: #ffffff;
−
background: #2e3141;
+
background: #f2efe8;
 
}
 
}
  
Line 2,090: Line 2,237:
 
border-color: #ffffff;
 
border-color: #ffffff;
 
content: '\f00c';
 
content: '\f00c';
−
color: #2e3141;
+
color: #f2efe8;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #4c5c96;
+
border-color: #c2d4d8;
 
}
 
}
  
Line 2,462: Line 2,609:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,644: Line 2,791:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
  
−
input[type="submit"].special:hover,
+
−
input[type="reset"].special:hover,
+
−
input[type="button"].special:hover,
+
−
button.special:hover,
+
−
.button.special:hover {
+
−
background-color: #53639e;
+
−
}
+
  
 
input[type="submit"].special:active,
 
input[type="submit"].special:active,
Line 2,661: Line 2,802:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
Line 2,735: Line 2,876:
 
margin: 0 0 2em 0;
 
margin: 0 0 2em 0;
 
}
 
}
−
 
−
.features article {
 
−
padding: 1.75em 1.75em 0.1em 1.75em ;
 
−
background-color: #353849;
 
−
border-radius: 5px;
 
−
margin: 1.5em 3em 1.5em 0;
 
−
width: calc(50% - 1.5em);
 
−
}
 
  
 
.features article:nth-child(2n) {
 
.features article:nth-child(2n) {
Line 2,815: Line 2,948:
 
padding: 0 1.25em;
 
padding: 0 1.25em;
 
position: fixed;
 
position: fixed;
−
top: 0;
+
top: 1;
 
width: 100%;
 
width: 100%;
 
z-index: 10000;
 
z-index: 10000;
Line 2,860: Line 2,993:
 
}
 
}
  
−
#header nav a[href="#menu"] {
+
−
text-decoration: none;
+
−
-moz-transition: background-color 0.2s ease-in-out;
+
−
-webkit-transition: background-color 0.2s ease-in-out;
+
−
-ms-transition: background-color 0.2s ease-in-out;
+
−
transition: background-color 0.2s ease-in-out;
+
−
border-radius: 5px;
+
−
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
+
−
padding: 0 1.35em;
+
−
}
+
  
−
#header nav a[href="#menu"]:before {
+
−
-moz-osx-font-smoothing: grayscale;
+
−
-webkit-font-smoothing: antialiased;
+
−
font-family: FontAwesome;
+
−
font-style: normal;
+
−
font-weight: normal;
+
−
text-transform: none !important;
+
−
}
+
−
 
+
−
#header nav a[href="#menu"]:before {
+
−
content: '\f0c9';
+
−
}
+
−
 
+
−
#header nav a[href="#menu"]:hover {
+
−
background-color: rgba(255, 255, 255, 0.025);
+
−
}
+
−
 
+
−
#header nav a[href="#menu"]:active {
+
−
background-color: rgba(255, 255, 255, 0.075);
+
−
}
+
  
 
#header.alt {
 
#header.alt {
Line 2,909: Line 3,014:
  
 
#header nav {
 
#header nav {
−
top: 0;
+
top: 1;
 
right: 0;
 
right: 0;
 
height: inherit;
 
height: inherit;
Line 2,920: Line 3,025:
 
}
 
}
  
−
#header nav a[href="#menu"] {
+
−
box-shadow: none;
+
−
padding: 0 1em;
+
−
border-radius: 0;
+
−
}
+
−
 
+
−
#header nav a[href="#menu"]:hover, #header nav a[href="#menu"]:active {
+
−
background-color: inherit;
+
−
}
+
  
 
}
 
}
Line 2,934: Line 3,031:
 
@media screen and (max-width: 640px) {
 
@media screen and (max-width: 640px) {
  
−
#header nav a[href="#menu"] {
 
−
width: 4em;
 
−
white-space: nowrap;
 
−
text-indent: 4em;
 
−
position: relative;
 
−
}
 
−
 
−
#header nav a[href="#menu"]:before {
 
−
width: inherit;
 
−
position: absolute;
 
−
top: 0;
 
−
left: 0;
 
−
text-indent: 0;
 
−
text-align: right;
 
−
margin-left: 0;
 
−
padding-right: 1.25em;
 
−
}
 
−
 
−
}
 
−
 
−
/* Menu */
 
−
 
−
#page-wrapper {
 
−
-moz-transition: -moz-filter 0.25s ease;
 
−
-webkit-transition: -webkit-filter 0.25s ease;
 
−
-ms-transition: -ms-filter 0.25s ease;
 
−
transition: filter 0.25s ease;
 
−
}
 
−
 
−
#menu {
 
−
-moz-align-items: center;
 
−
-webkit-align-items: center;
 
−
-ms-align-items: center;
 
−
align-items: center;
 
−
display: -moz-flex;
 
−
display: -webkit-flex;
 
−
display: -ms-flex;
 
−
display: flex;
 
−
-moz-justify-content: center;
 
−
-webkit-justify-content: center;
 
−
-ms-justify-content: center;
 
−
justify-content: center;
 
−
-moz-pointer-events: none;
 
−
-webkit-pointer-events: none;
 
−
-ms-pointer-events: none;
 
−
pointer-events: none;
 
−
-moz-transition: opacity 0.35s ease, visibility 0.35s;
 
−
-webkit-transition: opacity 0.35s ease, visibility 0.35s;
 
−
-ms-transition: opacity 0.35s ease, visibility 0.35s;
 
−
transition: opacity 0.35s ease, visibility 0.35s;
 
−
-moz-user-select: none;
 
−
-webkit-user-select: none;
 
−
-ms-user-select: none;
 
−
user-select: none;
 
−
-webkit-tap-highlight-color: transparent;
 
−
background: rgba(46, 49, 65, 0.8);
 
−
cursor: default;
 
−
height: 100%;
 
−
left: 0;
 
−
opacity: 0;
 
−
position: fixed;
 
−
text-align: center;
 
−
top: 0;
 
−
visibility: hidden;
 
−
width: 100%;
 
−
}
 
−
 
−
#menu .inner {
 
−
padding: 2.5em 1.5em 0.5em 1.5em ;
 
−
-moz-transform: translateY(0.5em);
 
−
-webkit-transform: translateY(0.5em);
 
−
-ms-transform: translateY(0.5em);
 
−
transform: translateY(0.5em);
 
−
-moz-transition: opacity 0.35s ease, -moz-transform 0.35s ease;
 
−
-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
 
−
-ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
 
−
transition: opacity 0.35s ease, transform 0.35s ease;
 
−
-webkit-overflow-scrolling: touch;
 
−
background: #4c5c96;
 
−
border-radius: 5px;
 
−
display: block;
 
−
max-width: 100%;
 
−
opacity: 0;
 
−
position: relative;
 
−
width: 18em;
 
−
}
 
−
 
−
#menu h2 {
 
−
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 
−
padding-bottom: 1em;
 
−
}
 
−
 
−
#menu .close {
 
−
background-image: url("images/close.svg");
 
−
background-position: 75% 25%;
 
−
background-repeat: no-repeat;
 
−
background-size: 2em 2em;
 
−
border: 0;
 
−
content: '';
 
−
display: block;
 
−
height: 4em;
 
−
overflow: hidden;
 
−
position: absolute;
 
−
right: 0;
 
−
text-align: center;
 
−
text-indent: 4em;
 
−
top: 0;
 
−
width: 4em;
 
−
}
 
−
 
−
#menu .links {
 
−
list-style: none;
 
−
margin-bottom: 1.5em;
 
−
padding: 0;
 
−
}
 
−
 
−
#menu .links li {
 
−
padding: 0;
 
−
}
 
−
 
−
#menu .links li a {
 
−
border-radius: 5px;
 
−
border: 0;
 
−
display: block;
 
−
font-family: Raleway, Helvetica, sans-serif;
 
−
font-size: 0.8em;
 
−
font-weight: 200;
 
−
letter-spacing: 0.1em;
 
−
line-height: 1.85em;
 
−
padding: 0.75em 0;
 
−
text-transform: uppercase;
 
−
}
 
−
 
−
#menu .links li a:hover {
 
−
background: #45558d;
 
 
}
 
}
−
 
−
@media screen and (max-width: 736px) {
 
−
 
−
#menu .inner {
 
−
max-height: 100%;
 
−
overflow-y: auto;
 
−
overflow-x: hidden;
 
−
}
 
−
 
−
#menu .inner .close {
 
−
background-size: 1.5em 1.5em;
 
−
}
 
−
 
−
}
 
−
 
−
body.is-menu-visible #page-wrapper {
 
−
-moz-filter: blur(1.5px);
 
−
-webkit-filter: blur(1.5px);
 
−
-ms-filter: blur(1.5px);
 
−
filter: blur(1.5px);
 
−
}
 
−
 
−
body.is-menu-visible #menu {
 
−
-moz-pointer-events: auto;
 
−
-webkit-pointer-events: auto;
 
−
-ms-pointer-events: auto;
 
−
pointer-events: auto;
 
−
opacity: 1;
 
−
visibility: visible;
 
−
}
 
−
 
−
body.is-menu-visible #menu .inner {
 
−
-moz-transform: translateY(0);
 
−
-webkit-transform: translateY(0);
 
−
-ms-transform: translateY(0);
 
−
transform: translateY(0);
 
−
opacity: 1;
 
−
}
 
  
 
/* Banner */
 
/* Banner */
  
 
#banner {
 
#banner {
−
padding: 10em 0 4.75em 0 ;
+
padding: 8em 0 8em 0 ;
 
}
 
}
  
Line 3,195: Line 3,119:
 
}
 
}
  
−
@media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1500px) {
  
 
#banner {
 
#banner {
−
padding: 7em 0 8.25em 0 ;
+
background-image:url("https://static.igem.org/mediawiki/2017/a/a4/Asijigem-banner.png");
−
background-color: #2e3141;
+
padding: 20em 1em 20em 1em ;
−
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
+
 
background-size: auto, cover;
 
background-size: auto, cover;
 
background-position: center, center;
 
background-position: center, center;
−
margin-bottom: -6.5em;
+
margin-bottom: -2.6em;
 
}
 
}
  
Line 3,305: Line 3,228:
 
}
 
}
  
−
@media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1500px) {
  
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #2e3141;
+
background-color: #f2efe8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,349: Line 3,272:
 
}
 
}
  
−
}
+
−
 
+
−
.wrapper {
+
−
background-color: #2e3141;
+
−
margin: 6.5em 0;
+
−
position: relative;
+
−
}
+
  
 
.wrapper:before, .wrapper:after {
 
.wrapper:before, .wrapper:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper:before {
 
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
 
 
}
 
}
  
−
.wrapper:after {
+
content: '';
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
−
}
+
−
 
+
−
.wrapper:before, .wrapper:after {
+
−
background-repeat: no-repeat;
+
−
background-size: 100% 100%;
+
−
content: '';
+
 
display: block;
 
display: block;
 
height: 6.5em;
 
height: 6.5em;
Line 3,413: Line 3,319:
 
}
 
}
  
−
.wrapper.style2 {
+
−
background-color: #353849;
+
−
}
+
  
 
.wrapper.style2:before, .wrapper.style2:after {
 
.wrapper.style2:before, .wrapper.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.style2:before {
 
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 
 
}
 
}
  
−
.wrapper.style2:after {
+
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
−
}
+
  
−
.wrapper.style3 {
+
−
background-color: #3d4051;
+
−
}
+
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.style3:before {
 
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 
 
}
 
}
  
−
.wrapper.style3:after {
+
−
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
+
−
}
+
  
 
.wrapper.style4 {
 
.wrapper.style4 {
−
background-color: #454858;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.style4:before, .wrapper.style4:after {
 
.wrapper.style4:before, .wrapper.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.style4:before {
 
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 
 
}
 
}
  
−
.wrapper.style4:after {
+
−
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
+
−
}
+
−
 
+
−
.wrapper.style5 {
+
−
background-color: #4d5060;
+
−
}
+
  
 +
 
.wrapper.style5:before, .wrapper.style5:after {
 
.wrapper.style5:before, .wrapper.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.style5:before {
 
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 
 
}
 
}
  
−
.wrapper.style5:after {
+
−
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
+
−
}
+
  
−
.wrapper.style6 {
+
−
background-color: #555867;
+
−
}
+
  
 
.wrapper.style6:before, .wrapper.style6:after {
 
.wrapper.style6:before, .wrapper.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.style6:before {
 
−
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 
 
}
 
}
  
−
.wrapper.style6:after {
+
−
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
+
−
}
+
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.spotlight:before {
 
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
 
 
}
 
}
  
−
.wrapper.spotlight:after {
+
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
−
}
+
  
 
.wrapper.spotlight .inner {
 
.wrapper.spotlight .inner {
Line 3,526: Line 3,387:
 
.wrapper.spotlight .image {
 
.wrapper.spotlight .image {
 
border-radius: 100%;
 
border-radius: 100%;
−
margin: 0 3em 2em 0;
+
margin: 0 0em 0em 0;
 
width: 22em;
 
width: 22em;
 
overflow: hidden;
 
overflow: hidden;
Line 3,551: Line 3,412:
  
 
.wrapper.spotlight:nth-child(2n - 1) .image {
 
.wrapper.spotlight:nth-child(2n - 1) .image {
−
margin: 0 0 2em 3em;
+
margin: 0 0 0em 0em;
 
}
 
}
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color: #c2d4d8;
 
}
 
}
  
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
 
−
}
 
  
−
.wrapper.spotlight.style2:before {
 
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 
−
}
 
−
 
−
.wrapper.spotlight.style2:after {
 
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 
−
}
 
−
 
−
.wrapper.spotlight.style3 {
 
−
background-color: #3f4e85;
 
−
}
 
−
 
−
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
 
−
}
 
−
 
−
.wrapper.spotlight.style3:before {
 
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
−
}
 
−
 
−
.wrapper.spotlight.style3:after {
 
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 
−
}
 
−
 
−
.wrapper.spotlight.style4 {
 
−
background-color: #39477c;
 
−
}
 
−
 
−
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
 
−
}
 
−
 
−
.wrapper.spotlight.style4:before {
 
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
−
}
 
−
 
−
.wrapper.spotlight.style4:after {
 
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 
−
}
 
−
 
−
.wrapper.spotlight.style5 {
 
−
background-color: #324072;
 
−
}
 
−
 
−
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
 
−
}
 
−
 
−
.wrapper.spotlight.style5:before {
 
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
−
}
 
−
 
−
.wrapper.spotlight.style5:after {
 
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 
−
}
 
−
 
−
.wrapper.spotlight.style6 {
 
−
background-color: #2d3a69;
 
−
}
 
−
 
−
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
 
−
}
 
−
 
−
.wrapper.spotlight.style6:before {
 
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 
−
}
 
−
 
−
.wrapper.spotlight.style6:after {
 
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 
 
}
 
}
  
 +
 +
 
@media screen and (max-width: 980px) {
 
@media screen and (max-width: 980px) {
  
Line 3,654: Line 3,445:
  
 
.wrapper .inner {
 
.wrapper .inner {
−
padding: 3em 3em 1em 3em ;
+
padding: 3em 3em 2em 3em ;
 
width: 100%;
 
width: 100%;
 
}
 
}
Line 3,794: Line 3,585:
 
}
 
}
  
−
@media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1500px) {
  
 
#footer {
 
#footer {
−
background-color: #2e3141;
+
background-color: #f2efe8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,879: Line 3,670:
  
 
}
 
}
−
</style>
+
</style>
 +
<!--[if lte IE 9]>
  
 +
<style>
 +
/*
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 +
/* Basic */
 +
 +
body {
 +
background-size: cover;
 +
background-attachment: fixed;
 +
background-position: center;
 +
}
 +
 +
body:before {
 +
background: rgba(46, 49, 65, 0.8);
 +
content: '';
 +
display: block;
 +
height: 100%;
 +
left: 0;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
}
 +
 +
body > * {
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 +
/* Features */
 +
 +
.features article {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
 +
 +
/* Wrapper */
 +
 +
#wrapper > header {
 +
background: none !important;
 +
}
 +
 +
.wrapper.spotlight .inner {
 +
text-align: left !important;
 +
}
 +
 +
.wrapper.spotlight .image {
 +
display: inline-block;
 +
margin: 0 3em 2em 0 !important;
 +
vertical-align: middle;
 +
width: 24%;
 +
}
 +
 +
.wrapper.spotlight .content {
 +
display: inline-block;
 +
vertical-align: middle;
 +
width: 70%;
 +
}
 +
 +
/* Banner */
 +
 +
#banner {
 +
background: none !important;
 +
}
 +
 +
/* Footer */
 +
 +
#footer {
 +
background: none !important;
 +
}
 +
 +
#footer .inner form {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
 +
#footer .inner .contact {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
</style>
 +
 +
<!--[if lte IE 8]>
 +
 +
<style>
 +
/*
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 +
/* Basic */
 +
 +
body {
 +
-ms-behavior: url("assets/js/backgroundsize.min.htc");
 +
}
 +
 +
/* Type */
 +
 +
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
blockquote {
 +
border-left: solid 4px #ffffff;
 +
}
 +
 +
code {
 +
border: solid 2px #ffffff;
 +
}
 +
 +
hr {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
/* Button */
 +
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
border: solid 2px #ffffff;
 +
}
 +
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
border: 0;
 +
}
 +
 +
/* Form */
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
input[type="tel"],
 +
select,
 +
textarea {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
background: transparent;
 +
border: solid 2px #ffffff;
 +
}
 +
 +
/* Table */
 +
 +
table tbody tr {
 +
border: solid 1px #ffffff;
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 +
table.alt tbody tr td {
 +
border: solid 1px #ffffff;
 +
border-left-width: 0;
 +
border-top-width: 0;
 +
}
 +
 +
table.alt tbody tr td:first-child {
 +
border-left-width: 1px;
 +
}
 +
 +
table.alt tbody tr:first-child td {
 +
border-top-width: 1px;
 +
}
 +
 +
table.alt thead {
 +
border-bottom: 0;
 +
}
 +
 +
table.alt tfoot {
 +
border-top: 0;
 +
}
 +
 +
/* Features */
 +
 +
.features article {
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
position: relative;
 +
width: 44%;
 +
}
 +
 +
.features article .image {
 +
margin-top: 0;
 +
margin-left: 0;
 +
width: 100%;
 +
}
 +
 +
/* Header */
 +
 +
#header {
 +
background-color: #353849;
 +
}
 +
 +
/* Wrapper */
 +
 +
.wrapper {
 +
margin: 0;
 +
}
 +
 +
.wrapper:before, .wrapper:after {
 +
display: none;
 +
}
 +
 +
.wrapper.spotlight .image {
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
.wrapper.spotlight .image img {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
/* Banner */
 +
 +
#banner .logo .icon {
 +
border: solid 2px #ffffff;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
#banner h2 {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
/* Footer */
 +
 +
#footer .inner .copyright {
 +
border-top: solid 2px #ffffff;
 +
}
 +
 +
#footer .inner .copyright li {
 +
border-left: solid 2px #ffffff;
 +
}
 +
</style>
 +
<![endif]-->
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<!-- Page Wrapper -->
 
−
<div id="page-wrapper">
 
  
−
<!-- Header -->
 
−
<header id="header" class="alt">
 
−
<h1><a href="index.html">Solid State</a></h1>
 
−
<nav>
 
−
<a href="#menu">Menu</a>
 
−
</nav>
 
−
</header>
 
  
−
<!-- Menu -->
 
−
<nav id="menu">
 
−
<div class="inner">
 
−
<h2>Menu</h2>
 
−
<ul class="links">
 
−
<li><a href="index.html">Home</a></li>
 
−
<li><a href="generic.html">Generic</a></li>
 
−
<li><a href="elements.html">Elements</a></li>
 
−
<li><a href="#">Log In</a></li>
 
−
<li><a href="#">Sign Up</a></li>
 
−
</ul>
 
−
<a href="#" class="close">Close</a>
 
−
</div>
 
−
</nav>
 
  
−
<!-- Banner -->
+
<!-- Page Wrapper -->
 +
<div id="page-wrapper">
 +
 
 +
 +
<!-- Banner -->
 
<section id="banner">
 
<section id="banner">
 
<div class="inner">
 
<div class="inner">
−
<div class="logo"><span class="icon fa-diamond"></span></div>
 
−
<h2>IGEM ASIJ Tokyo </h2>
 
−
<p>Cool wiki right</p>
 
 
</div>
 
</div>
 
</section>
 
</section>
Line 3,923: Line 3,936:
  
 
<!-- One -->
 
<!-- One -->
−
<section id="one" class="wrapper spotlight style1">
+
<section id="four" class="wrapper spotlight style3">
 
<div class="inner">
 
<div class="inner">
−
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 
 
<div class="content">
 
<div class="content">
−
<h2 class="major">Magna arcu feugiat</h2>
+
<h2 class="major">Introduction</h2>
−
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
+
<img src="https://static.igem.org/mediawiki/2017/c/c7/Intro1asij2.png" style="width:900px;height:100%;"> </img>
−
<a href="#" class="special">Learn more</a>
+
  <img src="https://static.igem.org/mediawiki/2017/e/ec/Asijanchiegg493i23.png" style="width:900px;height:100%;"> </img>
 +
  <img src="https://static.igem.org/mediawiki/2017/0/01/Intro3asij2.png" style="width:900px;height:100%;"> </img>
 +
  <img src="https://static.igem.org/mediawiki/2017/e/e0/Intro4asij5.png" style="width:900px;height:100%;"> </img>
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
</section>
−
 
+
−
<!-- Two -->
+
−
<section id="two" class="wrapper alt spotlight style2">
+
−
<div class="inner">
+
−
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
+
−
<div class="content">
+
−
<h2 class="major">Tempus adipiscing</h2>
+
−
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Three -->
+
−
<section id="three" class="wrapper spotlight style3">
+
−
<div class="inner">
+
−
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
+
−
<div class="content">
+
−
<h2 class="major">Nullam dignissim</h2>
+
−
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Four -->
+
−
<section id="four" class="wrapper alt style1">
+
−
<div class="inner">
+
−
<h2 class="major">Vitae phasellus</h2>
+
−
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
+
−
<section class="features">
+
−
<article>
+
−
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
+
−
<h3 class="major">Sed feugiat lorem</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
+
−
<h3 class="major">Nisl placerat</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
+
−
<h3 class="major">Ante fermentum</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
−
<h3 class="major">Fusce consequat</h3>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
−
<a href="#" class="special">Learn more</a>
+
−
</article>
+
−
</section>
+
 
<ul class="actions">
 
<ul class="actions">
−
<li><a href="#" class="button">Browse All</a></li>
+
<li><a <!-- Scripts -->
−
</ul>
+
<script>
−
</div>
+
/* skel.js v3.0.1 | (c) skel.io | MIT licensed */
−
</section>
+
var skel=function(){"use strict";var t={breakpointIds:null,events:{},isInit:!1,obj:{attachments:{},breakpoints:{},head:null,states:{}},sd:"/",state:null,stateHandlers:{},stateId:"",vars:{},DOMReady:null,indexOf:null,isArray:null,iterate:null,matchesMedia:null,extend:function(e,n){t.iterate(n,function(i){t.isArray(n[i])?(t.isArray(e[i])||(e[i]=[]),t.extend(e[i],n[i])):"object"==typeof n[i]?("object"!=typeof e[i]&&(e[i]={}),t.extend(e[i],n[i])):e[i]=n[i]})},newStyle:function(t){var e=document.createElement("style");return e.type="text/css",e.innerHTML=t,e},_canUse:null,canUse:function(e){t._canUse||(t._canUse=document.createElement("div"));var n=t._canUse.style,i=e.charAt(0).toUpperCase()+e.slice(1);return e in n||"Moz"+i in n||"Webkit"+i in n||"O"+i in n||"ms"+i in n},on:function(e,n){var i=e.split(/[\s]+/);return t.iterate(i,function(e){var a=i[e];if(t.isInit){if("init"==a)return void n();if("change"==a)n();else{var r=a.charAt(0);if("+"==r||"!"==r){var o=a.substring(1);if(o in t.obj.breakpoints)if("+"==r&&t.obj.breakpoints[o].active)n();else if("!"==r&&!t.obj.breakpoints[o].active)return void n()}}}t.events[a]||(t.events[a]=[]),t.events[a].push(n)}),t},trigger:function(e){return t.events[e]&&0!=t.events[e].length?(t.iterate(t.events[e],function(n){t.events[e][n]()}),t):void 0},breakpoint:function(e){return t.obj.breakpoints[e]},breakpoints:function(e){function n(t,e){this.name=this.id=t,this.media=e,this.active=!1,this.wasActive=!1}return n.prototype.matches=function(){return t.matchesMedia(this.media)},n.prototype.sync=function(){this.wasActive=this.active,this.active=this.matches()},t.iterate(e,function(i){t.obj.breakpoints[i]=new n(i,e[i])}),window.setTimeout(function(){t.poll()},0),t},addStateHandler:function(e,n){t.stateHandlers[e]=n},callStateHandler:function(e){var n=t.stateHandlers[e]();t.iterate(n,function(e){t.state.attachments.push(n[e])})},changeState:function(e){t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].sync()}),t.vars.lastStateId=t.stateId,t.stateId=e,t.breakpointIds=t.stateId===t.sd?[]:t.stateId.substring(1).split(t.sd),t.obj.states[t.stateId]?t.state=t.obj.states[t.stateId]:(t.obj.states[t.stateId]={attachments:[]},t.state=t.obj.states[t.stateId],t.iterate(t.stateHandlers,t.callStateHandler)),t.detachAll(t.state.attachments),t.attachAll(t.state.attachments),t.vars.stateId=t.stateId,t.vars.state=t.state,t.trigger("change"),t.iterate(t.obj.breakpoints,function(e){t.obj.breakpoints[e].active?t.obj.breakpoints[e].wasActive||t.trigger("+"+e):t.obj.breakpoints[e].wasActive&&t.trigger("-"+e)})},generateStateConfig:function(e,n){var i={};return t.extend(i,e),t.iterate(t.breakpointIds,function(e){t.extend(i,n[t.breakpointIds[e]])}),i},getStateId:function(){var e="";return t.iterate(t.obj.breakpoints,function(n){var i=t.obj.breakpoints[n];i.matches()&&(e+=t.sd+i.id)}),e},poll:function(){var e="";e=t.getStateId(),""===e&&(e=t.sd),e!==t.stateId&&t.changeState(e)},_attach:null,attach:function(e){var n=t.obj.head,i=e.element;return i.parentNode&&i.parentNode.tagName?!1:(t._attach||(t._attach=n.firstChild),n.insertBefore(i,t._attach.nextSibling),e.permanent&&(t._attach=i),!0)},attachAll:function(e){var n=[];t.iterate(e,function(t){n[e[t].priority]||(n[e[t].priority]=[]),n[e[t].priority].push(e[t])}),n.reverse(),t.iterate(n,function(e){t.iterate(n[e],function(i){t.attach(n[e][i])})})},detach:function(t){var e=t.element;return t.permanent||!e.parentNode||e.parentNode&&!e.parentNode.tagName?!1:(e.parentNode.removeChild(e),!0)},detachAll:function(e){var n={};t.iterate(e,function(t){n[e[t].id]=!0}),t.iterate(t.obj.attachments,function(e){e in n||t.detach(t.obj.attachments[e])})},attachment:function(e){return e in t.obj.attachments?t.obj.attachments[e]:null},newAttachment:function(e,n,i,a){return t.obj.attachments[e]={id:e,element:n,priority:i,permanent:a}},init:function(){t.initMethods(),t.initVars(),t.initEvents(),t.obj.head=document.getElementsByTagName("head")[0],t.isInit=!0,t.trigger("init")},initEvents:function(){t.on("resize",function(){t.poll()}),t.on("orientationChange",function(){t.poll()}),t.DOMReady(function(){t.trigger("ready")}),window.onload&&t.on("load",window.onload),window.onload=function(){t.trigger("load")},window.onresize&&t.on("resize",window.onresize),window.onresize=function(){t.trigger("resize")},window.onorientationchange&&t.on("orientationChange",window.onorientationchange),window.onorientationchange=function(){t.trigger("orientationChange")}},initMethods:function(){document.addEventListener?!function(e,n){t.DOMReady=n()}("domready",function(){function t(t){for(r=1;t=n.shift();)t()}var e,n=[],i=document,a="DOMContentLoaded",r=/^loaded|^c/.test(i.readyState);return i.addEventListener(a,e=function(){i.removeEventListener(a,e),t()}),function(t){r?t():n.push(t)}}):!function(e,n){t.DOMReady=n()}("domready",function(t){function e(t){for(h=1;t=i.shift();)t()}var n,i=[],a=!1,r=document,o=r.documentElement,s=o.doScroll,c="DOMContentLoaded",d="addEventListener",u="onreadystatechange",l="readyState",f=s?/^loaded|^c/:/^loaded|c/,h=f.test(r[l]);return r[d]&&r[d](c,n=function(){r.removeEventListener(c,n,a),e()},a),s&&r.attachEvent(u,n=function(){/^c/.test(r[l])&&(r.detachEvent(u,n),e())}),t=s?function(e){self!=top?h?e():i.push(e):function(){try{o.doScroll("left")}catch(n){return setTimeout(function(){t(e)},50)}e()}()}:function(t){h?t():i.push(t)}}),Array.prototype.indexOf?t.indexOf=function(t,e){return t.indexOf(e)}:t.indexOf=function(t,e){if("string"==typeof t)return t.indexOf(e);var n,i,a=e?e:0;if(!this)throw new TypeError;if(i=this.length,0===i||a>=i)return-1;for(0>a&&(a=i-Math.abs(a)),n=a;i>n;n++)if(this[n]===t)return n;return-1},Array.isArray?t.isArray=function(t){return Array.isArray(t)}:t.isArray=function(t){return"[object Array]"===Object.prototype.toString.call(t)},Object.keys?t.iterate=function(t,e){if(!t)return[];var n,i=Object.keys(t);for(n=0;i[n]&&e(i[n],t[i[n]])!==!1;n++);}:t.iterate=function(t,e){if(!t)return[];var n;for(n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e(n,t[n])===!1)break},window.matchMedia?t.matchesMedia=function(t){return""==t?!0:window.matchMedia(t).matches}:window.styleMedia||window.media?t.matchesMedia=function(t){if(""==t)return!0;var e=window.styleMedia||window.media;return e.matchMedium(t||"all")}:window.getComputedStyle?t.matchesMedia=function(t){if(""==t)return!0;var e=document.createElement("style"),n=document.getElementsByTagName("script")[0],i=null;e.type="text/css",e.id="matchmediajs-test",n.parentNode.insertBefore(e,n),i="getComputedStyle"in window&&window.getComputedStyle(e,null)||e.currentStyle;var a="@media "+t+"{ #matchmediajs-test { width: 1px; } }";return e.styleSheet?e.styleSheet.cssText=a:e.textContent=a,"1px"===i.width}:t.matchesMedia=function(t){if(""==t)return!0;var e,n,i,a,r={"min-width":null,"max-width":null},o=!1;for(i=t.split(/\s+and\s+/),e=0;e<i.length;e++)n=i[e],"("==n.charAt(0)&&(n=n.substring(1,n.length-1),a=n.split(/:\s+/),2==a.length&&(r[a[0].replace(/^\s+|\s+$/g,"")]=parseInt(a[1]),o=!0));if(!o)return!1;var s=document.documentElement.clientWidth,c=document.documentElement.clientHeight;return null!==r["min-width"]&&s<r["min-width"]||null!==r["max-width"]&&s>r["max-width"]||null!==r["min-height"]&&c<r["min-height"]||null!==r["max-height"]&&c>r["max-height"]?!1:!0},navigator.userAgent.match(/MSIE ([0-9]+)/)&&RegExp.$1<9&&(t.newStyle=function(t){var e=document.createElement("span");return e.innerHTML='&nbsp;<style type="text/css">'+t+"</style>",e})},initVars:function(){var e,n,i,a=navigator.userAgent;e="other",n=0,i=[["firefox",/Firefox\/([0-9\.]+)/],["bb",/BlackBerry.+Version\/([0-9\.]+)/],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/],["opera",/OPR\/([0-9\.]+)/],["opera",/Opera\/([0-9\.]+)/],["edge",/Edge\/([0-9\.]+)/],["safari",/Version\/([0-9\.]+).+Safari/],["chrome",/Chrome\/([0-9\.]+)/],["ie",/MSIE ([0-9]+)/],["ie",/Trident\/.+rv:([0-9]+)/]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(RegExp.$1),!1):void 0}),t.vars.browser=e,t.vars.browserVersion=n,e="other",n=0,i=[["ios",/([0-9_]+) like Mac OS X/,function(t){return t.replace("_",".").replace("_","")}],["ios",/CPU like Mac OS X/,function(t){return 0}],["wp",/Windows Phone ([0-9\.]+)/,null],["android",/Android ([0-9\.]+)/,null],["mac",/Macintosh.+Mac OS X ([0-9_]+)/,function(t){return t.replace("_",".").replace("_","")}],["windows",/Windows NT ([0-9\.]+)/,null],["bb",/BlackBerry.+Version\/([0-9\.]+)/,null],["bb",/BB[0-9]+.+Version\/([0-9\.]+)/,null]],t.iterate(i,function(t,i){return a.match(i[1])?(e=i[0],n=parseFloat(i[2]?i[2](RegExp.$1):RegExp.$1),!1):void 0}),t.vars.os=e,t.vars.osVersion=n,t.vars.IEVersion="ie"==t.vars.browser?t.vars.browserVersion:99,t.vars.touch="wp"==t.vars.os?navigator.msMaxTouchPoints>0:!!("ontouchstart"in window),t.vars.mobile="wp"==t.vars.os||"android"==t.vars.os||"ios"==t.vars.os||"bb"==t.vars.os}};return t.init(),t}();!function(t,e){"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?module.exports=e():t.skel=e()}(this,function(){return skel});
−
 
+
−
</section>
+
−
 
+
−
<!-- Footer -->
+
−
<section id="footer">
+
−
<div class="inner">
+
−
<h2 class="major">Get in touch</h2>
+
−
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
+
−
<form method="post" action="#">
+
−
<div class="field">
+
−
<label for="name">Name</label>
+
−
<input type="text" name="name" id="name" />
+
−
</div>
+
−
<div class="field">
+
−
<label for="email">Email</label>
+
−
<input type="email" name="email" id="email" />
+
−
</div>
+
−
<div class="field">
+
−
<label for="message">Message</label>
+
−
<textarea name="message" id="message" rows="4"></textarea>
+
−
</div>
+
−
<ul class="actions">
+
−
<li><input type="submit" value="Send Message" /></li>
+
−
</ul>
+
−
</form>
+
−
<ul class="contact">
+
−
<li class="fa-home">
+
−
Untitled Inc<br />
+
−
1234 Somewhere Road Suite #2894<br />
+
−
Nashville, TN 00000-0000
+
−
</li>
+
−
<li class="fa-phone">(000) 000-0000</li>
+
−
<li class="fa-envelope"><a href="#">information@untitled.tld</a></li>
+
−
<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
+
−
<li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
+
−
<li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
+
−
</ul>
+
−
<ul class="copyright">
+
−
<li>&copy; Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
−
</ul>
+
−
</div>
+
−
</section>
+
−
 
+
−
</div>
+
−
 
+
−
<!-- Scripts -->
+
−
<script src="assets/js/skel.min.js"></script>
+
−
<script src="assets/js/jquery.min.js"></script>
+
−
<script src="assets/js/jquery.scrollex.min.js"></script>
+
−
<script src="assets/js/util.js"></script>
+
−
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
<script src="assets/js/main.js"></script>
+
  
−
</body>
+
</script>
−
</html>
+
<script>
 +
/*! jQuery v1.11.3 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
 +
!function(a,b){"object"==typeof module&&"object"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error("jQuery requires a window with a document");return b(a)}:b(a)}("undefined"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l="1.11.3",m=function(a,b){return new m.fn.init(a,b)},n=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,o=/^-ms-/,p=/-([\da-z])/gi,q=function(a,b){return b.toUpperCase()};m.fn=m.prototype={jquery:l,constructor:m,selector:"",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=m.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return m.each(this,a,b)},map:function(a){return this.pushStack(m.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},m.extend=m.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for("boolean"==typeof g&&(j=g,g=arguments[h]||{},h++),"object"==typeof g||m.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(e=arguments[h]))for(d in e)a=g[d],c=e[d],g!==c&&(j&&c&&(m.isPlainObject(c)||(b=m.isArray(c)))?(b?(b=!1,f=a&&m.isArray(a)?a:[]):f=a&&m.isPlainObject(a)?a:{},g[d]=m.extend(j,f,c)):void 0!==c&&(g[d]=c));return g},m.extend({expando:"jQuery"+(l+Math.random()).replace(/\D/g,""),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return"function"===m.type(a)},isArray:Array.isArray||function(a){return"array"===m.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!m.isArray(a)&&a-parseFloat(a)+1>=0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},isPlainObject:function(a){var b;if(!a||"object"!==m.type(a)||a.nodeType||m.isWindow(a))return!1;try{if(a.constructor&&!j.call(a,"constructor")&&!j.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}if(k.ownLast)for(b in a)return j.call(a,b);for(b in a);return void 0===b||j.call(a,b)},type:function(a){return null==a?a+"":"object"==typeof a||"function"==typeof a?h[i.call(a)]||"object":typeof a},globalEval:function(b){b&&m.trim(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(o,"ms-").replace(p,q)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=r(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?"":(a+"").replace(n,"")},makeArray:function(a,b){var c=b||[];return null!=a&&(r(Object(a))?m.merge(c,"string"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){var d;if(b){if(g)return g.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,b){var c=+b.length,d=0,e=a.length;while(c>d)a[e++]=b[d++];if(c!==c)while(void 0!==b[d])a[e++]=b[d++];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=r(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return"string"==typeof b&&(f=a[b],b=a,a=f),m.isFunction(a)?(c=d.call(arguments,2),e=function(){return a.apply(b||this,c.concat(d.call(arguments)))},e.guid=a.guid=a.guid||m.guid++,e):void 0},now:function(){return+new Date},support:k}),m.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(a,b){h["[object "+b+"]"]=b.toLowerCase()});function r(a){var b="length"in a&&a.length,c=m.type(a);return"function"===c||m.isWindow(a)?!1:1===a.nodeType&&b?!0:"array"===c||0===b||"number"==typeof b&&b>0&&b-1 in a}var s=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u="sizzle"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",L="[\\x20\\t\\r\\n\\f]",M="(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",N=M.replace("w","w#"),O="\\["+L+"*("+M+")(?:"+L+"*([*^$|!~]?=)"+L+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+N+"))|)"+L+"*\\]",P=":("+M+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+O+")*)|.*)\\)|)",Q=new RegExp(L+"+","g"),R=new RegExp("^"+L+"+|((?:^|[^\\\\])(?:\\\\.)*)"+L+"+$","g"),S=new RegExp("^"+L+"*,"+L+"*"),T=new RegExp("^"+L+"*([>+~]|"+L+")"+L+"*"),U=new RegExp("="+L+"*([^\\]'\"]*?)"+L+"*\\]","g"),V=new RegExp(P),W=new RegExp("^"+N+"$"),X={ID:new RegExp("^#("+M+")"),CLASS:new RegExp("^\\.("+M+")"),TAG:new RegExp("^("+M.replace("w","w*")+")"),ATTR:new RegExp("^"+O),PSEUDO:new RegExp("^"+P),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+L+"*(even|odd|(([+-]|)(\\d*)n|)"+L+"*(?:([+-]|)"+L+"*(\\d+)|))"+L+"*\\)|)","i"),bool:new RegExp("^(?:"+K+")$","i"),needsContext:new RegExp("^"+L+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+L+"*((?:-\\d)?\\d*)"+L+"*\\)|)(?=[^-]|$)","i")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\d$/i,$=/^[^{]+\{\s*\[native \w/,_=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,aa=/[+~]/,ba=/'|\\/g,ca=new RegExp("\\\\([\\da-f]{1,6}"+L+"?|("+L+")|.)","ig"),da=function(a,b,c){var d="0x"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,"string"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&"object"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute("id"))?s=r.replace(ba,"\\$&"):b.setAttribute("id",s),s="[id='"+s+"'] ",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(",")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute("id")}}}return i(a.replace(R,"$1"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+" ")>d.cacheLength&&delete b[a.shift()],b[c+" "]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement("div");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split("|"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return"input"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&"undefined"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener("unload",ea,!1):e.attachEvent&&e.attachEvent("onunload",ea)),p=!f(g),c.attributes=ja(function(a){return a.className="i",!a.getAttribute("className")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment("")),!a.getElementsByTagName("*").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if("undefined"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute("id")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c="undefined"!=typeof a.getAttributeNode&&a.getAttributeNode("id");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return"undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if("*"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML="<a id='"+u+"'></a><select id='"+u+"-\f]' msallowcapture=''><option selected=''></option></select>",a.querySelectorAll("[msallowcapture^='']").length&&q.push("[*^$]="+L+"*(?:''|\"\")"),a.querySelectorAll("[selected]").length||q.push("\\["+L+"*(?:value|"+K+")"),a.querySelectorAll("[id~="+u+"-]").length||q.push("~="),a.querySelectorAll(":checked").length||q.push(":checked"),a.querySelectorAll("a#"+u+"+*").length||q.push(".#.+[+~]")}),ja(function(a){var b=g.createElement("input");b.setAttribute("type","hidden"),a.appendChild(b).setAttribute("name","D"),a.querySelectorAll("[name=d]").length&&q.push("name"+L+"*[*^$|!~]?="),a.querySelectorAll(":enabled").length||q.push(":enabled",":disabled"),a.querySelectorAll("*,:x"),q.push(",.*:")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,"div"),s.call(a,"[s!='']:x"),r.push("!=",P)}),q=q.length&&new RegExp(q.join("|")),r=r.length&&new RegExp(r.join("|")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,"='$1']"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c="",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||"").replace(ca,da),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*("even"===a[3]||"odd"===a[3])),a[5]=+(a[7]+a[8]||"odd"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||"":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(")",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return"*"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+" "];return b||(b=new RegExp("(^|"+L+")"+a+"("+L+"|$)"))&&y(a,function(a){return b.test("string"==typeof a.className&&a.className||"undefined"!=typeof a.getAttribute&&a.getAttribute("class")||"")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?"!="===b:b?(e+="","="===b?e===c:"!="===b?e!==c:"^="===b?c&&0===e.indexOf(c):"*="===b?c&&e.indexOf(c)>-1:"$="===b?c&&e.slice(-c.length)===c:"~="===b?(" "+e.replace(Q," ")+" ").indexOf(c)>-1:"|="===b?e===c||e.slice(0,c.length+1)===c+"-":!1):!0}},CHILD:function(a,b,c,d,e){var f="nth"!==a.slice(0,3),g="last"!==a.slice(-4),h="of-type"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?"nextSibling":"previousSibling",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p="only"===a&&!o&&"nextSibling"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&

Latest revision as of 16:08, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices
</br>IGEM ASIJ TOKYO

Introduction