Team:Beijing HDFLS High

From 2014hs.igem.org

(Difference between revisions)
(→We design a kind of bee necklace that contains protective melittin eyedropper, which can help you alleviate eyestrain after using computer for a long time. This is a basic overview of our design this year!)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
-
<html>
+
{{:Team:Beijing_HDFLS_High/header}}
-
<head>
+
[[File:team wiki.png|center|900px]]
-
<title>Beijing HDFLS iGEM 2013</title>
+
-
<script type="text/javascript">
+
-
var tabdropdown={
+
=='''We design a kind of  bee necklace that contains protective melittin eyedropper, which can help you  alleviate eyestrain after using computer for a long time. This is  a basic overview of our design this year!'''==
-
disappeardelay: 200, //set delay in miliseconds before menu disappears onmouseout
+
[[File:product 1wiki.png|center|100px]]
-
disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link?
+
[[File:protective generator wiki.png|center|500px]]
-
enableiframeshim: 1, //1 or 0, for true or false
+
<br>
 +
<br>
-
//No need to edit beyond here////////////////////////
+
=='''This is  the compositive generators of this year and last year. The biological system has dual functions. For details, you can refer to our project.'''==
-
dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, previousmenuitem:null,
+
[[File:product2.png|center|100px]]
-
currentpageurl: window.location.href.replace("http://"+window.location.hostname, "").replace(/^\//, ""), //get current page url (minus hostname, ie: http://www.dynamicdrive.com/)
+
[[File:Mellitin_generator.png|center|800px]]
-
 
+
-
getposOffset:function(what, offsettype){
+
-
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
+
-
var parentEl=what.offsetParent;
+
-
while (parentEl!=null){
+
-
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
+
-
parentEl=parentEl.offsetParent;
+
-
}
+
-
return totaloffset;
+
-
},
+
-
 
+
-
showhide:function(obj, e, obj2){ //obj refers to drop down menu, obj2 refers to tab menu item mouse is currently over
+
-
if (this.ie || this.firefox)
+
-
this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px"
+
-
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){
+
-
if (obj2.parentNode.className.indexOf("default")==-1) //if tab isn't a default selected one
+
-
obj2.parentNode.className="selected"
+
-
obj.visibility="visible"
+
-
}
+
-
else if (e.type=="click")
+
-
obj.visibility="hidden"
+
-
},
+
-
 
+
-
iecompattest:function(){
+
-
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
+
-
},
+
-
 
+
-
clearbrowseredge:function(obj, whichedge){
+
-
var edgeoffset=0
+
-
if (whichedge=="rightedge"){
+
-
var windowedge=this.ie && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
+
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth
+
-
if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left?
+
-
edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth
+
-
}
+
-
else{
+
-
var topedge=this.ie && !window.opera? this.standardbody.scrollTop : window.pageYOffset
+
-
var windowedge=this.ie && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
+
-
this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight
+
-
if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up?
+
-
edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight
+
-
if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either?
+
-
edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
+
-
}
+
-
this.dropmenuobj.firstlink.style.borderTopWidth=(edgeoffset==0)? 0 : "1px" //Add 1px top border to menu if dropping up
+
-
}
+
-
return edgeoffset
+
-
},
+
-
 
