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

(Prototype team page)
 
Line 1: Line 1:
−
{{Tongji-Software}}
 
 
<html>
 
<html>
 +
</script>
  
  
 +
<style>
 +
/**************************************************************************************************************************************************************************************************/
  
−
<div class="column full_size judges-will-not-evaluate">
 
−
<h3>★  ALERT! </h3>
 
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
 
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
 
−
</div>
 
  
  
−
<div class="clear"></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; }
  
−
<div class="column full_size">
+
body{
−
<h1>Demonstrate</h1>
+
margin: 0;
−
<h3>Gold Medal Criterion #4</h3>
+
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;
 +
}
  
−
<p>
+
.icon {
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
  position: fixed;
−
</p>
+
  float: left;
 +
  top: 0px;
 +
  background-color: #685454;
 +
  margin-top:0px;
 +
  width: 10%;
 +
  height: 100%;
  
−
<p>
+
}
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
−
</p>
+
  
  
−
</div>
+
.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: #ffb6bc;
 +
  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;
 +
 +
}
 +
 +
 +
.title{
 +
  position:absolute;
 +
  float: left;
 +
  top:25%;
 +
  left:28%;
 +
  font-size: 48px;
 +
  color:#fc8190 ;
 +
  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: #fc8190;
 +
}
 +
 +
.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: 18px;
 +
  padding-top: 10px;
 +
  padding-bottom: 10px;
 +
 
 +
}
 +
 +
.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" 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/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/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/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/Measurement" 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>ATTRIBUTIONS</span>
 +
  </div>
 +
   
 +
<div class="content" >
 +
 +
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 14:20, 11 October 2018

    •
ATTRIBUTIONS