Matt Gerrard (Talk | contribs) |
Matt Gerrard (Talk | contribs) |
||
(30 intermediate revisions by the same user not shown) | |||
Line 91: | Line 91: | ||
.main.nav { | .main.nav { | ||
− | z-index: | + | z-index: 102; |
position: fixed; | position: fixed; | ||
padding: 3em; | padding: 3em; | ||
Line 110: | Line 110: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
− | transition: padding 0.3s; | + | transition: padding 0.3s, background 0.15s; |
} | } | ||
Line 135: | Line 135: | ||
.main.nav .link-set .link-item { | .main.nav .link-set .link-item { | ||
+ | position: relative; | ||
+ | |||
margin-right: 0.5em; | margin-right: 0.5em; | ||
padding: 0.7em 1em; | padding: 0.7em 1em; | ||
Line 141: | Line 143: | ||
border: 2px solid transparent; | border: 2px solid transparent; | ||
background: transparent; | background: transparent; | ||
− | |||
white-space: nowrap; | white-space: nowrap; | ||
Line 153: | Line 154: | ||
background: white; | background: white; | ||
color: black !important; | color: black !important; | ||
+ | } | ||
+ | |||
+ | .main.nav .link-set .link-item .expand-item-set-cont { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | |||
+ | margin-top: 5px; | ||
+ | left: -7px; /* 5 + 2 */ | ||
+ | top: 100%; | ||
+ | |||
+ | padding-top: 1em; | ||
+ | |||
+ | pointer-events: none; | ||
+ | opacity: 0; | ||
+ | |||
+ | transition: opacity 0.3s, margin-top 0.3s, left 0.3s; | ||
+ | } | ||
+ | |||
+ | .main.nav .link-set .link-item:hover .expand-item-set-cont { | ||
+ | pointer-events: auto; | ||
+ | opacity: 1; | ||
+ | |||
+ | margin-top: 0; | ||
+ | left: -2px; /* 10 + 2 */ | ||
+ | } | ||
+ | |||
+ | .main.nav .link-set .link-item .expand-item-set { | ||
+ | box-shadow: 0 0 15px rgba(0, 0, 0, 0.04); | ||
+ | border: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | border-radius: 3px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .main.nav .link-set .link-item .expand-item-set .sub-link-item { | ||
+ | display: block; | ||
+ | padding: 1em 1em; | ||
+ | color: rgb(70, 70, 70) !important; | ||
+ | background: rgb(253, 253, 253); | ||
+ | |||
+ | transition: color 0.3s, background 0.3s; | ||
+ | } | ||
+ | |||
+ | .main.nav .link-set .link-item:hover .expand-item-set .sub-link-item:hover { | ||
+ | color: rgb(253, 253, 253) !important; | ||
+ | background: rgb(70, 70, 70); | ||
} | } | ||
Line 177: | Line 223: | ||
background: rgb(70, 70, 70); | background: rgb(70, 70, 70); | ||
color: white !important; | color: white !important; | ||
− | }</style> | + | } |
− | <style>.fullscr { | + | |
+ | .main.scroll-top-btn { | ||
+ | position: fixed; | ||
+ | bottom: 2rem; | ||
+ | left: 2rem; | ||
+ | |||
+ | z-index: 102; | ||
+ | |||
+ | width: 3em; | ||
+ | height: 3em; | ||
+ | line-height: 2.8em; | ||
+ | text-align: center; | ||
+ | |||
+ | border: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | background: rgb(100, 100, 100); | ||
+ | color: rgb(253, 253, 253); | ||
+ | |||
+ | border-radius: 4px; | ||
+ | |||
+ | box-shadow: 0 5px 7px rgba(0, 0, 0, 0.1); | ||
+ | |||
+ | cursor: pointer; | ||
+ | |||
+ | opacity: 0; | ||
+ | pointer-events: none; | ||
+ | |||
+ | transition: box-shadow 0.3s, opacity 0.3s; | ||
+ | } | ||
+ | |||
+ | .main.scroll-top-btn.show { | ||
+ | opacity: 1; | ||
+ | pointer-events: auto; | ||
+ | } | ||
+ | |||
+ | .main.scroll-top-btn:hover { | ||
+ | box-shadow: 0 5px 7px rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | |||
+ | .main.scroll-top-btn:active { | ||
+ | box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); | ||
+ | } | ||
+ | |||
+ | .main.bottom-bar .block { | ||
+ | padding: 6rem 0; | ||
+ | box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1); | ||
+ | } | ||
+ | |||
+ | .main.bottom-bar .member-badge { | ||
+ | display: inline-block; | ||
+ | margin-right: 1rem; | ||
+ | |||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .main.bottom-bar .member-badge .tiny-avatar { | ||
+ | display: inline-block; | ||
+ | |||
+ | width: 1.5rem; | ||
+ | height: 1.5rem; | ||
+ | margin-right: 0.3rem; | ||
+ | |||
+ | border-radius: 4px; | ||
+ | |||
+ | box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); | ||
+ | |||
+ | background-color: rgb(253, 253, 253); | ||
+ | background-size: cover; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | .main.bottom-bar .sponsor-link { | ||
+ | display: inline-block; | ||
+ | |||
+ | width: 10rem; | ||
+ | height: 6rem; | ||
+ | margin-right: 0.3rem; | ||
+ | |||
+ | border-radius: 4px; | ||
+ | |||
+ | box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); | ||
+ | |||
+ | background-color: rgb(253, 253, 253); | ||
+ | background-size: contain; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | cursor: pointer; | ||
+ | |||
+ | vertical-align: middle; | ||
+ | } | ||
+ | </style> | ||
+ | <style>a { | ||
+ | text-decoration: none !important; | ||
+ | } | ||
+ | |||
+ | h1, h2, h3, h4, h5 { | ||
+ | font-family: Veneer !important; | ||
+ | font-weight: normal !important; | ||
+ | } | ||
+ | |||
+ | .fullscr { | ||
height: 100vh; | height: 100vh; | ||
width: 100%; | width: 100%; | ||
+ | |||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
+ | background-position: 50% 50%; | ||
} | } | ||
Line 202: | Line 355: | ||
margin: 1rem 0; | margin: 1rem 0; | ||
+ | } | ||
+ | |||
+ | .img.figure { | ||
+ | margin: 1rem 0; | ||
+ | max-width: 100%; | ||
+ | border-radius: 5px; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | } | ||
+ | |||
+ | .code-block { | ||
+ | padding: 2rem; | ||
+ | |||
+ | font-family: Consolas, Ubuntu Mono, monospace; | ||
+ | border-radius: 5px; | ||
+ | border: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | table.frameless { | ||
+ | background: transparent !important; | ||
+ | border: 0 !important; | ||
+ | } | ||
+ | |||
+ | table.frameless td { | ||
+ | padding: 0 !important; | ||
+ | border: 0 !important; | ||
+ | } | ||
+ | |||
+ | table.ref-table td { | ||
+ | min-width: 2em; | ||
+ | vertical-align: top; | ||
} | } | ||
Line 214: | Line 398: | ||
.article { | .article { | ||
+ | position: relative; | ||
display: inline-block; | display: inline-block; | ||
− | max-width: | + | width: 50rem; |
+ | max-width: 100%; | ||
text-align: left; | text-align: left; | ||
+ | |||
+ | padding: 0 1rem; | ||
+ | } | ||
+ | |||
+ | .wide.article { | ||
+ | width: 70rem; | ||
+ | } | ||
+ | |||
+ | .medium.article { | ||
+ | width: 60rem; | ||
+ | } | ||
+ | |||
+ | .article-font { | ||
+ | font-family: Brandon; | ||
+ | line-height: 1.6; | ||
+ | font-size: 1.3em; | ||
+ | } | ||
+ | |||
+ | .white-bg { | ||
+ | background: rgb(253, 253, 253); | ||
+ | } | ||
+ | |||
+ | .black-bg { | ||
+ | background: rgb(30, 30, 30); | ||
+ | } | ||
+ | |||
+ | .line-sep { | ||
+ | display: block; | ||
+ | height: 1px; | ||
+ | background: rgba(0, 0, 0, 0.08); | ||
+ | } | ||
+ | |||
+ | .blue { | ||
+ | color: #3498DB; | ||
+ | } | ||
+ | |||
+ | .green { | ||
+ | color: #2ECC71; | ||
+ | } | ||
+ | |||
+ | .quick-link { | ||
+ | display: inline-block; | ||
+ | |||
+ | border-radius: 4px; | ||
+ | height: 7rem; | ||
+ | width: 14rem; | ||
+ | overflow: hidden; | ||
+ | |||
+ | line-height: 7rem; | ||
+ | text-align: center; | ||
+ | |||
+ | font-size: 2rem; | ||
+ | |||
+ | color: white; | ||
+ | |||
+ | cursor: pointer; | ||
+ | |||
+ | border: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | margin: 0 1rem 1rem 0; | ||
+ | |||
+ | background-color: rgb(250, 250, 250); | ||
+ | background-size: cover; | ||
+ | background-position: center; | ||
+ | background-repeat: no-repeat; | ||
+ | |||
+ | box-shadow: 0 0 10px rgba(0, 0, 0, 0.08); | ||
+ | |||
+ | transition: box-shadow 0.3s; | ||
+ | } | ||
+ | |||
+ | .quick-link:hover { | ||
+ | box-shadow: 0 0 15px rgba(0, 0, 0, 0.22); | ||
+ | } | ||
+ | |||
+ | .imgview { | ||
+ | position: relative; | ||
+ | cursor: pointer; | ||
+ | |||
+ | border-radius: 5px; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .imgview .view-btn { | ||
+ | display: inline-block; | ||
+ | |||
+ | padding: 0.6em 1.2em; | ||
+ | border-radius: 3px; | ||
+ | border: 2px solid rgb(253, 253, 253); | ||
+ | color: rgb(253, 253, 253); | ||
+ | |||
+ | font-size: 1rem; | ||
+ | font-weight: bold; | ||
+ | |||
+ | cursor: pointer; | ||
+ | line-height: 1; | ||
+ | |||
+ | transition: color 0.2s, background 0.2s; | ||
+ | } | ||
+ | |||
+ | .imgview .view-btn:hover { | ||
+ | color: rgb(70, 70, 70); | ||
+ | background: rgb(253, 253, 253); | ||
+ | } | ||
+ | |||
+ | .imgview .shade { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | |||
+ | text-align: center; | ||
+ | border-radius: 5px; | ||
+ | |||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | background: rgba(0, 0, 0, 0.3); | ||
+ | opacity: 0; | ||
+ | transition: opacity 0.3s; | ||
+ | } | ||
+ | |||
+ | .imgview:hover .shade { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
+ | .imgview-modal .wrap { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .imgview-modal img { | ||
+ | display: block; | ||
+ | border-radius: 3px; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .imgview-modal .close-btn { | ||
+ | position: absolute; | ||
+ | |||
+ | top: -7px; | ||
+ | right: -7px; | ||
+ | |||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | |||
+ | line-height: 28px; | ||
+ | text-align: center; | ||
+ | |||
+ | border-radius: 3px; | ||
+ | cursor: pointer; | ||
+ | |||
+ | color: white; | ||
+ | |||
+ | background: #E74C3C; | ||
+ | |||
+ | box-shadow: 0 0 3px #E74C3C; | ||
+ | |||
+ | transition: background 0.2s; | ||
+ | } | ||
+ | |||
+ | .imgview-modal .close-btn:hover { | ||
+ | background: rgb(230, 91, 78); | ||
+ | } | ||
+ | |||
+ | .imgview-modal .close-btn:active { | ||
+ | background: #C0392B; | ||
+ | } | ||
+ | |||
+ | .imgview-modal .close-btn .icon { | ||
+ | margin-right: 0 !important; | ||
+ | } | ||
+ | |||
+ | .ref-table td { | ||
+ | min-width: 2em; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | .img-name { | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | color: rgb(100, 100, 100); | ||
+ | |||
+ | margin-top: -1rem; | ||
+ | margin-bottom: 1rem; | ||
+ | |||
+ | font-size: 1rem; | ||
+ | } | ||
+ | |||
+ | .active-img { | ||
+ | position: relative; | ||
+ | |||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .active-img img { | ||
+ | width: 100%; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .active-img .white-shade { | ||
+ | position: absolute; | ||
+ | |||
+ | top: 0; left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | |||
+ | border-radius: 5px; | ||
+ | |||
+ | box-shadow: 0 0 10px white inset; | ||
+ | } | ||
+ | |||
+ | .active-img .control-layer { | ||
+ | position: absolute; | ||
+ | |||
+ | top: 0; left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .active-img .control { | ||
+ | position: absolute; | ||
+ | } | ||
+ | </style> | ||
+ | <style>/* T-Rex */ | ||
+ | |||
+ | .com-trex { | ||
+ | transition: -webkit-filter 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), | ||
+ | -moz-filter 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), | ||
+ | -ms-filter 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), | ||
+ | -o-filter 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), | ||
+ | filter 0.8s cubic-bezier(0.65, 0.05, 0.36, 1), | ||
+ | background-color 0.8s cubic-bezier(0.65, 0.05, 0.36, 1); | ||
+ | } | ||
+ | |||
+ | .com-trex.inverted { | ||
+ | -webkit-filter: invert(100%); | ||
+ | -moz-filter: invert(100%); | ||
+ | -ms-filter: invert(100%); | ||
+ | -o-filter: invert(100%); | ||
+ | filter: invert(100%); | ||
+ | |||
+ | background: white; | ||
+ | } | ||
+ | |||
+ | .com-trex-modal .copyright { | ||
+ | padding: 1rem; | ||
+ | text-align: center; | ||
+ | font-weight: bold; | ||
+ | font-size: 0.8rem; | ||
+ | border-bottom: 1px solid rgba(0, 0, 0, 0.08); | ||
+ | } | ||
+ | |||
+ | .com-trex-modal .copyright a { | ||
+ | color: #2980B9 !important; | ||
+ | } | ||
+ | |||
+ | .com-trex-modal .copyright a:hover { | ||
+ | color: #3498DB !important; | ||
} | } | ||
</style> | </style> | ||
Line 247: | Line 690: | ||
</style> | </style> | ||
− | <script src='/Template:HFLS_H2Z_Hangzhou/src/main/js?action=raw&ctype=text/javascript'></script> | + | <script src='/Template:HFLS_H2Z_Hangzhou//home/rodlin/Desktop/aquamade/src/main/js?action=raw&ctype=text/javascript'></script> |
+ | |||
Line 258: | Line 702: | ||
<script src="https://cdn.bootcss.com/three.js/r83/three.min.js"></script> | <script src="https://cdn.bootcss.com/three.js/r83/three.min.js"></script> | ||
+ | |||
+ | |||
</head> | </head> | ||
Line 278: | Line 724: | ||
<script> | <script> | ||
window.ADEBUG = window.location.hostname == "localhost"; | window.ADEBUG = window.location.hostname == "localhost"; | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | /* just for debug */ | ||
+ | if (ADEBUG) { | ||
+ | var hash = window.location.hash.substring(1); | ||
+ | |||
+ | var resp = $.ajax({ | ||
+ | url: hash ? "sub/" + hash + ".html" : "sub/home.html", | ||
+ | async: false | ||
+ | }); | ||
− | $(document). | + | window.contWrap = $(resp.responseText); |
+ | |||
+ | $(function () { | ||
+ | $(".main.cont-wrap").append(window.contWrap); | ||
+ | }); | ||
+ | |||
+ | window.onhashchange = function () { | ||
+ | window.location.reload(true); | ||
+ | }; | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | // delete #HQ_page .button | ||
+ | $(function () { | ||
+ | if (ADEBUG) return; | ||
+ | |||
+ | var styles = document.styleSheets; | ||
+ | |||
+ | if (styles) { | ||
+ | styles = styles[0]; | ||
+ | |||
+ | for (var i = 0; i < styles.cssRules.length; i++) { | ||
+ | if (styles.cssRules[i].selectorText == "#HQ_page .button" || | ||
+ | styles.cssRules[i].selectorText == "#HQ_page .button:hover") { | ||
+ | // delete styles.cssRules[i]; | ||
+ | styles.deleteRule(i); | ||
+ | i--; | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(function () { | ||
// alert(Modernizr.csstransforms3d); | // alert(Modernizr.csstransforms3d); | ||
// if (Modernizr.csstransforms3d) { | // if (Modernizr.csstransforms3d) { | ||
// } | // } | ||
+ | |||
+ | var click_count = 0; | ||
+ | |||
+ | $(".trex-go").click(function () { | ||
+ | if (++click_count >= 3) { | ||
+ | click_count = 0; | ||
+ | trex.modal({}); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | $(".fake-link").each(function (i, dom) { | ||
+ | dom = $(dom); | ||
+ | |||
+ | dom.css("cursor", "pointer"); | ||
+ | dom.click(function () { | ||
+ | if (dom.data("href")) { | ||
+ | window.location = dom.data("href"); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | $(".main.cont-wrap").append($(".main.bottom-bar")); | ||
+ | |||
+ | var wrap; | ||
+ | |||
+ | if (ADEBUG) { | ||
+ | wrap = window.contWrap; | ||
+ | } else { | ||
+ | wrap = $(".main.cont-wrap"); | ||
+ | } | ||
+ | |||
+ | window.imgview = {}; | ||
+ | imgview.refresh = function (init) { | ||
+ | // image viewer | ||
+ | wrap.find("img").not(".no-imgview").each(function (i, dom) { | ||
+ | dom = $(dom); | ||
+ | |||
+ | var src = dom.attr("src"); | ||
+ | |||
+ | var img = new Image(); | ||
+ | |||
+ | img.src = src; | ||
+ | img.onload = function () { | ||
+ | if (init) { | ||
+ | var imgwrap = $("<div class='imgview'> \ | ||
+ | <div class='shade'> \ | ||
+ | <div class='view-btn'>View</div> \ | ||
+ | </div> \ | ||
+ | </div>"); | ||
+ | |||
+ | var modal = $("<div class='ui modal imgview-modal'> \ | ||
+ | <div class='wrap'> \ | ||
+ | <img></img> \ | ||
+ | <div class='close-btn'><i class='cancel icon'></i></div> \ | ||
+ | </div> \ | ||
+ | </div>"); | ||
+ | |||
+ | var shade = imgwrap.find(".shade"); | ||
+ | |||
+ | dom.after(imgwrap); | ||
+ | imgwrap.prepend(dom); | ||
+ | |||
+ | modal.find(".close-btn").click(function () { | ||
+ | modal.modal("hide"); | ||
+ | }); | ||
+ | |||
+ | imgwrap.click(function () { | ||
+ | var bigimg = modal.find("img"); | ||
+ | |||
+ | bigimg.attr("src", src); | ||
+ | |||
+ | modal.modal("show"); | ||
+ | }); | ||
+ | } else { | ||
+ | var shade = dom.siblings(".shade"); | ||
+ | } | ||
+ | |||
+ | shade.css({ | ||
+ | display: dom.css("display"), | ||
+ | margin: dom.css("margin"), | ||
+ | height: dom.css("height"), | ||
+ | width: dom.css("width"), | ||
+ | "line-height": dom.css("height"), | ||
+ | }); | ||
+ | }; | ||
+ | }); | ||
+ | }; | ||
+ | |||
+ | imgview.refresh(true); | ||
+ | |||
+ | $(window).resize(function () { | ||
+ | imgview.refresh(); | ||
+ | }); | ||
+ | |||
+ | var scrollToTop = window.gradScroll = (function () { | ||
+ | var a = 3; | ||
+ | var p = 2; | ||
+ | var delta = 1; | ||
+ | |||
+ | return function (target) { | ||
+ | var target = target || 0; | ||
+ | |||
+ | var top = $(".main.cont-wrap").scrollTop(); | ||
+ | |||
+ | if (top < target || target < 0) return; | ||
+ | |||
+ | if (Math.abs(top - target) <= 3) { | ||
+ | $(".main.cont-wrap").scrollTop(target); | ||
+ | return; | ||
+ | } | ||
+ | |||
+ | var x = Math.pow((top - target) / a, 1 / p); | ||
+ | |||
+ | var next = Math.abs(a * Math.pow(x - delta, p)) + target; | ||
+ | |||
+ | $(".main.cont-wrap").scrollTop(next); | ||
+ | |||
+ | setTimeout(function () { | ||
+ | scrollToTop(target); | ||
+ | }, 24); | ||
+ | }; | ||
+ | })(); | ||
+ | |||
+ | $(".main.scroll-top-btn").click(function () { | ||
+ | scrollToTop(); | ||
+ | }); | ||
$(".main.cont-wrap").scroll(function () { | $(".main.cont-wrap").scroll(function () { | ||
− | + | var top = $(".main.cont-wrap").scrollTop(); | |
+ | |||
+ | if (top > 5) { | ||
$(".main.nav").addClass("floated"); | $(".main.nav").addClass("floated"); | ||
} else { | } else { | ||
$(".main.nav").removeClass("floated"); | $(".main.nav").removeClass("floated"); | ||
+ | } | ||
+ | |||
+ | if (top > 500) { | ||
+ | $(".main.scroll-top-btn").addClass("show"); | ||
+ | } else { | ||
+ | $(".main.scroll-top-btn").removeClass("show"); | ||
} | } | ||
}); | }); | ||
Line 318: | Line 944: | ||
menu_trig.css({ | menu_trig.css({ | ||
position: "fixed", | position: "fixed", | ||
− | "z-index": " | + | "z-index": "103", |
height: "15px", | height: "15px", | ||
width: "100%", | width: "100%", | ||
Line 387: | Line 1,013: | ||
var bgeff = new BGEffect(".bg-layer"); | var bgeff = new BGEffect(".bg-layer"); | ||
+ | |||
+ | // if (ADEBUG) | ||
+ | // bgeff.oneFrame(); | ||
+ | // else | ||
bgeff.start(); | bgeff.start(); | ||
}); | }); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</script> | </script> | ||
<div class="main view"> | <div class="main view"> | ||
<div class="main nav"> | <div class="main nav"> | ||
− | <a class="logo-name">Aquamade</a> | + | <a class="logo-name trex-go">Aquamade</a> |
<span class="link-set"> | <span class="link-set"> | ||
− | <a href= | + | <a href='/Team:HFLS_H2Z_Hangzhou' class="nav link-item home">Home</a> |
− | <a | + | |
− | + | <span class="nav link-item achiev"> | |
− | + | <i class="angle down icon"></i>Achievement | |
− | <a href="/Team:HFLS_H2Z_Hangzhou/Team" class="nav link-item team">Team</a> | + | <div class="expand-item-set-cont"> |
− | <a href="/Team:HFLS_H2Z_Hangzhou" class="nav link-item">Human Practices</a> | + | <div class="expand-item-set"> |
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/parts'>Parts</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Collaborations'>Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
+ | |||
+ | <span class="nav link-item project"> | ||
+ | <i class="angle down icon"></i>Project | ||
+ | <div class="expand-item-set-cont"> | ||
+ | <div class="expand-item-set"> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/overview'>Overview</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/backg'>Background</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Applied_Design'>Design</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/enzyme'>Enzyme</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/genecirc'>Genetic Circuits</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Demonstrate'>Performance</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/chassis'>Chassis Selection</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
+ | |||
+ | <span class="nav link-item model"> | ||
+ | <i class="angle down icon"></i>Modeling | ||
+ | <div class="expand-item-set-cont"> | ||
+ | <div class="expand-item-set"> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Model'>Models</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Software'>Software</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
+ | |||
+ | <a href='/Team:HFLS_H2Z_Hangzhou/Safety' class="nav link-item safety">Safety</a> | ||
+ | |||
+ | <span class="nav link-item team"> | ||
+ | <i class="angle down icon"></i>Team | ||
+ | <div class="expand-item-set-cont"> | ||
+ | <div class="expand-item-set"> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/member'>Member</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/Attributions'>Attribution</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
+ | |||
+ | <span class="nav link-item note"> | ||
+ | <i class="angle down icon"></i>Notebook | ||
+ | <div class="expand-item-set-cont"> | ||
+ | <div class="expand-item-set"> | ||
+ | <!-- <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/experim'>Experiments</a> --> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/sub/protocol'>Protocols</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/InterLab'>Interlab</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
+ | |||
+ | <span class="nav link-item hp"> | ||
+ | <i class="angle down icon"></i>Human Practices | ||
+ | <div class="expand-item-set-cont"> | ||
+ | <div class="expand-item-set"> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/HP/Silver'>Public Outreach</a> | ||
+ | <a class="sub-link-item" href='/Team:HFLS_H2Z_Hangzhou/HP/Gold_Integrated'>Integrated</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </span> | ||
</span> | </span> | ||
+ | </div> | ||
+ | |||
+ | <div class="main bottom-bar"> | ||
+ | <div class="line-sep"></div> | ||
+ | <div class="block black-bg"> | ||
+ | <div class="wide article article-font" style="color: rgb(253, 253, 253);"> | ||
+ | <h2 style="color: rgb(253, 253, 253);"><i data-href='/Team:HFLS_H2Z_Hangzhou/sub/member' class="fake-link linkify icon"></i>Team Members</h2> | ||
+ | <div style="font-family: Veneer;"> | ||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/b/b5/T--HFLS_H2Z_Hangzhou--img_member_canal.jpg');"></div> | ||
+ | Jianan Li | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/d/d8/T--HFLS_H2Z_Hangzhou--img_member_sunny.jpg');"></div> | ||
+ | Qingrui Sun | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/9/9d/T--HFLS_H2Z_Hangzhou--img_member_yiming.jpg');"></div> | ||
+ | Yiming Rong | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/4/4a/T--HFLS_H2Z_Hangzhou--img_member_jiayue.jpg');"></div> | ||
+ | Jiayue Guo | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/5/58/T--HFLS_H2Z_Hangzhou--img_member_annie.jpg');"></div> | ||
+ | Zhiyuan Lu | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/9/96/T--HFLS_H2Z_Hangzhou--img_member_meiqi.jpg');"></div> | ||
+ | Meiqi Yuan | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/b/bf/T--HFLS_H2Z_Hangzhou--img_member_rod.jpg');"></div> | ||
+ | Zhengyao Lin | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/7/70/T--HFLS_H2Z_Hangzhou--img_member_eva.jpg');"></div> | ||
+ | Caiyi Feng | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/e/eb/T--HFLS_H2Z_Hangzhou--img_member_shuyun.jpg');"></div> | ||
+ | Shuyun Zhang | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/9/9d/T--HFLS_H2Z_Hangzhou--img_member_daniel.jpg');"></div> | ||
+ | Tenghao Huang | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/6/63/T--HFLS_H2Z_Hangzhou--img_member_sam.jpg');"></div> | ||
+ | Yining Huang | ||
+ | </div> | ||
+ | |||
+ | <div class="member-badge"> | ||
+ | <div class="tiny-avatar" style="background-image: url('/wiki/images/3/39/T--HFLS_H2Z_Hangzhou--img_member_yanyue.jpg');"></div> | ||
+ | Yanyue Zhu | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | |||
+ | <h2 style="color: rgb(253, 253, 253);"><i data-href='/Team:HFLS_H2Z_Hangzhou/Attributions' class="fake-link linkify icon"></i>Sponsors</h2> | ||
+ | <div> | ||
+ | <div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/9/99/T--HFLS_H2Z_Hangzhou--img_attrib_logo1.jpg');"></div> | ||
+ | <div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/e/e2/T--HFLS_H2Z_Hangzhou--img_attrib_logo2.jpg');"></div> | ||
+ | <div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/1/1b/T--HFLS_H2Z_Hangzhou--img_attrib_logo3.jpg');"></div> | ||
+ | <div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/0/0b/T--HFLS_H2Z_Hangzhou--img_attrib_logo4.jpg');"></div> | ||
+ | <div class="sponsor-link fake-link" data-href="" style="background-image: url('/wiki/images/5/5f/T--HFLS_H2Z_Hangzhou--img_attrib_logo5.jpg');"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
<div class="bg-layer"></div> | <div class="bg-layer"></div> | ||
+ | <div class="main scroll-top-btn"><i class="fitted chevron up icon"></i></div> | ||
+ | |||
<div class="main cont-wrap"> | <div class="main cont-wrap"> | ||
Latest revision as of 14:17, 15 December 2017
Template loop detected: Template:HFLS H2Z Hangzhou<!DOCTYPE html>