Difference between revisions of "Team:Kyoto/Integrated Practices"

Line 1: Line 1:
−
{{Kyoto}}
+
{{Kyoto_Common}}
 
<html>
 
<html>
  
 +
<style>
  
 +
  body{
 +
    margin: 0;
 +
  }
 +
  #background{
 +
    position:fixed;
 +
    min-width: 1024px;
 +
    width:100%;
 +
    z-index:-1;
 +
  }
 +
  #background-image{
 +
    width:100%;
 +
  }
 +
  #topbanner-wrapper{
 +
    min-width:1024px;
 +
    position:relative;
 +
  }
 +
  #topbanner{
 +
    position:absolute;
 +
    width: 565px;
 +
    height: 105px;
 +
    top:0;
 +
    bottom:0;
 +
    left:0;
 +
    right:0;
 +
    margin: auto;
 +
    background-image: url(https://static.igem.org/mediawiki/2016/0/0c/T--Kyoto--title-22.png);
 +
    background-position: center center;
 +
  }
 +
  #button_wrapper{
 +
    width: 1023px;
 +
    height: 186px;
 +
    margin: 0 auto;
 +
    padding: 0;
 +
    letter-spacing: -1em;
 +
  }
 +
  #button_left{
 +
    /*float: left;*/
 +
    display: inline-block;
 +
    width:341px;
 +
    height: 186px;
 +
    letter-spacing: normal;
 +
    border: 1px solid #000;
 +
  }
 +
  #button_center{
 +
    display: inline-block;
 +
    width:341px;
 +
    height: 186px;
 +
    letter-spacing: normal;
 +
    border: 1px solid #000;
 +
  }
 +
  #button_right{
 +
    display: inline-block;
 +
    width:341px;
 +
    height: 186px;
 +
    letter-spacing: normal;
 +
    border: 1px solid #000;
 +
  }
 +
  #contents{
 +
    background-color:#ffffff;
 +
  }
 +
</style>
  
−
 
+
<head>
−
 
+
<script type="text/javascript">
−
 
+
  window.onload = function bwWidth(){
−
<div class="column full_size">
+
    var bw = document.getElementById("topbanner-wrapper");
−
 
+
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
−
<p>Do you want to be considered for the <a href="https://2016.igem.org/Judging/Awards#SpecialPrizes">Best Integrated Human Practices award</a>? Help the judges consider your team for this award by describing your work on this page.</p>
+
    var newwidth = width * 397 / 1368 - 72
−
 
+
    bw.style.height = newwidth + "px";
−
 
+
  }
−
<p>Here are two examples of excellent Integrated Human Practices work from 2015:</p>
+
  window.onresize = function bwWidth(){
−
<ul>
+
    var bw = document.getElementById("topbanner-wrapper");
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">Bielefeld 2015</a></li>
+
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">Edinburgh 2015</a></li>
+
    var newwidth = width * 397 / 1368 - 72
−
</ul>
+
    bw.style.height = newwidth + "px";
−
 
+
  }
−
</div>
+
</script>
−
 
+
</head>
−
 
+
<body>
−
 
+
  <div id="background">
−
 
+
    <img id="background-image" src="https://static.igem.org/mediawiki/2016/b/b0/T--Kyoto--pagephoto-07.png">
−
 
