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

(Prototype team page)
 
Line 1: Line 1:
−
{{Tongji-Software}}
 
 
<html>
 
<html>
 +
</script>
  
−
<div class="column two_thirds_size" >
 
  
−
<h1>Team</h1>
+
<style>
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
/**************************************************************************************************************************************************************************************************/
  
  
−
<h3>What should this page contain?</h3>
 
−
<ul>
 
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
 
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
 
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
 
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
−
</ul>
 
−
</div>
 
  
 +
/**************************************************************************************************************************************************************************************************/
 +
/* DEFAULT WIKI SETTINGS */
 +
/**************************************************************************************************************************************************************************************************/
 +
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 +
body{
 +
margin: 0;
 +
color:#685454;
 +
font-family: "Haas Grot Text R Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
/* font-family: "Times New Roman", Cambria,  serif;*/
 +
background-color:#fff;
 +
}
 +
 +
.icon {
 +
  position: fixed;
 +
  float: left;
 +
  top: 0px;
 +
  background-color: #685454;
 +
  margin-top:0px;
 +
  width: 10%;
 +
  height: 100%;
 +
 +
}
 +
 +
 +
.icon ul{
 +
  position: fixed;
 +
  overflow:none;
 +
  display:inline-block;
 +
  vertical-align: middle;
 +
  width: 10%;
 +
  height: 100%;
 +
  /*background-color: #685454;*/
 +
  padding-left: 20px;
 +
  padding-top: 25px;
 +
  transition: 0.3s;
 +
}
 +
 +
.icon ul li{
 +
  display:inline-block;
 +
  vertical-align: middle;
 +
  list-style: none;
 +
  transition: 0.3s;
 +
  margin-bottom: 15px;
 +
}
 +
 +
.icon ul li img{
 +
  transition: 0.3s;
 +
}
 +
 +
.icon ul li img:hover  {
 +
  transition: 0.3s;
 +
  -webkit-filter: brightness(200%);
 +
filter: brightness(200%);
 +
transform: scale(1.2);
 +
}
 +
 +
.left {
 +
  position: fixed;
 +
  float: left;
 +
  top: 0px;
 +
  left:10%;
 +
  background-color: #aadffa;
 +
  width: 16%;
 +
  height: 100%;
 +
  padding-right:-20px;
 +
  padding-top:10px;
 +
}
 +
 +
.left ul{
 +
  display:inline-block;
 +
  text-align: center;
 +
  padding-left: -5px;
 +
  margin-top: 20px;
 +
padding-right:-20px;
 +
}
 +
 +
.left ul a{
 +
  text-decoration:none;
 +
  color:#685454;
 +
  transition: 0.3s;
 +
}
 +
 +
.left ul li{
 +
  display:block;
 +
  color:#685454;
 +
  list-style: none;
 +
  padding-bottom:20px;
 +
  margin-bottom:  15px;
 +
  padding-top:10px;
 +
  border-bottom: 0.5px solid #685454;
 +
  transition: 0.3s;
 +
  font-weight:bold;
 +
  font-size:15px;
 +
}
 +
 +
.left ul li :hover{
 +
  display: inline-block;
 +
  -webkit-filter: brightness(0%);
 +
filter: brightness(0%);
 +
  transition:all 0.3s;
 +
  transform: scale(1.15);
 +
}
 +
 +
.picture{
 +
position：absolute;
 +
top:0px;
 +
margin-top:-70px;
 +
overflow:hidden;
 +
z-index: -1;
 +
}
 +
 +
.background{
 +
position:fixed;
 +
top:0px;
 +
z-index: -1;
 +
opacity: 0.3;
 +
}
 +
 +
 +
.title{
 +
  position:absolute;
 +
  float: left;
 +
  top:25%;
 +
  left:28%;
 +
  font-size: 48px;
 +
  color:#aadffa ;
 +
  z-index: 2;
 +
  font-weight: bolder;
 +
}
 +
 +
