Difference between revisions of "Team:Tongji-Software/Team"

 
(97 intermediate revisions by 4 users not shown)
Line 31: Line 31:
 
   float: left;
 
   float: left;
 
   top: 0px;
 
   top: 0px;
−
   background-color: #685454;
+
   background-color: #592e2e;
 
   margin-top:0px;  
 
   margin-top:0px;  
 
   width: 10%;
 
   width: 10%;
Line 46: Line 46:
 
   width: 10%;
 
   width: 10%;
 
   height: 100%;
 
   height: 100%;
−
  /*background-color: #685454;*/
 
 
   padding-left: 20px;
 
   padding-left: 20px;
 
   padding-top: 25px;
 
   padding-top: 25px;
Line 71: Line 70:
 
}
 
}
  
−
.left {
+
.line {
 
   position: fixed;
 
   position: fixed;
 
   float: left;
 
   float: left;
Line 77: Line 76:
 
   left:10%;
 
   left:10%;
 
   background-color: #aadffa;
 
   background-color: #aadffa;
−
   width: 13%;
+
   width: 1%;
 +
  height: 100%;
 +
  padding-right:-20px;
 +
  padding-top:10px;
 +
}
 +
 
 +
.left {
 +
  position: fixed;
 +
  float: left;
 +
  top: 0px;
 +
  left:12%;
 +
  background-color: #aadffa;
 +
  width:10%;
 
   height: 100%;
 
   height: 100%;
 
   padding-right:-20px;
 
   padding-right:-20px;
Line 107: Line 118:
 
   transition: 0.3s;
 
   transition: 0.3s;
 
   font-weight:bold;
 
   font-weight:bold;
−
   font-size:15px;
+
   font-size:18px;
 
}
 
}
  
Line 116: Line 127:
 
   transition:all 0.3s;
 
   transition:all 0.3s;
 
   transform: scale(1.15);
 
   transform: scale(1.15);
 +
}
 +
.left li:before {
 +
  content: '';
 +
  height: 100%;
 +
  left: 0;
 +
  position: absolute;
 +
  top: 0;
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 3px;
 +
  z-index: -1;
 +
}
 +
 +
 +
.left li:hover:before {
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 100%;
 +
}
 +
 +
.left li.open:hover before {
 +
  -webkit-transition: width 0.2s ease-in;
 +
  transition: width 0.2s ease-in;
 +
  width: 100%;
 
}
 
}
  
Line 130: Line 165:
 
top:0px;
 
top:0px;
 
z-index: -1;
 
z-index: -1;
−
opacity: 0.3;
+
 
 
}
 
}
  
Line 137: Line 172:
 
   position:absolute;
 
   position:absolute;
 
   float: left;
 
   float: left;
−
   top:25%;
+
   top:20%;
 
   left:28%;
 
   left:28%;
 
   font-size: 48px;
 
   font-size: 48px;
Line 149: Line 184:
 
   float: left;
 
   float: left;
 
   top:110%;
 
   top:110%;
−
   left:28%;
+
   left:20%;
 
   width:71%;
 
   width:71%;
 
   font-size: 18px;
 
   font-size: 18px;
 
   z-index: 2;
 
   z-index: 2;
−
  color:#685454;
 
 
   margin-left：50px;
 
   margin-left：50px;
 
  line-height: 35px;
 
  line-height: 35px;
Line 161: Line 195:
 
.content .h1{
 
.content .h1{
 
   margin-top: 20px;
 
   margin-top: 20px;
−
   font-size: 30px;
+
   font-size: 33px;
 
   font-weight: bold;
 
   font-weight: bold;
 
   color: #aadffa;
 
   color: #aadffa;
Line 170: Line 204:
 
   vertical-align:middle;
 
   vertical-align:middle;
 
   text-align:center;
 
   text-align:center;
−
  font-weight:bold;
 
 
   font-size: 8x;
 
   font-size: 8x;
−
  color:#685454;
+
 
 
}
 
}
  
Line 178: Line 211:
 
   display: inline-block;
 
   display: inline-block;
 
   text-indent:2em;
 
   text-indent:2em;
−
   font-size: 20px;
