Team:SYSU-China

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
{{:Team:SYSU-China/header/wikireset}}
{{:Team:SYSU-China/header/wikireset}}
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<title></title>
+
<title>Project Main Page-Sun Yat-sen Univ.</title>
-
<link rel="stylesheet" href="style.css" />
+
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
+
<script src="galleria.js"></script>
-
<script type="text/javascript">
+
<style>
-
<style>  
+
#galleria{
-
/*
+
width:1000px;
-
* Reset iGEM Wiki CSS. Use this with Template:Team:HokkaidoU_Japan/css/reset.css
+
height:602px;
-
*/
+
margin:0px;
-
#top-section{
+
background:#fff;
-
    position: absolute;
+
position: absolute;
-
    width: 100%;
+
top: 0px;
-
    height: 0;
+
            }
-
    border: none;
+
.main_page_content_textbox p{
 +
font-size:12px
}
}
-
#top-section #menubar.left-menu{
+
 
-
    position: absolute;
+
#background_shadow .mainpage_homepage_WholeContainer #main_page_content_WholeBox .main_page_content_box_r0 .main_page_content_textbox p {
-
    top: 0; left: 0;
+
font-size: 12px;
}
}
-
#top-section #menubar.right-menu{
+
</style>
-
    position: absolute;
+
-
    top: 0; right: 0;
+
-
}
+
-
#top-section #p-logo,
+
-
#top-section #search-controls,
+
-
#content h1.firstHeading,
+
-
#content #bodyContent #contentSub,
+
-
#content #bodyContent p,    /* holly crap, they have p element for script tag and no id and no class... */
+
-
#catlinks{
+
-
    display: none;
+
-
}
+
-
#globalWrapper,
+
-
#globalWrapper #content{
+
-
    background: none;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    border: none;
+
-
    width: auto;
+
-
}
+
-
+
-
#footer-box {
+
-
border-top: 1px solid #E4E4E4;
+
-
border-right: 0px;
+
-
border-bottom: 0px;
+
-
border-left: 0px;
+
-
}
+
-
+
-
</style>  
+
-
/*
+
-
* FeatureList - simple and easy creation of an interactive "Featured Items" widget
+
-
* Examples and documentation at: http://jqueryglobe.com/article/feature_list/
+
-
* Version: 1.0.0 (01/09/2009)
+
-
* Copyright (c) 2009 jQueryGlobe
+
-
* Licensed under the MIT License: http://en.wikipedia.org/wiki/MIT_License
+
-
* Requires: jQuery v1.3+
+
-
*/
+
-
;(function($) {
+
-
$.fn.featureList = function(options) {
+
-
var tabs = $(this);
+
-
var output = $(options.output);
+
-
new jQuery.featureList(tabs, output, options);
+
</head>
-
return this;
 
-
};
 
-
 
-
$.featureList = function(tabs, output, options) {
 
-
function slide(nr) {
 
-
if (typeof nr == "undefined") {
 
-
nr = visible_item + 1;
 
-
nr = nr >= total_items ? 0 : nr;
 
-
}
 
-
 
-
tabs.removeClass('current').filter(":eq(" + nr + ")").addClass('current');
 
-
 
-
output.stop(true, true).filter(":visible").fadeOut();
 
-
output.filter(":eq(" + nr + ")").fadeIn(function() {
 
-
visible_item = nr;
 
-
});
 
-
}
 
-
 
-
var options = options || {};
 
-
var total_items = tabs.length;
 
-
var visible_item = options.start_item || 0;
 
-
 
-
options.pause_on_hover = options.pause_on_hover || true;
 
-
options.transition_interval = options.transition_interval || 5000;
 
-
 
-
output.hide().eq( visible_item ).show();
 
-
tabs.eq( visible_item ).addClass('current');
 
-
 
-
tabs.click(function() {
 
-
if ($(this).hasClass('current')) {
 
-
return false;
 
-
}
 
-
 
-
slide( tabs.index( this) );
 
-
});
 
-
 
-
if (options.transition_interval > 0) {
 
-
var timer = setInterval(function () {
 
-
slide();
 
-
}, options.transition_interval);
 
-
 
-
if (options.pause_on_hover) {
 
-
tabs.mouseenter(function() {
 
-
clearInterval( timer );
 
-
 
-
}).mouseleave(function() {
 
-
clearInterval( timer );
 
-
timer = setInterval(function () {
 
-
slide();
 
-
}, options.transition_interval);
 
-
});
 
-
}
 
-
}
 
-
};
 
-
})(jQuery);
 
