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

Line 1: Line 1:
−
 
 
<html>
 
<html>
 
<head>
 
<head>
 
<meta charset="utf-8" />
 
<meta charset="utf-8" />
−
<link rel="stylesheet" type="text/css" href="./css/frame.css" />
+
<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/bootstrapcss?action=raw&ctype=text/css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">
+
 
−
<style>
+
<link href="https://2018.igem.org/wiki/index.php?title=Template:SDU-China/slickcss190&action=raw&ctype=text/css" rel="stylesheet">
−
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
+
<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/bootjs?action=raw&ctype=text/javascript"></script>
 +
  <script src="https://2018.igem.org/Team:SDU-China/jquery311?action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
    <style>
 +
    #contentSub, #footer-box, #catlinks, #search-controls, #p-logo,
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
     #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {
 
         display: none;
 
         display: none;
Line 34: Line 40:
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;  
 
         height: 100%;  
−
         background-color: transparent;
+
         background-color: transparent;
 
     }
 
     }
−
li { list-style: none; }b
+
 
−
a { text-decoration: none; }
+
 
−
a:link, a:visited, a:active { color: white; }
+
#logo {
−
a:hover { color: #c1d9ff; }
+
float: left;
−
img { margin: 10px auto; } /*???*/
+
position: relative;
 +
margin-left:1%;
 +
display: block !important;
 +
}
 +
#logo img { width:150px;} /*???*/
 
table { margin: 0 auto; }
 
table { margin: 0 auto; }
 
td { text-align: center }
 
td { text-align: center }
  
 
#content{
 
#content{
−
margin-top: -18px;
+
    margin-top: -22px;
−
padding: 0px;
+
    padding: 0px;
−
background-color: #E6E6F2;
+
    background-color: #E6E6F2;
 
         width: 100%;  
 
         width: 100%;  
 
         height: 100%;
 
         height: 100%;
Line 53: Line 63:
 
}
 
}
  
−
#header, #footer, #section {
+
#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 {
+
#menu a { text-decoration: none; }
−
float: left;
+
#menu a:link, a:visited, a:active { color: white; }
−
position: relative;
+
#menu a:hover { color: #c1d9ff; }
−
margin-left:1%;
+
−
display: block !important;
+
−
}
+
 
#menu {
 
#menu {
−
float: right;
+
    float: right;
−
position: relative;
+
    position: relative;
−
transform: translateY(-10%);
+
    transform: translateY(-10%);
−
margin-right: 1%;
+
    margin-right: 1%;
−
display: block !important;
+
    display: block !important;
 
}
 
}
 
#menu li {
 
#menu li {
−
float: left;
+
    float: left;
−
position: relative;
+
    position: relative;
−
padding:2% 0%;
+
    padding:2% 0%;
 +
   
 
}
 
}
−
#menu li a { font: 18px sans-serif;   font-weight: lighter;  padding: 15px; }
+
#menu li a { font: 18px sans-serif; font-weight: bolder;  padding: 15px; }
 
#menu ul li ul {
 
#menu ul li ul {
−
background-color: #336666;
+
    background-color: #336666;
−
opacity: 0.8 ;
+
    opacity: 0.8   ;
−
display: none;
+
    display: none;
−
position: absolute;
+
    position: absolute;
−
margin: 0;
+
    margin: 0;
−
padding: 10% 0;
+
    padding: 10% 0;
 +
    font-weight: lighter !important;
 
}
 
}
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
 
#menu ul li ul li { font-size: 10px;  padding: 5%; }
Line 96: Line 105:
  
  
−
#footer { height: 180px;  color: white; }
 
 
#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;
 
}
 
}
  
  
  
−
#section {clear: both;}
+
#section {clear: both;
 +
width:100%;
 +
margin-top:-20px;
 +
padding: 133px auto 0 auto;
 +
overflow: hidden;
 +
background-color:white !important;}
 
#main-title {
 
#main-title {
−
font-size: 60px;
+
    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: #4b5ea4;  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: 1200px;
