<commit_before><!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Cool Maze - Send your document from mobile to computer</title>
  <script src="https://js.pusher.com/3.2/pusher.min.js"></script>
  <script src="static/js/qrcodejs/qrcode.min.js"></script>
  <link rel="SHORTCUT ICON" href="static/img/coolmaze_128.png" />
  <style>
  body {
    text-align: center;
    /*background-color: #64d8ff;*/
  }
  input[readonly]
  {
    background-color: white;
  }
  #qr-zone {
    /*clear: both;*/
  }
  #qrcode {
    text-align: center;
  }
  #qrcode img {
    /*float: left;*/
    margin: auto;
    /*margin-top: 20px;*/
    border-radius: 12px;
    cursor: zoom-in;
  }
  #overprint-logo {
    position: absolute;
  }
  #txt-msg-zone {
    margin-left: 10%;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: white;
    text-align: center;
    border-radius: 15px;
  }
  #txt-msg-close {
    float: right;
    margin-top: -0.5em;
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
  }
  #inbox {
    margin-top: 12px;
    border: none;
    font-size: 3em;
    background-color: white;
    max-width: 100%;
  }
  #help {
    float: left;
    margin-left: 10px;
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid #AAA;
    padding: 8px;
    text-align: left;
    border-radius: 15px;
  }
  #question-mark {
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
    padding: 10px 8px 8px 10px;
    margin: -2px 0 0 -2px;
  }
  #help-contents {
    width: 100%;
  }
  #help-contents img.right {
    float: right;
    /*text-align: center;*/
    margin: 12px;
  }
  #help-close {
    float: right;
    margin-top: -2em;
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
  }
  .mini-picto {
    width: 1em; 
    vertical-align:middle; 
    padding-bottom:2px;
  }
  .rounded {
    border: 1px solid #AAA;
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
  }
  .ib {
    display: inline-block;
  }
  </style>
</head>








<body>
  <div id="help">
    <div><span id="question-mark">?</span></div>
    <div id="help-contents" style="display: none;">
      <div id="help-close">X</div>
      <img src="static/img/schema.png" width="296" height="400" class="right" />
      <p>You can share a document really easily from your mobile device to a desktop computer or video projector</p>
      <p>
        <ol>
          <li>Download the <strong><a href="https://play.google.com/apps/testing/net.coolmaze.coolmaze">Cool Maze app</a></strong> on your Android mobile</li>
          <li>Open <strong>coolmaze.net</strong> in your desktop browser</li>
          <li>On mobile resource (photo, video, URL, PDF), select <span class="rounded"><strong><i>Share via</i></strong></span> > <span class="rounded"><img src="static/img/coolmaze_128.png" class="mini-picto" /> <strong>Cool Maze</strong></span></li>
          <li>Scan the QR-code</li>
        </ol>
      </p>
      <p>That's it. No login, no passwords, no ads.</p>
      <p>Note that the two devices (source and target) must have internet connection</p>
      <p><strong>Your data remains private</strong>. It is not publicly available and not disclosed to third parties. See the <a href="terms.html">Privacy terms</a>.
    </div>
  </div>

  <div id="qr-zone">
    <div id="qrcode"> 
    </div>
    <img id="thumbnail" src="//:0">
  </div>

  <div id="txt-msg-zone" style="display: none;">
    <div id="txt-msg-close">X</div>
    <h3>Received text message</h3>
    <textarea id="inbox" readonly="readonly" rows="12" cols="32"></textarea>
  </div>

  <link rel="prefetch" href="static/img/red_arrow.png">
  <link rel="prefetch" href="static/img/red_spinner.gif">








  <script type="text/javascript">
    var backend = "https://cool-maze.appspot.com";
    // var backend = "https://dev-dot-cool-maze.appspot.com";
    // var backend = "http://localhost:8080";
    var coolMazePusherAppKey = '<KEY>';

    // Since #108, qrKey==chanID and it is random generated in JS.
    var qrKey = "";
    var chanID = "";
    var channel;

    var qrHundredth = 68;
    // Bookmarks or WebExtension can point directly to the big
    // QR-code size, with ?big=1
    if( window.location.search.indexOf("big=1")  !== -1 )
      qrHundredth = 96;

    function render(colorDark, clickCallback){
      // qrHundredth == 95 is a "big QR-code" (almost fullscreen)
      // qrHundredth == 50 is a "medium-size QR-code"

      // -50 is for the small [?] box on the left
      var w = Math.max(document.documentElement.clientWidth -50, (window.innerWidth || 0) -50) * qrHundredth / 100;
      var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) * qrHundredth / 100;
      var c = 400;
      if ( w>0 )
        c = w;
      if ( h>0 && h<c )
        c = h;

      var logo = document.getElementById("overprint-logo");
      if ( logo )
        logo.style.display = "none";
      clearQR();
      new QRCode("qrcode", {
        text: qrKey,
        width: c,
        height: c,<commit_msg>issues/120 Smaller QR-code by default.<commit_after><!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title>Cool Maze - Send your document from mobile to computer</title>
  <script src="https://js.pusher.com/3.2/pusher.min.js"></script>
  <script src="static/js/qrcodejs/qrcode.min.js"></script>
  <link rel="SHORTCUT ICON" href="static/img/coolmaze_128.png" />
  <style>
  body {
    text-align: center;
    /*background-color: #64d8ff;*/
  }
  input[readonly]
  {
    background-color: white;
  }
  #qr-zone {
    /*clear: both;*/
  }
  #qrcode {
    text-align: center;
  }
  #qrcode img {
    /*float: left;*/
    margin: auto;
    /*margin-top: 20px;*/
    border-radius: 12px;
    cursor: zoom-in;
  }
  #overprint-logo {
    position: absolute;
  }
  #txt-msg-zone {
    margin-left: 10%;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: white;
    text-align: center;
    border-radius: 15px;
  }
  #txt-msg-close {
    float: right;
    margin-top: -0.5em;
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
  }
  #inbox {
    margin-top: 12px;
    border: none;
    font-size: 3em;
    background-color: white;
    max-width: 100%;
  }
  #help {
    float: left;
    margin-left: 10px;
    margin-bottom: 8px;
    background-color: white;
    border: 1px solid #AAA;
    padding: 8px;
    text-align: left;
    border-radius: 15px;
  }
  #question-mark {
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
    padding: 10px 8px 8px 10px;
    margin: -2px 0 0 -2px;
  }
  #help-contents {
    width: 100%;
  }
  #help-contents img.right {
    float: right;
    /*text-align: center;*/
    margin: 12px;
  }
  #help-close {
    float: right;
    margin-top: -2em;
    font-weight: bolder;
    font-size: 2em;
    cursor: pointer;
  }
  .mini-picto {
    width: 1em; 
    vertical-align:middle; 
    padding-bottom:2px;
  }
  .rounded {
    border: 1px solid #AAA;
    border-radius: 5px;
    padding-left: 2px;
    padding-right: 2px;
    white-space: nowrap;
  }
  .ib {
    display: inline-block;
  }
  </style>