+
   font-size: 16px;
 
   padding-top: 20px;
 
   padding-top: 20px;
 
   padding-bottom: 20px;
 
   padding-bottom: 20px;
 
}
 
}
  
 +
.content .blank{
 +
  display: inline-block;
 +
  text-indent:2em;
 +
  font-size: 20px;
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
  opacity:0;
 +
}
 
div.flip-3d {
 
div.flip-3d {
 
perspective:1200px;
 
perspective:1200px;
−
width:30%;
+
width:33%;
 
float:left;
 
float:left;
 
}
 
}
Line 204: Line 245:
 
height:100%;
 
height:100%;
 
top:0;
 
top:0;
 +
        padding-top:15px;
 
transform:rotateY(.5turn)
 
transform:rotateY(.5turn)
 
             translateZ(1px);
 
             translateZ(1px);
Line 209: Line 251:
 
text-align:center;
 
text-align:center;
 
opacity:0.6;
 
opacity:0.6;
−
         font-size:13px;
+
         font-size:15px;
 +
        color:#202020;
 
transition:1s .5s opacity;
 
transition:1s .5s opacity;
 +
        line-height:24px;
 
}
 
}
  
Line 228: Line 272:
 
background-image:radial-gradient(ellipse closest-side,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 
background-image:radial-gradient(ellipse closest-side,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);
 
}
 
}
−
@media screen and (max-width:800px) {
+
 
−
div#flip-3d {
+
 
−
perspective-origin:center top;
+
#contact{
 +
  border-radius: 15px;
 +
  width: 90%;
 +
  height:auto;
 +
  background:rgba(255,255,255,0.4);
 +
/* border: 2.5px solid rgba(0,0,0,0.7);*/
 +
  z-index: 5;
 +
  text-align: center;
 +
  display: block;
 +
  margin-bottom: 100px;
 
}
 
}
−
div#flip-3d figure {
+
 
−
float:none;
+
#contact h3{
−
width:50%;
+
  font-size: 22px;
−
margin:0 auto;
+
  margin-top:35px;
−
margin-bottom:12vw;
+
  margin-bottom:10px;
 +
  color : #5b3d3d;
 
}
 
}
−
div.flip-3d figure figcaption {
+
 
−
font-size:15px;
+
#contact span{
 +
  margin-top: 15px;
 +
  font-size: 19px;
 +
  color : #826767;
 
}
 
}
−
div#flip-3d figure:last-child {
+
 
−
display:none;
+
#contact img{
 +
  margin-top: 10px;
 +
  transition: all 0.4s;
 +
  margin-bottom: 30px;
 
}
 
}
 +
 +
#contact img:hover{
 +
  transform: scale(1.15);
 +
  transition: all 0.4s;
 
}
 
}
  
 +
#btn{
 +
display: none;
 +
position: fixed;
 +
left: 90%;
 +
bottom: 40px;
 +
height:80px;
 +
width: 80px;
 +
background: url(https://static.igem.org/mediawiki/2018/d/d1/T--Tongji-Software--top.png) no-repeat left top;
 +
background-size:100% auto;
 +
}
 
</style>
 
</style>
  
 +
<link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css">
  
 
<body>
 
<body>
Line 260: Line 335:
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Attributions" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="35%" ></li></a>
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Attributions" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/86/T--Tongji-Software--Att.svg" width="35%" ></li></a>
  
−
     <a href="https://2018.igem.org/Team:Tongji-Software/Modeling" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="35%" ></li></a>
+
     <a href="https://2018.igem.org/Team:Tongji-Software/Model" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/7/77/T--Tongji-Software--Mod.svg" width="35%" ></li></a>
  
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="35%" ></li></a>
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Collaborations" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Col.svg" width="35%" ></li></a>
Line 266: Line 341:
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
 
     <a href="https://2018.igem.org/Team:Tongji-Software/Requirements" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/5/5f/T--Tongji-Software--Req.svg" width="35%" ></li></a>
  
−
     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practice" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
+
     <a href="https://2018.igem.org/Team:Tongji-Software/Human_Practices" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/c/cc/T--Tongji-Software--Hum.svg" width="35%" ></li></a>
  