.content{
 +
  position:absolute;
 +
  float: left;
 +
  top:110%;
 +
  left:28%;
 +
  width:71%;
 +
  font-size: 18px;
 +
  z-index: 2;
 +
  color:#685454;
 +
  margin-left：50px;
 +
line-height: 35px;
 +
 +
}
 +
 +
.content .h1{
 +
  margin-top: 20px;
 +
  font-size: 30px;
 +
  font-weight: bold;
 +
  color: #aadffa;
 +
}
 +
 +
.content .top{
 +
  padding-top: 23px;
 +
  padding-left: 90px;
 +
  display: table-cell;
 +
  vertical-align:middle;
 +
  text-align:center;
 +
  font-weight:bold;
 +
  font-size: 25px;
 +
  color:#685454;
 +
  padding-bottom: 20px;
 +
}
 +
 +
.content .detail{
 +
  display: inline-block;
 +
  text-indent:2em;
 +
  font-size: 20px;
 +
  padding-top: 20px;
 +
  padding-bottom: 20px;
 +
}
 +
 +
.content img{
 +
  padding-left: 50px;
 +
  display: table-cell;
 +
  vertical-align:middle;
 +
}
 +
 +
 +
</style>
 +
 +
 +
<body>
 +
<div class="icon">
 +
    <ul>
 +
    <a href="https://2018.igem.org/Team:Tongji-Software/project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/f/fa/T--Tongji-Software--logo.svg" width="55%"  ></li></a>
 +
 +
    <a href="https://2018.igem.org/Team:Tongji-Software/project" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Tongji-Software--Pro.svg" width="35%" ></li></a>
 +
 +
    <a href="https://2018.igem.org/Team:Tongji-Software/team" original-title="Project"><li><img src="https://static.igem.org/mediawiki/2018/1/1f/T--Tongji-Software--Tea.svg" width="35%" ></li></a>
 +
 +
    <a href="https://2018.igem.org/Team:Tongji-Software/attribution" 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/collaboration" 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/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/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>
 +
  </div>
 +
 +
 +
<div class="left">
 +
    <ul>
 +
      <li><a href="#Overview">Overview</a></li>
 +
      <li><a href="#Previous">Previous Research</a></li>
 +
      <li><a href="#Database">Database</a></li>
 +
      <li><a href="#Search">Search algorithm & Ranking criteria</a></li>
 +
      <li><a href="#Additional">Additional Functions</a></li>
 +
      <li><a href="#Design">Design</a></li>
 +
      <li><a href="#Human">Human Practice and Collaboration</a></li>
 +
      <li><a href="#Financing">Financing &</br> Trip planning</a></li>
 +
      <li><a href="#Advice">Advice and human</br> practice support</a></li>
 +
    </ul>
 +
 +
</div>
 +
 +
<div class="picture">
 +
    <img src="https://static.igem.org/mediawiki/2018/2/24/T--Tongji-Software--Attribution-background.jpeg"  width="100%" >
 +
  </div>
 +
<div class="background">
 +
    <img src="https://static.igem.org/mediawiki/2018/5/57/T--Tongji-Software--background.png" width="100%" >
 +
  </div>
 +
  <div class="title">
 +
    <span>Team</span>
 +
  </div>
 +
 +
 +
 +
 +
<div class="content">
 +
 +
<span class="h1" id="Overview">
 +
        Overview</br>
 +
      </span>
 +
 +
<span class="detail"><b>The collective is the source of power and the cradle of wisdom.</b></span>
  
  
−
<div class="column third_size" >
 
−
<div class="highlight decoration_A_full">
 
−
<h3>Inspiration</h3>
 
−
<p>You can look at what other teams did to get some inspiration! <br />
 
−
Here are a few examples:</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 
−
</ul>
 
−
</div>
 
 
</div>
 
</div>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 05:50, 3 October 2018

    •
Team
Overview
 The collective is the source of power and the cradle of wisdom.