+
    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;
 
}
 
}
−
.paragraghs { padding: 4% 8%;  font-family: sans-serif; }
 
 
.p-top {
 
.p-top {
−
color: #4b5ea4;
+
    color: #4b5ea4;
−
text-align: center !important;
+
    text-align: center;
−
margin-top: 5px;
+
    margin-top: 5px;
−
font: 25px sans-serif !important;
+
    font: 25px sans-serif;
−
+
    transform: translateY(80%);
 
}
 
}
−
#section li { list-style: decimal; }
+
 
−
.bio {
+
.panel-default > .panel-heading {
 +
    color: #333;
 +
    border-color: #ddd;
 +
}
 +
 
 +
 
 +
p.partone {
 +
    text-align: justify;
 +
    text-justify: inter-word;
 +
 
 +
}
 +
p {
 +
    font-family: 'Open Sans', sans-serif;
 +
    font-weight: 400 !important;
 +
    font-size: 18px !important;
 +
    line-height: 1.5;
 +
    margin-bottom: 20px;
 +
}
 +
h4 {
 +
    font-family: 'Josefin Sans', sans-serif !important;
 +
    font-size: 30px !important;
 +
}
 +
.some-padding {
 +
    padding-top: 20px;
 +
}
 +
 
 +
h4{
 +
    display: inline-block;
 +
    display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 +
    display: -moz-inline-block;/* Firefox */
 +
    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;
 +
 
 +
  }
 +
 
 +
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{
 +
width: 100%;
 +
    height:95px;  /* header的高度一定要是固定值*/
 +
    position:fixed;
 +
    top:0px;
 +
    left:0px;
 +
clear:both;
 +
z-index: 3;
 +
 
 +
}
 +
#footer{
 +
    width: 100%;
 +
    height:180px;  /* footer的高度一定要是固定值*/
 +
    position:absolute;
 +
    bottom:0px;
 +
    left:0px;
 +
    color: white;
 +
}
 +
.body{
 +
  clear:both;
 +
  overflow: hidden;
 +
  padding-top: 95px;
 +
  padding-bottom: 180px;
 +
  /*保证footer是相对于container位置绝对定位*/
 +
    position:relative; 
 +
    width:100%;
 +
    min-height:100%;
 +
    /*设置padding-bottom值大于等于footer的height值，以保证main的内容能够全部显示出来而不被footer遮盖；*/ 
 +
    box-sizing: border-box;
 +
-moz-box-sizing:border-box; /* Firefox */
 +
-webkit-box-sizing:border-box; /* Safari */
 +
}
 +
 
 +
 
 +
.bio1, .bio2 {
 
     width: 80%;
 
     width: 80%;
 
     margin: 0 auto 40px auto;
 
     margin: 0 auto 40px auto;
 +
}
 +
.bio1{
 +
float: left;
 +
}
 +
.bio2{
 +
float: right;
 
}
 
}
 
.biotext{
 
.biotext{
−
width: 45%;
+
width: 55%;
 
display:inline-block;
 
display:inline-block;
 
     display:-webkit-inline-block; /* Safari, Chrome, and Opera */
 
     display:-webkit-inline-block; /* Safari, Chrome, and Opera */
Line 177: Line 306:
 
     padding-right: 5%;
 
     padding-right: 5%;
 
     vertical-align: top;
 
     vertical-align: top;
−
width: 450px;
+
    width: 450px;
−
     height: 450px;
+
     height: 320px;
 
}
 
}
 
.name {
 
.name {
Line 197: Line 326:
 
     margin: 0.5px;
 
     margin: 0.5px;
 
}
 
}
−
</style>
+
*{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;}
  
 +
div.biopic{
 +
overflow: hidden;
 +
width: 320px;
 +
height: 320px;
 +
border-radius: 160px;
 +
margin: auto;
 +
}
 +
.bio1 .biopic img{
 +
margin-left: -70px ;
 +
}
 +
.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>   
 
</head>
 
</head>
−
<body>
 
  
−
<div id="header">
+
<body>
 +
<div class="body">
 +
<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/e/ec/T--SDU-CHINA--Logo0.svg" 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>
Line 234: Line 386:
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Model">Model</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li>
 
                     <li><a href="https://2018.igem.org/Team:SDU-CHINA/Hardware">Hardware</a></li>
−
                    <li><a href="https://2018.igem.org/Team:SDU-CHINA/Software">Software</a></li>
 
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
Line 270: Line 421:
  
 
<div id="section">
 
<div id="section">
−
 
−
 