+
  </div>
 +
    <div id="header">
 +
      <div id="nav-wrapper">
 +
        <div class="nav">
 +
          <ul class="nv">
 +
            <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li>
 +
            <li id ="nv1">
 +
              <a href="https://2016.igem.org/Team:Kyoto/Description"></a>
 +
              <ul>
 +
                <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li>
 +
                <li id="nv12"><a href="https://2016.igem.org/Team:Kyoto/Proof"></a></li>
 +
              </ul>
 +
            </li>
 +
            <li id ="nv2">
 +
              <a href="https://2016.igem.org/Team:Kyoto/Software"></a>
 +
              <ul>
 +
                <li id="nv21"><a href="https://2016.igem.org/Team:Kyoto/Software"></a></li>
 +
                <li id="nv22"><a href="https://2016.igem.org/Team:Kyoto/Collaborations"></a></li>
 +
              </ul>
 +
            </li>
 +
            <li id ="nv3"><a href="https://2016.igem.org/Team:Kyoto/Achievements"></a></li>
 +
            <li id ="nv4"><a href="https://2016.igem.org/Team:Kyoto/Experiments"></a></li>
 +
            <li id ="nv5">
 +
              <a href="https://2016.igem.org/Team:Kyoto/Human_Practices"></a>
 +
              <ul>
 +
                <li id="nv51"><a href="https://2016.igem.org/Team:Kyoto/Human_Practices"></a></li>
 +
                <li id="nv52"><a href="https://2016.igem.org/Team:Kyoto/HP/Silver"></a></li>
 +
                <li id="nv53"><a href="https://2016.igem.org/Team:Kyoto/HP/Gold"></a></li>
 +
                <li id="nv54"><a href="https://2016.igem.org/Team:Kyoto/HP/Integrated"></a></li>
 +
              </ul>
 +
            </li>
 +
            <li id ="nv6"><a href="https://2016.igem.org/Team:Kyoto/Notebook"></a></li>
 +
            <li id ="nv7">
 +
              <a href="https://2016.igem.org/Team:Kyoto/Team"></a>
 +
              <ul>
 +
                <li id="nv71"><a href="https://2016.igem.org/Team:Kyoto/Team"></a></li>
 +
                <li id="nv72"><a href="https://2016.igem.org/Team:Kyoto/Attributions"></a></li>
 +
              </ul>
 +
            </li>
 +
            <li id ="nv8"><a href="https://2016.igem.org/Team:Kyoto/Safety"></a></li>
 +
          </ul>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <div id="topbanner-wrapper">
 +
      <div id="topbanner">
 +
      </div>
 +
    </div>
 +
    <div id="contents-wrapper">
 +
  <div id="contents">
 +
    <div>
 +
      <h1>header 1</h1>
 +
      <h2>header 2</h2>
 +
      <h3>header 3</h3>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <ul>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
      </ul>
 +
    </div>
 +
    <div>
 +
      <h1>header 1</h1>
 +
      <h2>header 2</h2>
 +
      <h3>header 3</h3>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <ul>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
      </ul>
 +
    </div>
 +
    <div>
 +
      <h1>header 1</h1>
 +
      <h2>header 2</h2>
 +
      <h3>header 3</h3>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <p>texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext</p>
 +
      <ul>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
        <li>listlistlistlistlist</li>
 +
      </ul>
 +
    </div>
 +
      </div>
 +
  </div>
 +
    <div id="footer">
 +
    <div id="footer_logos">
 +
      <img src="https://static.igem.org/mediawiki/2016/e/e6/T--Kyoto--Footer-24.png" width="874" height="95">
 +
    </div>
 +
    <div id="footer_contact">
 +
      <img src="https://static.igem.org/mediawiki/2016/e/ec/T--Kyoto--Footer-25.png">
 +
    </div>
 +
    <div id="footer_social">
 +
      <a href="mailto:igemkyoto@gmail.com"><img src="https://static.igem.org/mediawiki/2016/2/28/T--Kyoto--Footer-28.png"></a>
 +
      <a href="https://twitter.com/igemkyoto"><img src="https://static.igem.org/mediawiki/2016/8/82/T--Kyoto--Footer-26.png"></a>
 +
      <a href="https://www.facebook.com/IgemKyoto/"><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Kyoto--Footer-27.png"></a>
 +
    </div>
 +
  </div>
  
 
</html>
 
</html>

Revision as of 00:49, 18 October 2016

header 1

header 2

header 3

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist

header 1

header 2

header 3

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist

header 1

header 2

header 3

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

texttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttexttext

  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist
  • listlistlistlistlist