-
</script>
 
-
<script language="javascript">
 
-
$(document).ready(function() {
 
-
 
-
$.featureList(
 
-
$("#tabs li a"),
 
-
$("#output li"), {
 
-
start_item : 1
 
-
}
 
-
);
 
-
 
-
/*
 
-
 
-
// Alternative
 
-
 
-
 
-
$('#tabs li a').featureList({
 
-
output : '#output li',
 
-
start_item : 1
 
-
});
 
-
 
-
*/
 
-
 
-
});
 
-
</script>
 
-
 
-
</head>
 
<body>
<body>
<div id="background_shadow">
<div id="background_shadow">
-
   <div id="loge_bar"><img src="https://static.igem.org/mediawiki/igem.org/2/20/SYSU_Logo_bar.png" width="1000" height="138" /></div>
+
   <div class="mainpage_homepage_WholeContainer">
 +
      <div id="galleria" >
 +
        <img src="https://static.igem.org/mediawiki/2011/9/96/Head_BIG.jpg">
 +
        <img src="https://static.igem.org/mediawiki/2011/3/34/Head_news_wiki2.jpg">
 +
        <img src="https://static.igem.org/mediawiki/2011/9/9d/Head_news_World.jpg">
 +
        <img src="https://static.igem.org/mediawiki/2011/7/7f/Head_animatioin.jpg">
 +
        <img src="https://static.igem.org/mediawiki/2011/f/ff/Head_news_LC.jpg">
 +
        <img src="https://static.igem.org/mediawiki/2011/9/97/Head_news_app.jpg">     
 +
        <img src="https://static.igem.org/mediawiki/2011/6/6d/Head_news_wiki1.jpg">
 +
     
 +
       
 +
    </div>
 +
<script>
      
      
-
  <div id="content">
+
    // Load theme
-
<div id="feature_list">
+
    Galleria.loadTheme('galleria.dots.js');
-
<ul id="tabs">
+
   
-
<li>
+
    $('#galleria').galleria();
-
<a href="javascript:;">
+
   
-
<img src="https://static.igem.org/mediawiki/igem.org/8/80/SYSU_Homepage_tab_news.png" />
+
    </script><!-- #BeginLibraryItem "/Library/manu.lbi" --><!--------here begins the manu bar section--!-->
-
</a>
+
    <div class="title_container">
-
  </li>
+
    <div id="menu">
-
<li>
+
      <ul class="menu">
-
<a href="javascript:;">
+
        <li><a href="../index.thml"><span></span></a></li>
-
<img src="https://static.igem.org/mediawiki/igem.org/4/48/SYSU_Homepage_tab_story.png" />
+
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
-
</a>
+
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>      
-
</li>
+
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_project" class="parent"><span>PROJECT</span></a>
-
<li>
+
          <div>
-
<a href="javascript:;">
+
              <ul>
-
<img src="https://static.igem.org/mediawiki/igem.org/0/0c/SYSU_Homepage_tab_project.png" />
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_construction"><span>Bacterial Migration</span></a>
-
</a>
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_verification"><span>Cesium Absorption</span></a></li>
-
</li>
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_functional_construction"><span>Aggregation & Recovery</span></a></li>
-
  <li>
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
-
<a href="javascript:;">
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Date Page</span></a></li>
-
<img src="https://static.igem.org/mediawiki/igem.org/0/00/SYSU_Homepage_tab_humanpractice.png" />
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_safety"><span>Safety</span></a></li>
-
</a>
+
              </ul>
-
</li>
+
            </div>
-
              <li>
+
        </li>
-
    <a href="javascript:;">
+
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_human_practice" class="parent"><span>HUMAN PRACTICE</span></a>
-
    <img src="https://static.igem.org/mediawiki/igem.org/4/42/SYSU_Homepage_tab_aboutus.png" />
+
          <div>
-
    </a>
+
              <ul>
-
  </li>
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_app"><span>App</span></a>
-
 
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_labcraft"><span>LabCraft Board Game</span></a></li>
-
 
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_workshop"><span>Workshop</span></a></li>
-
</ul>
+
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_survey"><span>Survey</span></a></li>
-
  <ul id="output">
+
              </ul>
-
                 <li>
+
            </div>
