Team:HZAU-China

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:HZAU-China/background-head}}
<html>
<html>
-
<b>
 
-
<p  style="text-align:center;"><a ><img src="https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png"></a></p>
 
-
</b>
 
-
</html>
 
-
<!--- 题头 --->
 
-
 
-
 
-
<html>
 
-
<head>
 
-
<style></style>
 
-
<title></title>
 
<style>
<style>
-
body {
+
a, a:visited {
-
     background:;
+
     color: #fff;
-
    margin:0;
+
-
    padding:0;
+
-
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
+
}
}
-
.example {
+
#background11{
-
    position:relative;
+
     background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
-
     background:#fff url();
+
     float:left;
-
     width:970px;
+
     min-heiht:200px;
-
     height:40px;
+
     width: 1000px;
-
    margin:0px auto;
+
-
    padding:0px ;
+
-
    border-radius:3px;
+
-
     -moz-border-radius:3px;
+
-
    -webkit-border-radius:3px;
+
}
}
-
.nav,.nav ul {
+
#picture{
-
     list-style:none;
+
     background-color:transparent;
-
     margin:0;
+
     clear: both;
-
     padding:0;
+
    float: left;
 +
    height: auto;
 +
    width: 535px;
 +
     padding-top: 17px;
 +
    padding-left: 20px;
 +
    padding-bottom: 10px;
}
}
-
.nav {
+
#paragraphs00{
-
     position:relative;
+
     background-color: transparent;
 +
    float: right;
 +
    height: auto;
 +
    padding: 10px;
 +
    padding-right:22px;
 +
    width: 400px;
}
}
-
.nav ul {
+
#paragraphs01{
-
     height:0;
+
    background-color: transparent;
-
     left:0;
+
    float: right;
-
     overflow:hidden;
+
     height: auto;
-
     position:absolute;
+
     width: 400px;
-
     top:36px;
+
     font-family: Arial,Helvetica,sans-serif;
 +
     font-size: 20px;
 +
     text-align: justify;
 +
 
}
}
-
.nav li {
+
p{
-
     float:left;
+
     line-height: 1.3em;
-
    position:relative;
+
}
}
-
.nav li a {
+
#paragraphs02{
-
    -moz-transition:1.5s;
+
     background-color: transparent;
-
    -o-transition:1.5s;
+
     float: right;
-
    -webkit-transition:1.5s;
+
     height: auto;
-
     background-color:#b4c3a6;
+
     width: 420px;
-
     border:1px solid #b4c3a6;
+
     margin:0;
-
     color:#FFF;
+
-
    display:block;
+
-
    font-size:20px;    line-height:23px;
+
-
     padding:5px 18.9px;
+
-
    text-decoration:none;
+
-
     transition:1s;
+
}
}
-
.nav li:hover > a {
+
#para1{
-
     background:#50524a;
+
     background-color: transparent;
-
     border-color:#b4c3a6;
+
     float: right;
-
     color:#fff;
+
     height: auto;
 +
    width: 400px;
 +
    margin:0;
}
}
-
.nav li:hover ul.subs {
+
 
-
     height:auto;
+
#background12{
-
     width:200px;
+
    background:url(https://static.igem.org/mediawiki/2013/8/80/Old_wall.jpg);
 +
     float:left;
 +
    heiht:300px;
 +
     width: 1000px;
 +
    padding-bottom:3px;
}
}
-
.nav ul li {
+
#sidebar{
-
     -moz-transition:0.5s;
+
     background-color:transparent;
-
    -o-transition:0.5s;
+
     height: auto;
-
    -webkit-transition:0.5s;
+
     float:left;
-
     opacity:0;
+
     width: 200px;
-
     transition:0.5s;
+
-
     width:100%;
+
}
}
-
.nav li ul li {
+
#sidebar1{
-
     -moz-transition-delay:0.5s;
+
     background-color:#81aa29;
-
     -o-transition-delay:0.5s;
+
     clear: both;
-
     -webkit-transition-delay:0.5s;
+
     height: 119;
-
     transition-delay:0.5s;
+
     width: 200px;
}
}
-
.nav li:hover ul li {
+
#sidebar2{
-
     opacity:1;
+
     background-color:#bbee4c;
-
     -moz-transition-delay:0.5s;
+
     clear: both;
-
     -o-transition-delay:0.5s;
+
     height:396px;
-
     -webkit-transition-delay:0.5s;
+
     padding-bottom:8px;
-
     transition-delay:0.5s;
+
     width: 200px;
}
}
-
.nav ul li a {
+
#sidebar3{
-
     background:#b4c3a6;
+
     background:url(https://static.igem.org/mediawiki/2013/archive/d/d7/20131028225958%2110001.png);
-
    border-color:#a8b8b8;
+
     clear: both;
-
     color:#fff;
+
     height: 119;
-
     line-height:1px;
+
     width: 200px;
-
     -moz-transition:0.5s;
+
-
    -o-transition:0.5s;
+
-
    -webkit-transition:0.5s;
+
-
    transition:0.5s;
+
}
}
-
.nav li:hover ul li a {
+
#sidebar4{
-
     line-height:25px;
+
     background-color:#abd658;
-
}
+
     clear: both;
