Difference between revisions of "Team:SDU-CHINA/Parts"

Line 1: Line 1:
−
 
−
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
    <link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css">
+
<link rel="stylesheet" href="https://2018.igem.org/Team:SDU-CHINA/bootstrap337?action=raw&ctype=text/css">
 +
 
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickthemecss190&action=raw&ctype=text/css" rel="stylesheet">
 
   <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/jquery211?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script>
 
   <script src="https://2018.igem.org/Team:SDU-China/bootjs?action=raw&ctype=text/javascript"></script>
−
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.min.css">
+
  <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 
     <style>
 
     <style>
 
     #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 
     #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
Line 37: Line 40:
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;  
 
         height: 100%;  
−
         background-color: transparent;
+
         background-color: transparent;
 
     }
 
     }
−
li { list-style: none; }
 
−
#menu a { text-decoration: none; }
 
−
#menu a:link, a:visited, a:active { color: white;  }
 
−
#menu a:hover { color: #c1d9ff; }
 
  
 +
 +
#logo {
 +
float: left;
 +
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#logo img {  width:150px; margin-top: 15px;} /*???*/
 
table { margin: 0 auto; }
 
table { margin: 0 auto; }
 
td { text-align: center }
 
td { text-align: center }
  
 
#content{
 
#content{
−
margin: 0px;
+
    margin-top: -22px;
−
padding: 0px;
+
    padding: 0px;
−
background-color: #E6E6F2;
+
    background-color: #E6E6F2;
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;
 
         height: 100%;
 
         border: 0px;
 
         border: 0px;
−
position:absolute;
+
        position: absolute;
−
top:18px;
+
        top:18px;
 
}
 
}
  
−
#header, #footer {
+
#footer,#header {
−
background: linear-gradient(to right, #005AB5, #007500);
+
    background: linear-gradient(to right, #005AB5, #007500);
−
background: -webkit-linear-gradient(to right, #005AB5, #007500);
+
    background: -webkit-linear-gradient(to right, #005AB5, #007500);
−
background: -moz-linear-gradient(to right, #005AB5, #007500);
+
    background: -moz-linear-gradient(to right, #005AB5, #007500);
−
background: -o-linear-gradient(to right, #005AB5, #007500);
+
    background: -o-linear-gradient(to right, #005AB5, #007500);
−
float: left;
+
    float: left;
−
width: 100%;
+
    width: 100%;
−
padding: 1% 0%;
+
    padding: 2% 0%;
 
         margin: 0 0px !important;
 
         margin: 0 0px !important;
 
}
 
}
−
 
−
#logo {
 
−
float: left;
 
−
position: relative;
 
−
margin-left:1%;
 
−
display: block !important;
 
−
}
 
−
#logo img {  width:150px; margin-top: 15px;} /*???*/
 
  
 
#menu a { text-decoration: none; }
 
#menu a { text-decoration: none; }
Line 105: Line 104:
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 
#menu li:hover ul, .menu li.over ul { display: block; }
 
#menu li:hover ul, .menu li.over ul { display: block; }
−
 
  
  
  
 
#sponsors {
 
#sponsors {
−
text-align: center;
+
    text-align: center;
−
float: left;
+
    float: left;
−
margin-left: 15px;
+
    margin-left: 15px;
−
margin-top: 2px;
+
    margin-top: 2px;
 
}
 
}
 
#address {
 
#address {
−
text-align: center;
+
    text-align: center;
−
float: right;
+
    float: right;
−
margin-right: 20px;
+
    margin-right: 20px;
−
margin-left: 30px;
+
    margin-left: 30px;
−
margin-top: 2px;
+
    margin-top: 2px;
 
}
 
}
 
#contact {
 
#contact {
−
text-align: center;
+
    text-align: center;
−
float: right;
+
    float: right;
−
position: relative;
+
    position: relative;
−
margin-right: 30px;
+
    margin-right: 30px;
−
margin-top: 2px;
+
    margin-top: 2px;
 +
    width: 230px;
 
}
 
}
  
Line 138: Line 137:
 
overflow: hidden;
 
overflow: hidden;
 
background-color:white !important;}
 
background-color:white !important;}
−
 
 
#main-title {
 
#main-title {
−
font-size: 45px;
+
    font-size: 45px;
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
font-family: sans-serif;  
+
    font-family: sans-serif;  
−
text-align: center;
+
    text-align: center;
−
font-weight: lighter;
+
    font-weight: lighter;
−
margin: 0;
+
    margin: 0;
−
padding: 30px 0px 0px 0px;
+
    padding: 30px 0px 0px 0px;
−
margin: 0px 67px 0px 65px;
+
    margin: 0px 67px 0px 65px;
 
}
 
}
 
.sublinks { text-align: center; }
 
.sublinks { text-align: center; }
 