−
     <a href="https://2018.igem.org/Team:Tongji-Software/Measurement" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
+
     <a href="https://2018.igem.org/Team:Tongji-Software/Medal" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/8/8b/T--Tongji-Software--Med.svg" width="35%" ></li></a>
 
   </ul>
 
   </ul>
 
   </div>
 
   </div>
  
−
 
+
<div class="line"></div>
−
<div class="left">
+
<div><a href="javascript:;" id="btn" title="Return to Top"></a></div>
 +
<div id = "wrapper">
 +
<div class="left"  id = "sidebar-wrapper">
 
     <ul>
 
     <ul>
 
       <li><a href="#Overview">Overview</a></li>
 
       <li><a href="#Overview">Overview</a></li>
Line 295: Line 372:
  
  
−
<div class="content">
+
<div class="content" id="con">
  
  
Line 306: Line 383:
 
<span class="detail"><b>Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design.</b></span>
 
<span class="detail"><b>Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design.</b></span>
 
<span class="detail"><b>Since we only have seven team members, each of us has made great difference in our project.</b></span>
 
<span class="detail"><b>Since we only have seven team members, each of us has made great difference in our project.</b></span>
−
 
+
</br>
−
<span class="h1" id="members">  
+
<span class="h1" id="member">  
 
         Team members</br>  
 
         Team members</br>  
 
       </span>
 
       </span>
Line 315: Line 392:
 
             <div class="flip-3d">
 
             <div class="flip-3d">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/b/ba/T--Tongji-Software--Team-Anne.jpeg" width="100%">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/b/ba/T--Tongji-Software--Team-Anne.jpeg" width="100%">
−
              <span class="top">Wei Cao</span></br>
+
                  <b>Wei Cao</b></br>
−
                 Biotechnology
+
                 <span class="top">Biotechnology</span>
 
                 <figcaption> Initiative idea of being an iGEMer is my passion for biology and programming. Joining iGEM and developing Alpha Ant is like an adventure for me, which is full of surprises and difficulties. The joy, experience and friendship I got matter most. </figcaption>
 
                 <figcaption> Initiative idea of being an iGEMer is my passion for biology and programming. Joining iGEM and developing Alpha Ant is like an adventure for me, which is full of surprises and difficulties. The joy, experience and friendship I got matter most. </figcaption>
 
               </figure>
 
               </figure>
Line 322: Line 399:
 
             <div class="flip-3d">
 
             <div class="flip-3d">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Team-Xiaotian.jpeg" width="100%">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/d/d3/T--Tongji-Software--Team-Xiaotian.jpeg" width="100%">
−
                 <figcaption> Irrigation rats </figcaption>
+
                 <b>Xiaotian Yu</b></br>
 +
                <span class="top">Bioinformatics</span>
 +
              <figcaption> In this project, I’m in charge of modeling, data analyzing. Thanks to iGEM for this opportunity to cooperate with my creative and reliable teammates. I hope that our software will play a significant role in metabolic pathway design in the future!</figcaption>
 
               </figure>
 
               </figure>
 
             </div>
 
             </div>
 
             <div class="flip-3d">
 
             <div class="flip-3d">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/8/83/T--Tongji-Software--Team-Haiyan.jpeg" width="100%">
 
               <figure> <img src="https://static.igem.org/mediawiki/2018/8/83/T--Tongji-Software--Team-Haiyan.jpeg" width="100%">
−
                 <figcaption> Rabbit </figcaption>
+
                <b>Haiyan He</b></br>
 +
                <span class="top">Biology</span>
 +
                <figcaption>I enjoy the process of turning my ideas into reality! That’s why I’m in Tongji-Software. Also, it's great to work with a bunch of imaginative and creative friends. By the way, I 'm studying  German this year. Hope to learn more about Germany culture !</figcaption>
 +
              </figure>
 +
            </div>
 +
 
 +
 
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/c/c3/T--Tongji-Software--Team-Zhichao.jpeg" width="100%">
 +
                  <b>Zhichao Ma</b></br>
 +
                <span class="top">Bioinformatics</span>
 +
                 <figcaption> I’m really interested in synthetic biology. At the same time, I am proficient in programming because my major is bioinformatics. I’d love to improve my ability and develop my teamwork ability during iGEM competition. I truely hope that our software can benefit everyone.</figcaption>
 
               </figure>
 
               </figure>
 
             </div>
 
             </div>
