Difference between revisions of "Team:HFLS H2Z Hangzhou"

 
(17 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!DOCTYPE html>
+
{{Template:HFLS_H2Z_Hangzhou}}<html>
−
<html>
+
<script>
−
<head>
+
$(function () {
−
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
menu.setItem("home");
−
<meta http-equiv="Pragma" content="no-cache">
+
});
−
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
</script>
  
−
<style>html {
+
<style>
−
overflow: hidden;
+
.page-home {
−
}
+
font-family: Veneer;
 +
}
 +
 +
.page-home .block {
 +
padding: 7rem;
 +
text-align: center;
 +
}
  
−
.main.view {
+
.page-home .pad {
−
position: fixed;
+
padding: 2rem;
−
top: 0; left: 0;
+
}
−
width: 100%; height: 100%;
+
  
−
font-size: 1rem;
+
.page-home .no-pad {
 +
padding: 0;
 +
}
  
−
font-family: Brandon;
+
.page-home .title {
 +
padding: 2rem 0;
 +
font-size: 3rem;
 +
text-align: center;
 +
}
  
−
background: rgba(24, 24, 24, 1);
+
.page-home .member {
 +
display: inline-block;
 +
margin: 1rem;
 +
width: 15rem;
 +
}
  
−
-webkit-perspective: 1000px;
+
.page-home .member .img {
−
perspective: 1000px;
+
height: 15rem;
−
}
+
}
  
−
.main.menu {
+
.page-home .main-title {
−
position: fixed;
+
font-size: 9rem;
−
background: none;
+
text-align: center;
 +
color: white;
 +
}
  
−
left: 0; top: 0;
+
.page-home .red {
−
height: 100%;
+
color: #E55844;
−
width: 10em;
+
}
  
−
opacity: 0;
+
.page-home .article {
 +
display: inline-block;
  
−
text-align: center;
+
text-align: left;
  
−
user-select: none;
+
width: 50rem;
−
-moz-user-select: none;
+
max-width: 100%;
 +
 +
line-height: 1.5;
  
−
transition: opacity 0.3s;
+
color: rgba(80, 80, 80, 1);
−
}
+
  
−
.main.menu .items {
+
font-size: 1.5rem;
−
margin-top: 6rem;
+
font-family: Brandon;
−
}
+
}
  
−
.main.menu .logo {
+
.page-home .article img {
−
display: inline-block;
+
border-radius: 3px;
−
+
margin: 2rem 0;
−
width: 7em;
+
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
−
height: 7em;
+
width: 100%;
−
line-height: 7em;
+
}
−
text-align: center;
+
  
−
margin-bottom: 2rem;
+
.page-home .article .imgbox {
 +
text-align: center;
 +
}
 +
</style>
  
−
border-radius: 50%;
+
<div class="page-home">
−
 
+
<div class="main-block fullscr no-pad block main-title" style="background-image: url('https://static.igem.org/mediawiki/2017/a/a9/T--HFLS_H2Z_Hangzhou--img_cover3.jpg');">
−
background: white;
+
<div class="main-effect"></div>
−
}
+
<div class="vcenter" style="line-height: 0.7;">
−
 
+
<span style="font-size: 45%; line-height: 1.3; padding-left: 0.3em;">
−
.main.menu .logo i {
+
<span>Hangzhou</span>
−
line-height: 2em;
+
<span>HFLS<span class="red">&amp;</span>H2Z</span>
−
font-size: 3.5em;
+
</span><br>
−
}
+
<span>AQUAMADE</span>
−
 
+
</div>
−
.main.menu .item {
+
</div>
−
display: inline-block;
+
−
 
+
−
width: auto;
+
−
 
+
−
padding: 0 0.5rem;
+
−
 
+
−
font-weight: bold;
+
−
font-size: 1em;
+
−
 
+
−
color: rgba(240, 240, 240, 1);
+
−
 
+
−
margin-top: 2em;
+
−
-webkit-user-select: none;
+
−
user-select: none;
+
−
 
+
−
cursor: pointer;
+
−
 
+
−
border-left: 3px solid transparent;
+
−
border-right: 3px solid transparent;
+
−
 
+
−
transition: border 0.2s;
+
−
}
+
−
 
+
−
.main.menu .item.selected,
+
−
.main.menu .item:hover {
+
−
border-left-color: #2980B9;
+
−
}
+
−
 
+
−
.main.menu .sub-items {
+
−
display: inline-block;
+
−
 
+
−
margin-top: 0.3rem;
+
−
+
−
height: 0;
+
−
overflow: hidden;
+
−
 
+
−
transition: height 0.3s;
+
−
}
+
−
 
+
−
.main.menu .item:hover .sub-items {
+
−
height: auto;
+
−
}
+
−
 
+
−
.main.menu .sub-item {
+
−
display: inline-block;
+
−
 
+
−
margin-top: 0.7rem;
+
−
 
+
−
font-weight: bold;
+
−
font-size: 0.9rem;
+
−
 
+
−
padding: 0 0.5rem;
+
−
 
+
−
color: rgba(240, 240, 240, 1);
+
−
 
+
−
border-right: 3px solid transparent;
+
−
border-left: 3px solid transparent;
+
−
 
+
−
transition: border 0.2s;
+
−
}
+
−
 
+
−
.main.menu .sub-item:hover {
+
−
}
+
−
 
+
−
.main.view.open-menu .main.menu {
+
−
opacity: 1;
+
−
transition: opacity 0.3s 0.3s;
+
−
}
+
−
 
+
−
.main.cont-wrap {
+
−
position: absolute;
+
−
top: 0; left: 0;
+
−
width: 100%; height: 100%;
+
−
background: rgba(253, 253, 253, 1);
+
−
 
+
−
overflow: auto;
+
−
box-shadow: 0 0 20px rgba(0, 0, 0, 1);
+
−
 
+
−
transition: 0.3s cubic-bezier(0.2, 1, 0.2, 1);
+
−
}
+
−
 
+
−
.main.view.open-menu .main.cont-wrap {
+
−
overflow: hidden;
+
−
}
+
−
 
+
−
.main.view.open-menu .main.cont-wrap {
+
−
left: 18em;
+
−
}
+
−
 
+
−
.main.top-btn-set {
+
−
position: fixed;
+
−
 
+
−
z-index: 10;
+
−
 
+
−
left: 0.2rem;
+
−
top: 1.2rem;
+
−
 
+
−
font-size: 1.5rem;
+
−
 
+
−
color: black;
+
−
 
+
−
opacity: 0.8;
+
−
 
+
−
user-select: none;
+
−
-moz-user-select: none;
+
−
 
+
−
transition: opacity 0.2s;
+
−
}
+
−
 
+
−
.main.top-btn-set .btn {
+
−
display: inline-block;
+
−
margin-left: 1rem;
+
−
cursor: pointer;
+
−
 
+
−
transition: opacity 0.2s;
+
−
}
+
−
 
+
−
.main.top-btn-set .show-on-menu.btn {
+
−
opacity: 0;
+
−
pointer-events: none;
+
−
}
+
−
 
+
−
/* menu open! */
+
−
.main.open-menu .main.top-btn-set {
+
−
color: white;
+
−
opacity: 1;
+
−
}
+
−
 
+
−
.main.open-menu .main.top-btn-set .show-on-menu.btn {
+
−
opacity: 1;
+
−
pointer-events: auto;
+
−
}
+
−
 
+
−
.main.open-menu .menu-btn .fa:before {
+
−
content: "\f00d";
+
−
}
+
−
 
+
−
/*
+
−
.csstransforms3d .main.view.open-menu .main.cont-wrap {
+
−
-webkit-transform: translate3d(10em, 0, -200px);
+
−
transform: translate3d(10em, 0, -200px);
+
−
 
+
−
border-radius: 3px;
+
−
}
+
−
*/
+
−
</style>
+
−
<style>.fullscr {
+
−
height: 100vh;
+
−
width: 100%;
+
−
}
+
−
 
+
−
.img {
+
−
background-repeat: no-repeat;
+
−
background-size: cover;
+
−
background-position: 50% 50%;
+
−
}
+
−
 
+
−
.center {
+
−
width: auto !important;
+
−
}
+
−
</style>
+
−
<style>@charset "UTF-8";
+
−
 
+
−
@font-face {
+
−
font-family: Brandon;
+
−
src: url("https://static.igem.org/mediawiki/2017/b/b8/T--HFLS_H2Z_Hangzhou--font_brandon_regular_woff.woff") format("woff"),
+
−
url("https://static.igem.org/mediawiki/2017/0/0e/T--HFLS_H2Z_Hangzhou--font_brandon_regular_ttf.ttf") format("truetype"),
+
−
url("https://static.igem.org/mediawiki/2017/f/ff/T--HFLS_H2Z_Hangzhou--font_brandon_regular_eot.eot") format("embedded-opentype"),
+
−
url("https://static.igem.org/mediawiki/2017/1/17/T--HFLS_H2Z_Hangzhou--font_brandon_regular_svg.svg") format("svg"),
+
−
url("fallback.ttf") format("truetype");
+
−
font-weight: normal;
+
−
font-style: normal;
+
−
}
+
−
</style>
+
−
<style>@charset "UTF-8";
+
−
 
+
−
@font-face {
+
−
font-family: Veneer;
+
−
src: url("https://static.igem.org/mediawiki/2017/d/d7/T--HFLS_H2Z_Hangzhou--font_veneer_regular_woff.woff") format("woff"),
+
−
url("https://static.igem.org/mediawiki/2017/f/f1/T--HFLS_H2Z_Hangzhou--font_veneer_regular_ttf.ttf") format("truetype"),
+
−
url("https://static.igem.org/mediawiki/2017/6/60/T--HFLS_H2Z_Hangzhou--font_veneer_regular_eot.eot") format("embedded-opentype"),
+
−
url("https://static.igem.org/mediawiki/2017/b/bd/T--HFLS_H2Z_Hangzhou--font_veneer_regular_svg.svg") format("svg"),
+
−
url("https://static.igem.org/mediawiki/2017/0/0e/T--HFLS_H2Z_Hangzhou--font_veneer_regular_otf.otf") format("opentype"),
+
−
url("fallback.ttf") format("truetype");
+
−
font-weight: normal;
+
−
font-style: normal;
+
−
}
+
−
</style>
+
−
 
+
−
<script src='/Template:HFLS_H2Z_Hangzhou/js?action=raw&ctype=text/javascript'></script>
+
 
 
 +
<style>
 +
</style>
 
 
 +
<div class="block white-bg">
 +
<h1>Quick Link</h1>
 +
<div class="article" style="margin-top: 1em; padding-left: 1rem; text-align: center;">
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/sub/overview' style="background-image: url('/wiki/images/4/47/T--HFLS_H2Z_Hangzhou--img_qlink_project.png');"></a>
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/sub/parts' style="background-image: url('/wiki/images/f/f8/T--HFLS_H2Z_Hangzhou--img_qlink_achiev.png');"></a>
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/Model' style="background-image: url('/wiki/images/9/9b/T--HFLS_H2Z_Hangzhou--img_qlink_model.png');"></a>
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/sub/member' style="background-image: url('/wiki/images/3/35/T--HFLS_H2Z_Hangzhou--img_qlink_team.png');"></a>
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/HP/Silver' style="background-image: url('/wiki/images/5/5b/T--HFLS_H2Z_Hangzhou--img_qlink_hp.png');"></a>
 +
<a class="quick-link" href='/Team:HFLS_H2Z_Hangzhou/InterLab' style="background-image: url('/wiki/images/e/e6/T--HFLS_H2Z_Hangzhou--img_qlink_interlab.png');"></a>
 +
</div>
 +
</div>
 +
 +
<div class="line-sep"></div>
 +
 +
<div class="block">
 +
<div class="title">Abstract</div>
 +
<div class="article">
 +
Pickles have been an important part in the worldwide diet for a long time. But the nitrite generated in the production of pickles has always been a concerning problem to health and food safety, due to its conversion to carcinogenic nitrosamine once taken up by humans.
 +
 +
<div class="imgbox"><img src="/wiki/images/a/aa/T--HFLS_H2Z_Hangzhou--img_home_nitrate1.jpg" /></div>
 +
 +
Currently, most industrial production of pickles relies on the natural decomposing process of nitrite, which is inefficient and often takes months to complete. To make an improvement, we designed a bio-device to make the degradation of nitrite rapider and more environmental-friendly.
 +
 +
<!-- <div class="imgbox"><img src="/wiki/images/0/04/T--HFLS_H2Z_Hangzhou--img_home_pickle1.jpg" /></div> -->
 +
 +
Our device consists of a positive feedback loop followed by a fusion enzyme which can reduce nitrite to nitrogen and oxygen. The feedback loop is regulated by a nitrite/nitrate specific promoter to ensure the expression of downstream function proteins only in pickles environment. Our solution drastically shortens the production period and increases profit margin for the multibillion-dollar pickled vegetables industry.
 +
</div>
 +
</div>
  
−
<!-- porbably need to change these to static files -->
+
<!-- <div class="block" style="background: rgba(250, 250, 250, 1);">
−
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
+
<div class="title">Members</div>
−
<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/semantic-ui/2.2.10/semantic.min.css">
+
<div class="pad member-box" style="text-align: center;"></div>
−
<script src="https://cdn.bootcss.com/semantic-ui/2.2.10/semantic.min.js"></script>
+
</div> -->
−
</head>
+
  
−
<style>
+
<div class="line-sep"></div>
−
#top_menu_14:hover {
+
 
−
top: 0 !important;
+
<!-- <div class="block white-bg">
−
}
+
<div style="font-size: 300%;">More coming soon</div>
−
</style>
+
</div> -->
 +