.sublinks h2 {
 
.sublinks h2 {
−
display: inline-block;
+
    display: inline-block;
−
margin: 20px 40px;
+
    margin: 20px 40px;
 
}
 
}
−
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #8298ec;  font-family: sans-serif;  font-weight: lighter; }
+
.sublinks a:link, .sublinks a:visited, .sublinks a:active, .p-top a:link, .p-top a:visited, .p-top a:active { color: #4b5ea4;  font-family: sans-serif;  font-weight: lighter; }
 
.sub-title {
 
.sub-title {
−
font-family: sans-serif;
+
    font-family: sans-serif;
−
color: white;
+
    color: white;
−
text-align: center;
+
    text-align: center;
 
}
 
}
 
.conteudo {
 
.conteudo {
−
margin: 0 auto;
+
    width:100%;
−
max-width: 1800px;
+
    max-width: 1800px;
−
background-color: white;
+
    background-color: white;
 
     line-height: 1.5;
 
     line-height: 1.5;
 
     clear: both;
 
     clear: both;
 +
    padding: 0px 200px 10px 200px;
 
}
 
}
 
.p-top {
 
.p-top {
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
text-align: center;
+
    text-align: center;
−
margin-top: 5px;
+
    margin-top: 5px;
−
font: 25px sans-serif;
+
    font: 25px sans-serif;
−
transform: translateY(80%);
+
    transform: translateY(80%);
 
}
 
}
  
Line 181: Line 180:
  
  
−
p {
+
p.partone {
 
     text-align: justify;
 
     text-align: justify;
 
     text-justify: inter-word;
 
     text-justify: inter-word;
−
    font-family: 'Calibri', sans-serif;
+
 
 
}
 
}
 
p {
 
p {
Line 202: Line 201:
  
 
h4{
 
h4{
−
display: inline-block;
+
    display: inline-block;
−
display:-webkit-inline-block; /* Safari, Chrome, and Opera */
+
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
     display: -moz-inline-block;/* Firefox */
 
     display: -moz-inline-block;/* Firefox */
 
     display: -o-inline-block;
 
     display: -o-inline-block;
 +
    width: 700px;
 
}
 
}
 +
h1{
 +
  margin-bottom:0px !important;
 +
}
 +
*{margin: 0;padding: 0;}
 +
         
 +
  #box div{
 +
    position: relative;
 +
    display: block;
 +
    width: 600px;
 +
    height: 500px;
 +
    margin: 0 auto;
 +
  }
 +
  #box img{
 +
    width: 600px;
 +
    height: 500px;
 +
    display: table-cell;
 +
    vertical-align: middle;
 +
  text-align: center;
  
−
@media screen and (max-width: 600px) {
+
  }
−
         
+
−
      }
+
  
 +
ul li{
 +
  list-style: none;
 +
}
 +
ol li{​
 +
 +
        list-style-type:decimal;
 +
 +
        list-style-position:inside ;
 +
 +
        font-size: 15px;
 +
 +
}
 +
ol{
 +
  padding-left: 10px ;
 +
  padding-bottom: 40px;
 +
}
 +
 +
.parttwo a{
 +
  display: block;
 +
  text-align: center !important;
 +
}
 
#header{
 
#header{
 
  width: 100%;
 
  width: 100%;
−
     height:95px;  /* header的高度一定要是固定值*/  
+
     height:80px;  /* header的高度一定要是固定值*/  
 
     position:fixed;
 
     position:fixed;
 
     top:0px;
 
     top:0px;
Line 220: Line 257:
 
clear:both;
 
clear:both;
 
z-index: 3;
 
z-index: 3;
 +
 
}
 
}
 
#footer{
 
#footer{
Line 229: Line 267:
 
     color: white;
 
     color: white;
 
}
 
}
 +
 
.body{
 
.body{
 
   clear:both;
 
   clear:both;
 
   overflow: hidden;
 
   overflow: hidden;
−
   padding-bottom: 110px;
+
   padding-top: 80px;
−
   padding-top: 95px;
+
   padding-bottom: 180px;
 
   /*保证footer是相对于container位置绝对定位*/
 
   /*保证footer是相对于container位置绝对定位*/
−
     position:absolute;   
+
     position:relative;   
 
     width:100%;
 
     width:100%;
−
top:18px;
+
    min-height:100%;  
−
bottom:0px;
+
 
     /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/   
 
     /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/   
 
     box-sizing: border-box;
 
     box-sizing: border-box;
Line 245: Line 283:
 
}
 
}
  