−
          </div>
+
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/c/ca/T--Tongji-Software--Team-Yuchen.jpeg" width="100%">
 +
                <b>Yuchan Xing</b></br>
 +
                <span class="top">Digital Media & Communication Design</span>
 +
              <figcaption> iGEM provides me with the opportunity to practice my skills with a group of enthusiastic contemporaries. In our team, I am mainly responsible for web design, which is not very easy for me, and therefore I got well trained!</figcaption>
 +
              </figure>
 +
            </div>
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/archive/b/bc/20181012123042%21T--Tongji-Software--Team-Yuejia.jpeg" width="100%">
 +
                <b>Yuejia Li</b></br>
 +
                <span class="top">Industrial Design</span>
 +
                <figcaption>This is a challenge for me to help raise up a team’s image through the visual identity and interface design. I am always fond of exploring the possibilities in the inter-discipline. I believe that iGEM has offered me the chance to make it more realistic this time!</figcaption>
 +
              </figure>
 +
            </div>
  
 +
 +
<span class="blank">
 +
        xdbwiehocurnviomtoinb</br>
 +
      </span>
 +
 +
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/d/d7/T--Tongji-Software--Team-Xiangzhen.jpeg" width="100%">
 +
                <b>Xiangzhen Li</b></br>
 +
                <span class="top">Computer Engineering</span>
 +
              <figcaption>I have rich experience in Web front-end programming, modeling and data analysis &processing. More importantly, I have a strong interest in using computer science tools to solve various interdisciplinary problems.I like Beijing Opera and literature. </figcaption>
 +
              </figure>
 +
            </div>
 +
           
 +
          </div>
 
  </div>
 
  </div>
 +
 +
</br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br> </br>
 +
  
 
<span class="h1" id="Instructors">  
 
<span class="h1" id="Instructors">  
 
         Instructors</br>  
 
         Instructors</br>  
 
       </span>
 
       </span>
 +
 +
<div class="jq22-container">   
 +
          <div class="jq22-content">
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/a/a0/T--Tongji-Software--Team-liuqi.jpeg" width="100%">
 +
                  <b>Qi Liu</b></br>
 +
                <span class="top">Bioinformatics</span>
 +
                <figcaption> We are Tongji-software Team! We are Super Geekers for Bioinformatics! Fighting!</figcaption>
 +
              </figure>
 +
            </div>
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/a/a8/T--Tongji-Software--Team-liping.jpeg" width="100%">
 +
                <b>Ping Li</b></br>
 +
                <span class="top"> Synthetic Biology</span>
 +
              <figcaption> IGEM aims to help construct a society that can productively and safely apply biological technology. Our lab focused on synthetic biology of active natural products and the engineering of microbes. Hope the jamboree can bring the team excitement and inspiration.</figcaption>
 +
              </figure>
 +
            </div>
 +
            <div class="flip-3d">
 +
              <figure> <img src="https://static.igem.org/mediawiki/2018/6/68/T--Tongji-Software--Team-cherry.jpeg" width="100%">
 +
                <b>Mengjie Zhang</b></br>
 +
                <span class="top">Molecular Biology</span>
 +
                <figcaption>I am so glad to see Tongji-Software team has made brilliant progress in the  computational tool for design metabolic pathway. Look forward to your excellent presentation in Boston.</figcaption>
 +
              </figure>
 +
            </div>
 +
        </div>
 +
</div>
 +
 +
 
</div>
 
</div>
 +
</div>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function () {
 +
  var trigger = $('.icon'),
 +
    slide = $('.left'),
 +
isClosed = true;
 +
 +
trigger.mouseover(function () {
 +
  cross_out();     
 +
});
 +
slide.mouseleave(function () {
 +
  cross_in();     
 +
});
 +
 +
function cross_out() {
 +
  if (isClosed == true) {
 +
trigger.removeClass('is-open');
 +
trigger.addClass('is-closed');
 +
 +
$('#wrapper').toggleClass('toggled');
 +
isClosed = false;
 +
  }
 +
}
 +
function cross_in() {
 +
  if (isClosed == false) {
 +
trigger.removeClass('is-closed');
 +
trigger.addClass('is-open');
 +
 +
$('#wrapper').toggleClass('toggled');
 +
isClosed = true;
 +
  }
 +
  }
 +
});
 +
