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

(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 */
 +
/**************************************************************************************************************************************************************************************************/
  
  
<div class="column full_size">
+
#home_logo, #sideMenu { display:none; }
<h1>Collaborations</h1>
+
#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; }
  
<p>
+
body{
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
margin: 0;
</p>
+
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;
 +
}
  
<h3>Silver Medal Criterion #2</h3>
+
.icon {
<p>
+
  position: fixed;
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
  float: left;
</p>
+
  top: 0px;
</div>
+
  background-color: #685454;
 +
  margin-top:0px;
 +
  width: 10%;
 +
  height: 100%;
  
<div class="column two_thirds_size">
+
}
  
<h4> Which other teams can we work with? </h4>
 
<p>
 
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
 
</p>
 
  
<p>
+
.icon ul{
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
  position: fixed;
</p>
+
  overflow:none;
 +
  display:inline-block;
 +
  vertical-align: middle;
 +
  width: 10%;
 +
  height: 100%;
 +
  /*background-color: #685454;*/
 +
  padding-left: 20px;
 +
  padding-top: 25px;
 +
  transition: 0.3s;
 +
}
  
</div>
+
.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);
 +
}
  
<div class="column third_size">
+
.left {
<p>
+
  position: fixed;
Here are some suggestions for projects you could work on with other teams:
+
  float: left;
</p>
+
  top: 0px;
 +
  left:10%;
 +
  background-color: #ffb6bc;
 +
  width: 16%;
 +
  height: 100%;
 +
  padding-right:-20px;
 +
  padding-top:10px;
 +
}
  
<ul>
+
.left ul{
<li> Improve the function of another team's BioBrick Part or Device</li>
+
  display:inline-block;
<li> Characterize another team's part </li>
+
  text-align: center;
<li> Debug a construct </li>
+
  padding-left: -5px;
<li> Model or simulate another team's system </li>
+
  margin-top: 20px;
<li> Test another team's software</li>
+
padding-right:-20px;
<li> Help build and test another team's hardware project</li>
+
}
<li> Mentor a high-school team</li>
+
</ul>
+
</div>
+
  
 +
.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:#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: 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/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/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>ATTRIBUTIONS</span>
 +
  </div>
 +
 +
<div class="content" >
 +
 +
 +
 +
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 10:39, 3 October 2018

ATTRIBUTIONS