−
.paragraphs{  
+
 
−
  padding: 0 200px 0 200px;  
+
.bio1, .bio2 {
−
  font-family: sans-serif;  
+
    width: 80%;
−
  text-align: center;
+
    margin: 0 auto 40px auto;
 +
}
 +
.bio1{
 +
float: left;
 +
}
 +
.bio2{
 +
float: right;
 +
}
 +
.biotext{
 +
width: 55%;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
}
 +
.biopic{
 +
border: none;
 +
display:inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    display: -o-inline-block;
 +
    padding-right: 5%;
 +
    vertical-align: top;
 +
    width: 450px;
 +
    height: 320px;
 +
}
 +
.name {
 +
    border-bottom: 1px solid #606060;
 +
    margin: 0 0 10px 0;
 +
    font-weight: bold;
 +
    font-size: 40px !important;
 +
}
 +
.faculty {
 +
    font-size: 24px !important;
 +
    padding: 0 15px;
 +
    margin: 0 0 20px 0;
 +
    font-weight: bold;
 
}
 
}
−
.paragraphs img{
+
.introduction {
−
  position: relative;
+
    font-size: 20px !important;
−
  display: inline-block;
+
    font-family: serif, 'Times New Roman';
−
  margin: 10 auto;
+
    margin: 0.5px;
 
}
 
}
 +
*{margin: 0;padding: 0;}
 +
            #box{width: 800px;height: 150px;margin: 100px auto;position: relative;background: gray;overflow: hidden;}
 +
            #box ul{position: absolute;left: 21px;top: 17px;}
 +
            #box ul li{float: left;width: 190px;height: 150px;list-style: none;}
  