-
<img src="https://static.igem.org/mediawiki/igem.org/7/77/SYSU_Home_bgp_news.png" />
+
        </li>
-
<a href="https://2011.igem.org/Team:SYSU-China/main_page_news">See details</a>
+
       
 +
        <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_aboutus" class="parent"><span>ABOUT US</span></a>
 +
          <div>
 +
              <ul>
 +
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_team_members"><span>Team Members</span></a>
 +
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_special_thanks"><span>Special Thanks</span></a></li>
 +
                <li><a href="https://2011.igem.org/Team:SYSU-China/page_aboutus_LT"><span>Visual Identity</span></a></li>
 +
              </ul>
 +
            </div>
         </li>
         </li>
-
                <li>
 
-
<img src="https://static.igem.org/mediawiki/igem.org/3/36/SYSU_Home_bgp_story.png" />
 
-
<a href="https://2011.igem.org/Team:SYSU-China/main_page_story">See details</a>
 
-
</li>
 
-
<li>
 
-
<img src="https://static.igem.org/mediawiki/igem.org/d/da/SYSU_Home_bgp_project.png" />
 
-
<a href="https://2011.igem.org/Team:SYSU-China/main_page_project">See details</a>
 
-
  </li>
 
-
              <li>
 
-
<img src="https://static.igem.org/mediawiki/igem.org/8/82/SYSU_Home_bgp_humanpractice.png
 
-
" />
 
-
<a href="https://2011.igem.org/Team:SYSU-China/main_page_human_practice">See details</a>
 
-
  </li>
 
-
              <li>
 
-
<img src="https://static.igem.org/mediawiki/igem.org/7/7b/SYSU_Home_bgp_aboutus.png
 
-
" />
 
-
<a href="https://2011.igem.org/Team:SYSU-China/main_page_aboutus">See details</a>
 
-
  </li>
 
 +
      </ul>
 +
    </div><!--here ends the manu!-->
 +
    <div id="logo_bar"><a href="https://2011.igem.org/Team:SYSU-China"><img src="https://static.igem.org/mediawiki/2011/2/25/Logo_green.png" width="93" height="125" /></a></div>
 +
    </div><!--here ends the title_container!-->
 +
       
 +
   
 +
   
 +
<!--------here ends the title_section------!-->     
 +
    <div id="main_page_clearer"></div>   
 +
<!-- #EndLibraryItem --><!------here begins the main content section--!-->
 +
 
 +
  <div id="main_page_content_WholeBox">
 +
<!---------------------------------------------!--> 
 +
      <div class="main_page_content_box">
 +
        <div class="main_page_content_Whole_intro_bar">     
 +
          <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/b/b4/Button_01news.png
 +
" width="227" height="34" /></div>
 +
          <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_construction"></a></div>
 +
        </div>
 +
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/98/Smallhead_01news.png
 +
" width="306" height="136" /></div>
 +
        <div class="main_page_content_textbox">
 +
        <p>Find out our lasted news and updates here, including our project, our experiments, our wiki and so on.</p>
 +
        <p>&nbsp;</p>
 +
        </div>
 +
      </div>
 +
<!---------------------------------------------!-->     
 +
        <div class="main_page_content_box">
 +
          <div class="main_page_content_Whole_intro_bar">
 +
            <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/b/bf/Button_02story.png
 +
" width="227" height="34" /></div>
 +
            <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_verification"></a></div>
 +
          </div>
 +
          <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/9e/Smallhead_02story.png
 +
" width="306" height="136" /></div>
 +
          <div class="main_page_content_textbox">
 +
          <p>Saddened by  the nuclear accident happened in Japan, we came up with an idea of the &quot;Nuclear-Leakage Rescueres&quot;, which are designed to search and absorb the cesium-137. Find out the abstract and the story behind the whole project.</p>
 +
          </div>
 +
 +
      </div>
 +
<!---------------------------------------------!-->       
 +
      <div class="main_page_content_box_r0">
 +
        <div class="main_page_content_Whole_intro_bar">
 +
          <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/9/96/Button_03project.png
 +
" width="227" height="34" /></div>
 +
          <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_functional_construction"></a></div>
 +
        </div>
 +
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/d/d6/Smallhead_03project.png
 +