</div>
  
 
<script>
 
<script>
−
window.ADEBUG = true;
+
$(".page-home").ready(function () {
 +
Aquamade.menu.selectItem("home");
  
−
$(document).ready(function () {
+
var main = $(this);
−
// alert(Modernizr.csstransforms3d);
+
−
// if (Modernizr.csstransforms3d) {
+
−
// }
+
  
−
var glob = window;
+
function genMember(pic, name, descr) {
 +
var mem = $('<div class="ui card member"> \
 +
<div class="image"> \
 +
<div class="img" style="background-image: url(\'' + pic + '\');"></div> \
 +
</div> \
 +
<div class="content"> \
 +
<div class="header">' + name + '</div> \
 +
<div class="meta"> \
 +
<a>' + descr + '</a> \
 +
</div> \
 +
</div> \
 +
</div>');
  
−
function setMenuPos() {
+
return mem;
−
setTimeout(function () {
+
−
$(".main.menu").width($(".main.cont-wrap").position().left);
+
−
}, 300);
+
 
}
 
}
  
−
var open = false;
+
main.find(".learn-more-btn").click(function () {
−
 
+
Aquamade.menu.toggle();
−
function toggleMenu() {
+
−
$(".main.view").toggleClass("open-menu");
+
−
setMenuPos();
+
−
 
+
−
if ($(".main.view").hasClass("open-menu"))
+
−
setTimeout(function () {
+
−
$(".main.cont-wrap").click(closeMenu);
+
−
});
+
−
}
+
−
 
+
−
function closeMenu() {
+
−
$(".main.view").removeClass("open-menu");
+
−
$(".main.cont-wrap").off("click", closeMenu);
+
−
}
+
−
 
+
−
$(".main.menu-btn")
+
−
.click(toggleMenu)
+
−
.popup({
+
−
content: "Menu",
+
−
position: "right center",
+
−
on: "manual"
+
−
}).popup("show");
+
−
 
+
−
setTimeout(function () {
+
−
$(".main.menu-btn").popup("hide");
+
−
}, 3000);
+
−
 
+
−
// remove some weird components
+
−
$("#sideMenu").remove();
+
−
 
+
−
$("#top_menu_14").css({
+
−
top: "-20px",
+
−
"padding-bottom": "1rem",
+
−
transition: "top 0.3s"
+
 
});
 
});
−
 
−
var menu_trig = $("<div></div>");
 
−
menu_trig.css({
 
−
position: "fixed",
 
−
"z-index": "10",
 
−
height: "15px",
 
−
width: "100%",
 
−
top: "0",
 
−
left: "0"
 
−
}).mouseenter(function () {
 
−
$("#top_menu_14").css("top", "0");
 
−
}).mouseleave(function () {
 
−
$("#top_menu_14").css("top", "-20px");
 
−
});
 
−
 
−
$("body").append(menu_trig);
 
−
 
−
glob.Aquamade = {};
 
−
glob.Aquamade.menu = {
 
−
setBtnColor: function (color) {
 
−
$(".main.menu-btn").css("color", color);
 
−
},
 
−
 
−
selectItem: function (name) {
 
−
$(".main.menu .selected").removeClass("selected");
 
−
$(".main.menu .item.item-" + name).addClass("selected");
 
−
}
 
−
};
 
 
});
 
});
−
</script>
 
  
−
<script>
 
−
/* just for debug */
 
−
if (ADEBUG) {
 
−
$(document).ready(function () {
 
−
$.ajax({
 
−
url: "sub/home.html",
 
−
success: function (dat) {
 
−
$(".main.cont-wrap").append(dat);
 
−
}
 
−
});
 
−
});
 
−
}
 
 
</script>
 
</script>
−
 
−
<div class="main view">
 
−
<div class="main menu">
 
−
<div class="items">
 
−
<div class="logo"><i class="fa fa-bath"></i></div><br>
 
−
<div style="text-align: center; display: inline-block; width: auto;">
 
−
<div class="item item-home">HOME</div><br>
 
−
<div class="item item-project">
 
−
PROJECT<!-- <br>
 
−
<div class="sub-items">
 
−
<div class="sub-item">OVERVIEW</div><br>
 
−
<div class="sub-item">RESULTS</div><br>
 
−
<div class="sub-item">PROFF</div>
 
−
</div> -->
 
−
</div><br>
 
−
<div class="item item-parts">PARTS</div><br>
 
−
<div class="item item-model">MODELLING</div><br>
 
−
<div class="item item-hprac">HUMAN PRACTICES</div><br>
 
−
<div class="item item-team">TEAM</div><br>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class="main top-btn-set">
 
−
<div class="main btn menu-btn"><i class="fa fa-bars"></i></div
 
−
><div class="main btn info-btn show-on-menu"><i class="fa fa-question-circle"></i></div>
 
−
</div>
 
−
 
−
<div class="main cont-wrap">
 
−
 
−
<!-- Concat with content -->
 
−
 
 
</html>
 
</html>

Latest revision as of 03:44, 2 November 2017

Template loop detected: Template:HFLS H2Z Hangzhou<!DOCTYPE html>

Aquamade Home Achievement
Parts Collaborations
Project
Overview Background Design Enzyme Genetic Circuits Performance Chassis Selection
Modeling
Models Software
Safety Team
Member Attribution
Notebook
Protocols Interlab
Human Practices
Public Outreach Integrated

Team Members

Jianan Li
Qingrui Sun
Yiming Rong
Jiayue Guo
Zhiyuan Lu
Meiqi Yuan
Zhengyao Lin
Caiyi Feng
Shuyun Zhang
Tenghao Huang
Yining Huang
Yanyue Zhu

Sponsors

Hangzhou HFLS&H2Z
AQUAMADE

Quick Link

Abstract
Pickles have been an important part in the worldwide diet for a long time. But the nitrite generated in the production of pickles has always been a concerning problem to health and food safety, due to its conversion to carcinogenic nitrosamine once taken up by humans.
Currently, most industrial production of pickles relies on the natural decomposing process of nitrite, which is inefficient and often takes months to complete. To make an improvement, we designed a bio-device to make the degradation of nitrite rapider and more environmental-friendly. Our device consists of a positive feedback loop followed by a fusion enzyme which can reduce nitrite to nitrogen and oxygen. The feedback loop is regulated by a nitrite/nitrate specific promoter to ensure the expression of downstream function proteins only in pickles environment. Our solution drastically shortens the production period and increases profit margin for the multibillion-dollar pickled vegetables industry.