Difference between revisions of "Team:Freiburg/testpage"

 
(189 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Freiburg/CSS}}
 +
{{Freiburg/Menubar}}
 +
 +
{{Freiburg/wiki_content_start}}
 
<html>
 
<html>
 
<style>
 
<style>
−
/* ============= Resetting css coming from wiki itself ============= */
+
/*========= BEGIN: style for navigation bar ==========*/
−
body {
+
#results {
−
    font: sans-serif;
+
     background: url(https://static.igem.org/mediawiki/2015/2/2e/Freiburg_icon_results_active_yellow.png) no-repeat;
−
    color: #000;
+
−
    margin: 0px;
+
−
    padding: 0px;
+
−
     background-color: #AAA;
+
−
line-height: 1.8;
+
 
}
 
}
  
−
a {
+
#results a {
−
     color: #002BB8;
+
     color: #ecdc18;
−
    text-decoration: none;
+
−
    background: transparent none repeat scroll 0% 0%;
+
 
}
 
}
  
−
p {
+
#runningchip {
−
     margin: 0.4em 0px 0.5em;
+
     left: 52%;
−
    line-height: 1.5em;
+
 
}
 
}
 +
/*========= END: style for navigation bar ==========*/
  
−
#globalWrapper {
+
.responsive_center_image{
−
     position: absolute;
+
     text-align: center;
−
    font-size: 150%;
+
  }
−
     width: 100%;
+
.responsive_center_image img{
−
     margin: 0px;
+
     max-width: 100%;
−
     padding: 0px 0px 0px;
+
     height: auto;
 +
     width: auto\9; /* ie8 */
 
}
 
}
  
−
#mainContainer { 
+
</style>
−
margin: 0;
+
−
width: 100%;
+
−
}
+
  
−
#top_menu_under {
+
<div class="content_box">
−
    position: relative;
+
<h2> Modeling</h2>
−
    width: 100%;
+
−
    height: 16px;
+
−
    border-bottom: 2px solid #000;
+
−
}
+
  
−
#top_menu_14 {
 
−
    position: fixed;
 
−
    width: 100%;
 
−
    top: 0px;
 
−
    left: 0px;
 
−
    height: 16px;
 
−
    background-color: #383838;
 
−
    border-bottom: 2px solid #000;
 
−
    z-index: 9999;
 
−
}
 
  
 +
<div class="highlightBox">
 +
<h4>Note</h4>
  
−
#top_menu_inside {
+
</div>
−
    display: block;
+
<!-- begin formula -->
−
    position: relative;
+
<div class="responsive_center_image">
−
    width: 900px;
+
<img src="https://static.igem.org/mediawiki/2015/c/c8/Freiburg_MOD_01_PDE.png" width="600">
−
    height: 100%;
+
</div>
−
    margin: 0px auto;
+
<!-- end formula -->
−
    padding: 0px 10px;
+
−
    border-left: 1px solid #C8C8C8;
+
−
    border-right: 1px solid #C8C8C8;
+
−
    font-family: "arial",sans-serif;
+
−
    font-size: 12px;
+
−
    font-weight: 400;
+
−
    color: #FFF;
+
−
}
+
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/1/12/Freiburg_MOD_02_Diffterm.png" width="500">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/d/dd/Freiburg_MOD_03_Convterm.png" width="350">
 +
</div>
 +
<!-- end formula -->
  
−
#content {
+
<!-- begin formula -->
−
    position: relative;
+
<div class="responsive_center_image">
−
    width: 100%;
+
<img src="https://static.igem.org/mediawiki/2015/8/85/Freiburg_MOD_04_Velocity.png" width="500">
−
    margin: 0;
+
</div>
−
    padding: 0;
+
<!-- end formula -->
−
    background: #FFF none repeat scroll 0% 0%;
+
−
    color: #000;
+
−
    border-left: 0;
+
−
    border-right: 0;
+
−
  /* line-height: 0; */
+
−
    z-index: 2;
+
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c1/Freiburg_MOD_05_General_Production.png" width="500">
 +
</div>
 +
<!-- end formula -->
  
−
}
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/5/53/Freiburg_MOD_06_Taylor.png" width="600">
 +
