Difference between revisions of "Team:Kyoto/Software"

Line 1: Line 1:
{{Kyoto}}
+
{{Kyoto_Common}}
 
<html>
 
<html>
  
<div>
+
<style>
We developed a software named “KELN”: Kyoto-team Electronic Lab Note.<br>
+
Have you ever felt it difficult to write tables in html documents? KELN is a solution!<br>
+
KELN provides you user-friendly graphical user interface so that those who don’t know html tags can make tables in html documents very easily!<br>  
+
  
User’s voice<br>
+
  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/d/da/T--Kyoto--titlesoftware.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>
KELN is now available on <a href="https://github.com/iGEMKyoto/KELN/releases">https://github.com/iGEMKyoto/KELN/releases</a> .<br>
+
<script type="text/javascript">
Because KELN is a open source, everyone can modify this software. Please add functions you need, and start writing electronic lab notes today!
+
  window.onload = function bwWidth(){
</div>
+
    var bw = document.getElementById("topbanner-wrapper");
 
+
    var width = Math.max(parseInt(document.documentElement.clientWidth),1024);
<!--
+
    var newwidth = width * 397 / 1368 - 72
<div class="column full_size judges-will-not-evaluate">
+
    bw.style.height = newwidth + "px";
<h3>★  ALERT! </h3>
+
  }
<p>This page is used by the judges to evaluate your team for the<a href="https://2016.igem.org/Judging/Awards"> Best Software Tool award</a>. </p>
+
  window.onresize = 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";
 
+
  }
 
+
</script>
 
+
</head>
 
+
<body>
 
+
  <div id="background">
 
+
    <img id="background-image" src="https://static.igem.org/mediawiki/2016/b/be/T--Kyoto--pagephoto-05.png">
<div class="column full_size">
+
  </div>
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.</p>
+
    <div id="header">
 
+
      <div id="nav-wrapper">
 
+
        <div class="nav">
<h5> Inspiration </h5>
+
          <ul class="nv">
<p>
+
            <li id ="nv0" style="width:56px"><a href="https://2016.igem.org/Team:Kyoto"></a></li>
Here are a few examples from previous teams:
+
            <li id ="nv1">
</p>
+
              <a href="https://2016.igem.org/Team:Kyoto/Description"></a>
<ul>
+
              <ul>
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
+
                <li id="nv11"><a href="https://2016.igem.org/Team:Kyoto/Description"></a></li>
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
+
                <li id="nv12"><a href="https://2016.igem.org/Team:Kyoto/Proof"></a></li>
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
+
              </ul>
</ul>
+
            </li>
 
+
            <li id ="nv2">
</div>
+
              <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="Human_Practices.html"></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:05, 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