</script>
 +
 +
<script>
 +
window.onload = function(){
 +
           
 +
                var mybtn = document.getElementById("btn");
 +
                var Time1 = null;
 +
                var isTop = true;
  
 +
                mybtn.onclick = function(){
 +
                 
 +
                    Time1 = setInterval(function(){
 +
                        var osTop = document.body.scrollTop||document.documentElement.scrollTop;
 +
                       
 +
                        var speed = Math.ceil(osTop/2);
 +
                       
 +
                        document.body.scrollTop = document.documentElement.scrollTop = osTop - speed;
 +
                        if(osTop <= 0){
 +
                           
 +
                            clearInterval(Time1);
 +
                        }
 +
                        isTop = true ;
 +
                    },100)
 +
                }
 +
               
 +
               
 +
                window.onscroll = function(){
 +
                   
 +
                    var osTop = document.body.scrollTop||document.documentElement.scrollTop;
 +
                   
 +
                    var clientHeight = document.documentElement.clientHeight;
 +
                   
 +
                    if (osTop>clientHeight) {
 +
                        mybtn.style.display = "block"
 +
                    }
 +
                    else{
 +
                        mybtn.style.display = "none"
 +
                    }
 +
                    if (!isTop) {
 +
                        clearInterval(Time1);
 +
                    }
 +
                    isTop = false;
 +
                }
 +
            }
  
 +
</script>
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 16:25, 17 October 2018

    •
Team
Overview
 The collective is the source of power and the cradle of wisdom. Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design. Since we only have seven team members, each of us has made great difference in our project.
Team members
Wei Cao
Biotechnology
Initiative idea of being an iGEMer is my passion for biology and programming. Joining iGEM and developing Alpha Ant is like an adventure for me, which is full of surprises and difficulties. The joy, experience and friendship I got matter most.
Xiaotian Yu
Bioinformatics
In this project, I’m in charge of modeling, data analyzing. Thanks to iGEM for this opportunity to cooperate with my creative and reliable teammates. I hope that our software will play a significant role in metabolic pathway design in the future!
Haiyan He
Biology
I enjoy the process of turning my ideas into reality! That’s why I’m in Tongji-Software. Also, it's great to work with a bunch of imaginative and creative friends. By the way, I 'm studying German this year. Hope to learn more about Germany culture !
Zhichao Ma
Bioinformatics
I’m really interested in synthetic biology. At the same time, I am proficient in programming because my major is bioinformatics. I’d love to improve my ability and develop my teamwork ability during iGEM competition. I truely hope that our software can benefit everyone.
Yuchan Xing
Digital Media & Communication Design
iGEM provides me with the opportunity to practice my skills with a group of enthusiastic contemporaries. In our team, I am mainly responsible for web design, which is not very easy for me, and therefore I got well trained!
Yuejia Li
Industrial Design
This is a challenge for me to help raise up a team’s image through the visual identity and interface design. I am always fond of exploring the possibilities in the inter-discipline. I believe that iGEM has offered me the chance to make it more realistic this time!
xdbwiehocurnviomtoinb
Xiangzhen Li
Computer Engineering
I have rich experience in Web front-end programming, modeling and data analysis &processing. More importantly, I have a strong interest in using computer science tools to solve various interdisciplinary problems.I like Beijing Opera and literature.


















Instructors
Qi Liu
Bioinformatics
We are Tongji-software Team! We are Super Geekers for Bioinformatics! Fighting!
Ping Li
Synthetic Biology
IGEM aims to help construct a society that can productively and safely apply biological technology. Our lab focused on synthetic biology of active natural products and the engineering of microbes. Hope the jamboree can bring the team excitement and inspiration.
Mengjie Zhang
Molecular Biology
I am so glad to see Tongji-Software team has made brilliant progress in the computational tool for design metabolic pathway. Look forward to your excellent presentation in Boston.