</div>
 +
<!-- end formula -->
  
−
.visualClear {
+
<!-- begin formula -->
−
    clear: both;
+
<div class="responsive_center_image">
−
}
+
<img src="https://static.igem.org/mediawiki/2015/9/9e/Freiburg_MOD_07_Crank_Nicholson.png" width="600">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/3/37/Freiburg_MOD_08_DXDZ.png" width="150">
 +
</div>
 +
<!-- end formula -->
  
−
/* ============= END: Resetting css coming from wiki itself ============= */
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/9/94/Freiburg_MOD_09_Disc.png" width="600">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/4/48/Freiburg_MOD_10_Diff_Expan.png" width="700">
 +
</div>
 +
<!-- end formula -->
  
−
/* ============= Declare Fonts for non-Windows machines ============= */
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/4/48/Freiburg_MOD_11_Lambda_Mu.png" width="300">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/c/c8/Freiburg_MOD_12_CN_Scheme.png" width="700">
 +
</div>
 +
<!-- end formula -->
  
−
@font-face {
+
<!-- begin formula -->
−
    font-family: Candara;
+
<div class="responsive_center_image">
−
    src: url(https://static.igem.org/mediawiki/2015/6/6c/Freiburg_Candara.ttf) format('truetype');
+
<img src="https://static.igem.org/mediawiki/2015/9/90/Freiburg_MOD_13_Conc_Vec.png" width="700">
 +
</div>
 +
<!-- end formula -->
  
−
}
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/75/Freiburg_MOD_14_Prot_F.png" width="600">
 +
</div>
 +
<!-- end formula -->
  
−
@font-face {
+
<!-- begin formula -->
−
    font-family: Candara;
+
<div class="responsive_center_image">
−
    src: url(https://static.igem.org/mediawiki/2015/8/89/Freiburg_Candarab.ttf)  format('truetype');
+
<img src="https://static.igem.org/mediawiki/2015/5/52/Freiburg_MOD_15_F_Vec.png" width="500">
−
    font-weight: bold;
+
</div>
−
    font-style: normal;
+
<!-- end formula -->
−
}
+
−
@font-face {
+
−
    font-family: Candara;
+
−
    src: url(https://static.igem.org/mediawiki/2015/3/3e/Freiburg_Candarai.ttf)  format('truetype');
+
−
  font-weight: normal;
+
−
  font-style: italic;
+
−
}
+
  
−
/* ============= END: Declare Fonts for non-Windows machines  ============= */
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/89/Freiburg_MOD_16_Spot_Split.png" width="250">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/d/de/Freiburg_MOD_17_CN_System.png" width="300">
 +
</div>
 +
<!-- end formula -->
  
 +
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/b/bc/Freiburg_MOD_18_Math_Sys.png" width="600">
 +
</div>
 +
<!-- end formula -->
  
−
/* ============= CSS for Menubar ============= */
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/Freiburg_MOD_19_Boundary.png" width="400">
 +
</div>
 +
<!-- end formula -->
  
−
#menubar {
+
<!-- begin formula -->
−
    font-size: 16px;
+
<div class="responsive_center_image">
−
background-color: #5781bd;
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
−
display: table;
+
</div>
−
width: 100%;
+
<!-- end formula -->
−
height: 70px;
+
−
border-collapse: collapse;
+
−
border: none;
+
  
−
}
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
 +
</div>
 +
<!-- end formula -->
  
−
/*The sub (and subsubs) items of the menu*/
+
<!-- begin formula -->
−
#menubar ul li ul li{
+
<div class="responsive_center_image">
−
width: 200px;
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
−
height: 30px;
+
</div>
−
margin-top: 2px;
+
<!-- end formula -->
−
}
+
−
/*The first (horizontal) line of menu items*/
+
−
#menubar > ul{
+
  
−
position: relative;
+
<!-- begin formula -->
−
margin-top: 25;
+
<div class="responsive_center_image">
−
left: 50%;
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
−
display: block;
+
</div>
−
transform: translate(-50%,0%);
+
<!-- end formula -->
−
}
+
  
