<commit_before><head>
  <title>Publication for Display</title>
  <script type="text/javascript" src="qrcode.js"></script>
</head>

<body>
</body>

<template name="Application">
  <header>
    <nav>
      <div class="nav-wrapper">
        <a href="#" class="brand-logo">Publication Display</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a href="http://hci.uni-konstanz.de">HCI Group</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <main>
    <div class="container">
      <div class="row">
        <div class="col s12 m6 l5">
          <div class="tools">
            {{> Tools}}
          </div>
        </div>
        <div class="col s12 m6 l7">
          <div class="row navigation-tools">
            <div class="col s12">
              <button id="prev-page" class="btn-floating waves-effect waves-light blue">
                <i class="mdi-image-navigate-before"></i>
              </button>
              <button id="next-page" class="btn-floating waves-effect waves-light blue">
                <i class="mdi-image-navigate-next"></i>
              </button>
            </div>
          </div>
          <div class="row">
            <div class="col s12">
              <div class="paper">
                {{> Paper}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>

  <footer class="page-footer">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">Goal</h5>
          <p class="grey-text text-lighten-4">The Publication Display eases the creation of a physical printout + QR code that points to digital resource. This printout can be used for advertising research publications.</p>
        </div>
        <div class="col l4 offset-l2 s12">
          <h5 class="white-text">Links</h5>
          <ul>
            <li><a class="grey-text text-lighten-3" href="http://hci.uni-konstanz.de">Human-Computer Interaction Group</a></li>
            <li><a class="grey-text text-lighten-3" href="http://www.meteor.com">Meteor Platform</a></li>
            <li><a class="grey-text text-lighten-3" href="http://konvajs.github.io">KonvaJS on Github</a></li>
            <li><a class="grey-text text-lighten-3" href="http://www.d-project.com/">QR Code for JavaScript</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        &copy; 2015 <NAME>
        <a class="grey-text text-lighten-4 right" href="http://romanraedle.com">http://romanraedle.com</a>
      </div>
    </div>
  </footer>

  <div class="progress-modal">
    <div class="progress">
      <div class="indeterminate"></div>
    </div>
  </div>
</template>

<template name="Tools">
  <div class="row">
    <div class="input-field col s12">
      <div class="input-field col s10">
        <i class="mdi-content-link prefix"></i>
        <input id="document-url" type="url" class="validate">
        <label for="first_name">Url to Document</label>
      </div>
      <div class="input-field col s2">
        <button id="document-url-btn" class="btn-floating waves-effect waves-light blue">
          <i class="mdi-image-blur-circular"></i>
        </button>
      </div>
    </div>
  </div>

  <div class="input-field col s12">
    <div class="row">
      <input id="document-portrait" name="document-orientation" class="with-gap" type="radio" checked />
      <label for="document-portrait"><i class="mdi-image-crop-portrait left"></i> Portrait</label>
    </div>
    <div class="row">
      <input id="document-landscape" name="document-orientation" class="with-gap" type="radio" />
      <label for="document-landscape"><i class="mdi-image-crop-landscape left"></i> Landscape</label>
    </div>
  </div>

  <div class="input-field col s12">
    <div>
      <label for="document-page-scale">Page Scale in %</label>
    </div>
    <p class="range-field">
      <input id="document-page-scale" type="range" min="0" max="100" value="100" />
    </p>
  </div>

  <div class="input-field col s12">
    <select id="document-render-quality">
      <option value="72">72 dpi</option>
      <option value="96" selected>96 dpi</option>
      <option value="300">300 dpi</option>
      <option value="600">600 dpi (print)</option>
      <option value="1200">1200 dpi (slower, but high-quality print)</option>
    </select>
    <label>Render Quality</label>
  </div>

  <div class="input-field col s12">
    <select id="document-print-quality">
      <option value="72">72 dpi</option>
      <option value="96">96 dpi</option>
      <option value="300">300 dpi (print)</option>
      <option value="600">600 dpi (print)</option>
      <option value="1200" selected="">1200 dpi (slower, but high-quality print)</option><commit_msg>added option to scale up to 200%<commit_after><head>
  <title>Publication for Display</title>
  <script type="text/javascript" src="qrcode.js"></script>
</head>

<body>
</body>

<template name="Application">
  <header>
    <nav>
      <div class="nav-wrapper">
        <a href="#" class="brand-logo">Publication Display</a>
        <ul id="nav-mobile" class="right hide-on-med-and-down">
          <li><a href="http://hci.uni-konstanz.de">HCI Group</a></li>
        </ul>
      </div>
    </nav>
  </header>

  <main>
    <div class="container">
      <div class="row">
        <div class="col s12 m6 l5">
          <div class="tools">
            {{> Tools}}
          </div>
        </div>
        <div class="col s12 m6 l7">
          <div class="row navigation-tools">
            <div class="col s12">
              <button id="prev-page" class="btn-floating waves-effect waves-light blue">
                <i class="mdi-image-navigate-before"></i>
              </button>
              <button id="next-page" class="btn-floating waves-effect waves-light blue">
                <i class="mdi-image-navigate-next"></i>
              </button>
            </div>
          </div>
          <div class="row">
            <div class="col s12">
              <div class="paper">
                {{> Paper}}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </main>

  <footer class="page-footer">
    <div class="container">
      <div class="row">
        <div class="col l6 s12">
          <h5 class="white-text">Goal</h5>
          <p class="grey-text text-lighten-4">The Publication Display eases the creation of a physical printout + QR code that points to digital resource. This printout can be used for advertising research publications.</p>
        </div>
        <div class="col l4 offset-l2 s12">
          <h5 class="white-text">Links</h5>
          <ul>
            <li><a class="grey-text text-lighten-3" href="http://hci.uni-konstanz.de">Human-Computer Interaction Group</a></li>
            <li><a class="grey-text text-lighten-3" href="http://www.meteor.com">Meteor Platform</a></li>
            <li><a class="grey-text text-lighten-3" href="http://konvajs.github.io">KonvaJS on Github</a></li>
            <li><a class="grey-text text-lighten-3" href="http://www.d-project.com/">QR Code for JavaScript</a></li>
          </ul>
        </div>
      </div>
    </div>
    <div class="footer-copyright">
      <div class="container">
        &copy; 2015 <NAME>
        <a class="grey-text text-lighten-4 right" href="http://romanraedle.com">http://romanraedle.com</a>
      </div>
    </div>
  </footer>

  <div class="progress-modal">
    <div class="progress">
      <div class="indeterminate"></div>
    </div>
  </div>
</template>

<template name="Tools">
  <div class="row">
    <div class="input-field col s12">
      <div class="input-field col s10">
        <i class="mdi-content-link prefix"></i>
        <input id="document-url" type="url" class="validate">
        <label for="first_name">Url to Document</label>
      </div>
      <div class="input-field col s2">
        <button id="document-url-btn" class="btn-floating waves-effect waves-light blue">
          <i class="mdi-image-blur-circular"></i>
        </button>
      </div>
    </div>
  </div>

  <div class="input-field col s12">
    <div class="row">
      <input id="document-portrait" name="document-orientation" class="with-gap" type="radio" checked />
      <label for="document-portrait"><i class="mdi-image-crop-portrait left"></i> Portrait</label>
    </div>
    <div class="row">
      <input id="document-landscape" name="document-orientation" class="with-gap" type="radio" />
      <label for="document-landscape"><i class="mdi-image-crop-landscape left"></i> Landscape</label>
    </div>
  </div>

  <div class="input-field col s12">
    <div>
      <label for="document-page-scale">Page Scale in %</label>
    </div>
    <p class="range-field">
      <input id="document-page-scale" type="range" min="0" max="200" value="100" />
    </p>
  </div>

  <div class="input-field col s12">
    <select id="document-render-quality">
      <option value="72">72 dpi</option>
      <option value="96" selected>96 dpi</option>
      <option value="300">300 dpi</option>
      <option value="600">600 dpi (print)</option>
      <option value="1200">1200 dpi (slower, but high-quality print)</option>
    </select>
    <label>Render Quality</label>
  </div>

  <div class="input-field col s12">
    <select id="document-print-quality">
      <option value="72">72 dpi</option>
      <option value="96">96 dpi</option>
      <option value="300">300 dpi (print)</option>
      <option value="600">600 dpi (print)</option>
      <option value="1200" selected="">1200 dpi (slower, but high-quality print)</option>
{'fraction_non_alphanumeric': 0.183500465212447, 'fraction_numerical': 0.022847100175746926, 'mean_word_length': 2.468626747938329, 'pattern_counts': {'":': 0, '<': 347, '<?xml version=': 0, '>': 351, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, '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': '3166694', 'n_tokens_mistral': 3320, 'n_tokens_neox': 3134, 'n_words': 695}