Difference between revisions of "Team:Kyoto/HP/Silver"

(Prototype team page)
 
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/c/c5/T--Kyoto--titlepractices.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>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<head>
−
<h3>★  ALERT! </h3>
+
<script type="text/javascript">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices silver medal criterion</a>. </p>
+
  window.onload = function bwWidth(){
−
 
+
    var bw = document.getElementById("topbanner-wrapper");
−
 
+
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
    var newwidth = width * 397 / 1368 - 72
−
</div>
+
    bw.style.height = newwidth + "px";
−
 
+
  }
−
 
+
  window.onresize = function bwWidth(){
−
 
+
    var bw = document.getElementById("topbanner-wrapper");
−
<div class="column full_size">
+
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
−
 
+
    var newwidth = width * 397 / 1368 - 72
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
    bw.style.height = newwidth + "px";
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
  }
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
</script>
−
</div>
+
</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>
 +
              </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 15:14, 11 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