" width="306" height="136" /></div>
 +
        <div class="main_page_content_textbox">
 +
          <p>There are three main parts in our project. We have realized BACTERIAL MIGRATION with recAp and CheZ gene and CESIUM ABSORPTION with recNp and TrkD and finally,  AGGREGATION &amp; RECOVERY with Antigen-43.
 +
          The Data Page, Notes and Safety of our experiments are also included in this section.</p>
 +
          <p>&nbsp;</p>
 +
        </div>
 +
      </div>
 +
<!---------------------------------------------!--><!---------------------------------------------!-->
 +
      <div class="main_page_content_box">
 +
        <div class="main_page_content_Whole_intro_bar">
 +
        <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/f/f8/Button_04human.png
 +
" width="227" height="34" /></div>
 +
        <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"></a></div>
 +
        </div>
 +
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/8/88/Smallhead_04human.png
 +
" width="306" height="136" /></div>
 +
        <div class="main_page_content_textbox">
 +
          <p>We have finished comprehensive human practice, including an iOS app, a board game, a survey and workshop. We focus on finding a scientifically accurate as well as vivid way to introduce SynBio and iGEM to the public.</p>
 +
        </div>         
 +
      </div>
 +
<!---------------------------------------------!-->     
 +
      <div class="main_page_content_box">
 +
        <div class="main_page_content_Whole_intro_bar">
 +
  <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/5/50/Button_05about.png
 +
" width="227" height="34" /></div>
 +
        <div class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"></a></div>
 +
        </div>
 +
        <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/3/3d/Smallhead_05about.png
 +
" width="306" height="136" /></div>
 +
        <div class="main_page_content_textbox">
 +
          <p>Learn more about the members, the university and the Visual Identity of our team. You can contact us through Internet or mail. And we also show our special thanks to those who had helped us with the project.</p>
 +
        </div>
 +
      </div>
 +
<!---------------------------------------------!-->       
 +
     
 +
<!---------------------------------------------!-->     
 +
     
 +
  </div><!--here ends the main_page_content_WholeBox!-->
 +
  <div class="main_page_clearer_light"></div>
 +
  </div><!--here ends the mainpage_project_WholeContainer!-->
-
    </ul>
+
<!--here begins the contact_bottombar!-->
-
 
+
     <div class="contact_bottombar">
-
  </div>
+
-
</div>
+
-
      
+
-
  <div class="contact_bottombar">
+
       <p>From the 2011 iGEM team SYSU-China (2011)</p>
       <p>From the 2011 iGEM team SYSU-China (2011)</p>
       <p>Sun Yat-Sen University, Guangzhou, China</p>
       <p>Sun Yat-Sen University, Guangzhou, China</p>
Line 221: Line 187:
       <p><a href="http://eng.sysu.edu.cn/">visit the Sun Yat-sen university website</a></p>
       <p><a href="http://eng.sysu.edu.cn/">visit the Sun Yat-sen university website</a></p>
       <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
       <p>Thanks Apycom jQuery Menus and <a href="http://apycom.com/">visit their website</a>
 +
  </div>
 +
    <!--here ends the contact_bottombar!-->
-
    </div>
+
</div><!--here ends the backgroud_shadow_bar!-->
-
</div>
+
</body>
</body>
</html>
</html>

Revision as of 04:29, 23 October 2011

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Project Main Page-Sun Yat-sen Univ.

Find out our lasted news and updates here, including our project, our experiments, our wiki and so on.

 

Saddened by the nuclear accident happened in Japan, we came up with an idea of the "Nuclear-Leakage Rescueres", which are designed to search and absorb the cesium-137. Find out the abstract and the story behind the whole project.

There are three main parts in our project. We have realized BACTERIAL MIGRATION with recAp and CheZ gene and CESIUM ABSORPTION with recNp and TrkD and finally, AGGREGATION & RECOVERY with Antigen-43. The Data Page, Notes and Safety of our experiments are also included in this section.

 

We have finished comprehensive human practice, including an iOS app, a board game, a survey and workshop. We focus on finding a scientifically accurate as well as vivid way to introduce SynBio and iGEM to the public.

Learn more about the members, the university and the Visual Identity of our team. You can contact us through Internet or mail. And we also show our special thanks to those who had helped us with the project.

From the 2011 iGEM team SYSU-China (2011)

Sun Yat-Sen University, Guangzhou, China

Address: 135# Xingang Rd.(W.), Haizhu Guangzhou, P.R.China

visit the Sun Yat-sen university website

Thanks Apycom jQuery Menus and visit their website

Retrieved from "http://2011.igem.org/Team:SYSU-China"