−
.paragraphs a:visited { color:#5a3428;text-decoration: none;}
+
div.biopic{
−
.paragraphs a:hover { color:#80ddbf;text-decoration: none;}
+
overflow: hidden;
−
p.reference{
+
width: 320px;
−
  font-size: 15px !important;
+
height: 320px;
 +
border-radius: 160px;
 +
margin: auto;
 
}
 
}
−
#tiao{
+
.bio1 .biopic img{
−
margin:0 150px;
+
margin-left: -70px ;
−
font-size: 20px !important
+
}
 +
.conteudo div:nth-of-type(5) div:first-of-type img{
 +
margin-left: -150px !important;
 +
}
 +
.conteudo div:nth-of-type(6) div:last-of-type img{
 +
margin-left: -20px !important;
 +
}
 +
.conteudo div:nth-of-type(2) div:last-of-type img, .conteudo div:nth-of-type(4) div:last-of-type img{
 +
margin-left: -70px !important;
 
}
 
}
−
</style>
 
  
−
 
+
</style>   
−
   
+
 
</head>
 
</head>
−
<body>
 
  
 +
<body>
 
<div class="body">
 
<div class="body">
−
  <div id="header">
+
<div id="header">
−
  <!--LOGO LINK--->
+
<!--LOGO LINK--->
−
  <div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
+
<div id="logo"><a href="https://2018.igem.org/Team:SDU-CHINA"><img src="https://static.igem.org/mediawiki/2018/7/72/T--SDU-China--duihui.jpg" alt="LOGO" /></a></div>
−
  <div id="menu">
+
<div id="menu">
−
    <ul>
+
<ul>
 
             <li>
 
             <li>
 
                 <a href="#">PROJECT &#9662;</a>
 
                 <a href="#">PROJECT &#9662;</a>
Line 334: Line 420:
 
                 </li>
 
                 </li>
 
         </ul>
 
         </ul>
−
  </div>
+
</div>
 
</div>
 
</div>
  
 +
<div id="section">
 +
<div class="conteudo">
 +
<h1 id="main-title">Team</h1>
  
−
  <div class="conteudo">
+
<div class="bio1">
−
    <h1 id="main-title">Parts</h1>
+
<p class="name">Jiao Jin</p>
−
 
+
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/4/47/T--SDU-China--jinjiao.jpg" width="450" height="320px" alt=""/></div>
−
<div class="paragraphs">
+
<div class="biotext">
−
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM18', g:'SDU-CHINA' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
+
      <p class="faculty">Team Leader</p>
−
<p>
+
      <p class="introduction">
−
</div>
+
      The mascot of the team! The major work for me is to cheer people up when things do not go well!
−
</div>
+
      </p>
−
</div>
+
    </div>
 +
    </div>
 +
    <div class="bio2">
 +
<p class="name">Zhaoqin Zhang</p>
 +
 +
<div class="biotext">
 +
      <p class="faculty">Competition Affairs/Experimentation</p>
 +
      <p class="introduction">
 +
      I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.  
 +
 
 +
      </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--SDU-China--zhangzhaoqin.jpg"width="450" height="320px" alt=""/></div>
 +
    </div>
 +
    <div class="bio1">
 +
<p class="name">Liyuan Xi</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/69/T--SDU-China--xiliyuan.jpg"width="450" height="320px" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I’m major in life science. I feel honored to be a member of SDU iGEM team and attend Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!       
 +
      </p>
 +
          </div>
 +
         
 +
    </div>
 +
      <div class="bio2">
 +
<p class="name">Yize Hao</p>
 +
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation/Wiki edit</p>
 +
      <p class="introduction">
 +
    I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.
 +
      </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/6/61/T--SDU-China--haoyize.jpg"width="480" height="320" alt=""/></div>
 +
    </div>
  
 +
    <div class="bio1">
 +
<p class="name">Zijian Pan</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/1/1b/T--SDU-China--panzijian.jpg"width="480" height="320" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.
 +
            </p>
 +
          </div>
 +
    </div>
 +
    <div class="bio1">
 +
<p class="name">Zilong Geng</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/f/f2/T--SDU-China--gengzilong.jpg"width="480" height="320" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    Howdy, this is Zero. Since it is my first time to participate such big competition as the iGEM, I feel so honored and appreciated. The iGEM opened my eyes with a brand new world where  I never set foot. And the cross disciplines in synthetic biology truly rebuilt my point of views about traditional biology, which makes me seek for higher horizons. My teammates work really hard and solidly, which makes me grateful and teaches me a lesson about what teamwork is.
 +
 +
            </p>
 +
          </div>
 +
    </div>
 +
    <div class="bio2">
 +
<p class="name">Yumin Meng</p>
 +
 +
<div class="biotext">
 +
      <p class="faculty">Experimentation</p>
 +
      <p class="introduction">
 +
    My name is Meng Yumin. I study biology in the School of Life Science and I am a sophoman. I undertook the job of designing and assembling the genetic circuit of the project with other teammates. In addition, I manually modified our experimental instrument to make it more suitable for our project with my hands-on ability. Looking forward to the new age of synthetic biology from iGEM.
 +
      </p>
 +
          </div>
 +
          <div class="biopic"><img src="https://static.igem.org/mediawiki/2018/7/70/T--SDU-China--mengyumin.jpg"width="450" height="320px" alt=""/></div>
 +
    </div>
 +
    <div class="bio1">
 +
<p class="name">Weiguang Wang</p>
 +
<div class="biopic"><img src="https://static.igem.org/mediawiki/2018/8/8b/T--SDU-China--wangweiguang.jpg"width="450" height="600px" alt=""/></div>
 +
<div class="biotext">
 +
      <p class="faculty">Hardware</p>
 +
      <p class="introduction">
 +
    I am a microbiology student and I am responsible for the hardware production in the team.     
 +
      </p>
 +
          </div>
 +
         
 +
    </div>
 +
    <p class="p-top"><a href="#header">&#x25b2; top</a></p>
 +
</div>
 +
</div>
  
 
<div id="footer">
 
<div id="footer">
Line 363: Line 533:
 
     </div>
 
     </div>
 
</div>
 
</div>
−
 
 
</div>
 
</div>
 +
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:34, 10 October 2018

Team

Jiao Jin

Team Leader

The mascot of the team! The major work for me is to cheer people up when things do not go well!

Zhaoqin Zhang

Competition Affairs/Experimentation

I’m a junior student majoring in biology. It is the first time for me as well as our team to participate in iGEM competition, I' m so excited to meet so much interesting guys! I mainly take charge of Human Practice and do some wet lab experiments, which offers me a lot experience in social skills and research skills. I am interested in synthetic biology in eukariotic cells and I believe synthetic biology is of great use in both research and practical use.

Liyuan Xi

Experimentation

I’m major in life science. I feel honored to be a member of SDU iGEM team and attend Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!

Yize Hao

Experimentation/Wiki edit

I hope I can improve my ability of thinking as well as my technical skills through igem. I will begin my postgraduate career after one year. I hope I can go further along the road of scientific research.

Zijian Pan

Experimentation

I am very grateful for having the opportunity to play a role in our igem team. For the duration of preparing for iGEM, we struggle with countless difficulties together. For this duration, we harvest knowledge and life-long friendships, as well.

Zilong Geng

Experimentation

Howdy, this is Zero. Since it is my first time to participate such big competition as the iGEM, I feel so honored and appreciated. The iGEM opened my eyes with a brand new world where I never set foot. And the cross disciplines in synthetic biology truly rebuilt my point of views about traditional biology, which makes me seek for higher horizons. My teammates work really hard and solidly, which makes me grateful and teaches me a lesson about what teamwork is.

Yumin Meng

Experimentation

My name is Meng Yumin. I study biology in the School of Life Science and I am a sophoman. I undertook the job of designing and assembling the genetic circuit of the project with other teammates. In addition, I manually modified our experimental instrument to make it more suitable for our project with my hands-on ability. Looking forward to the new age of synthetic biology from iGEM.

Weiguang Wang

Hardware

I am a microbiology student and I am responsible for the hardware production in the team.

▲ top