memoriaki
9/12/2018 - 3:50 AM

bl.ocks.org template

bl.ocks.org template

.block
content_copyfile_download
license: gpl-3.0
height: 500
scrolling: no
border: yes
index.html
content_copyfile_download
<!DOCTYPE html >
<html>

<head>
</head>

<body>
  <div class='container'>
    <div class='area-header'>
      <a class="header-item" href="index.html">
        <i class="fas fa-keyboard"> KeeBoMaker</i>
      </a>
    </div>

    <div class='area-left'>
      <select class="select" name="select" id="select-sampletext">
      </select><br>
      <input class="input" type="file" name="resume" id="input-main">
      <select class="select" name="select" id="select-layout"></select><br>
      <input class="input" type="file" name="resume" id="input-layout"><br>
      <select class="select" name="select" id="select-col"></select>col<br>
      <select class="select" name="select" id="select-row"></select>row<br>
      <!-- <input type="checkbox" id="check-shift">Shift <br> -->
      <input type="checkbox" id="check-count" checked="checked">Count<br>
      <input type="checkbox" id="check-color" checked="checked">Color<br>
      <button class="button" id="button-reset">reset</button>

    </div>

    <div class='area-content'>
      <!-- <span id="forkongithub"><a href="https://github.com/codepo8/css-fork-on-github-ribbon">Fork me on GitHub</a></span> -->

      <textarea name="textarea" class="textarea" id="textarea-main" maxlength="100000" placeholder='text'></textarea>

      <label for="textarea-main" id="label-word">Word...0</label>
      <label for="textarea-main" id="label-char">Char...0</label>

      <textarea name="textarea" class="textarea" id="textarea-layout" maxlength="10000" placeholder='layout'></textarea>
      <label for="textarea-layout" id="label-cost">Cost[ count * distance * position ]...0</label>
      <div class="heatmap" id="heatmap-main"></div>
    </div>

    <div class='area-footer'>
      <a> &copy; 2018 Akihito Morita</a>

      <!-- Twitter -->
      <a href="//twitter.com/share?text=<?=$share_title?>&url=<?=$share_url?>&via=wemo_blog" title="share on Twitter"
        onclick="javascript:window.open(this.href, '_blank', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=600');return false;">
        <i class="fab fa-twitter" aria-hidden="true"></i>
      </a>
      <!-- Github -->
      <a href="https://github.com/moriakijp">
        <i class="fab fa-github" aria-hidden="true"></i>
      </a>
    </div>
  </div>
</body>

</html>