−
#menubar ul ul {
+
<!-- begin formula -->
−
background-color: #5781bd;
+
<div class="responsive_center_image">
−
display: none;
+
<img src="https://static.igem.org/mediawiki/2015/8/82/Freiburg_MOD_20_Boundary_Eqs.png" width="800">
−
position: absolute;
+
</div>
−
margin-left: 0px;
+
<!-- end formula -->
−
float: left;
+
−
margin-top:0px;
+
−
}
+
−
#menubar ul ul li{
+
−
display: block;
+
−
margin-left: 0px;
+
−
}
+
  
−
#menubar ul li {
+
<!-- begin formula -->
−
width: 100px;
+
<div class="responsive_center_image">
−
display: table-cell;
+
<img src="https://static.igem.org/mediawiki/2015/1/1d/Freiburg_MOD_21_MatrixA.png" width="800">
−
font-family: "Candara","Arial";
+
</div>
−
}
+
<!-- end formula -->
  
−
#menubar ul a{
+
<!-- begin formula -->
−
text-decoration: none;
+
<div class="responsive_center_image">
−
color: #FFFFFF;
+
<img src="https://static.igem.org/mediawiki/2015/0/0c/Freiburg_MOD_22_MatrixB.png" width="800">
−
font-style: bold;
+
</div>
−
text-align: left;
+
<!-- end formula -->
−
}
+
  
−
#menubar ul a:visited{
+
<!-- begin formula -->
−
display: block;
+
<div class="responsive_center_image">
−
text-decoration: none;
+
<img src="https://static.igem.org/mediawiki/2015/2/2b/Freiburg_MOD_23_Prod_Curve.png" width="400">
−
color: #FFFFFF;
+
</div>
−
font-style: bold;
+
<!-- end formula -->
−
}
+
−
#menubar ul li:hover > ul{
+
−
color: #EEEE00;
+
−
display: block;
+
−
padding-top: 0px;
+
−
padding-left: 20px;
+
−
}
+
−
#menubar ul li:hover{
+
−
color: #EEEE00;
+
−
}
+
  
−
/* ============= END: CSS for Menubar ============= */
 
  
−
/* ============= Important Site setup ============= */
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0d/Freiburg_MOD_24_Corner_Boundaries.png" width="800">
 +
</div>
 +
<!-- end formula -->
  
  
−
.content_background_wrapper{
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/7/70/Freiburg_MOD_25_Diff_Simp.png" width="800">
 +
</div>
 +
<!-- end formula -->
  
−
position: relative;
 
−
background-color: #f9f9f9;
 
−
overflow:hidden;
 
  
−
}
+
<!-- begin formula -->
−
.central_position_wrap{
+
<div class="responsive_center_image">
−
float: left;
+
<img src="https://static.igem.org/mediawiki/2015/3/39/Freiburg_MOD_26_F_Vec.png" width="700">
−
max-width: 1000px;
+
</div>
−
    float: left;
+
<!-- end formula -->
−
    position: relative;
+
−
    left: 50%;
+
−
}
+
  
−
.page_content{
 
−
display:block;
 
−
float: left;
 
−
    position: relative;
 
−
    left: -50%;
 
−
}
 
−
 
−
/* ============= END: Important Site setup ============= */
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
/* ============= Text Styling ============= */
 
−
 
−
.page_content{
 
−
color: #757575;
 
−
font-family: "Candara", "Arial";
 
−
font-style: normal;
 
−
font-size: 16px;
 
−
line-height: 1.8;
 
−
}
 
−
 
−
/* ============= END: Headline Styling ============= */
 
−
h1, h2, h3{
 
−
color: #c1002a;
 
−
}
 
−
 
−
 
−
 
−
/* ============= Full Width Banners  ============= */
 
−
#banner_home{
 
−
margin:0;
 
−
padding: 0px;
 
−
background-image: url("../wiki/images/8/89/Freiburg_frontpage_banner.jpg");
 
−
background-repeat: no-repeat;
 
−
background-size:  cover;
 
−
width: 100%;
 
−
height: 400px;
 
−
}
 
−
#banner_team{
 
−
margin:0;
 
−
padding: 0px;
 
−
background-image: url("../wiki/images/e/e7/FreiburgTeam2015.jpg");
 