-
.nav ul li a:hover {
+
     height: 399px;
-
     background:#8CCA33;
+
     width: 200px;
-
     background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
+
     padding-bottom:5px;
-
     background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
+
-
     background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
+
}
}
</style>
</style>
 +
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>图片轮播,选项卡,图片幻灯片效果</title>
 +
<style type="text/css">
 +
body{padding:0;margin:0;}
 +
        h1{margin:0;}
 +
.box{position:relative;width:525px;margin:0px auto;}
 +
.cont{height:365px;overflow:hidden;}
 +
.item{background:rgba(0,0,0,0.5);color:#fff;font-size:40px;position:absolute;left:0;bottom:0;width:100%;text-align:right;line-height:20px;height:20px;}
 +
.item a{margin-right:5px;cursor:pointer;text-shadow:0 0 3px ;}
 +
a.seld{color:#ffd017;}
 +
a.hide{display:none;}
 +
</style>
 +
<script src="/ajaxjs/jquery-1.6.2.min.js" type="text/javascript"></script>
 +
<script type="text/javascript">
 +
var n = 0;
 +
$(document).ready(function(){
 +
count=$(".cont a").length;//显示区域的内容长度
 +
$(".item a").click(function(){
 +
$(this).addClass("seld").siblings().removeClass("seld");
 +
var _index=$(this).index();//分屏的数字索引
 +
$(".cont>a").eq(_index).fadeIn(1000).siblings().fadeOut(1000);
 +
});
 +
t = setInterval("showAuto()", 7000);//执行定义好的函数
 +
$(".box").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 7000);});/*当鼠标划向图片时终止定时器,离开时再调用定时器*/
 +
})
 +
function showAuto()
 +
{
 +
n = n >=(count - 1)?0: ++n;
 +
$(".item a").eq(n).trigger('click');
 +
}
 +
</script>
</head>
</head>
 +
<body>
<body>
-
<div class="example">
+
<div id="background11">
-
     <ul class="nav">
+
     <div id="picture">
-
        <li><a href="https://2013.igem.org/Team:HZAU-China">Home</a></li>
+
<div class="box">
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Team">Team</a>
+
    <div class="cont">
-
        <ul class="subs">
+
            <a><img src="https://static.igem.org/mediawiki/2013/1/12/Sy5.jpg" width="525" height="365" /></a>
-
                <li><a href="/">Team members and Instructors</a></li>
+
            <a class="hide"><img src="https://static.igem.org/mediawiki/2013/f/fc/DSC_3720.JPG" width="525" height="365" /></a>
-
                <li><a href="https://2013.igem.org/Team:HZAU-China/Attributions">Attributions</a></li>
+
            <a class="hide"><img src="https://static.igem.org/mediawiki/2013/9/90/DSC_3472_%E5%89%AF%E6%9C%AC_%E5%89%AF%E6%9C%AC.jpg" width="525" height="365" /></a>
-
                <li><a href="/">Sponsors</a></li>
