Team:Heidelberg/Team

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(57 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:Heidelberg/Templates/IncludeCSS|:Team:Heidelberg/css/boxes}}
-
 
+
<html>
 +
<style>
 +
.subtitle {
 +
color: white;
 +
}
 +
</style>
 +
</html>
 +
{{:Team:Heidelberg/templates/wikipage_new|
 +
body-style=background-color: black;
 +
|
 +
container-style=background-color: black; background-image: url(/wiki/images/6/6a/Heidelberg_epic_background.jpg); background-repeat: no-repeat; background-size: 100% auto;
 +
|
 +
title=TEAM
 +
|
 +
subtitle=Behind the Ideas and the Data.
 +
|
 +
white=true
 +
|
 +
body-style=background-color:black;
 +
|
 +
red-logo=true
 +
|
 +
abstract=
 +
|
 +
content=
<html>
<html>
 +
<style>
 +
#carousel-wrapper {
 +
position: absolute;
 +
width: 100%;
 +
height:100%;
 +
left: 0;
 +
top:0;
 +
overflow:hidden;
 +
}
-
<!--main content -->
+
#slider-box {
-
<table width="70%" align="center">
+
border: solid 4px #DE2401;
-
 
+
}
-
 
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Heidelberg/Team&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Heidelberg"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Heidelberg"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Heidelberg/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
</tr>
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
<tr><td > <h3> Team Information</h3></td>
+
-
<td ></td >
+
-
<td > <h3> Upload pictures of your team!</h3></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p>
+
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
<td></td>
+
-
<td width="45%"  valign="top">
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
 
+
-
</tr>
+
.carousel-control.right {
 +
right: 0;
 +
left: auto;
 +
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
background-image: -o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));
 +
background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
 +
background-repeat: repeat-x;
 +
}
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
.carousel-control.left {
-
<td ></td >
+
background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
-
<td > </td>
+
background-image: -o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
-
</tr>
+
background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));
 +
background-image: linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);
 +
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
 +
background-repeat: repeat-x;
 +
}
 +
</style>
-
<tr>
+
<div class="col-lg-12">
-
<td width="45%" valign="top">  
+
    <a href="https://2014.igem.org/Team:Heidelberg/Team/Members" style="display:block; padding:0; position:relative;" class="box">
-
<p>What should this page contain?</p>
+
        <img src="/wiki/images/4/45/Team_landingPage.jpg" style="width:100%" />
-
<ul>
+
<span style="position:absolute; padding:15px; bottom:0; left:0; color:white;">
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
<h3>Students and Supervisors</h3>
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
      To realize such a big project many people are needed. Meet all team members, read something about their character and see them in Boston!  
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
</span>  
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
</a>
-
</ul>
+
-
</td>
 
-
<td></td>
+
  </div>
-
<td width="45%"  valign="top"> </td>
+
-
</tr>
+
  <div class="boxes-table">
 +
    <div class="cell" style="width: 50%;">
 +
      <a href="/Team:Heidelberg/Team/Collaborations" class="box" style="height:50%; display:block; margin-bottom:15px;">
 +
        <h3><span>Collaboration</span></h3>
 +
        Following the spirit of iGEM to encourage students from various scientific fields to work in a team we collaborate with different teams. We helped the iGEM Team Aachen and the iGEM Team Tübingen sending them our expression vectors to solve wet-lab problems. Click to read more!
 +
      </a>
 +
      <a href="/Team:Heidelberg/Team/Attributions" class="box" style="height:50%; display:block;">
 +
        <h3><span>Attributions</span></h3>
 +
        In the elaboration of our project we had many open questions and tasks we could not handle alone. A big thank you to all people helping and supporting us. Read more!
 +
      </a>
 +
    </div>
 +
<div id="slider-box" class="box cell" style="width:70%; position:relative;">
 +
<div id="carousel-wrapper">
 +
<div style="width:100%; height:100%" id="carousel-example-generic" class="carousel slide" data-ride="carousel">
 +
  <!-- Indicators -->
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="3"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="4"></li>
 +
    <li data-target="#carousel-example-generic" data-slide-to="5"></li>
 +
   
 +
  </ol>
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
      <img src="https://static.igem.org/mediawiki/2014/b/b8/Heidelberg_orig_IMG_9954.jpg" alt="Maxsiehtechtgutaus">
 +
    </div>
 +
    <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/69/Heidelberg_orig_IMG_9905.jpg" alt="HalloJan">
 +
    </div>
 +
    <div class="item">
 +
      <img src="/wiki/images/0/0e/Heidelberg_orig_IMG_9861.jpg" alt="Maxisttoll">
 +
    </div>
 +
  <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/6/62/Heidelberg_orig_IMG_9899.jpg" alt="MaxverstehtdieLiebenicht">
 +
    </div>
 +
  <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/1/12/Heidelberg_orig_IMG_9897.jpg" alt="Max?Hmmm">
 +
    </div>
 +
  <div class="item">
 +
      <img src="https://static.igem.org/mediawiki/2014/9/97/Heidelberg_orig_IMG_9895.jpg" alt="Steckdose">
 +
    </div>
 +
  </div>
-
</table>
+
  <!-- Controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
  </a>
 +
</div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
  <div style="width:100%;padding:15px;">
 +
    <a href="/Team:Heidelberg/Team/Sponsoring" class="box" style="display:block">
 +
    <h3><span>Sponsoring</span></h3>
 +
  Our project was funded by many sponsors. Without them, our work would not have been possible.
 +
    </a>
 +
  </div>
 +
</div>
</html>
</html>
 +
|
 +
header-img=
 +
|
 +
header-bg=
 +
|
 +
red=
 +
|
 +
white-logo=
 +
|
 +
titles=
 +
}}

Latest revision as of 11:37, 17 October 2014

– Behind the Ideas and the Data.