−
background-repeat: no-repeat;
 
−
background-size:  cover;
 
−
width: 100%;
 
−
height: 400px;
 
−
}
 
−
#banner_labjournal{
 
−
margin:0;
 
−
padding: 0px;
 
−
background-image: url("https://static.igem.org/mediawiki/2015/d/dc/Labjournal.jpg");
 
−
background-repeat: no-repeat;
 
−
background-size:  cover;
 
−
width: 100%;
 
−
height: 400px;
 
−
}
 
−
 
−
/* ============= END: Full Width Banners  ============= */
 
−
/*
 
−
---------------- Our Team Flipcards css ----------------
 
−
*/
 
−
.flippanel {
 
−
    width: 227px;
 
−
    height: 341px;
 
−
    margin: auto;
 
−
    position: relative;
 
−
}
 
−
 
−
.card {
 
−
    width: 227px;
 
−
    height: 341px;
 
−
    -o-transition: all .5s;
 
−
    -ms-transition: all .5s;
 
−
    -moz-transition: all .5s;
 
−
    -webkit-transition: all .5s;
 
−
    transition: all .5s;
 
−
    -webkit-backface-visibility: hidden;
 
−
    -ms-backface-visibility: hidden;
 
−
    -moz-backface-visibility: hidden;
 
−
    backface-visibility: hidden;
 
−
    position: absolute;
 
−
    top: 0px;
 
−
    left: 0px;
 
−
}
 
−
 
−
.front {
 
−
    z-index: 2;
 
−
}
 
−
 
−
.back {
 
−
overflow: auto;
 
−
    z-index: 1;
 
−
    -webkit-transform: rotateY(180deg);
 
−
    -ms-transform: rotateY(180deg);
 
−
    -moz-transform: rotateY(180deg); 
 
−
    transform: rotateY(180deg); 
 
−
 
 
−
}
 
−
 
−
.flippanel:hover .front {
 
−
    z-index: 1;
 
−
    -webkit-transform: rotateY(-180deg);
 
−
    -ms-transform: rotateY(-180deg);
 
−
    -moz-transform: rotateY(-180deg);
 
−
    transform: rotateY(-180deg);
 
−
}
 
−
 
−
.flippanel:hover .back {
 
−
    z-index: 2; 
 
−
    -webkit-transform: rotateX(0deg);
 
−
    -ms-transform: rotateX(0deg);
 
−
    -moz-transform: rotateX(0deg);
 
−
    transform: rotateX(0deg);
 
−
}
 
−
.memberPicture{
 
−
width: 227px;
 
−
height: 341px;
 
−
}
 
−
 
−
.profile-name {
 
−
font-size: 120%;
 
−
color: #c1012a;
 
−
font-style: bold;
 
−
}
 
−
.profile-question{
 
−
color: #004c97;
 
−
}
 
−
/*
 
−
---------------- END Our Team Flipcards css ----------------
 
−
*/
 
−
 
−
 
−
</style>
 
  
−
<nav id="menubar">
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg">Overview</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Team">Our Team</a>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Results">Results</a>
 
−
<ul>
 
−
<li><a href="#">Summary</a></li>
 
−
<li><a href="#">Biobricks</a></li>
 
−
<li><a href="#">Surface Chemistry</a></li>
 
−
<li><a href="#">Cloning</a></li>
 
−
<li><a href="#">iRIf</a></li>
 
−
<li><a href="#">Modeling</a></li>
 
−
<li><a href="#">Cell-free Expression</a></li>
 
−
</ul>
 
−
</li>   
 
−
  <li><a href="https://2015.igem.org/Team:Freiburg/Notebook">Notebook</a>
 
−
    <ul>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Protocols">Protocols</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Labjournals">Labjournals</a>
 
−
<ul>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Labjournals/cell_free">Cell-free Expression</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Labjournals/cloning">Cloning</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Labjournals/surchem">Surface Chemistry</a></li>
 
−
<li><a href="https://2015.igem.org/Team:Freiburg/Labjournals/irif">iRIf</a></li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
</ul>
 
−
</nav>
 
  
−
<div id="banner_team">
+
<!-- begin formula -->
 +
