<commit_before><!-- MAIN SLIDER -->
<section id="main-slider" class="main-slider">
  <nav class="mobile-hide">
    <h2>
    	how do you want to get started?
    	<div id="get-started" class="box-button">
    		<button class="btn huge light">click here!</button>
		    <ul class="submenu-tooltip bottom">
		      <li><a href="/map"> Explore the Map</a></li>
		      <li><a href="/data"> Analyze Global Data</a></li>
		      <li><a href="/countries"> Analyze Country Data</a></li>
		      <li><a href="/countries"> View Country Profiles</a></li>
		      <li><a href="/countries/overview"> View Country Rankings</a></li>
		      <li><a href="/about"> Not Sure</a></li>
		    </ul>
    	</div>
    </h2>
  </nav>
  <ul class="main-slider-viewport">
	  <li class="slide slide1 current">
	    <div class="inner">
		    <aside>
		      <h2>Explore</h2>
		      <h3><span>Analyze forest change</span> <span>in subnational areas</span> <span>via the country pages</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
	  <li class="slide slide2">
	    <div class="inner">
		    <aside>
		      <h2>Report</h2>
		      <h3><span>HAVE A STORY</span> <span>TO SHARE ABOUT</span> <span>FOREST CHANGE?</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
	  <li class="slide slide3">
	    <div class="inner">
		    <aside>
		      <h2>Test</h2>
		      <h3><span>Analyze forest change</span> <span>in subnational areas</span> <span>via the country pages</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
    <li class="slide slide4">
      <div class="inner">
        <aside>
          <h2>Report</h2>
          <h3><span>HAVE A STORY</span> <span>TO SHARE ABOUT</span> <span>FOREST CHANGE?</span></h3>
          <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
        </aside>
      </div>
    </li>
  </ul>
  <div id="paginationView" class="main-slider-pagination"></div>
  <a class="feedback-link" href="https://www.surveymonkey.com/s/S6B53DT" target="_blank"><span>Feedback</span></a>
  <a id="go-to-apps" class="circle-marker" href="#applications">
  	<svg><use xlink:href="#shape-arrow-down"></use></svg>
  </a>
</section>







<!-- APPS -->
<section class="apps" id="applications">
  <!-- MAIN APPS -->
  <div class="main-apps">
  	<div class="inner">
  		<div class="row">
		    <div class="col col6">
          <a href="/map">
            <div class="icon">
              <svg><use xlink:href="#shape-world"></use></svg>
            </div>
            <h3>EXPLORE THE MAP</h3>
          </a>
		    </div>
		    <div class="col col6">
          <a href="/countries">
            <div class="icon">
              <svg><use xlink:href="#shape-country"></use></svg>
            </div>
            <h3>COUNTRIES PROFILES + RANKINGS</h3>
          </a>
		    </div>
  		</div>
  	</div>
  </div>
  <!-- ROW APPS -->
  <div class="row-apps">
  	<div class="row">
	    <div class="col col3">
        <a href="http://fires.globalforestwatch.org/" target="_blank">
          <svg class="icon fires"><use xlink:href="#shape-fire"></use></svg>
          <h3>Fires</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="http://commodities.globalforestwatch.org/" target="_blank">
  	      <svg class="icon commmodities"><use xlink:href="#shape-commodities"></use></svg>
  	      <h3>Commmodities</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="http://0.0.0.0:5000/getinvolved/devtools">
  	      <svg class="icon develop"><use xlink:href="#shape-develop"></use></svg>
  	      <h3>Develop your app</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="#">
  	      <svg class="icon soon"><use xlink:href="#shape-soon"></use></svg>
  	      <h3>Coming soon</h3>
        </a>
	    </div>

	    <div class="btn-arrow-box left" style="display:none">
	    	<button data-dir="left"><svg><use xlink:href="#shape-arrow-left"></use></svg></button>
	    </div>

	    <div class="btn-arrow-box right" style="display:none">
	    	<button data-dir="right"><svg><use xlink:href="#shape-arrow-right"></use></svg></button>
	    </div>

  	</div>
  </div>
</section>





<!-- BLOG -->
<section class="blog">
  <a href="http://blog.globalforestwatch.org/" target="_blank">
  	<svg class="icon"><use xlink:href="#shape-blog"></use></svg>
  	Visit our blog
  </a>
</section>


