Team:Heidelberg/Notebook

From 2014.igem.org

(Difference between revisions)
Line 31: Line 31:
</html>
</html>
{{#tag:html|
{{#tag:html|
-
  <div id="myContainer" class="container">
+
<div id="myContainer" class="container">
-
    {{:Team:Heidelberg/Templates/BootstrapNav|
+
  {{:Team:Heidelberg/Templates/BootstrapNav|
-
      red=|
+
    red=|
-
      white=true|
+
    white=true|
-
      red-logo=true|
+
    red-logo=true|
-
      white-logo=|
+
    white-logo=|
-
      header-bg=|
+
    header-bg=|
-
      header-img=|
+
    header-img=|
-
      title=<span style="font-size: 35px;">Welcome to the</span>&nbsp;<span style="color:#F3CA11;">MidnightDoc</span>
+
    title=<span style="font-size: 35px;">Welcome to the</span>&nbsp;<span style="color:#F3CA11;">MidnightDoc</span>
-
    }}
+
  }}
-
    <div class="container main" style="color: white;">
+
  <div class="container main" style="color: white;">
-
      <div class="row" style="position:relative;">
+
    <div class="row" style="position:relative;">
-
        <div class="col-lg-offset-1 col-lg-11 subtitle">
+
      <div class="col-lg-offset-1 col-lg-11 subtitle">
-
          <h2>
+
        <h2>
-
            <p>&ndash;&nbsp;the different way of documentation</p>
+
          <p>&ndash;&nbsp;the different way of documentation</p>
-
          </h2>
+
        </h2>
-
        </div>
+
       </div>
       </div>
-
      <div class="row">
+
    </div>
-
        <div class="col-lg-12">
+
    <div class="row">
-
          <h2 class="titles">
+
      <div class="col-lg-12">
-
            <span class="label label-default">DNMT I</span>
+
        <h2 class="titles">
-
            <span class="label label-default">LOV</span>
+
          <span class="label label-default" id="dnmt1" >DNMT I</span>
-
            <span class="label label-default">Lysozyme</span>
+
          <span class="label label-default" id="lov" >LOV</span>
-
            <span class="label label-default">Standards</span>
+
          <span class="label label-default" id="lysozyme" >Lysozyme</span>
-
            <span class="label label-default">Toolbox</span>
+
          <span class="label label-default" id="standards" >Standards</span>
-
          </h2>
+
          <span class="label label-default" id="toolbox" >Toolbox</span>
-
        </div>
+
        </h2>
 +
      </div>
 +
      <div class="col-lg-12" id="project-description">
       </div>
       </div>
     </div>
     </div>
   </div>
   </div>
</div>
</div>
 +
 +
<script type="text/javascript">
 +
var projects = {
 +
  dnmt1 : "DNMT1 description",
 +
  lov: "LOV Domain description",
 +
  lysozyme : "Lysozyme description",
 +
  standards: "Standards description",
 +
  toolbox: "Toolbox description"
 +
}
 +
 +
$(document).ready(function(){
 +
  $(".titles span").click(function(event){
 +
    $('#project-description').html(projects[event.target.id]);
 +
  });
 +
});
 +
</script>
 +
}}
}}

Revision as of 12:21, 13 October 2014