+
-
dropit:function(obj, e, dropmenuID){
+
-
if (this.dropmenuobj!=null){ //hide previous menu
+
-
this.dropmenuobj.style.visibility="hidden" //hide menu
+
-
if (this.previousmenuitem!=null && this.previousmenuitem!=obj){
+
-
if (this.previousmenuitem.parentNode.className.indexOf("default")==-1) //If the tab isn't a default selected one
+
-
this.previousmenuitem.parentNode.className=""
+
-
}
+
-
}
+
-
this.clearhidemenu()
+
-
if (this.ie||this.firefox){
+
-
obj.onmouseout=function(){tabdropdown.delayhidemenu(obj)}
+
-
obj.onclick=function(){return !tabdropdown.disablemenuclick} //disable main menu item link onclick?
+
-
this.dropmenuobj=document.getElementById(dropmenuID)
+
-
this.dropmenuobj.onmouseover=function(){tabdropdown.clearhidemenu()}
+
-
this.dropmenuobj.onmouseout=function(e){tabdropdown.dynamichide(e, obj)}
+
-
this.dropmenuobj.onclick=function(){tabdropdown.delayhidemenu(obj)}
+
-
this.showhide(this.dropmenuobj.style, e, obj)
+
-
this.dropmenuobj.x=this.getposOffset(obj, "left")
+
-
this.dropmenuobj.y=this.getposOffset(obj, "top")
+
-
this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
+
-
this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
+
-
this.previousmenuitem=obj //remember main menu item mouse moved out from (and into current menu item)
+
-
this.positionshim() //call iframe shim function
+
-
}
+
-
},
+
-
 
+
-
contains_firefox:function(a, b) {
+
-
while (b.parentNode)
+
-
if ((b = b.parentNode) == a)
+
-
return true;
+
-
return false;
+
-
},
+
-
 
+
-
dynamichide:function(e, obj2){ //obj2 refers to tab menu item mouse is currently over
+
-
var evtobj=window.event? window.event : e
+
-
if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement))
+
-
this.delayhidemenu(obj2)
+
-
else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget))
+
-
this.delayhidemenu(obj2)
+
-
},
+
-
 
+
-
delayhidemenu:function(obj2){
+
-
this.delayhide=setTimeout(function(){tabdropdown.dropmenuobj.style.visibility='hidden'; if (obj2.parentNode.className.indexOf('default')==-1) obj2.parentNode.className=''},this.disappeardelay) //hide menu
+
-
},
+
-
 
+
-
clearhidemenu:function(){
+
-
if (this.delayhide!="undefined")
+
-
clearTimeout(this.delayhide)
+
-
},
+
-
 
+
-
positionshim:function(){ //display iframe shim function
+
-
if (this.enableiframeshim && typeof this.shimobject!="undefined"){
+
-
if (this.dropmenuobj.style.visibility=="visible"){
+
-
this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
+
-
this.shimobject.style.height=this.dropmenuobj.offsetHeight+"px"
+
-
this.shimobject.style.left=this.dropmenuobj.style.left
+
-
this.shimobject.style.top=this.dropmenuobj.style.top
+
-
}
+
-
this.shimobject.style.display=(this.dropmenuobj.style.visibility=="visible")? "block" : "none"
+
-
}
+
-
},
+
-
 
+
-
hideshim:function(){
+
-
if (this.enableiframeshim && typeof this.shimobject!="undefined")
+
-
this.shimobject.style.display='none'
+
-
},
+
-
 
+
-
isSelected:function(menuurl){
+
-
var menuurl=menuurl.replace("http://"+menuurl.hostname, "").replace(/^\//, "")
+
-
return (tabdropdown.currentpageurl==menuurl)
+
-
},
+
-
 
+
-
init:function(menuid, dselected){
+
-
this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
+
-
var menuitems=document.getElementById(menuid).getElementsByTagName("a")
+
-
for (var i=0; i<menuitems.length; i++){
+
-
if (menuitems[i].getAttribute("rel")){
+
-
var relvalue=menuitems[i].getAttribute("rel")
+
-
document.getElementById(relvalue).firstlink=document.getElementById(relvalue).getElementsByTagName("a")[0]
+
-
menuitems[i].onmouseover=function(e){
+
-
var event=typeof e!="undefined"? e : window.event
+
-
tabdropdown.dropit(this, event, this.getAttribute("rel"))
+
-
}
+
-
}
+
-
if (dselected=="auto" && typeof setalready=="undefined" && this.isSelected(menuitems[i].href)){
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
var setalready=true
+
-
}
+
-
else if (parseInt(dselected)==i)
+
-
menuitems[i].parentNode.className+=" selected default"
+
-
}
+
-
}
+
-
 
+
-
}
+
-
</script>
+
-
<style>
+
-
.ddcolortabs{
+
-
padding: 0;
+
-
width: 100%;
+
-
background: transparent;
+
-
voice-family: "\"}\"";
+
-
voice-family: inherit;
+
-
}
+
-
 