<div class="responsive_center_image">
 +
<img src="https://static.igem.org/mediawiki/2015/0/0b/Freiburg_modeling_matrix.png" width="400">
 
</div>
 
</div>
 +
<!-- end formula -->
  
−
<div class="content_background_wrapper">
 
−
<div class="central_position_wrap">
 
  
−
<div class="page_content">
 
  
−
</html>
+
<!-- begin video -->
  
−
== Team Freiburg 2015 ==
+
<div class="image_box right">
−
This year’s iGEM team consists of 19 students from many distinct scientific fields including chemistry, physics, biology, informatics and medicine. Our team is supervised by Jun. Prof. Maximilian Ulbrich and Dr. Nicole Gensch, both being part of the scientific staff of the BIOSS Centre for Biological Signalling Studies. We also get advice and support from some former iGEM participants who are sharing their experiences and knowledge with us.
+
      <div class="thumbinner"style="width:700px;">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
 +
        <video poster="https://static.igem.org/mediawiki/2015/c/c4/Freiburg_Diffusion_1_preview.jpg" width="700" height="350" controls>
 +
          <source src="https://static.igem.org/mediawiki/2015/5/5a/Freiburg_Diffusion_1_720p.mp4" type="video/mp4">
 +
          Your browser does not support the HTML5 video tag.
 +
        </video>
 +
        <div class="thumbcaption">Video 1: Demonstration of the diffusion model.  
 +
        </div>
 +
      </div>
 +
    </div>
  
−
<html>
+
<!-- end video -->
  
−
<div class="flippanel">
 
−
    <div class="front card">
 
  
−
    <img src="https://static.igem.org/mediawiki/2015/c/ca/Freiburg_Julian_Bender.jpg" class=memberPicture alt="Julian Bender iGEM 2015 Team"></img>
+
<div class="image_box right">
−
    </div>
+
        <div class="thumb2 trien" style="width:376px">
−
    <div class="back card">
+
            <div class="thumbinner">
−
<div class="profile-name">Julian Bender (23)</div>
+
                <a href="https://static.igem.org/mediawiki/2015/b/bc/Freiburg_MOD_IM_01_Simplification.png" class="lightbox_trigger">
−
Biology, Biochemistry & Biophysics
+
                    <img src="https://static.igem.org/mediawiki/2015/6/63/Freiburg_MOD_IM_01_Simplification_preview.png" width="376">
−
<div class="profile-question">Why do I participate in iGEM</div>
+
                </a>
−
Interdisciplinary work on a challenging project
+
                <div class="thumbcaption">
−
<div class="profile-question">What would I have studied else</div>
+
                    <p>
−
Chemistry or Informatics
+
                        <strong>Figure:
−
<div class="profile-question">Hobbies (before iGEM)</div>
+
                    </p>
−
bassoon, cooking, jogging, swimming, reading
+
                </div>
−
<div class="profile-question">Song I would take with me to a desolate island</div>
+
            </div>
−
Julius Roentgen - Bassoon sonata
+
        </div>
−
    </div>
+
−
</div>
+
−
 
+
−
<div class="flippanel">
+
−
    <div class="front card">
+
−
 
+
−
    <img src="https://static.igem.org/mediawiki/2015/6/68/Freiburg_Sabine_Bognar.jpg" class=memberPicture alt="Sabine Bognar iGEM 2015 Team"></img>
+
 
     </div>
 
     </div>
−
    <div class="back card"> 
 
−
<div class="profile-name">Sabine Bognar (23)</div>
 
−
Chemistry
 
  
−
<div class="profile-question">What would I have studied else</div>
 
−
Economics & Spanish
 
−
<div class="profile-question">Hobbies (before iGEM)</div>
 
−
dancing, cakes and pastry, foreign languages,swimming and more dancing
 
−
</div>
 
−
</div>
 
  
  
  
−
 
−
 
−
</div>
 
−
</div>
 
−
 
−
</div>
 
 
</html>
 
</html>
 +
{{Freiburg/wiki_content_end}}

Latest revision as of 01:37, 19 September 2015

""

Modeling

Note

Video 1: Demonstration of the diffusion model.

Figure: