Team:SYSU-China

From 2011.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:SYSU-China/header/jscss}}
+
{{:Team:SYSU-China/header/jscssforhomepage}}
{{:Team:SYSU-China/header/wikireset}}
{{:Team:SYSU-China/header/wikireset}}
Line 6: Line 6:
<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>Project Main Page-Sun Yat-sen Univ.</title>
+
<title>Home Page-Sun Yat-sen Univ.</title>
 +
<link type="text/css" href="../menu.css" rel="stylesheet" />
 +
<script type="text/javascript" src="../jquery.js"></script>
 +
<script type="text/javascript" src="../menu.js"></script>
 +
<link href="../style.css" rel="stylesheet" type="text/css" />
 +
<script type="text/javascript" src="jquery.fancybox-1.3.4.pack.js"></script>
 +
<link rel="stylesheet" type="text/css" href="jquery.fancybox-1.3.4.css" media="screen" />
 +
 
 +
<script src="youtube_player.js"></script>
<script src="galleria.js"></script>
<script src="galleria.js"></script>
Line 15: Line 23:
margin:0px;
margin:0px;
background:#fff;
background:#fff;
-
position: absolute;
+
position: relative;
-
top: 0px;
+
top: -75px;
 +
padding-bottom: -75px;
             }
             }
.main_page_content_textbox p{
.main_page_content_textbox p{
Line 25: Line 34:
font-size: 12px;
font-size: 12px;
}
}
 +
#main_page_content_WholeBox {
 +
    position:relative;
 +
top: -75px ;
 +
}
 +
 +
#main_page_content_textbox_for_home_vedio {
 +
 +
background-color: #d9d9d9;
 +
width: 632px;
 +
float: left;
 +
overflow: hidden;
 +
padding-top: 12px;
 +
padding-bottom: 12px;
 +
line-height: 1.5em;
 +
}
 +
#main_page_content_textbox_for_home_vedio p {
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-size: 12px;
 +
}
 +
 +
 +
</style>
</style>
 +
 +
</head>
</head>
Line 32: Line 65:
<div id="background_shadow">
<div id="background_shadow">
   <div class="mainpage_homepage_WholeContainer">  
   <div class="mainpage_homepage_WholeContainer">  
-
       <div id="galleria" >
+
       <!-- #BeginLibraryItem "/Library/manu.lbi" --><!--------here begins the manu bar section--!-->
-
        <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>
+
-
   
+
-
    // Load theme
+
-
    Galleria.loadTheme('galleria.dots.js');
+
-
   
+
-
    $('#galleria').galleria();
+
-
   
+
-
    </script><!-- #BeginLibraryItem "/Library/manu.lbi" --><!--------here begins the manu bar section--!-->
+
     <div class="title_container">
     <div class="title_container">
     <div id="menu">
     <div id="menu">
       <ul class="menu">
       <ul class="menu">
-
         <li><a href="../index.thml"><span></span></a></li>
+
         <li><a href="https://2011.igem.org/Team:SYSU-China"><span></span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_news"><span>NEWS</span></a></li>
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>       
         <li><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><span>STORY</span></a></li>       
Line 60: Line 75:
           <div>
           <div>
               <ul>
               <ul>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_construction"><span>Bacterial Migration</span></a>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_bacterial_migration"><span>Bacterial Migration</span></a>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_modules_verification"><span>Cesium Absorption</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_Cesium_Absorption"><span>Cesium Absorption</span></a></li>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_functional_construction"><span>Aggregation & Recovery</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/project_Aggregation_Recovery"><span>Aggregation & Recovery</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_notes"><span>Notes</span></a></li>
-
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Date Page</span></a></li>
+
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_datapage"><span>Data Page</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_safety"><span>Safety</span></a></li>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_project_safety"><span>Safety</span></a></li>
               </ul>
               </ul>
Line 72: Line 87:
           <div>
           <div>
               <ul>
               <ul>
-
                 <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_app"><span>iOS 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_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>
                 <li><a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_workshop"><span>Workshop</span></a></li>
Line 97: Line 112:
      
      
      
      
-
<!--------here ends the title_section------!-->      
+
<!--------here ends the title_section------!--><!-- #EndLibraryItem --><!------here begins the main content section--!-->
-
    <div id="main_page_clearer"></div>   
+
 
-
<!-- #EndLibraryItem --><!------here begins the main content section--!-->
+
 
 +
<div id="galleria" > <a href="https://2011.igem.org/Team:SYSU-China/main_page_story"><img src="https://static.igem.org/mediawiki/2011/9/96/Head_BIG.jpg"></a>
 +
        <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">
 +
        <a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_labcraft"><img src="https://static.igem.org/mediawiki/2011/f/ff/Head_news_LC.jpg"></a>
 +
        <a href="https://2011.igem.org/Team:SYSU-China/page_human_practice_app"><img src="https://static.igem.org/mediawiki/2011/9/97/Head_news_app.jpg"></a>     
 +
        <img src="https://static.igem.org/mediawiki/2011/6/6d/Head_news_wiki1.jpg">
 +
     
 +
       
 +
    </div>
 +
<script>
 +
   
 +
    // Load theme
 +
    Galleria.loadTheme('http://2011igemsysu.kilu.de/galleria.dots.js');
 +
   
 +
    $('#galleria').galleria();
 +
   
 +
    </script>
 +
   
 +
   
 +
 
    
    
   <div id="main_page_content_WholeBox">
   <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
