<commit_before>---
layout: page
title: Climbing Log Book
description: Create a route pyramid from your Mountain Project ticks
js_includes:
  - logBook.js
---

<style>
.axis line,
.axis path {
  shape-rendering: crispEdges;
  fill: transparent;
  stroke: #555;
}
.axis text {
  font-size: 11px;
}
.bar {
  fill-opacity: 0.5;
  fill: #333333;
}
</style>

<section class="measure center lh-copy f5-ns f6 ph2 mv4" style="text-align: justify;">
    <p>
      <strong>"The Route Pyramid"</strong>, is a visual representation of an
      approach to progression that emphasizes building a base of routes that are
      below the climber's maximum ability. This approach, and how to perfect it,
      is presented in the popular book <a class="no-underline i light-red"
      target="_blank" href="https://rockclimberstrainingmanual.com/">The Rock
      Climbers Training Manual</a>.
    </p>
    <p>
      To generate a Route Pyramid based on your Mountain Project tick list, enter your
      <a class="no-underline light-red" target="_blank"
      href="https://www.mountainproject.com/data">Mountain Project e-mail and
      private API key</a> below:
    </p>

    <div class="mb1">
      <form class="pv2 black-80">
        <div class="measure">
          <label for="mp-email" class="f6 b db mb2">Mountain Project E-mail</label>
          <input name="mp-email" id="mp-email" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="email" placeholder="<EMAIL>">
        </div>
        <div class="measure">
          <label for="mp-key" class="f6 b db mb2">Mountain Project Private Key</label>
          <input autocomplete=off name="mp-key" id="mp-key" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text" placeholder="488040894-dr6ha7mehmvczdoxnbtig3e3nv5k6u2s">
        </div>
        <div class="mt3">
          <input class="b ph3 pv2 mr3 input-reset ba b--black bg-transparent dim pointer f6" type="button" name="mp-submit" id="mp-submit" value="View Your Ticks">
          <!--<span class="f7 fw6">Last Updated: 2018-12-03 12:03</span>-->
        </div>
      </form>
    </div>
</section>

<section id="log-book" class="mv4-ns tc mv3 ph2 center">
    <h2 id="log-owner"><NAME> Ticks</h2>
    <svg id="log-chart" class="w-80"></svg>
    <div class="pa2 f7" id="route-types"></div>
    <div class="pa2 f7" id="route-styles"></div>
    <hr id="hr-1" class="mw5 p0 mv4 o-70 b0 bt b--light-red light-red bg-light-red">
</section>

<p id="issues-toggle" class="mw5 b center tc hover-light-red black-70 pointer">Show Known Issues</p>
<section id="issues" class="overflow-hidden tc" style="transition: height 200ms;height: 0px;">
</section><commit_msg>make logbook wider on mobile<commit_after>---
layout: page
title: Climbing Log Book
description: Create a route pyramid from your Mountain Project ticks
js_includes:
  - logBook.js
---

<style>
.axis line,
.axis path {
  shape-rendering: crispEdges;
  fill: transparent;
  stroke: #555;
}
.axis text {
  font-size: 11px;
}
.bar {
  fill-opacity: 0.5;
  fill: #333333;
}
</style>

<section class="measure center lh-copy f5-ns f6 ph2 mv4" style="text-align: justify;">
    <p>
      <strong>"The Route Pyramid"</strong>, is a visual representation of an
      approach to progression that emphasizes building a base of routes that are
      below the climber's maximum ability. This approach, and how to perfect it,
      is presented in the popular book <a class="no-underline i light-red"
      target="_blank" href="https://rockclimberstrainingmanual.com/">The Rock
      Climbers Training Manual</a>.
    </p>
    <p>
      To generate a Route Pyramid based on your Mountain Project tick list, enter your
      <a class="no-underline light-red" target="_blank"
      href="https://www.mountainproject.com/data">Mountain Project e-mail and
      private API key</a> below:
    </p>

    <div class="mb1">
      <form class="pv2 black-80">
        <div class="measure">
          <label for="mp-email" class="f6 b db mb2">Mountain Project E-mail</label>
          <input name="mp-email" id="mp-email" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="email" placeholder="<EMAIL>">
        </div>
        <div class="measure">
          <label for="mp-key" class="f6 b db mb2">Mountain Project Private Key</label>
          <input autocomplete=off name="mp-key" id="mp-key" class="input-reset ba b--black-20 pa2 mb2 db w-100" type="text" placeholder="<KEY>">
        </div>
        <div class="mt3">
          <input class="b ph3 pv2 mr3 input-reset ba b--black bg-transparent dim pointer f6" type="button" name="mp-submit" id="mp-submit" value="View Your Ticks">
          <!--<span class="f7 fw6">Last Updated: 2018-12-03 12:03</span>-->
        </div>
      </form>
    </div>
</section>

<section id="log-book" class="mv4-ns tc mv3 ph2 center">
    <h2 id="log-owner"><NAME> Ticks</h2>
    <svg id="log-chart" class="w-80-ns w-100"></svg>
    <div class="pa2 f7" id="route-types"></div>
    <div class="pa2 f7" id="route-styles"></div>
    <hr id="hr-1" class="mw5 p0 mv4 o-70 b0 bt b--light-red light-red bg-light-red">
</section>

<p id="issues-toggle" class="mw5 b center tc hover-light-red black-70 pointer">Show Known Issues</p>
<section id="issues" class="overflow-hidden tc" style="transition: height 200ms;height: 0px;">
</section>
{'fraction_non_alphanumeric': 0.15302089215132694, 'fraction_numerical': 0.03482025221155656, 'mean_word_length': 3.241021548284118, 'pattern_counts': {'":': 0, '<': 106, '<?xml version=': 0, '>': 106, 'https://': 4, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4348645', 'n_tokens_mistral': 1888, 'n_tokens_neox': 1786, 'n_words': 534}