<commit_before><!DOCTYPE html>
<html data-type="example" data-id="panorama-click-free">
  <head>
    <title>jQuery Reel Orientable Stitched Panorama Example</title>
    <meta charset='utf-8' content='text/html' http-equiv='Content-type' />

    <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='../../jquery.reel.js' type='text/javascript'></script>

    <!-- Common examples style (gray background, thin fonts etc.) -->
    <link href="../style.css" rel="stylesheet" type="text/css" />

    <style>
      #image-reel{ font-size: 85%; }
      #image-reel .reel-annotation { color: #6a7587; white-space: nowrap; font-weight: bold; font-size: 108%; color: #6a7587; cursor: help; }
      #image-reel a.reel-annotation { color: #6a7587; }
      #image-reel .far.reel-annotation { font-size: 85%; color: #a3b4bc; }
      #image-reel a.far.reel-annotation { color: #a3b4bc; }
      #image-reel .near.reel-annotation { font-size: 163%; color: #fff5de; }
      #image-reel a.near.reel-annotation { color: #fff5de; }
      #image-reel .title.reel-annotation { font-size: 85%; color: white; }
      #image-reel a.title.reel-annotation { color: white; }
      #image-reel .headline.reel-annotation { font-size: 280%; opacity: 0.5; color: white; cursor: inherit; }
      #image-reel a.headline.reel-annotation { color: white; }
    </style>

  </head>
  <body>
    <a href="../index.html">Examples</a> ‹
    <h1>Orientable Stitched Panorama</h1>
    <p class="credits photo"><a href="http://www.flickr.com/people/59683764@N00"><NAME></a> (cc)</p>
    <p>You can rotate this panorama with your gyroscope sensor on a compatible device.</p>

    <img src="outlook.jpg" width="590" height="150"
      class="reel"
      id="image"
      data-image="outlook-reel.jpg"
      data-orientable="true"
      data-stitched="1652">

    <span class="reel-annotation headline"
      id="headline"
      data-x="160"
      data-y="50"
      data-for="image">
      Moro Rock Lookout
    </span>

    <a class="reel-annotation title"
      id="title"
      href="https://maps.google.com/maps?ll=36.543225,-118.764481&spn=0.01,0.01&t=p&q=36.543225,-118.764481"
      data-x="160"
      data-y="86"
      data-for="image">
      1 Way Rd, Giant Sequoia National Park, CA
    </a><commit_msg>Glued the paragraph descriptive paragraph with the header<commit_after><!DOCTYPE html>
<html data-type="example" data-id="panorama-click-free">
  <head>
    <title>jQuery Reel Orientable Stitched Panorama Example</title>
    <meta charset='utf-8' content='text/html' http-equiv='Content-type' />

    <script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
    <script src='../../jquery.reel.js' type='text/javascript'></script>

    <!-- Common examples style (gray background, thin fonts etc.) -->
    <link href="../style.css" rel="stylesheet" type="text/css" />

    <style>
      #image-reel{ font-size: 85%; }
      #image-reel .reel-annotation { color: #6a7587; white-space: nowrap; font-weight: bold; font-size: 108%; color: #6a7587; cursor: help; }
      #image-reel a.reel-annotation { color: #6a7587; }
      #image-reel .far.reel-annotation { font-size: 85%; color: #a3b4bc; }
      #image-reel a.far.reel-annotation { color: #a3b4bc; }
      #image-reel .near.reel-annotation { font-size: 163%; color: #fff5de; }
      #image-reel a.near.reel-annotation { color: #fff5de; }
      #image-reel .title.reel-annotation { font-size: 85%; color: white; }
      #image-reel a.title.reel-annotation { color: white; }
      #image-reel .headline.reel-annotation { font-size: 280%; opacity: 0.5; color: white; cursor: inherit; }
      #image-reel a.headline.reel-annotation { color: white; }
    </style>

  </head>
  <body>
    <a href="../index.html">Examples</a> ‹
    <h1>Orientable Stitched Panorama</h1>
    <p>You can rotate this panorama with your gyroscope sensor on a compatible device.</p>
    <p class="credits photo"><a href="http://www.flickr.com/people/59683764@N00"><NAME></a> (cc)</p>

    <img src="outlook.jpg" width="590" height="150"
      class="reel"
      id="image"
      data-image="outlook-reel.jpg"
      data-orientable="true"
      data-stitched="1652">

    <span class="reel-annotation headline"
      id="headline"
      data-x="160"
      data-y="50"
      data-for="image">
      Moro Rock Lookout
    </span>

    <a class="reel-annotation title"
      id="title"
      href="https://maps.google.com/maps?ll=36.543225,-118.764481&spn=0.01,0.01&t=p&q=36.543225,-118.764481"
      data-x="160"
      data-y="86"
      data-for="image">
      1 Way Rd, Giant Sequoia National Park, CA
    </a>
{'fraction_non_alphanumeric': 0.1802648440837249, 'fraction_numerical': 0.049124305852199915, 'mean_word_length': 3.086387434554974, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, 'https://': 2, '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': '3623620', 'n_tokens_mistral': 1848, 'n_tokens_neox': 1687, 'n_words': 334}