+
-
.ddcolortabs ul{
+
-
font: normal 11px Arial, Verdana, sans-serif;
+
-
margin:0;
+
-
padding:0;
+
-
list-style:none;
+
-
}
+
-
 
+
-
.ddcolortabs li{
+
-
display:inline;
+
-
margin:0 2px 0 0;
+
-
padding:0;
+
-
text-transform:uppercase;
+
-
}
+
-
 
+
-
 
+
-
.ddcolortabs a{
+
-
float:left;
+
-
color: white;
+
-
background: black url(media/color_tabs_left.gif) no-repeat left top;
+
-
margin:0 2px 0 0;
+
-
padding:0 0 1px 3px;
+
-
text-decoration:none;
+
-
letter-spacing: 1px;
+
-
}
+
-
 
+
-
.ddcolortabs a span{
+
-
float:left;
+
-
display:block;
+
-
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
+
-
padding: 4px 8px 2px 7px;
+
-
}
+
-
 
+
-
.ddcolortabs a span{
+
-
float:none;
+
-
}
+
-
 
+
-
.ddcolortabs a:hover{
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabs a:hover span{
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabs .selected a, #ddcolortabs .selected a span{ /*currently selected tab*/
+
-
background-color: #591f20;
+
-
}
+
-
 
+
-
.ddcolortabsline{
+
-
clear: both;
+
-
padding: 0;
+
-
width: 100%;
+
-
height: 8px;
+
-
line-height: 8px;
+
-
background: black;
+
-
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
+
-
}
+
-
 
+
-
/* ######### Style for Drop Down Menu ######### */
+
-
 
+
-
.dropmenudiv_a{
+
-
position:absolute;
+
-
top: 0;
+
-
border: 1px solid black; /*THEME CHANGE HERE*/
+
-
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
+
-
border-bottom-width: 0;
+
-
font:normal 12px Arial;
+
-
line-height:18px;
+
-
z-index:100;
+
-
background-color: white;
+
-
width: 200px;
+
-
visibility: hidden;
+
-
}
+
-
 
+
-
 
+
-
.dropmenudiv_a a{
+
-
width: auto;
+
-
display: block;
+
-
text-indent: 5px;
+
-
border-top: 0 solid #678b3f;
+
-
border-bottom: 1px solid #678b3f; /*THEME CHANGE HERE*/
+
-
padding: 2px 0;
+
-
text-decoration: none;
+
-
color: black;
+
-
}
+
-
 
+
-
* html .dropmenudiv_a a{ /*IE only hack*/
+
-
width: 100%;
+
-
}
+
-
 
+
-
.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
+
-
background-color: #8a3c3d;
+
-
color: white;
+
-
}
+
-
</style>
+
-
</head>
+
-
<!-- CSS for Drop Down Tabs Menu #1 -->
+
-
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
+
-
 