<!-- BUZZ -->
<section class="buzz">
	<div class="inner">
    <h2>Last Minute in GFW</h2>
	  <div class="row">
	    <div class="col col4">
	      <div class="card">
	        <div class="twitter">
	          <h3>Spread the word</h3>
	          <a class="twitter-timeline" href="https://twitter.com/globalforests" data-widget-id="452107742602219521" data-chrome="nofooter noheader noscrollbar transparent" width="400" height="550">Tweets by @globalforests</a>
	        </div>
	      </div>
	    </div>
	    <div class="col col4">
	      <div class="card">
	        <div class="feed">
	          <h3>Get involved</h3>
	          <div class="timeline-involved">
	          	<div class="button-box">
	          		<a class="btn dark" href="https://groups.google.com/forum/#!forum/globalforestwatch" target="_blank">Join the discussion</a>
	          		<a class="btn dark" href="#">Validate data</a>
	          	</div>
	          	<ul id="feedView"></ul>
	          </div>

	          <!-- <span>join the discussion</span>
	          <span>validate data</span> -->
	        </div>
	      </div>
	    </div>
	    <div class="col col4">
	      <div class="card">
          <div class="spinner"><svg><use xlink:href="#shape-spinner"></use></svg></div>
	        <div class="stories">
	          <h3>Keep updated</h3>
	          <div class="timeline-stories">
	          	<div class="button-box">
	          		<a class="btn dark" href="http://blog.globalforestwatch.org/" target="_blank">Read GFW blog</a>
	          		<a class="btn dark" href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">View stories on map</a>
	          	</div>
	          	<ul id="storiesView"></ul>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
</section>




<!-- VISITS -->
<!-- <section class="visits">
  <span>Analytics</span>
</section>
<section class="share">
  <p>Spread the word. <strong>Share Global Forest Watch.</strong></p>
  <div class="share_buttons">
    <div id="fb-root"></div>
    <a href="http://twitter.com/share" target="_blank" class="twitter-share-button" data-url="http://www.globalforestwatch.org/" data-text="Global Forest Watch">Tweet</a>
    <div class="g-plusone" data-size="medium" data-href="http://www.globalforestwatch.org/"></div>
    <div class="fb-like" data-href="http://www.globalforestwatch.org/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
  </div>
  <div class="updates"><commit_msg>Landing: Box button in feedView and Stories View replaced to the bottom<commit_after><!-- MAIN SLIDER -->
<section id="main-slider" class="main-slider">
  <nav class="mobile-hide">
    <h2>
    	how do you want to get started?
    	<div id="get-started" class="box-button">
    		<button class="btn huge light">click here!</button>
		    <ul class="submenu-tooltip bottom">
		      <li><a href="/map"> Explore the Map</a></li>
		      <li><a href="/data"> Analyze Global Data</a></li>
		      <li><a href="/countries"> Analyze Country Data</a></li>
		      <li><a href="/countries"> View Country Profiles</a></li>
		      <li><a href="/countries/overview"> View Country Rankings</a></li>
		      <li><a href="/about"> Not Sure</a></li>
		    </ul>
    	</div>
    </h2>
  </nav>
  <ul class="main-slider-viewport">
	  <li class="slide slide1 current">
	    <div class="inner">
		    <aside>
		      <h2>Explore</h2>
		      <h3><span>Analyze forest change</span> <span>in subnational areas</span> <span>via the country pages</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
	  <li class="slide slide2">
	    <div class="inner">
		    <aside>
		      <h2>Report</h2>
		      <h3><span>HAVE A STORY</span> <span>TO SHARE ABOUT</span> <span>FOREST CHANGE?</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
	  <li class="slide slide3">
	    <div class="inner">
		    <aside>
		      <h2>Test</h2>
		      <h3><span>Analyze forest change</span> <span>in subnational areas</span> <span>via the country pages</span></h3>
		      <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
		    </aside>
		  </div>
	  </li>
    <li class="slide slide4">
      <div class="inner">
        <aside>
          <h2>Report</h2>
          <h3><span>HAVE A STORY</span> <span>TO SHARE ABOUT</span> <span>FOREST CHANGE?</span></h3>
          <a href="#"><span class="mobile-hide">more info</span><span class="mobile-show">+</span></a>
        </aside>
      </div>
    </li>
  </ul>
  <div id="paginationView" class="main-slider-pagination"></div>
  <a class="feedback-link" href="https://www.surveymonkey.com/s/S6B53DT" target="_blank"><span>Feedback</span></a>
  <a id="go-to-apps" class="circle-marker" href="#applications">
  	<svg><use xlink:href="#shape-arrow-down"></use></svg>
  </a>
</section>







