|
|
(78 intermediate revisions by 3 users not shown) |
Line 1: |
Line 1: |
| {{China_Tongji_Head}} | | {{China_Tongji_Head}} |
− | {{China_Tongji_Content}}
| |
| | | |
| <html> | | <html> |
| <head> | | <head> |
| <!-- load css files --> | | <!-- load css files --> |
− | <link href="https://2015.igem.org/Team:China_Tongji/multiPicShow_css?action=raw&ctype=text/css" rel="stylesheet"> | + | <link href="https://2015.igem.org/Team:China_Tongji/flexSlider_css?action=raw&ctype=text/css" rel="stylesheet"> |
− | <style type="text/css">
| + | <style type="text/css"> |
− | .teamImgRight{
| + | #content { |
− | border:solid 2px #CCC;
| + | background:#eee; |
− | margin-left:15px;
| + | margin-top:-20px; |
− | }
| + | padding-top:85px; |
− | .teamImgLeft{
| + | /* 颜色左右渐变 |
− | border:solid 2px #CCC;
| + | background-image: -webkit-linear-gradient(left,#ddd,#fff,#ddd); */ |
− | margin-right:15px;
| + | } |
− | }
| + | .myContent{ |
− | | + | width: 1000px; |
− | .membersBlock{
| + | margin: 0px auto; |
− | float:left;
| + | min-height: 550px; |
− | width:394px;
| + | padding: 0px; |
− | height:750px;
| + | font-family: "Times New Roman",Georgia, Times, serif; |
− | display:block;
| + | } |
− | border:solid 3px #FFF;
| + | #mainContent{ |
− | background:#DDD;
| + | width:100%; |
− | }
| + | } |
− | .memberImg{
| + | #mainContent .titleOne{ |
− | width:394px;
| + | margin-top:15px; |
− | }
| + | text-align: left; |
− | .wordWrapper{
| + | font-size: 30px; |
− | padding:0px 10px;
| + | font-family: Verdana, Tahoma, Arial, Helvetica; |
− | }
| + | font-weight: bolder; |
− | .memberName{
| + | line-height: 55px; |
− | text-align: left;
| + | color:#333; |
− | font-size: 24px;
| + | } |
− | font-family: Arial,Helvetica,Tahoma,Verdana;
| + | #mainContent .contentP{ |
− | font-weight: bold;
| + | text-align:justify; |
− | line-height: 30px;
| + | text-indent: 2%; |
− | color:#333;
| + | font-size: 20px; |
− | }
| + | font-family: "Palatino Linotype", "MS Serif", "Times New Roman",Georgia, Times, "Book Antiqua"; |
− | .memberWork{
| + | text-decoration: none; |
− | text-align: left;
| + | width:100%; |
− | font-style:italic;
| + | } |
− | font-size: 14px;
| + | #mainContent .divider{ |
− | color:#960;
| + | margin-top:15px; |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| + | width:100%; |
− | }
| + | height:3px; |
− | .memberIntro{
| + | background:#3A3A1D; |
− | text-align: justify;
| + | clear:both; |
− | font-family: "Times New Roman","Palatino Linotype", "MS Serif", Verdana;
| + | } |
− | font-size: 15px;
| + | .dividerNone{ |
− | }
| + | clear:both; |
− | .contactBlock{
| + | } |
− | float:left;
| + | /* 滚动图片样download */ |
− | width:394px;
| + | .flexslider { |
− | display:block;
| + | height: 400px; |
− | border:solid 3px #FFF;
| + | border: solid thin #666; |
− | background:#DDD;
| + | } |
− | }
| + | .flexslider .slides a img { |
− |
| + | height: 400px; |
− |
| + | } |
− | #showPicBac{
| + | /* 标题按钮样式 */ |
− | display:none;
| + | .titleButton{ |
− | position:fixed;
| + | float: left; |
− | left:0px;
| + | margin:15px 0px; |
− | top:0px;
| + | width:300px; |
− | z-index:500px;
| + | height:300px; |
− | width:100%;
| + | } |
− | height:100%;
| + | .buttonDivider{ |
− | background:url(https://static.igem.org/mediawiki/2015/e/e7/China_Tongji-showPicBac.png);
| + | float: left; |
− | text-align:center;
| + | display:block; |
− | padding-top:100px;
| + | width: 50px; |
− | }
| + | height:300px; |
− | #picAndWords{
| + | } |
− | background:#FFF;
| + | #buttonProject{ |
− | width:200px;
| + | background: url(https://static.igem.org/mediawiki/2015/9/9a/China-Tongji-projectBugButton.png) no-repeat; |
− | height:200px;
| + | background-size:300px 300px; |
− | overflow:hidden;
| + | } |
− | padding:20px;
| + | #buttonNotebook{ |
− | margin:0px auto;
| + | background: url(https://static.igem.org/mediawiki/2015/0/07/China-Tongji-notebookBugButton.png) no-repeat; |
− | text-align:left;
| + | background-size:300px 300px; |
− | }
| + | } |
− | #showPicTitle{
| + | #buttonAchivement{ |
− | text-align: left;
| + | background: url(https://static.igem.org/mediawiki/2015/2/2a/China-Tongji-achievementBugButton.png) no-repeat; |
− | font-size: 20px;
| + | background-size:300px 300px; |
− | color:#333;
| + | } |
− | font-family: "Palatino Linotype", "MS Serif",Helvetica;
| + | #buttonTeam{ |
− | font-weight:bolder;
| + | background: url(https://static.igem.org/mediawiki/2015/3/3e/China-Tongji-teamBugButton.png) no-repeat; |
− | line-height:30px;
| + | background-size:300px 300px; |
− | }
| + | } |
− | #picClose{
| + | #buttonOutreach{ |
− | padding-top:5px;
| + | background: url(https://static.igem.org/mediawiki/2015/e/e4/China-Tongji-outreachBugButton.png) no-repeat; |
− | }
| + | background-size:300px 300px; |
− | </style>
| + | } |
| + | #buttonSafety{ |
| + | background: url(https://static.igem.org/mediawiki/2015/7/7b/China-Tongji-safetyBugButton.png) no-repeat; |
| + | background-size:300px 300px; |
| + | } |
| + | .titleButton a{ |
| + | font-family: "Comic Sans MS", cursive, Tahoma, Arial, Helvetica; |
| + | font-size: 42px; |
| + | font-weight: bolder; |
| + | color: #FFF; |
| + | display:block; |
| + | width:100%; |
| + | height:100%; |
| + | text-align: center; |
| + | padding-top:32px; |
| + | } |
| + | .titleButton:hover{ |
| + | opacity:0.75; |
| + | } |
| + | .titleButton a:hover{ |
| + | text-decoration: none; |
| + | } |
| + | /* 视频模块样式 */ |
| + | .myVideoWrapper{ |
| + | background-color:#36361B; |
| + | padding:5px; |
| + | padding-bottom:0px; |
| + | } |
| + | /* 倒计时模块样式 */ |
| + | #leftTime{ |
| + | text-align: center; |
| + | font-size: 25px; |
| + | font-family: "Trebuchet MS", Verdana, Tahoma, Arial, Helvetica; |
| + | font-weight: bolder; |
| + | line-height: 65px; |
| + | color:#609; |
| + | } |
| + | </style> |
| </head> | | </head> |
− | | + | <body onLoad="endTime()"> |
− | <body> | + | <!--content start--> |
− | <!-- ---------------- content start --------------- -->
| + | |
− | <!-- bigName -->
| + | |
− | <div class="bigName">
| + | |
− | <div class="bugDiv"><img class="bugImg" src="https://static.igem.org/mediawiki/2015/c/c4/China-Tongji-teamBug.png"></div>
| + | |
− | <p align="left">Team</p>
| + | |
− | </div>
| + | |
− | <!-- myContent --> | + | |
| <div class="myContent"> | | <div class="myContent"> |
− | <div id="contentList">
| |
− | <li class="listOne"><p id="listMembers">1. Members</p>
| |
− | <ul class="listOneDrop" id="listDropMembers">
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first1').offsetTop)">1.1 Xinhong Chen</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first2').offsetTop)">1.2 Yu Feng</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first3').offsetTop)">1.3 Geyang Zhang</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first4').offsetTop)">1.4 Wenqi Cao</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first5').offsetTop)">1.5 Zikang Xing</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first6').offsetTop)">1.6 Yini Yang</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first7').offsetTop)">1.7 Chenyu Pi</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('first8').offsetTop)">1.8 Shan qi</li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="listOne"><p id="listAdvisor">2. Advisor</p>
| |
− | <ul class="listOneDrop" id="listDropAdvisor">
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('second1').offsetTop)">2.1 Junwu Li</li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="listOne"><p id="listInstructor">3. Instructor</p>
| |
− | <ul class="listOneDrop" id="listDropInstructor">
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('third1').offsetTop)">3.1 Songcheng Zhu</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('third2').offsetTop)">3.2 Wei Li</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('third3').offsetTop)">3.3 Meng Hao</li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="listOne"><p id="listSponsor">4. Sponsor</p>
| |
− | <ul class="listOneDrop" id="listDropSponsor">
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('fourth1').offsetTop)">4.1 Genewiz</li>
| |
− | <li class="listTwo" onClick="window.scrollTo(0,document.getElementById('fourth2').offsetTop)">4.2 Thorlabs</li>
| |
− | </ul>
| |
− | </li>
| |
− | <li class="listOne"><p id="listContact">5. Contact</p></li>
| |
− | </div>
| |
| <div id=mainContent> | | <div id=mainContent> |
| <!-- maincontent start here --> | | <!-- maincontent start here --> |
− | <div class="fivePx"></div><div class="fivePx"></div> | + | <!-- 图片轮播 --> |
− | <div class="cntr mt20">
| + | <br><br> |
− | <ul class="pgwSlideshow">
| + | <div id="banner_tabsHead" class="flexslider"> |
− | <li><img src="https://static.igem.org/mediawiki/2015/1/1a/China-Tongji-Team-contact.jpg" alt="Team members and Instructors"></li>
| + | <ul class="slides"> |
− | <li><img src="https://static.igem.org/mediawiki/2015/3/3d/China-Tongji-humanPractice-20150808-4.jpg" alt="Team members"></li>
| + | <li><img src="https://static.igem.org/mediawiki/2015/a/a0/China-Tongji-home-teamMembers.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/7/77/China-Tongji-Team-chenxinhong.jpg" alt="Xinhong Chen" data-description="The leader of China_Tongji"></li>
| + | <li><img src="https://static.igem.org/mediawiki/2015/9/9b/China-Tongji-home-takeBug.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/a/ae/China-Tongji-Team-fengyu.jpg" alt="Yu Feng" data-description="The organizer of China_Tongji, also be in charge of team connection"></li>
| + | <li><img src="https://static.igem.org/mediawiki/2015/d/d5/China-Tongji-home-oneMicroscope.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/0/0c/China-Tongji-Team-zhangeyang.jpg" alt="Geyang Zhang" data-description="C.elegans, the art director"></li>
| + | <li><img src="https://static.igem.org/mediawiki/2015/6/63/China-Tongji-home-oneBug.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/b/b8/China-Tongji-Team-caowenqi.jpg" alt="Wenqi Cao" data-description="The expert in C.elegans’ microinjection"></li> | + | <li><img src="https://static.igem.org/mediawiki/2015/6/67/China-Tongji-home-multiBug.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/9/9b/China-Tongji-Team-xingzikang.jpg" alt="Zikang Xing" data-description="Be in charge of Molecular Architectures"></li> | + | <li><img src="https://static.igem.org/mediawiki/2015/7/79/China-Tongji-home-making.jpg"></li> |
− | <li><img src="https://static.igem.org/mediawiki/2015/f/fa/China-Tongji-Team-yangyini.jpg" alt="Yini Yang" data-description="Be in charge of Molecular Architectures"></li> | + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/b/b9/China-Tongji-Team-pichenyu.jpg" alt="Chenyu Pi" data-description="Director of molecular biology, the leader of E.coli part"></li> | + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/2/25/China-Tongji-Team-qishan.jpg" alt="Shan qi" data-description="Be in charge of LED light source building"></li> | + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/1/13/China-Tongji-Team-lijunwu-800.jpg" alt="Junwu Li" data-description="Advisor -- The wiki page designer"></li> | + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/8/88/China-Tongji-Team-SongchengZhu.jpg" alt="Songcheng Zhu -- Instructor"></li>
| + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/0/04/China-Tongji-Team-WeiLi.jpg" alt="Wei Li -- Instructor"></li>
| + | |
− | <li><img src="https://static.igem.org/mediawiki/2015/8/85/China-Tongji-Team-MengHao.jpg" alt="Meng Hao -- Instructor"></li>
| + | |
| </ul> | | </ul> |
− | </div>
| + | <ul class="flex-direction-nav"> |
− |
| + | <li><a class="flex-prev" href="javascript:;">Previous</a></li> |
− | <div class="fivePx"></div><div class="fivePx"></div>
| + | <li><a class="flex-next" href="javascript:;">Next</a></li> |
− | <p class="titleOne" id="Members">1. Members</p>
| + | </ul> |
− | <div id="membersWarpper">
| + | <ol id="bannerCtrlHead" class="flex-control-nav flex-control-paging"> |
− | <div class="membersBlock" id="first1"> | + | <li class="active"><a>1</a></li> |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/7/77/China-Tongji-Team-chenxinhong.jpg" alt="Xinhong Chen"/>
| + | <li class=""><a>2</a></li> |
− | <div class="fivePx"></div> | + | <li class=""><a>3</a></li> |
− | <div class="wordWrapper">
| + | <li class=""><a>4</a></li> |
− | <p class="memberName">Xinhong Chen</p>
| + | <li class=""><a>5</a></li> |
− | <p class="memberWork">[ The leader of China_Tongji ]</p>
| + | <li class=""><a>6</a></li> |
− | <p class="memberIntro">A sophomore in Tongji University majoring in Life science.</p>
| + | </ol> |
− | <p class="memberIntro">Filled of crazy ideas, the “idea maker”.</p>
| + | |
− | <p class="memberIntro">Born in February, the most creative Aquarius.</p>
| + | |
− | <p class="memberIntro">Constantly exploring new fantasy.</p>
| + | |
− | <p class="memberIntro">Not easy to fall in love but single-minded when it happens.</p>
| + | |
− | <p class="memberIntro">Meet with optogenetic this summer, fall in love with C,elegans.</p>
| + | |
− | <p class="memberIntro">“Igemer” becomes my new mark.</p>
| + | |
− | <p class="memberIntro">Tough but memorable.</p>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first2">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/a/ae/China-Tongji-Team-fengyu.jpg" alt="Yu Feng"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Yu Feng</p>
| + | |
− | <p class="memberWork">[ The organizer of China_Tongji, also be in charge of team connection ]</p>
| + | |
− | <p class="memberIntro">A sophomore student who is major in life science.</p>
| + | |
− | <p class="memberIntro">Fall in love with biology when I was a high school student.</p>
| + | |
− | <p class="memberIntro">Always dreaming to be a neurobiologist and study of how the brain works.</p>
| + | |
− | <p class="memberIntro">Be a member of Tongji team last year as an intern student.</p>
| + | |
− | <p class="memberIntro">So proud to be an iGEMer and lead our team to finish the project this time!</p>
| + | |
− | <p class="memberIntro">Good at organizing the team and the whole project.</p>
| + | |
− | <p class="memberIntro">Thoughtfulness and carefulness is my major virtue.</p>
| + | |
− | <p class="memberIntro">9 months hardworking with my lovely friends, I hope we can get what we want in the final competition!</p>
| + | |
− | </div>
| + | |
− | </div> | + | |
− | <div class="membersBlock" id="first3"> | + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/0/0c/China-Tongji-Team-zhangeyang.jpg" alt="Geyang Zhang"/>
| + | |
− | <div class="fivePx"></div> | + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Geyang Zhang</p>
| + | |
− | <p class="memberWork">[ C.elegans, the art director ]</p>
| + | |
− | <p class="memberIntro">I’m Geyang Zhang, a girl with song and sunshine;</p>
| + | |
− | <p class="memberIntro">China is my homeland, I value all the creatures it breeds;</p>
| + | |
− | <p class="memberIntro">Nature pushed me into science, I explore deep in its mind;</p>
| + | |
− | <p class="memberIntro">Grown up as time passed by, Tongji is a new place to play;</p>
| + | |
− | <p class="memberIntro">Then I meet with IGEM, where my ideas would be made;</p>
| + | |
− | <p class="memberIntro">Friends gathered for the same goal, we are pursuing for a medal of gold;</p>
| + | |
− | <p class="memberIntro">Worms became our road to go, and light in cells are things we want to know;</p>
| + | |
− | <p class="memberIntro">Some changes may be made by my hands, which is the most exciting thought filled my head.</p>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first4">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/b/b8/China-Tongji-Team-caowenqi.jpg" alt="Wenqi Cao"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Wenqi Cao</p>
| + | |
− | <p class="memberWork">[ The expert in C.elegans’ microinjection ]</p>
| + | |
− | <p class="memberIntro">I am Wenqi cao. A girl.</p>
| + | |
− | <p class="memberIntro">Like reading, travelling, gardening but not microinjecting.</p>
| + | |
− | <p class="memberIntro">Like all lovely creatures including C.elegans.</p>
| + | |
− | <p class="memberIntro">Like the sky when sakura blossoming.</p>
| + | |
− | <p class="memberIntro">Like the wind when stars sparkling.</p>
| + | |
− | <p class="memberIntro">Especially like the microscope when worm fluorescing.</p>
| + | |
− | <p class="memberIntro">Dream to be a writer and travel to all the fascinating places in the world. And it sounds good to be a worm eating E.coli all the time till die.</p>
| + | |
− | <p class="memberIntro">Happy to be a member of Tongji iGem team.</p>
| + | |
− | <p class="memberIntro">Happy to work with my dear friends.</p>
| + | |
− | <p class="memberIntro">Happy to meet you, good luck to whoever you are.</p>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first5">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/9/9b/China-Tongji-Team-xingzikang.jpg" alt="Zikang Xing"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Zikang Xing</p>
| + | |
− | <p class="memberWork">[ Be in charge of Molecular Architectures ]</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">I am a Chinese, Masculinity is my gender.</p>
| + | |
− | <p class="memberIntro">My major is called bioscience, Science is my mentor. </p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">I don't fear difficulty, Sometimes I like challenge.</p>
| + | |
− | <p class="memberIntro">I only want to keep happy, Optimism never change.</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">This year I join iGEM, Working hard with classments.</p>
| + | |
− | <p class="memberIntro">We set up a new team, Designing optogenetic C.elegans.</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">Medal is in our dreams, We will beat other teams!</p>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first6">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/f/fa/China-Tongji-Team-yangyini.jpg" alt="Yini Yang"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Yini Yang</p>
| + | |
− | <p class="memberWork">[ Be in charge of Molecular Architectures ]</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">I am a Chinese, Femininity is my gender.</p>
| + | |
− | <p class="memberIntro">My major is called bioscience, Science is my mentor.</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">My favorite is nature, I respect each individual.</p>
| + | |
− | <p class="memberIntro">Life is the rarest treasure, All units are equal.</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">I have special thought, My creativity never leave.</p>
| + | |
− | <p class="memberIntro">Idea comes from my heart, And I'll work hard to achieve!</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">People from other countries, I'd like to make friends with!</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first7">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/b/b9/China-Tongji-Team-pichenyu.jpg" alt="Chenyu Pi"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Chenyu Pi</p>
| + | |
− | <p class="memberWork">[ Director of molecular biology, the leader of E.coli part ]</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">Hello, my name is Chenyu Pi.</p>
| + | |
− | <p class="memberIntro">I like to smile and I think smile is the best treasure that god give me.</p>
| + | |
− | <p class="memberIntro">Not only I love science, but also I love sports and music.</p>
| + | |
− | <p class="memberIntro">They may become all my life.</p>
| + | |
− | <p class="memberIntro">In our team, I concentrate on the molecular experiment such as PCR, transformation and ligation.</p>
| + | |
− | <p class="memberIntro">I always try hard to achieve a goal although the result does not conform to our expectation.</p>
| + | |
− | <p class="memberIntro">Come on, fighting!</p>
| + | |
− | </div> | + | |
− | </div>
| + | |
− | <div class="membersBlock" id="first8">
| + | |
− | <img class="memberImg hoverHand bigImgShow" src="https://static.igem.org/mediawiki/2015/2/25/China-Tongji-Team-qishan.jpg" alt="Shan qi"/>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Shan qi</p>
| + | |
− | <p class="memberWork">[ Be in charge of LED light source building ]</p>
| + | |
− | <br>
| + | |
− | <p class="memberIntro">My name is SHAN QI, and I am a student of Tongji University who is major in life science.</p>
| + | |
− | <p class="memberIntro">I am a big boy from the north district of China. I loves traditional Chinese culture and some Chinese style music.</p>
| + | |
− | <p class="memberIntro">As a student who is major in biology, I likes to find out the right thing.</p>
| + | |
− | <p class="memberIntro">I always insist that the best preparation for tomorrow is doing the best today.</p>
| + | |
− | <p class="memberIntro">It is my first year to join in the iGEM. </p>
| + | |
− | <p class="memberIntro">So I am looking forward to do something fancy in this competition.</p>
| + | |
− | </div>
| + | |
− | </div> | + | |
| </div> | | </div> |
| | | |
− | <div class="divider"></div>
| + | <!-- 倒计时块 --> |
− | <p class="titleOne" id="Advisor">2. Advisor</p>
| + | <!--<div id="leftTime">0 days 00:00:00 left to iGEM 2015 Wiki Freeze!</div>--> |
− | <div class="divider"></div> | + | |
− | <p class="titleTwo" id="second1">2.1 Junwu Li</p>
| + | |
− | <div class="">
| + | |
− | <p><img class="teamImgLeft hoverHand bigImgShow" id="advisorImg" width="300" src="https://static.igem.org/mediawiki/2015/1/13/China-Tongji-Team-lijunwu-800.jpg" alt="Junwu Li -- Advisor" align="left"/></p>
| + | |
− | <p class="contentP">Hi,I am Junwu Li. This is my first time to contact iGEM, I think it is a very meaningful competition. I am very interested in programming, I think it is amazing to realize my ideas by computer language. I feel honored to have chance to design Wiki page for Tongji University Team of China in 2015, meanwhile, I can learn a lot relevant knowledge in the process of designing web page.Anyway, I will try my best to design the wiki page, ensure that the content is easy to read and the interface is beautiful.</p>
| + | |
− | </div>
| + | |
| | | |
− | <div class="divider"></div> | + | <br> |
− | <p class="titleOne" id="Instructor">3. Instructor</p>
| + | <!-- 一级标题块 --> |
− | <div class="divider"></div>
| + | <div class="titleOneBlock"> |
− | <p class="titleTwo" id="third1">3.1 Songcheng Zhu</p>
| + | <div class="titleButton" id="buttonProject"><a href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></div> |
− | <div class="">
| + | <div class="buttonDivider"></div> |
− | <p><img class="teamImgRight hoverHand bigImgShow" width="300" src="https://static.igem.org/mediawiki/2015/8/88/China-Tongji-Team-SongchengZhu.jpg" alt="Songcheng Zhu -- Instructor" align="right"/></p>
| + | <div class="titleButton" id="buttonNotebook"><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></div> |
− | <p class="contentP">I am Songcheng Zhu, an Associate Professor at Life School of Tongji University.I like music, travelling, sports and stay with my kids in my spare time.My major is Biochemistry and I love those molecules in the body of life, particularly DNA, RNA and Protein. I am very interesting in how a protein is located to the right place in the the right time in a cell.</p>
| + | <div class="buttonDivider"></div> |
− | <p class="contentP">Happy to be a teacher in An University, where I can work and study with young students.Even more happy to work with our iGEM team, it is a diligent and enthusiastic unit I have ever seen.</p>
| + | <div class="titleButton" id="buttonAchivement"><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></div> |
− | <p class="contentP">Good luck to our team.</p>
| + | <div class="titleButton" id="buttonTeam"><a href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></div> |
− | </div>
| + | <div class="buttonDivider"></div> |
| + | <div class="titleButton" id="buttonOutreach"><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></div> |
| + | <div class="buttonDivider"></div> |
| + | <div class="titleButton" id="buttonSafety"><a href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></div> |
| + | </div> |
| + | |
| + | <!-- 视频欣赏 --> |
| + | <!-- <p class="titleOne" id="VideoAppreciation">Video Appreciation</p> --> |
| + | <div class="dividerNone"></div> |
| + | <br> |
| + | <p class="titleOne" id="VideoAppreciation">Video Appreciation</p> |
| + | <div class="myVideoWrapper"> |
| + | <video controls width="990"> |
| + | <source src="https://static.igem.org/mediawiki/2015/a/aa/China_Tongji_video_on_the_main_page.mp4" type="video/mp4" />Your browser does not support the video tag. |
| + | </video> |
| + | </div> |
| + | <br> |
| | | |
| + | <!-- 项目介绍 --> |
| + | <div class="dividerNone"></div> |
| + | <p class="titleOne" id="ProjectIntroduction">Project Introduction</p> |
| <div class="divider"></div> | | <div class="divider"></div> |
− | <p class="titleTwo" id="third2">3.2 Wei Li</p> | + | <p class="contentP">In our project, we will use the technology of optogenetic and use light of different wave produced by the special light source assembled by ourselves to control the moving of C.elegans, thus constructing a movement controlling system and buliding an amusement park of C.elegans.</p> |
− | <div class="">
| + | <p class="contentP">We will try to design our special parts and express channelrhodopsin in specific C.elegans' neurons. To accomplish our goals to express channelrhodopsin in single neuron, we make the use of cre- loxp system and the overlapping of promoters. We not only use the traditional channelrhodopsin, chR2, but also try to express the novel channelrhodopsin, Blink, and other fancy channelrhodopsins which have never been tested in C.elegans.</p> |
− | <p><img class="teamImgLeft hoverHand" id="weiliImg" width="300" src="https://static.igem.org/mediawiki/2015/0/04/China-Tongji-Team-WeiLi.jpg" alt="Wei Li -- Instructor" align="left"/></p>
| + | <p class="contentP">And we will also get some parts and assemble those parts into a new equipment which can serve as the light source of our experiment. Then we will use computer controlling that lightsource to change the light which can activate or suppress the channelrhodopsin. By doing that, we can try to control the behaviours of C.elegans such as moving forwards or twisting more effectively.</p> |
− | <p class="contentP">Dr. Li joined the faculty of the School of Life Sciences and Technology in 2012. Li received her Ph.D. degree in Biophysics from Huazhong University of Science and Technology. Prior to joining Tongji University, Li completed her post-doctoral training at the University of Michigan, where she was awarded the American Heart Association Postdoctoral Fellowship.</p>
| + | <p class="contentP">What's more, we will express GFP,YFP,mcherry in E.coli. By combining the color of microorgasims and C.elegans, we want to construct some interesting scenes to form a C.elegans' fancy world.</p> |
− | <p class="contentP">The Li lab combines the genetic model organism C.elegans and mammalian system to study the mechanisms of mechanosensation and pain, and uses a multidisciplinary approach of molecular genetics, functional imaging, electrophysiology, optogenetics and behavioral analysis.</p>
| + | <p class="contentP">This technology will be helpful in the research on neuron's function and interaction. In the future, this technology may also be used in mechanical controlling system and the theraphy of movement defect.</p> |
− | </div>
| + | <br> |
− |
| + | </div> |
− | <div class="divider"></div>
| + | |
− | <p class="titleTwo" id="third3">3.3 Meng Hao</p>
| + | |
− | <div class=""> | + | |
− | <p><img class="teamImgRight hoverHand bigImgShow" width="300" src="https://static.igem.org/mediawiki/2015/8/85/China-Tongji-Team-MengHao.jpg" alt="Meng Hao -- Instructor" align="right"/></p>
| + | |
− | <p class="contentP">Hey guys, this is Heidi saying hi from Shanghai. It's really a huge honor and pleasure for me to join the iGEM this year. Currently I work as an international program coordinator of School of Life Sciences and Technology, Tongji University and I will be the guiding teacher of the 2015 iGEM representative team of Tongji University. Though it is the first time for our team to participate in a global science competition, I have strong confidence in all of them that they would make a great difference here on their debut, with their extraordinary courage and dedication. While what really matters to us is nothing but the precious experience where we can see the world and gain growth. Can't wait to meet you all in Boston! Cheers!</p>
| + | |
− | </div>
| + | |
− |
| + | |
− | <div class="divider"></div>
| + | |
− | <p class="titleOne" id="Sponsor">4. Sponsor</p>
| + | |
− | <div class="divider"></div>
| + | |
− | <p class="titleTwo" id="fourth1">4.1 GENEWIZ</p>
| + | |
− | <p class="contentP"> | + | |
− | Excelling in both science and service, GENEWIZ is the largest trusted partner for DNA services. Since 1999, our commitment is to advance research productivity through our distinctive combination of fast, reliable results, specialized expertise, competitive pricing, excellent project management and easy access to award-winning, friendly technical support.</p>
| + | |
− | <p class="contentP">
| + | |
− | With state-of-the-art facilities at the local, national, and international levels, we value our loyal customers who have made GENEWIZ an industry leader. Together, we can make a difference in the pursuit of scientific discoveries, better medicines, a greener environment, and abundant healthy food supplies.</p>
| + | |
− | <p class="contentP"> | + | |
− | It's easy to work with GENEWIZ!</p>
| + | |
− | <center><a href="http://www.genewiz.com" target="_blank">
| + | |
− | <img class="contentImg" width="800px" src="https://static.igem.org/mediawiki/2015/9/96/China-Tongji-Team-sponser-GENEWIZ.jpg" >
| + | |
− | </a></center>
| + | |
− | | + | |
− | <div class="divider"></div>
| + | |
− | <p class="titleTwo" id="fourth2">4.2 THORLABS</p>
| + | |
− | <p class="contentP">
| + | |
− | Thorlabs, Inc. is a privately held optical equipment company headquartered in Newton, New Jersey. The company was founded by Alex Cable, who serves as its current president and CEO. As of 2013, Thorlabs employed about 1,000 people directly or indirectly and has sales of approximately $200 million.The company has offices in multiple American States, Brazil, Canada, China, France, Germany, Japan, Sweden, and the United Kingdom. It sells approximately 20,000 different products.</p>
| + | |
− | <p class="contentP"> | + | |
− | Thorlabsdesigns and manufactures products in the areas of breath analysis technology, fiber optics, lasers, optical instrumentation, optomechanics, photonics, and vibration isolation. Approximately 90% of the products it sells are manufactured in-house.</p>
| + | |
− | <center><a href="http://www.thorlabs.com" target="_blank">
| + | |
− | <img class="contentImg" width="800px" src="https://static.igem.org/mediawiki/2015/f/f5/China-Tongji-Team-sponser-THORLABS.jpg" >
| + | |
− | </a></center>
| + | |
− | | + | |
− | <div class="divider"></div> | + | |
− | <p class="titleOne" id="Contact">5. Contact</p>
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="contactBlock" id="fifth1">
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Xinhong Chen</p>
| + | |
− | <p class="memberIntro"><b>Email:</b> 1353325@tongji.edu.cn</p>
| + | |
− | <p class="memberIntro"><b>Phone number:</b> 86-15221397515</p>
| + | |
− | <p class="memberIntro"><b>Address:</b> NO.1239, Siping Road, Tongji University</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="contactBlock" id="fifth2">
| + | |
− | <div class="fivePx"></div>
| + | |
− | <div class="wordWrapper">
| + | |
− | <p class="memberName">Yu Feng</p>
| + | |
− | <p class="memberIntro"><b>Email:</b> hyfy1995@sina.com</p>
| + | |
− | <p class="memberIntro"><b>Phone number:</b> 86-15316722910</p>
| + | |
− | <p class="memberIntro"><b>Address:</b> NO.1239, Siping Road, Tongji University</p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="divider"></div><div class="divider"></div><div class="fivePx"></div>
| + | |
− | </div>
| + | |
| </div> | | </div> |
| | | |
− | <!--动态展示大图--> | + | <!-- ------------javascript code ----------------- --> |
− | <div id="showPicBac">
| + | |
− | <div id="picAndWords">
| + | |
− | <p><img id="bigImage" src="" alt="advisor big image"/></p>
| + | |
− | <p class="showPicDown"><img class="hoverHand" id="picClose" src="https://static.igem.org/mediawiki/2015/9/95/China_Tongji-PicClose.gif" alt="close label" align="right"/><p id="showPicTitle">Master Li in a restaurant at Budapest.</p></p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | | + | |
− | | + | |
| <!-- Load javascript code --> | | <!-- Load javascript code --> |
− | <!-- Placed at the end of the document so the pages load faster -->
| + | <script src="https://2015.igem.org/Team:China_Tongji/slider_js?action=raw&ctype=text/javascript" type="text/javascript"></script> |
− | <script src="https://2015.igem.org/Team:China_Tongji/jqueryMultiPicShow_js?action=raw"></script> | + | |
− | <!--script脚本-->
| + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
− | $(document).ready(function(){
| + | //文档就绪时触发 |
− | //修改导航栏中下拉菜单中a标签的href属性 | + | jQuery(document).ready(function($){ |
− | $('#divTeam .navDrop .navTwo a').attr("href"," "); | + | //单击导航栏后跳转到指定面 |
− | //大图展示
| + | $('#divProject').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Project"; }); |
− | $('#bigImage').ready(function(){ | + | $('#divNotebook').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Notebook"; }); |
− | $('#weiliImg').click(function(){
| + | $('#divAchivement').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Achivement"; }); |
− | $('#showPicBac').css("padding-top","125px");
| + | $('#divTeam').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Team"; }); |
− | $('#showPicBac').css("display","block");
| + | $('#divOutreach').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Outreach"; }); |
− | $('#bigImage').attr("src",this.src);
| + | //head图片轮播 |
− | $('#bigImage').css("width","525px");
| + | $(function() { //$(document).ready(function(){...})的简写形式 |
− | $('#showPicTitle').text(this.alt);
| + | var bannerSlider = new Slider($('#banner_tabsHead'), { |
− | $('#picAndWords').animate({width:525},750);
| + | time: 3000, |
− | $('#picAndWords').animate({height:568},300); | + | delay: 400, |
| + | event: 'hover', |
| + | auto: true, |
| + | mode: 'fade', |
| + | controller: $('#bannerCtrlHead'), |
| + | activeControllerCls: 'active' |
| }); | | }); |
− | });
| + | $('#banner_tabsHead .flex-prev').click(function() { |
− | $('.bigImgShow').ready(function() {
| + | bannerSlider.prev() |
− | $('.bigImgShow').click(function(){ | + | |
− | $('#showPicBac').css("padding-top","125px"); | + | |
− | $('#showPicBac').css("display","block");
| + | |
− | $('#bigImage').attr("src",this.src);
| + | |
− | $('#bigImage').css("width","700px");
| + | |
− | $('#showPicTitle').text(this.alt);
| + | |
− | $('#picAndWords').animate({width:700},750);
| + | |
− | $('#picAndWords').animate({height:568},300);
| + | |
| }); | | }); |
− | });
| + | $('#banner_tabsHead .flex-next').click(function() { |
− | //关闭大图展示
| + | bannerSlider.next() |
− | $('#picClose').click(function(){
| + | }); |
− | $('#showPicBac').css("display","none"); | + | }); |
− | $('#picAndWords').css("width","100px");
| + | |
− | $('#picAndWords').css("height","100px");
| + | |
− | });
| + | |
− | });
| + | |
− | //侧边栏定位
| + | |
− | jQuery(document).ready(function($){
| + | |
− | $('#listMembers').click(function(){$('html,body').animate({scrollTop: $('#Members').offset().top-78}, 800);});
| + | |
− | $('#listAdvisor').click(function(){$('html,body').animate({scrollTop: $('#Advisor').offset().top-78}, 800);});
| + | |
− | $('#listInstructor').click(function(){$('html,body').animate({scrollTop: $('#Instructor').offset().top-78}, 800);});
| + | |
− | $('#listSponsor').click(function(){$('html,body').animate({scrollTop: $('#Sponsor').offset().top-78}, 800);});
| + | |
− | $('#listContact').click(function(){$('html,body').animate({scrollTop: $('#Contact').offset().top-78}, 800);}); | + | |
| | | |
| }); | | }); |
− | //滚动条函数:位置指示 | + | //倒计时模块代码 |
− | window.onscroll = function(){
| + | var today; |
− | var t = document.documentElement.scrollTop || document.body.scrollTop;
| + | var endDay = new Date(); |
− | var contentList = document.getElementById( "contentList" );
| + | endDay.setFullYear(2015,9,18); |
− | if( t >= 200 ) {
| + | var leftDays = 0; |
− | contentList.style.position = "fixed";
| + | var leftHours = 0; |
− | contentList.style.top = "78px";
| + | var leftMinutes = 0; |
− | } else {
| + | var leftSeconds = 0; |
− | contentList.style.position = "static";
| + | function endTime() |
− | }
| + | { |
− | var AdvisorST = document.getElementById("Advisor").offsetTop; | + | today=new Date(); |
− | var InstructorST = document.getElementById("Instructor").offsetTop; | + | if(endDay>today) |
− | var SponsorST = document.getElementById("Sponsor").offsetTop;
| + | { |
− | var ContactST = document.getElementById("Contact").offsetTop;
| + | if(today.getMonth()+1<9){ |
− | if( t<AdvisorST-78 ){
| + | leftDays = 31-today.getDate() + 18 -1; |
− | document.getElementById("listMembers").style.color = "#F0F"; | + | }else{ |
− | document.getElementById("listDropMembers").style.display = "block"; | + | leftDays = 18 - today.getDate() -1;} |
| + | leftHours = 24 - today.getHours() -1; |
| + | leftMinutes = 60 - today.getMinutes()-1; |
| + | leftSeconds = 60 - today.getSeconds(); |
| }else{ | | }else{ |
− | document.getElementById("listMembers").style.color = "#000"; | + | leftDays = 0; |
− | document.getElementById("listDropMembers").style.display = "none"; | + | leftHours = 0; |
| + | leftMinutes = 0; |
| + | leftSeconds = 0; |
| } | | } |
− | if( (t>=AdvisorST-78) ){ | + | leftHours=checkTime(leftHours); |
− | document.getElementById("listAdvisor").style.color = "#F0F";
| + | leftMinutes=checkTime(leftMinutes); |
− | document.getElementById("listDropAdvisor").style.display = "block";
| + | leftSeconds=checkTime(leftSeconds); |
− | if(t>=InstructorST-78){
| + | document.getElementById('leftTime').innerHTML=leftDays+"days "+leftHours+":"+leftMinutes+":"+leftSeconds+" left to iGEM 2015 Wiki Freeze!"; |
− | document.getElementById("listAdvisor").style.color = "#000";
| + | setTimeout('endTime()',1000); |
− | document.getElementById("listDropAdvisor").style.display = "none";
| + | } |
− | }}else{ | + | //个位数前加0 |
− | document.getElementById("listAdvisor").style.color = "#000";
| + | function checkTime(i) |
− | document.getElementById("listDropAdvisor").style.display = "none";
| + | { |
− | } | + | if (i<10){ |
− | if( (t>=InstructorST-78) ){
| + | i="0" + i; |
− | document.getElementById("listInstructor").style.color = "#F0F";
| + | |
− | document.getElementById("listDropInstructor").style.display = "block";
| + | |
− | if(t>=SponsorST-78){
| + | |
− | document.getElementById("listInstructor").style.color = "#000";
| + | |
− | document.getElementById("listDropInstructor").style.display = "none";
| + | |
− | }}else{ | + | |
− | document.getElementById("listInstructor").style.color = "#000";
| + | |
− | document.getElementById("listDropInstructor").style.display = "none";
| + | |
− | }
| + | |
− | if( (t>=SponsorST-78) ){
| + | |
− | document.getElementById("listSponsor").style.color = "#F0F";
| + | |
− | document.getElementById("listDropSponsor").style.display = "block";
| + | |
− | if(t>=ContactST-78){
| + | |
− | document.getElementById("listSponsor").style.color = "#000";
| + | |
− | document.getElementById("listDropSponsor").style.display = "none";
| + | |
− | }}else{
| + | |
− | document.getElementById("listSponsor").style.color = "#000";
| + | |
− | document.getElementById("listDropSponsor").style.display = "none";
| + | |
− | }
| + | |
− | if( t>=ContactST-78 ){ | + | |
− | document.getElementById("listContact").style.color = "#F0F"; | + | |
− | }else{
| + | |
− | document.getElementById("listContact").style.color = "#000";
| + | |
| } | | } |
| + | return i; |
| } | | } |
| </script> | | </script> |
− |
| |
| </body> | | </body> |
| </html> | | </html> |
| | | |
| {{China_Tongji_Foot}} | | {{China_Tongji_Foot}} |