+
-
<div id="colortab" class="ddcolortabs">
+
-
<ul>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High" title="Home"><span>Home</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team" title="Our Team" rel="dropmenu1_a"><span>Team</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Project" title="Project and Results" rel="dropmenu1_a"><span>Project</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Notebook" title="Our working log"><span>Notebook</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Safety" title="How we guarantee the safety in lab" rel="dropmenu1_a"><span>Safety</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Attribute" title="Attribute of every member in team" rel="dropmenu2_a"><span>Attribute</span></a></li>
+
-
<li><a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Human" title="Human Practices" rel="dropmenu2_a"><span>Human Practices</span></a></li>
+
-
</ul>
+
-
</div>
+
-
<div class="ddcolortabsline">&nbsp;</div>
+
-
<div id="dropmenu1_a" class="dropmenudiv_a">
+
-
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Overview</a>
+
-
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step1</a>
+
-
<a href="https://2014hs.igem.org/Team:Beijing_HDFLS_High/Team">Step2</a>
+
-
</div>
+
-
<script type="text/javascript">
+
-
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
+
-
tabdropdown.init("colortab", 3)
+
-
</script>
+
-
</html>
+
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
-
 
+
-
 
+
-
 
+
-
<!-- *********************** End of the alert box *********************** -->
+
-
 
+
-
 
+
-
 
+
-
{|align="justify"
+
-
|
+
-
|[[Image:Beijing_HDFLS_High_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
|[[Image:Beijing_HDFLS_High_team.png|center|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Beijing_HDFLS_High | Team Beijing_HDFLS_High]]
+
-
|}
+
-
 
+
-
<!--- Notebook Information Link --->
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
===Human Practices===
+
-
Today is a big day for our iGEM team. We visited the Chinese Academy of Sciences Key Laboratory of Plant Molecular Physiology. At first, we met professor Qi Xiaoquan. He analyzed our project with us and give us some helpful suggestions. Then, a Postdoctoral called John Hugh Snyder who is working at here brought us to laboratorys and introduced experimental instruments to us. We have learned how to use experimental instruments.It have a lot of good effects on doing experiments later. It broaden our horizons and experience something I’d never experience before. We were very appreciate to them.
+
-
[[File:IMG_0931.jpg]]
+
-
[[File:车上讲解.jpg]]
+
-
[[File:馆内照.jpg]]
+
-
[[File:问问题.jpg]]
+
-
[[File:赵子鼎交流.jpg]]
+
-
 
+
-
Today is May 18th we took on the laboratory curiosity, excitement and a little nervous for the first time to go out to do the experiment . Collection starting at 12:30 in the school Life Science Research Center of Agricultural University to Xiaojiahe .We were divided into four groups each of three individuals along with four graduate students began to do experiments. We do experiments are simple , the first is the plasmid , the rush started with a pipette plus get more drugs than that gets less, still trembling . Although the video saw many times but always imagined yourself different . After completion mention plasmid then do we measure the concentration of enzyme , ran glue. Our group of fairly successful experiment , you can clearly see the results , we have done after finish plastic recycling. Although we set the slowest but we do not have to jump very serious step , the next time I am sure many will be proficient .
+
-
For the first time into the laboratory is still very excited , everything is still new , and sometimes not always concerned about the experiment , I felt really doing is doing such a thing . In fact, there is another novelty habit of the day, we will eventually have to make sense of everything , as IGEM leaving a full, no regrets footprint.
+
-
 
+
-
===Fun===
+
-
We are a very unit team, we like ice-cream and lollipop. Where the crazy is, where we are! Come and support us, it is our pleasure to answer you if anyone ask any question to us.
+
-
[[File:1.JPG|left|200px]] [[File:2.jpg|left|200px]] [[File:3.JPG|left|200px]][[File:4.JPG|left|200px]]
+
-
 
+
-
 
+
-
 
+
-
<forum_subtle />
+

Latest revision as of 12:58, 3 May 2015

Header wiki.png

Beijing HDFLS iGEM 2013

 



Team wiki.png

We design a kind of bee necklace that contains protective melittin eyedropper, which can help you alleviate eyestrain after using computer for a long time. This is a basic overview of our design this year!

Product 1wiki.png
Protective generator wiki.png



This is the compositive generators of this year and last year. The biological system has dual functions. For details, you can refer to our project.

Product2.png
Mellitin generator.png
Retrieved from "http://2014hs.igem.org/Team:Beijing_HDFLS_High"