+
            <a class="hide"><img src="https://static.igem.org/mediawiki/2013/7/7d/DSC_3546_%E5%89%AF%E6%9C%AC_%E5%89%AF%E6%9C%AC.jpg" width="525" height="365" /></a>
-
            </ul> 
+
            <a class="hide"><img src="https://static.igem.org/mediawiki/2013/5/5a/DSC_3461_%E5%89%AF%E6%9C%AC2_%E5%89%AF%E6%9C%AC2.jpg" width="525" height="365" /></a>
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Project">Project</a>
+
         </div>
-
            <ul class="subs">
+
         <div class="item">
-
                <li><a href="/">Overview</a></li>
+
        <a class="seld">·</a>
-
                <li><a href="/">Fleas and Plague Bacillus</a></li>
+
            <a>·</a>
-
                <li><a href="/">Rabies Vaccine</a></li>
+
             <a>·</a>
-
                <li><a href="/">Bacterial Spores as Vaccine Vehicles</a></li>
+
            <a>·</a>
-
                <li><a href="/">Antimicrobial Peptides</a></li>
+
            <a>·</a>
-
            </ul>
+
         </div>
-
        </li>
+
        </div>
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Modeling">Modeling</a></li>
+
-
        <li><a href="/">Achievement</a>
+
-
        <ul class="subs">
+
-
                <li><a href="/">Results and data</a></li>
+
-
                <li><a href="https://2013.igem.org/Team:HZAU-China/Parts">Parts</a></li>
+
-
                <li><a href="/">judgement</a></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Notebook">Notebook</a>
+
-
        <ul class="subs">
+
-
                <li><a href="/">Development of our team and Summer Fun</a></li>
+
-
                <li><a href="/">Labnote</a></li>
+
-
                <li><a href="/">Protocol</a></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href="https://2013.igem.org/Team:HZAU-China/Safety">Safety</a></li>
+
-
         <li><a href="/">Human practice</a>
+
-
         <ul class="subs">
+
-
                <li><a href="/">Meeting with WHU and HUST</a></li>
+
-
                <li><a href="/">Visit to Wuhan Institute of Biological Products</a></li>
+
-
             <li><a href="/">To make IGEM and Synthetic Biology Universal </a></li>
+
-
          <li><a href="/">Understanding the Safety assessment of GM rice</a></li>
+
-
 
+
-
        </ul>
+
-
         </li>
+
-
    </ul>
+
-
<div style="clear:both"></div>
+
 +
    </div>
 +
    <div id="paragraphs00">
 +
      <div id="paragraphs01">
 +
      <div id="para1">
 +
          <div id="paragraphs02">
 +
          <p><span style="float:right;font-size:26.4px;font-family:Impact;color:#000000;line-height: 1.3em;">PROJECT: Safe Moving Vaccine Factory</span></p>
 +
          <p><span style="float:right;font-size:26.4px;font-family:Impact;color:#ffd017;line-height: 1.3em;">ABSTRACT</span></p>
 +
          </div>
 +
     
 +
          <p style="font-family:times new roman;">Our idea comes from <i>Yersinia pestis</i> and fleas. We make use of fleas as our moving injector. When fleas feed on blood from dogs, our vaccine vector <i>Bacillus subtilis</i> will be regurgitated into blood and successfully transferred to mammalian host. <i>Bacillus subtilis</i> can express antigens which can stimulate the immunity of dogs. Meanwhile, endogenous or exogenous expression of "Antimicrobial Peptides" by <i>B. subtilis</i> can kill <i>Yersinia pestis</i> in fleas. In this way we achieved a safe moving vaccine factory.</p>
 +
      </div>
 +
      </div>
 +
    </div>
</div>
</div>
-
</body>
 
-
</html>
 
-
     
 
-
<!--- 导航栏 --->
 
 +