−
<div class="sub-title" id="Metabolic"></div>
 
 
<div class="conteudo">
 
<div class="conteudo">
 
<h1 id="main-title">Team</h1>
 
<h1 id="main-title">Team</h1>
  
−
<div class="bio">
+
<div class="bio1">
 
<p class="name">Jiao Jin</p>
 
<p class="name">Jiao Jin</p>
−
<div class="biopic"><img src="" width="450" height="450" alt=""/></div>
+
<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="biotext">
 
<div class="biotext">
 
       <p class="faculty">Team Leader</p>
 
       <p class="faculty">Team Leader</p>
Line 286: Line 434:
 
     </div>
 
     </div>
 
     </div>
 
     </div>
−
     <div class="bio">
+
     <div class="bio2">
 
<p class="name">Zhaoqin Zhang</p>
 
<p class="name">Zhaoqin Zhang</p>
−
<div class="biopic"><img src=""width="900" height="900" alt=""/></div>
+
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Competition Affairs/Experimentation</p>
 
       <p class="faculty">Competition Affairs/Experimentation</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
       I’m a junior student majoring in biology. It is the first time for me as well as our team to  
+
       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.  
−
participate in the iGEM competition, I' m so excited to meet so many interesting guys! I am mainly responsible for Human Practice and some wet lab experiments, which offers me a lot of experience in communication skills and research skills. I am interested in synthetic biology in eukaryotic cells and I believe synthetic biology is of great use in both fundamental & translational research.  
+
  
 
       </p>
 
       </p>
 
           </div>
 
           </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>
−
       <div class="bio">
+
    <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">Experiment</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>
 
<p class="name">Yize Hao</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
 
<div class="biotext">
 
<div class="biotext">
 
       <p class="faculty">Wiki edit/Experimentation</p>
 
       <p class="faculty">Wiki edit/Experimentation</p>
 
       <p class="introduction">
 
       <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. What I want most is that I can go further along the road of scientific research .  
+
     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>
 
       </p>
 
           </div>
 
           </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>
−
     <div class="bio">
+
     <div class="bio1">
 
<p class="name">Zijian Pan</p>
 
<p class="name">Zijian Pan</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
<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">
 
<div class="biotext">
 
       <p class="faculty">Experimentation</p>
 
       <p class="faculty">Experimentation</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
     I am very grateful of having the opportunity to play a role in our iGEM team. During the iGEM year, we struggled with countless difficulties together where we harvested knowledge and life-long friendships, as well.
+
     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>
 
             </p>
 
           </div>
 
           </div>
 +
         
 
     </div>
 
     </div>
−
     <div class="bio">
+
     <div class="bio2">
−
<p class="name">Weiguang Wang</p>
+
<p class="name">Yumin Meng</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
 
<div class="biotext">
 
<div class="biotext">
−
       <p class="faculty">Hardware</p>
+
       <p class="faculty">Experimentation</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
     I am a microbiology student and I am responsible for the hardware construction in the team.      
+
     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>
 
       </p>
 
           </div>
 
           </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>
−
<div class="bio">
+
    <div class="bio1">
−
<p class="name">Liyuan Xi</p>
+
<p class="name">Weiguang Wang</p>
−
<div class="biopic"><img src=""width="450" height="450" alt=""/></div>
+
<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">
 
<div class="biotext">
−
       <p class="faculty">Experiment</p>
+
       <p class="faculty">Hardware</p>
 
       <p class="introduction">
 
       <p class="introduction">
−
     I major in life science. I feel honored to be a member of the SDU iGEM team and attend the Jamboree this year. Shy as I am ,I hope I can make friends through iGEM!       
+
     I am a microbiology student and I am responsible for the hardware production in the team.      
 
       </p>
 
       </p>
 
           </div>
 
           </div>
 
            
 
            
 
     </div>
 
     </div>
−
      
+
     <p class="p-top"><a href="#header">&#x25b2; top</a></p>
−
    <div><p class="p-top"><a href="#header">&#x25b2; top</a></p>
+
</div>
−
</div></div>
+
 
</div>
 
</div>
−
 
  
 
<div id="footer">
 
<div id="footer">
Line 372: Line 531:
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
 +
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 06:47, 7 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

Experiment

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

Wiki edit/Experimentation

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.

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