<!-- APPS -->
<section class="apps" id="applications">
  <!-- MAIN APPS -->
  <div class="main-apps">
  	<div class="inner">
  		<div class="row">
		    <div class="col col6">
          <a href="/map">
            <div class="icon">
              <svg><use xlink:href="#shape-world"></use></svg>
            </div>
            <h3>EXPLORE THE MAP</h3>
          </a>
		    </div>
		    <div class="col col6">
          <a href="/countries">
            <div class="icon">
              <svg><use xlink:href="#shape-country"></use></svg>
            </div>
            <h3>COUNTRIES PROFILES + RANKINGS</h3>
          </a>
		    </div>
  		</div>
  	</div>
  </div>
  <!-- ROW APPS -->
  <div class="row-apps">
  	<div class="row">
	    <div class="col col3">
        <a href="http://fires.globalforestwatch.org/" target="_blank">
          <svg class="icon fires"><use xlink:href="#shape-fire"></use></svg>
          <h3>Fires</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="http://commodities.globalforestwatch.org/" target="_blank">
  	      <svg class="icon commmodities"><use xlink:href="#shape-commodities"></use></svg>
  	      <h3>Commmodities</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="http://0.0.0.0:5000/getinvolved/devtools">
  	      <svg class="icon develop"><use xlink:href="#shape-develop"></use></svg>
  	      <h3>Develop your app</h3>
        </a>
	    </div>
	    <div class="col col3">
        <a href="#">
  	      <svg class="icon soon"><use xlink:href="#shape-soon"></use></svg>
  	      <h3>Coming soon</h3>
        </a>
	    </div>

	    <div class="btn-arrow-box left" style="display:none">
	    	<button data-dir="left"><svg><use xlink:href="#shape-arrow-left"></use></svg></button>
	    </div>

	    <div class="btn-arrow-box right" style="display:none">
	    	<button data-dir="right"><svg><use xlink:href="#shape-arrow-right"></use></svg></button>
	    </div>

  	</div>
  </div>
</section>





<!-- BLOG -->
<section class="blog">
  <a href="http://blog.globalforestwatch.org/" target="_blank">
  	<svg class="icon"><use xlink:href="#shape-blog"></use></svg>
  	Visit our blog
  </a>
</section>


<!-- BUZZ -->
<section class="buzz">
	<div class="inner">
    <h2>Last Minute in GFW</h2>
	  <div class="row">
	    <div class="col col4">
	      <div class="card">
	        <div class="twitter">
	          <h3>Spread the word</h3>
	          <a class="twitter-timeline" href="https://twitter.com/globalforests" data-widget-id="452107742602219521" data-chrome="nofooter noheader noscrollbar transparent" width="400" height="550">Tweets by @globalforests</a>
	        </div>
	      </div>
	    </div>
	    <div class="col col4">
	      <div class="card">
	        <div class="feed">
	          <h3>Get involved</h3>
	          <div class="timeline-involved">
	          	<ul id="feedView"></ul>
              <div class="button-box">
                <a class="btn dark" href="https://groups.google.com/forum/#!forum/globalforestwatch" target="_blank">Join the discussion</a>
                <a class="btn dark" href="#">Validate data</a>
              </div>
	          </div>

	          <!-- <span>join the discussion</span>
	          <span>validate data</span> -->
	        </div>
	      </div>
	    </div>
	    <div class="col col4">
	      <div class="card">
          <div class="spinner"><svg><use xlink:href="#shape-spinner"></use></svg></div>
	        <div class="stories">
	          <h3>Keep updated</h3>
	          <div class="timeline-stories">
	          	<ul id="storiesView"></ul>
              <div class="button-box">
                <a class="btn dark" href="http://blog.globalforestwatch.org/" target="_blank">Read GFW blog</a>
                <a class="btn dark" href="/map/3/15.00/27.00/ALL/grayscale/loss,forestgain/580?begin=2001-01-01&end=2013-12-31&threshold=30">View stories on map</a>
              </div>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
	</div>
</section>




<!-- VISITS -->
<!-- <section class="visits">
  <span>Analytics</span>
</section>
<section class="share">
  <p>Spread the word. <strong>Share Global Forest Watch.</strong></p>
  <div class="share_buttons">
    <div id="fb-root"></div>
    <a href="http://twitter.com/share" target="_blank" class="twitter-share-button" data-url="http://www.globalforestwatch.org/" data-text="Global Forest Watch">Tweet</a>
    <div class="g-plusone" data-size="medium" data-href="http://www.globalforestwatch.org/"></div>
    <div class="fb-like" data-href="http://www.globalforestwatch.org/" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
  </div>
  <div class="updates">
{'fraction_non_alphanumeric': 0.21064686285397002, 'fraction_numerical': 0.016102165463631316, 'mean_word_length': 2.5683506686478457, 'pattern_counts': {'":': 0, '<': 665, '<?xml version=': 0, '>': 663, 'https://': 6, 'lorem ipsum': 0, 'www.': 8, 'xml': 0}, 'pii_count': 2, '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': '1860370', 'n_tokens_mistral': 5354, 'n_tokens_neox': 4917, 'n_words': 940}