<div id="background12">
 +
    <div id="sidebar">
 +
      <div id="sidebar3">
 +
      <p  style="font-family:Arial,Helvetica,sans-serif;font-size:30px;font-color:#fff;text-align:center; padding:20px;margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Project">Overview of our project </a></p>
 +
      </div>
 +
      <div id="sidebar4">
 +
        <p  style="font-family:Arial,Helvetica,sans-serif;font-size:17px;font-color:#000;text-align:justify; padding:10px;margin:0px;">55000 people die of rabies per year and about 95% of human deaths occur in Asia and Africa. We hope our project can help in reaching the WHO goal of being free of human rabies by 2020. This section shows the core consideration of our project.
 +
</p>
 +
      </div>     
 +
    </div>
-
<html>
+
    <div id="sidebar">
-
<b>
+
      <div id="sidebar1">
-
<p  style="text-align:left;"><a ><img src="https://static.igem.org/mediawiki/2013/9/9f/Comic_lab_1.jpg"></a></p>
+
      <p  style="font-family:Arial,Helvetica,sans-serif;font-size:30px;font-color:#fff;text-align:center; padding-left:8px;padding-right:8px;padding-top:1px;margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Project/Flea_and_Yersinia_pestis">Yersinia pestis and flea</a></p>
-
</b>
+
      </div>
-
</html>
+
      <div id="sidebar2">
-
<!--- 实验流程图 --->
+
        <p  style="font-family:Arial,Helvetica,sans-serif;font-size:17px;font-color:#000;text-align:justify;padding:10px; margin:0px;">Yersinia pestis can form biofilms to colonize the proventricular of flea. Blocked fleas can transfer Yersinia pestis to host. The mechanism has been widely researched. Although it is too early for us to release clean fleas, we do spend a lot of time in thinking of this mechanism. You can find the details of this interesting mechanism in this section.</p>
 +
      </div>     
 +
    </div>
 +
    <div id="sidebar">
 +
      <div id="sidebar3">
 +
      <p  style="font-family:Arial,Helvetica,sans-serif;font-size:30px;font-color:#fff;text-align:center;padding:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Modeling/Cellular_automata">Cellular automaton</a></p>
 +
      </div>
 +
      <div id="sidebar4">
 +
        <p  style="font-family:Arial,Helvetica,sans-serif;font-size:17px;font-color:#000;text-align:justify;padding:10px; margin:0px;">In order to know whether safe moving vaccine factory can reach 70% vaccination coverage of dogs, Cellular automaton model has been used to simulate the spread of immunity.</p>
 +
      </div>     
 +
    </div>
 +
    <div id="sidebar">
 +
      <div id="sidebar1">
 +
      <p  style="font-family:Arial,Helvetica,sans-serif;font-size:30px;font-color:#fff;text-align:center;padding:20px; margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Achievement/judgement">Judging form </a></p>
 +
      </div>
 +
      <div id="sidebar2">
 +
        <p  style="font-family:Arial,Helvetica,sans-serif;font-size:17px;font-color:#000;text-align:justify;padding:10px; margin:0px;">This year is the first time we attend iGEM. And we applied to attend this competition on April 27,2013. It must be a big challenge for anyone to finish iGEM in just six months. We finished this hard work with trial and error. From our judging form, you can know what we have done in six months.</p>
 +
      </div>     
 +
    </div>
 +
    <div id="sidebar">
 +
      <div id="sidebar3">
 +
      <p  style="font-family:Arial,Helvetica,sans-serif;font-size:30px;font-color:#fff;text-align:center;padding:20px; padding-left:22px;padding-right:22px;margin:0px;"><a href="https://2013.igem.org/Team:HZAU-China/Collaboration">Helpful Ideas</a></p>
 +
      </div>
 +
      <div id="sidebar4">
 +
        <p  style="font-family:Arial,Helvetica,sans-serif;font-size:17px;font-color:#000;text-align:justify;padding:10px; margin:0px;">We are iGEMers this year! It is a big challenge for us to finish the assessment of safety at the beginning of our work. We think every new iGEMer will face this kind of challenge. So we made suggestions on safety assessment for your new iGEMer guys! We hope these helpful ideas can provide some useful information for safety assessment. </p>
 +
      </div>     
 +
    </div>
 +
</div>
-
<html>
 
-
<b>
 