+
<div id="main_page_content_box_for_homepage_vedio">
 +
  <div class="main_page_content_Whole_intro_bar"><img src="https://static.igem.org/mediawiki/2011/7/7c/Button_00video.png" width="632" height="34" /></div>
 +
  <a id="youtube_player" href="http://www.youtube.com/watch?v=il6z_CTRxRA&feature=feedwll;feature=player_embedded#at=41" ><img src="https://static.igem.org/mediawiki/2011/2/2a/Tour.jpg" width="632" height="298" /></a>
 +
  <div id="main_page_content_textbox_for_home_vedio">
 +
    <p>&nbsp;&nbsp;&nbsp;&nbsp;Watch this fantastic vedio we produced and get quickly familiar with our ideas and 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>
" 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 class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/main_page_project"></a></div>
         </div>
         </div>
-
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/98/Smallhead_01news.png
+
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/d/d6/Smallhead_03project.png
" width="306" height="136" /></div>
" width="306" height="136" /></div>
         <div class="main_page_content_textbox">
         <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;&nbsp;&nbsp;&nbsp;There are three main parts in our project. We have realized BACTERIAL MIGRATION with <i>recAp</i> and <i>cheZ</i> gene and CESIUM ABSORPTION with <i>recNp</i> and <i>trkD</i>, and finally,  AGGREGATION &amp; RECOVERY with <i>antigen-43</i>.</p>
-
        <p>&nbsp;</p>
+
          <p>&nbsp;&nbsp;&nbsp;&nbsp;The Data Page, Notes and Safety of our experiments are also included in this section.</p>
         </div>
         </div>
 +
       </div>
       </div>
-
<!---------------------------------------------!-->    
+
<!---------------------------------------------!-->
-
        <div class="main_page_content_box">
+
<div class="main_page_clearer_light"></div>
 +
<!---------------------------------------------!-->
 +
 
 +
<div class="main_page_content_box">
           <div class="main_page_content_Whole_intro_bar">
           <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
             <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/b/bf/Button_02story.png
" width="227" height="34" /></div>
" 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 class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/main_page_story"></a></div>
           </div>
           </div>
           <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/9e/Smallhead_02story.png
           <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/9/9e/Smallhead_02story.png
" width="306" height="136" /></div>
" width="306" height="136" /></div>
           <div class="main_page_content_textbox">
           <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>
+
           <p>&nbsp;&nbsp;&nbsp;&nbsp;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>
       </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_box">
         <div class="main_page_content_Whole_intro_bar">
         <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
         <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/f/f8/Button_04human.png
" width="227" height="34" /></div>
" 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 class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/main_page_human_practice"></a></div>
         </div>
         </div>
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/8/88/Smallhead_04human.png
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/8/88/Smallhead_04human.png
" width="306" height="136" /></div>
" width="306" height="136" /></div>
         <div class="main_page_content_textbox">
         <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>
+
           <p>&nbsp;&nbsp;&nbsp;&nbsp;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>
       </div>
<!---------------------------------------------!-->       
<!---------------------------------------------!-->       
-
       <div class="main_page_content_box">
+
       <div class="main_page_content_box_r0">
         <div class="main_page_content_Whole_intro_bar">
         <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
   <div class="main_page_introduction_bar"><img src="https://static.igem.org/mediawiki/2011/5/50/Button_05about.png
" width="227" height="34" /></div>
" 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 class="main_page_content_more_bar"><a href="https://2011.igem.org/Team:SYSU-China/main_page_aboutus"></a></div>
         </div>
         </div>
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/3/3d/Smallhead_05about.png
         <div class="main_page_content_picbox"><img src="https://static.igem.org/mediawiki/2011/3/3d/Smallhead_05about.png
" width="306" height="136" /></div>
" width="306" height="136" /></div>
         <div class="main_page_content_textbox">
         <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>
+
           <p>&nbsp;&nbsp;&nbsp;&nbsp;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>
       </div>
Line 180: Line 216:
   </div><!--here ends the mainpage_project_WholeContainer!-->
   </div><!--here ends the mainpage_project_WholeContainer!-->
-
<!--here begins the contact_bottombar!-->
+
<!--here begins the contact_bottombar!--><!-- #BeginLibraryItem "/Library/contact_bottombar.lbi" --><div class="contact_bottombar">
-
    <div class="contact_bottombar">
+
      <p><a href="https://2011.igem.org/Main_Page">2011 iGEM Mainpage</a></p>
 +
      <p><a href="https://igem.org/Team_Wikis?year=2011">2011 iGEM Team wikis</a></p>
 +
 
       <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 187: Line 225:
       <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>
+
   </div><!-- #EndLibraryItem --><!--here ends the contact_bottombar!-->
-
    <!--here ends the contact_bottombar!-->
+
</div><!--here ends the backgroud_shadow_bar!-->
</div><!--here ends the backgroud_shadow_bar!-->
</body>
</body>
</html>
</html>

Latest revision as of 03:19, 29 October 2011

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

    Watch this fantastic vedio we produced and get quickly familiar with our ideas and 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.

    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.

    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.

2011 iGEM Mainpage

2011 iGEM Team wikis

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"