Difference between revisions of "Team:DUT China B/Team"

 
(102 intermediate revisions by 3 users not shown)
Line 19: Line 19:
 
}
 
}
 
.firstimg img{
 
.firstimg img{
−
width: 90%
+
width: 100%
 +
                height:90%;
 
}
 
}
 
#maintest{
 
#maintest{
Line 56: Line 57:
 
.block-grid {
 
.block-grid {
 
   margin-top: 3em;
 
   margin-top: 3em;
−
   -webkit-column-count: 3;
+
   -webkit-column-count: 2;
−
           column-count: 3;
+
           column-count: 2;
 
   -webkit-column-gap: 1em;
 
   -webkit-column-gap: 1em;
 
           column-gap: 1em;
 
           column-gap: 1em;
Line 69: Line 70:
 
   margin: 0 0 1em;
 
   margin: 0 0 1em;
  
−
background: #F2994A;  /* fallback for old browsers */
+
background: #94ceca;  /* fallback for old browsers */
−
background: -webkit-linear-gradient(to right, #F7be16, #F7be16);  /* Chrome 10-25, Safari 5.1-6 */
+
background: -webkit-linear-gradient(to right, #94ceca, #94ceca);  /* Chrome 10-25, Safari 5.1-6 */
−
background: linear-gradient(to right, #F7be16, #F7be16); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
+
background: linear-gradient(to right,#94ceca, #94ceca); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  
  
Line 102: Line 103:
 
   transition: all .3s ease;
 
   transition: all .3s ease;
 
   z-index: 3;
 
   z-index: 3;
 +
  font-family:Times New Roman;
 
}
 
}
  
Line 108: Line 110:
 
   position: relative;
 
   position: relative;
 
   color: white;
 
   color: white;
−
   z-index: 2;
+
   z-index: 1;
 
   -webkit-transform: translateY(100%);
 
   -webkit-transform: translateY(100%);
 
           transform: translateY(100%);
 
           transform: translateY(100%);
Line 116: Line 118:
 
}
 
}
 
p::after {
 
p::after {
−
   background: #13c1f0;
+
   background: #94ceca;
 
   bottom: 0;
 
   bottom: 0;
 
   content: '';
 
   content: '';
Line 132: Line 134:
 
}
 
}
 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
 
<body>
 
<body>
 
<div class="firstimg">
 
<div class="firstimg">
−
<img src="https://static.igem.org/mediawiki/2019/1/1d/T--DUT_China_B--team.jpg" alt="parts">
+
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--TMbanner2.jpg" alt="parts">
 
</div>
 
</div>
 
<div id="sides">
 
<div id="sides">
 
<ul id="menu">
 
<ul id="menu">
 
         <li>
 
         <li>
−
             <a ><font size="6" >Inspiration</font></a>
+
             <a ><font size="6" >Team Member</font></a>
 
         <div style="text-align: center; width: 100%; height:40px"></div>
 
         <div style="text-align: center; width: 100%; height:40px"></div>
 
         </li>
 
         </li>
 
       <br>
 
       <br>
 
         <li>
 
         <li>
−
             <a><font size="6" >Difficulties</font></a>
+
             <a><font size="6" >Tutor</font></a>
 
       <div style="text-align: center; width: 100%; height:40px"></div>
 
       <div style="text-align: center; width: 100%; height:40px"></div>
 
       </li>
 
       </li>
 
       <br>
 
       <br>
 
         <li>
 
         <li>
−
             <a><font size="6">Solution</font></a>
+
             <a><font size="6">Advisor</font></a>
 
              
 
              
 
         </li>
 
         </li>
Line 159: Line 163:
 
</div>
 
</div>
 
<div id="maintest">
 
<div id="maintest">
 +
 
<div class="container">
 
<div class="container">
 +
<img  src="" >
 +
<h2 style="color:#C27099;font-size:40px;font-faily:"Times New Roman" !important;"><img style="width:50%;" src="https://static.igem.org/mediawiki/2019/3/3e/T--DUT_China_B--Goodteam.svg">Great partner</h2>
 +
 
     <div class="block-grid">
 
     <div class="block-grid">
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
           <h1>title 1</h1>
+
            
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga
+
         
−
</p>
+
           <img src="https://static.igem.org/mediawiki/2019/6/61/T--DUT_China_B--TMBG.jpg" style="height:100%;width:100%;" >
−
 
+
       
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
  <br>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
           <h1>title 2</h1>
+
           <h1 >Haobo Wang</h1>
−
<img src="https://static.igem.org/mediawiki/2019/a/a0/T--DUT_China_B--1.1.svg" >
+
<img src="https://static.igem.org/mediawiki/2019/8/87/T--DUT_China_B--WBY.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.</p>
+
           <p >Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs. </p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
          <h1>title 3</h1>
+
        <h1 >Peng Feixue</h1>
−
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
<img src="https://static.igem.org/mediawiki/2019/9/9e/T--DUT_China_B--XPF.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis</p>
+
           <p >a senior studying math, whose hair suffers from his major.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
           <h1>Advantage</h1><img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
           <h1 >Chen Kaidi</h1>
−
 
+
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--CKD.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis</p>
+
          <p  >a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble，she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.</p>
 +
        </div>
 +
      </div>
 +
    <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Pedro Brown</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/2/2d/T--DUT_China_B--LH.jpg" style="height:100%;width:100%;" >
 +
           <p >who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
           <h1>title 5</h1>
+
           <h1 >Yin Xianqi</h1>
−
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
<img src="https://static.igem.org/mediawiki/2019/d/de/T--DUT_China_B--yxq.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobisorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.</p>
+
           <p >Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
          <h1>title 6</h1>
+
        <h1 >Zhang Yuanzhen</h1>
−
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
<img src="https://static.igem.org/mediawiki/2019/4/4d/T--DUT_China_B--ZYZ.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.</p>
+
           <p >an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
          <h1>title 7</h1>
+
        <h1 >Zhu Jinwei</h1>
−
 
+
<img src="https://static.igem.org/mediawiki/2019/4/41/T--DUT_China_B--ZJW.jpg" style="height:100%;width:100%;" >
−
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
           <p >who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.</p>
−
           <p>
+
−
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.orem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobisorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga
+
−
            ducimus nobis</p>
+
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
       <div class="block-panel">
 
       <div class="block-panel">
 
         <div class="block-content">
 
         <div class="block-content">
−
          <h1>title 8</h1>
+
        <h1 >Yang Bokai </h1>
−
<img src="https://static.igem.org/mediawiki/2019/c/ca/T--DUT_China_B--1.8.svg" >
+
<img src="https://static.igem.org/mediawiki/2019/3/3c/T--DUT_China_B--YBK.jpg" style="height:100%;width:100%;" >
−
           <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci fuga ducimus nobis.</p>
+
           <p >Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.</p>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Zeng Weiyang</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/c/c9/T--DUT_China_B--ZWY.jpg" style="height:100%;width:100%;" >
 +
          <p  >La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Liu Yuanyuan</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/c/c3/T--DUT_China_B--LYY.jpg" style="height:100%;width:100%;" >
 +
          <p  >Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.</p>
 +
        </div>
 +
      </div>
 +
      <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Chen Yan</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/e/eb/T--DUT_China_B--CY.jpg" style="height:100%;width:100%;" >
 +
          <p  > who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world. </p>
 +
        </div>
 +
      </div>
 +
          <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Liu Haodong</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/e/e1/T--DUT_China_B--LHD.jpg" style="height:100%;width:100%;" >
 +
          <p  > Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team. </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Ge Yunlong</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/a/ac/T--DUT_China_B--GYL.jpg" style="height:50%;width:100%;" >
 +
          <p  > Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer? </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Xu Mingxi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/f/fa/T--DUT_China_B--XMX.jpg" style="height:50%;width:100%;" >
 +
          <p  > Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team. </p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
        <div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Men Hongyi</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/8/85/T--DUT_China_B--MEN.jpg" style="height:100%;width:100%;" >
 +
          <p  > a little cute from architecture major, always busy in drawing.</p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
 
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
         
 +
<img src="https://static.igem.org/mediawiki/2019/0/04/T--DUT_China_B--tutor.jpg" style="height:100%;width:100%;" >
 +
       
 +
        </div>
 +
        </div>
 +
<div class="block-panel">
 +
        <div class="block-content">
 +
        <h1 >Ma Yue</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/3/35/T--DUT_China_B--WY.jpg" style="height:100%;width:100%;" >
 +
          <p  > Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.</p>
 +
        </div>
 +
      </div>
 +
      <br>
 +
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/b/bc/T--DLUT_China_B--Team19.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on （1） the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.</p>
 +
          </div>
 +
          </div>
 +
        <div class="block-panel">
 +
        <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2019/0/0c/T--DUT_China_B--KFT.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.</p>
 +
          </div>
 +
          </div>
 +
          <div class="block-panel">
 +
          <div class="block-content">
 +
          <h1 >Fantao</h1>
 +
<img src="https://static.igem.org/mediawiki/2018/a/af/T--DLUT_China_B--Team18.jpg" style="height:100%;width:100%;" >
 +
          <p  >Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.</p>
 +
          </div>
 +
          </div>
 +
       
 
     </div>
 
     </div>
  
Line 230: Line 335:
  
 
</div>
 
</div>
−
<script type="text/javascript">
+
<script type="text/javascript">
  
 
window.onload=function(){
 
window.onload=function(){
 
   map_height=document.documentElement.clientHeight;//获取页面可见高度
 
   map_height=document.documentElement.clientHeight;//获取页面可见高度
−
  alert(map_height);
+
 
−
 
+
   document.getElementById("sides").style.height=map_height+"px";
−
   document.getElementById("sides").style.height=map_height*0.88+"px";
+
 
   }
 
   }
 
   function getScrollTop(){  
 
   function getScrollTop(){  
 
var scrollTop=0;  
 
var scrollTop=0;  
−
if(document.documentElement&&document.documentElement.scrollTop){  
+
if(document.documentElement.scrollTop){  
 
scrollTop=document.documentElement.scrollTop;  
 
scrollTop=document.documentElement.scrollTop;  
 
}else if(document.body){  
 
}else if(document.body){  
Line 249: Line 353:
 
document.onscroll = function(){
 
document.onscroll = function(){
 
console.log(getScrollTop())
 
console.log(getScrollTop())
−
if(getScrollTop()>map_height) {
+
if(getScrollTop()>(map_height+170)) {
 
document.getElementById("sides").style.position="fixed";
 
document.getElementById("sides").style.position="fixed";
 
document.getElementById("sides").style.top="0";
 
document.getElementById("sides").style.top="0";
Line 258: Line 362:
 
}
 
}
 
</script>
 
</script>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 01:21, 14 December 2019

Document
parts

Great partner


Haobo Wang

Haobo Wang majors in environmental-engineering, yet somehow always finds himself ending up in biology labs.

Peng Feixue

a senior studying math, whose hair suffers from his major.

Chen Kaidi

a senior in Bioengineering from Dalian University of Technology, likes exploration and pursuing things she loves. Though sometimes procrastination will bring her trouble，she still tries to make everything perfect. This is her second year in iGEM, and she really appreciates the two-year experience here, which gives her the most cherish and fulfilling memory in her college time.

Pedro Brown

who is always very glad to discuss synthetic biology issues with iGEMers. iGEM requires not only a solid foundation of biology but also a rich imagination and creativity. He believes tomorrow belongs to synthetic biology. His motto: Miracle is another name for hard work.

Yin Xianqi

Yin Xianqi is an optimistic man with a simple and honest character. Being a senior and experienced in doing experiment, he undoubtedly plays an important role in the team. He is positive and motivated, never loses heart and gives up.

Zhang Yuanzhen

an iGEMer who loves researching and enjoys her second year with iGEM. She is an experienced experimenter and a much cherished asset to our team.

Zhu Jinwei

who has great passion for math as a senior student of bioengineering, and contributes much for our team’s modeling work. He can work just as well by himself.

Yang Bokai

Yang Bokai is a bioengineering senior who enjoys his life but has a contradicted feeling about wet experiments.

Zeng Weiyang

La sophomore major in bioengineering in Dalian University of Technology. He found, quite surprisingly, great pleasure in algae culturing.

Liu Yuanyuan

Liu Yuanyuan studies bioengineering. She had a hard time finding her part in the team, and now you see her, doing experiments and translating, double checking lines on wiki at the same time. Less optimistic and a lot heavier than she wants to be. And if you love MCU or Supernatural or some random TV series, she will be happy to know you.

Chen Yan

who just got into second year and majors in bioengineering. Always bright and optimistic, she enjoys novels and soap operas, living in her own world.

Liu Haodong

Liu Haodong is devoted to the experiment part of our project, mainly in charge of electroporation and algae culturing. Sometimes you will also find him sterilizing and making culture medium, or writing for wiki. Anyway, busy in team.


Ge Yunlong

Ge Yunglong also majors in bioengineering. He has great curiosity for new things. Though having widespread hobbies, he is not everything proficient. Optimistic and friendly, yet particular about friends, he might not be the best man you ever seen, but he is reliable—aren’t that enough for an iGEMer?


Xu Mingxi

Xu Mingxi, who is a senior at Dalian University of technology and majors in automation. She is in charge of Wiki coding in the team.


Men Hongyi

a little cute from architecture major, always busy in drawing.


Ma Yue

Ma Yue, postgraduate of visual communication design at the School of Architecture and Art, Dalian University of Technology. Participated in the main visual design of the 70th anniversary of the university, and now serves as the editor of "China Postgraduate" magazine.


Fantao

Dr. Yang is associate professor, master supervisor in the school of bioengineering, Dalian University of Technology. Her research focuses on （1） the structure and function of the key enzymes involved in cell wall degradation; and (2) development of antibacterial and antifungal technologies and agents; and (3) Application design of controlled release drug delivery carriers.

Fantao

Dr. Kong is a Associate Professor in the school of bioengineering, Dalian University of Technology . His research interests including lipid biology and biotechnology using photosynthetic microalgae as model.

Fantao

Dr. ZI is a teacher in the school of bioengineering, Dalian University of technology. She is mainly responsible for the innovative practice teaching of undergraduates.