-
<p  style="text-align:center;"><a ><img src="https://static.igem.org/mediawiki/2013/7/79/%E5%BA%95%E9%83%A8%E7%AA%81%E5%87%BA%E4%BA%AE%E7%82%B9.png"></a></p>
 
-
</b>
 
-
</html>
 
-
<!--- 底部 --->
 
 +
</body>
-
 
-
<html>
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<title>jquery动态导航菜单效果</title>
 
-
<style type="text/css" media="screen">
 
-
body{
 
-
 
-
}
 
-
a{ color:#FFCC00;}
 
-
#menuBar{
 
-
overflow:hidden;
 
-
width:930px;
 
-
height:250px;
 
-
background: transparent url(/jscss/demoimg/201303/bar.jpg) no-repeat scroll left top;
 
-
margin:0 auto;
 
-
border:5px solid #111;
 
-
}
 
-
 
-
#menuBar ul{
 
-
width:900px;
 
-
margin:0 auto;
 
-
list-style-type: none;
 
-
}
 
-
#menuBar ul li{
 
-
float:left;
 
-
padding-right:55px;
 
-
}
 
-
 
-
#menuBar a{
 
-
width:170px;
 
-
height:160px;
 
-
display:block;
 
-
background: transparent url(https://static.igem.org/mediawiki/2013/archive/6/60/20130709122958%21%E6%A0%87%E9%A2%98.png) no-repeat scroll ;
 
-
padding-top:200px;
 
-
                               
 
-
color:#ddd;
 
-
font-family: Arial, "MS Trebuchet", sans-serif;
 
-
text-decoration: none;
 
-
font-size:20pt;
 
-
font-weight:bold;
 
-
outline:none;
 
-
}
 
-
#menuBar a:hover{
 
-
background-image:url(https://static.igem.org/mediawiki/2013/7/79/%E5%BA%95%E9%83%A8%E7%AA%81%E5%87%BA%E4%BA%AE%E7%82%B9.png);
 
-
}
 
-
#menuBar a#Home{
 
-
background-position:-00px top;
 
-
}
 
-
#menuBar a#About{
 
-
background-position:-200px top;
 
-
}
 
-
#menuBar a#Gallery{
 
-
background-position:-400px top;
 
-
}
 
-
#menuBar a#Contact{
 
-
background-position:-600px top;
 
-
}
 
-
                     
 
-
</style>
 
-
</head>
 
-
<body>
 
-
<div id="menuBar">
 
-
<ul>
 
-
<li><a href="#" id="Home">Home</a></li>
 
-
<li><a href="#" id="About">About</a></li>
 
-
<li><a href="#" id="Gallery">Gallery</a></li>
 
-
<li><a href="#" id="Contact">Contact</a></li>
 
-
                             
 
-
</ul>
 
-
</div><br />
 
-
 
-
</body>
 
-
<script type="text/javascript" src="/ajaxjs/jquery-1.7.2.min.js"></script>
 
-
<script type="text/javascript" charset="utf-8">
 
-
$(document).ready(function() {
 
-
$("a").mouseover(function(){
 
-
var selected = "#"+$(this).attr("id");
 
-
$(selected).animate({paddingTop:"185px"}, 100);
 
-
}).mouseout(function(){
 
-
var selected = "#"+$(this).attr("id");
 
-
$(selected).animate({paddingTop:"260px"}, 100);
 
-
});
 
-
});
 
-
</script>
 
-
</body>
 
</html>
</html>
 +
{{:Team:HZAU-China/background-footer}}
 +
<br/>

Latest revision as of 11:22, 9 November 2013

图片轮播,选项卡,图片幻灯片效果

PROJECT: Safe Moving Vaccine Factory

ABSTRACT

Our idea comes from Yersinia pestis and fleas. We make use of fleas as our moving injector. When fleas feed on blood from dogs, our vaccine vector Bacillus subtilis will be regurgitated into blood and successfully transferred to mammalian host. Bacillus subtilis can express antigens which can stimulate the immunity of dogs. Meanwhile, endogenous or exogenous expression of "Antimicrobial Peptides" by B. subtilis can kill Yersinia pestis in fleas. In this way we achieved a safe moving vaccine factory.