<commit_before><section class="m-header-static">
  <div class="inner">
    <header>
      <h2>Submit a story</h2>
      <h3>Share your story about issues affecting forests, forest communities, and how you use GFW to monitor and protect forests with the Global Forest Watch community</h3>
    </header>
  </div>
</section>

<section class="m-section-static">
  <div class="inner">
    <div id="storiesEditView" class="m-new">
      <aside class="m-aside">
        <h3>HOW YOUR STORIES WILL BE USED</h3>

        <p>Your stories will be immediately displayed in the <a href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">User Stories</a> layer on the GFW Map. You can submit a story by sharing text and uploading images, video, or web links to show how forests are being managed, cleared, or protected in your area.</p>

        <p>Submit a story to:</p>

        <ul>
          <li>Report illegal activities</li>
          <li>Call attention to a threat or conflict in your area</li>
          <li>Tell a forest conservation success story</li>
          <li>Confirm or refute remotely sensed data</li>
          <li>Share your local expertise</li>
        </ul>

        <p>*WRI is not <a href="/terms">responsible</a> for how this information is used by visitors, and it reserves the right to remove stories that are inappropriate or not related to forest issues.</p>

        <h3>TIPS FOR A BETTER STORY</h3>

        <p>In order for your stories to have the most impact, please:</p>
        <ul>
          <li><strong>Try to fit your story to:</strong> a) verify data on Global Forest Watch; b) denounce actions affecting forests in your area; or c) promote a success case of forest management.</li>
          <li><strong>Be brief:</strong> The User Stories layer is intended to highlight your story and direct readers to other materials with additional details. Keep your story short and concrete.
          <li><strong>Add media:</strong> Utilize media quotations, technical articles, and publications from well-known sources. We recommend you use high quality videos or pictures to document your case.
          <li><strong>Provide hard facts:</strong> Describe the region of your story using specific details: size, type of forest, forest change, etc.
          <li><strong>Highlight your organization:</strong> Include the name of your organization on the story, as well as your website or contact information.
        </ul>

      </aside>

      <div class="m-form">
        <form id="new_story">
          <div class="field -required">
            <label for="title">Title *</label>
            <input type="text" name="title" id="title" placeholder="Illegal Logging in National Park" value="{{story.title}}">
          </div>

          <div class="field -required">
            <div>
              <label for="geojson">Location *</label>
            </div>

            <p class='hint'>
              Select a location for your story by entering an address in
              the search box, by dragging the map, or by clicking the
              target icon to find your current location. The flag in the
              center indicates where your story will be placed.
            </p>

            <div class="m-map" >
              <div>
                <div id="map" class="map"></div>
                <div class="map-controls">
                  <div class="control-pin"></div>
                  <div class="map-controls-box -top -left">
                    <div class="control-zoom">
                      <button type="button" class="map-control-btn" id="controlZoomIn"><svg><use xlink:href="#icon-control-plus"></use></svg></button>
                      <button type="button" class="map-control-btn" id="controlZoomOut"><svg><use xlink:href="#icon-control-minus"></use></svg></button>
                    </div>
                  </div>
                  <div class="map-controls-box -top -right">
                    <div class="control-search">
                      <input class="map-search-input" type="text" placeholder="Search..."/>
                    </div>
                    <div class="control-locate" id="autoLocate">
                      <button class="map-control-btn" type="button"><svg><use xlink:href="#icon-control-locate"></use></svg></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="field">
            <label for="location">Location</label>
            <input type="text" name="location" id="location" placeholder="“Katingan Peatland area, Indonesia,” “Near Ambanja, Mozambique”" value="{{story.location}}">
          </div>

          <div class="field short">
            <label for="date">Date</label>
            <input type="date" name="date" id="date" value="{{formatted_date}}">
          </div>

          <div class="field">
            <label for="details">Details</label>
            <textarea name="details" id="details" placeholder="“Selective logging with chainsaws,” “Burning peatland,” “Forest cleared for agriculture,” “Affected species”">{{story.details}}</textarea>
          </div>

          <div class="field">
            <label for="video">Video</label>
            <input type="text" name="video" id="video" placeholder="http://www.youtube.com/watch?v=lTG-0brb98I" value="{{video}}">
          </div>

          <div class="field">
            <label for="media" class="-has-hint">Media</label>
            <p class="hint mobile-hide">
              Select images and videos to add
              to your story. Drag &amp; drop to reorder them within the
              carousel. The first one will become the default image for
              the story. The maximum file size for uploads is 4 MB.
            </p>

            <p class="mobile-show">
              Click below to upload photos or
              videos to your story. The first photo will become the
              default image. The maximum file size for uploads is 4
              MB. If you are on an iOS device you must upload pictures
              one by one.
            </p>

            <ul class="thumbnails">
              <li><a href='#' class='upload_picture'></a></li>
            </ul>
          </div>

          <div class="field">
            <div class="checkbox-box">
              <div class="custom-checkbox">
                <input type="checkbox" name="hideUser" id="hideUser" {{#if hideUser}}checked{{/if}}>
                <label for="hideUser" class="-uppercase"><span></span> Check this box to publish your name with your story.</label>
              </div>
            </div>
            <p class="hint">
              In some areas, forest clearing information is considered
              to be highly sensitive—users are encouraged to be cautious
              when sharing identifiable information. Tick this box to
              hide your details.
            </p>
          </div>

          <div id="field-personal-info" class="field {{#unless hideUser}}-hidden{{/unless}} -no-padding">
            <div class="field">
              <label for="name">Name</label>
              <input type="text" name="name" id="name" placeholder="" value="{{user.fullName}}">
            </div>

            <div class="field">
              <label for="email">Email</label>
              <input type="text" name="email" id="email" placeholder="" value="{{user.email}}">
            </div>
          </div>

          <div class="field"><commit_msg>Feat: Stories - Form tweaks<commit_after><section class="m-header-static">
  <div class="inner">
    <header>
      <h2>Submit a story</h2>
      <h3>Share your story about issues affecting forests, forest communities, and how you use GFW to monitor and protect forests with the Global Forest Watch community</h3>
    </header>
  </div>
</section>

<section class="m-section-static">
  <div class="inner">
    <div id="storiesEditView" class="m-new">
      <aside class="m-aside">
        <h3>HOW YOUR STORIES WILL BE USED</h3>

        <p>Your stories will be immediately displayed in the <a href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">User Stories</a> layer on the GFW Map. You can submit a story by sharing text and uploading images, video, or web links to show how forests are being managed, cleared, or protected in your area.</p>

        <p>Submit a story to:</p>

        <ul>
          <li>Report illegal activities</li>
          <li>Call attention to a threat or conflict in your area</li>
          <li>Tell a forest conservation success story</li>
          <li>Confirm or refute remotely sensed data</li>
          <li>Share your local expertise</li>
        </ul>

        <p>*WRI is not <a href="/terms">responsible</a> for how this information is used by visitors, and it reserves the right to remove stories that are inappropriate or not related to forest issues.</p>

        <h3>TIPS FOR A BETTER STORY</h3>

        <p>In order for your stories to have the most impact, please:</p>
        <ul>
          <li><strong>Try to fit your story to:</strong> a) verify data on Global Forest Watch; b) denounce actions affecting forests in your area; or c) promote a success case of forest management.</li>
          <li><strong>Be brief:</strong> The User Stories layer is intended to highlight your story and direct readers to other materials with additional details. Keep your story short and concrete.
          <li><strong>Add media:</strong> Utilize media quotations, technical articles, and publications from well-known sources. We recommend you use high quality videos or pictures to document your case.
          <li><strong>Provide hard facts:</strong> Describe the region of your story using specific details: size, type of forest, forest change, etc.
          <li><strong>Highlight your organization:</strong> Include the name of your organization on the story, as well as your website or contact information.
        </ul>

      </aside>

      <div class="m-form">
        <form id="new_story">
          <div class="field -required">
            <label for="title">Title *</label>
            <input type="text" name="title" id="title" placeholder="Illegal Logging in National Park" value="{{story.title}}">
          </div>

          <div class="field -required">
            <div>
              <label for="geojson">Location *</label>
            </div>

            <p class='hint'>
              Select a location for your story by entering an address in
              the search box, by dragging the map, or by clicking the
              target icon to find your current location. The flag in the
              center indicates where your story will be placed.
            </p>

            <div class="m-map" >
              <div>
                <div id="map" class="map"></div>
                <div class="map-controls">
                  <div class="control-pin"></div>
                  <div class="map-controls-box -top -left">
                    <div class="control-zoom">
                      <button type="button" class="map-control-btn" id="controlZoomIn"><svg><use xlink:href="#icon-control-plus"></use></svg></button>
                      <button type="button" class="map-control-btn" id="controlZoomOut"><svg><use xlink:href="#icon-control-minus"></use></svg></button>
                    </div>
                  </div>
                  <div class="map-controls-box -top -right">
                    <div class="control-search">
                      <input class="map-search-input" type="text" placeholder="Search..."/>
                    </div>
                    <div class="control-locate" id="autoLocate">
                      <button class="map-control-btn" type="button"><svg><use xlink:href="#icon-control-locate"></use></svg></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="field">
            <label for="location">Location</label>
            <input type="text" name="location" id="location" placeholder="“Katingan Peatland area, Indonesia,” “Near Ambanja, Mozambique”" value="{{story.location}}">
          </div>

          <div class="field short">
            <label for="date">Date</label>
            <input type="date" name="date" id="date" value="{{formatted_date}}">
          </div>

          <div class="field">
            <label for="details">Details</label>
            <textarea name="details" id="details" placeholder="“Selective logging with chainsaws,” “Burning peatland,” “Forest cleared for agriculture,” “Affected species”">{{story.details}}</textarea>
          </div>

          <div class="field">
            <label for="video">Video</label>
            <input type="text" name="video" id="video" placeholder="http://www.youtube.com/watch?v=lTG-0brb98I" value="{{video}}">
          </div>

          <div class="field">
            <label for="media" class="-has-hint">Media</label>
            <p class="hint mobile-hide">
              Select images and videos to add
              to your story. Drag &amp; drop to reorder them within the
              carousel. The first one will become the default image for
              the story. The maximum file size for uploads is 4 MB.
            </p>

            <p class="mobile-show">
              Click below to upload photos or
              videos to your story. The first photo will become the
              default image. The maximum file size for uploads is 4
              MB. If you are on an iOS device you must upload pictures
              one by one.
            </p>

            <ul class="thumbnails">
              <li><a href='#' class='upload_picture'></a></li>
            </ul>
          </div>

          <div class="field">
            <p>Enter the email address you would like to recieve the confirmation email. This information will not be visible on the GFW website.</p>
            <label for="email">Email</label>
            <input type="text" name="email" id="email" placeholder="" value="{{user.email}}">
          </div>

          <div class="field">
            <div class="checkbox-box">
              <div class="custom-checkbox">
                <input type="checkbox" name="hideUser" id="hideUser" {{#if hideUser}}checked{{/if}}>
                <label for="hideUser" class="-uppercase"><span></span> Check this box to publish your name with your story.</label>
              </div>
            </div>
            <p class="hint">
              In some areas, forest clearing information is considered
              to be highly sensitive—users are encouraged to be cautious
              when sharing identifiable information.
            </p>
          </div>

          <div id="field-personal-info" class="field {{#unless hideUser}}-hidden{{/unless}} -no-padding">
            <div class="field">
              <label for="name">Name</label>
              <input type="text" name="name" id="name" placeholder="" value="{{user.fullName}}">
            </div>
          </div>

          <div class="field">
{'fraction_non_alphanumeric': 0.12800315084679006, 'fraction_numerical': 0.005645267165550741, 'mean_word_length': 2.1225660996105757, 'pattern_counts': {'":': 0, '<': 357, '<?xml version=': 0, '>': 357, 'https://': 0, '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': '5216073', 'n_tokens_mistral': 4069, 'n_tokens_neox': 3886, 'n_words': 1361}