Difference between revisions of "Team:HFLS H2Z Hangzhou"

 
(16 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{Template:HFLS_H2Z_Hangzhou}}
+
{{Template:HFLS_H2Z_Hangzhou}}<html>
<html>
+
<script>
<head>
+
$(function () {
<script src='/Template:HFLS_H2Z_Hangzhou/src/sub/home/js?action=raw&ctype=text/javascript'></script>
+
menu.setItem("home");
</head>
+
});
 +
</script>
  
 
<style>
 
<style>
Line 42: Line 43:
 
font-size: 9rem;
 
font-size: 9rem;
 
text-align: center;
 
text-align: center;
 +
color: white;
 
}
 
}
  
.page-home .blue {
+
.page-home .red {
color: #3498DB;
+
color: #E55844;
 
}
 
}
  
Line 53: Line 55:
 
text-align: left;
 
text-align: left;
  
max-width: 50rem;
+
width: 50rem;
line-height: 1.2;
+
max-width: 100%;
 +
 +
line-height: 1.5;
  
 
color: rgba(80, 80, 80, 1);
 
color: rgba(80, 80, 80, 1);
  
 
font-size: 1.5rem;
 
font-size: 1.5rem;
font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
+
font-family: Brandon;
 
}
 
}
  
.page-home .isocity {
+
.page-home .article img {
position: absolute;
+
border-radius: 3px;
top: 0; left: 0;
+
margin: 2rem 0;
opacity: 0.3;
+
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
 
width: 100%;
 
width: 100%;
height: 100%;
+
}
 +
 
 +
.page-home .article .imgbox {
 +
text-align: center;
 
}
 
}
 
</style>
 
</style>
  
 
<div class="page-home">
 
<div class="page-home">
<div class="main-block fullscr no-pad block main-title">
+
<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');">
<div class="isocity"></div>
+
 
<div class="main-effect"></div>
 
<div class="main-effect"></div>
<div class="vcenter">
+
<div class="vcenter" style="line-height: 0.7;">
<span>A<span class="blue">q</span>uamade</span>
+
<span style="font-size: 45%; line-height: 1.3; padding-left: 0.3em;">
 +
<span>Hangzhou</span>
 +
<span>HFLS<span class="red">&amp;</span>H2Z</span>
 +
</span><br>
 +
<span>AQUAMADE</span>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
<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="block">
<div class="title">What do we do</div>
+
<div class="title">Abstract</div>
 
<div class="article">
 
<div class="article">
Physijs brings a very easy to use interface to the three.js framework. One of the reasons three.js is so popular is because it is so incredibly easy for graphics newbies to get into 3D programming. Physijs takes that philosophy to heart and makes physics simulations just as easy to run. In fact, there are just five easy steps that must be taken to make a 3D scene come alive.
+
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.
<br><br>
+
How does Physijs work?
+
<div class="imgbox"><img src="/wiki/images/a/aa/T--HFLS_H2Z_Hangzhou--img_home_nitrate1.jpg" /></div>
<br><br>
+
Physijs is built on top of ammo.js (although there is also a cannon.js branch) and runs the physics simulation in a separate thread (via web worker) to avoid impacting in your application's performance and taking up your 3D rendering time.
+
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.
<br><br>
+
A lot of effort has been made to keep the style of code the same when using Physijs. Apart from updating an object's position, all of the normal three.js conventions remain the same. If you are used to three.js, you already know how to use the Physijs plugin.
+
<!-- <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>
 
</div>
</div>
+
 
<div class="block" style="background: rgba(250, 250, 250, 1);">
+
<!-- <div class="block" style="background: rgba(250, 250, 250, 1);">
 
<div class="title">Members</div>
 
<div class="title">Members</div>
 
<div class="pad member-box" style="text-align: center;"></div>
 
<div class="pad member-box" style="text-align: center;"></div>
</div>
+
</div> -->
 +
 
 +
<div class="line-sep"></div>
 +
 
 +
<!-- <div class="block white-bg">
 +
<div style="font-size: 300%;">More coming soon</div>
 +
</div> -->
 
</div>
 
</div>
  
Line 102: Line 139:
  
 
var main = $(this);
 
var main = $(this);
 
var iso = Isocity(main.find(".isocity"));
 
 
setTimeout(iso.gen, 0);
 
  
 
function genMember(pic, name, descr) {
 
function genMember(pic, name, descr) {
Line 123: Line 156:
 
}
 
}
  
main.find(".member-box").append(genMember("/img/elliot.jpg", "Canal", "Beautiful"));
+
main.find(".learn-more-btn").click(function () {
main.find(".member-box").append(genMember("/img/matt.jpg", "Sam", "Gorgeous"));
+
Aquamade.menu.toggle();
main.find(".member-box").append(genMember("/img/stevie.jpg", "Daniel", "Cool"));
+
});
 
});
 
});
  
 
</script>
 
</script>
 
</html>
 
</html>

Latest revision as of 03:44, 2 November 2017

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

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.