</head>








<body>
  <div id="help">
    <div><span id="question-mark">?</span></div>
    <div id="help-contents" style="display: none;">
      <div id="help-close">X</div>
      <img src="static/img/schema.png" width="296" height="400" class="right" />
      <p>You can share a document really easily from your mobile device to a desktop computer or video projector</p>
      <p>
        <ol>
          <li>Download the <strong><a href="https://play.google.com/apps/testing/net.coolmaze.coolmaze">Cool Maze app</a></strong> on your Android mobile</li>
          <li>Open <strong>coolmaze.net</strong> in your desktop browser</li>
          <li>On mobile resource (photo, video, URL, PDF), select <span class="rounded"><strong><i>Share via</i></strong></span> > <span class="rounded"><img src="static/img/coolmaze_128.png" class="mini-picto" /> <strong>Cool Maze</strong></span></li>
          <li>Scan the QR-code</li>
        </ol>
      </p>
      <p>That's it. No login, no passwords, no ads.</p>
      <p>Note that the two devices (source and target) must have internet connection</p>
      <p><strong>Your data remains private</strong>. It is not publicly available and not disclosed to third parties. See the <a href="terms.html">Privacy terms</a>.
    </div>
  </div>

  <div id="qr-zone">
    <div id="qrcode"> 
    </div>
    <img id="thumbnail" src="//:0">
  </div>

  <div id="txt-msg-zone" style="display: none;">
    <div id="txt-msg-close">X</div>
    <h3>Received text message</h3>
    <textarea id="inbox" readonly="readonly" rows="12" cols="32"></textarea>
  </div>

  <link rel="prefetch" href="static/img/red_arrow.png">
  <link rel="prefetch" href="static/img/red_spinner.gif">








  <script type="text/javascript">
    var backend = "https://cool-maze.appspot.com";
    // var backend = "https://dev-dot-cool-maze.appspot.com";
    // var backend = "http://localhost:8080";
    var coolMazePusherAppKey = '<KEY>';

    // Since #108, qrKey==chanID and it is random generated in JS.
    var qrKey = "";
    var chanID = "";
    var channel;

    var qrHundredth = 40;
    // Bookmarks or WebExtension can point directly to the big
    // QR-code size, with ?big=1
    if( window.location.search.indexOf("big=1")  !== -1 )
      qrHundredth = 96;

    function render(colorDark, clickCallback){
      // qrHundredth == 95 is a "big QR-code" (almost fullscreen)
      // qrHundredth == 50 is a "medium-size QR-code"

      // -50 is for the small [?] box on the left
      var w = Math.max(document.documentElement.clientWidth -50, (window.innerWidth || 0) -50) * qrHundredth / 100;
      var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0) * qrHundredth / 100;
      var c = 400;
      if ( w>0 )
        c = w;
      if ( h>0 && h<c )
        c = h;

      var logo = document.getElementById("overprint-logo");
      if ( logo )
        logo.style.display = "none";
      clearQR();
      new QRCode("qrcode", {
        text: qrKey,
        width: c,
        height: c,
{'fraction_non_alphanumeric': 0.16259298618490967, 'fraction_numerical': 0.02308955656458313, 'mean_word_length': 2.589459084604716, 'pattern_counts': {'":': 0, '<': 171, '<?xml version=': 0, '>': 175, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3253807', 'n_tokens_mistral': 3981, 'n_tokens_neox': 3667, 'n_words': 887}