<commit_before><%= render 'shared/svg_icons_countries' %>

<% content_for :header do %>
  <h1><a href="/">Global Forest Watch</a></h1>
  <nav id="nav-mobile">
    <form class="mobile-show" action="/search">
      <svg class="icon"><use xlink:href="#shape-search"></use></svg>
      <input type="text" name="query" id="search-input" placeholder="Search GFW website">
    </form>
    <div id="google_translate_element_box2"></div>
    <div id="mobileMenu"></div>
    <ul class="mobile-hide">
      <li>
        <a <% if controller?("countries") && action?("index") %>class="current"<% end %> href="/countries">Country Profiles</a>
      </li>
      <li>
        <a <% if controller?("countries") && action?("overview") %>class="current"<% end %> href="/countries/overview">Country Rankings</a>
      </li>
    </ul>
  </nav>
<% end %>

<% content_for :js do %>
  <%= render "countries_templates" %>
  <%= render "shared/js_templates" %>
<% end %>


<section id="countryOverviewView">
  <div class="inner">
    <h2 class="title-section">country rankings</h2>
  </div>
  <div class='inner'>
    <div class="country-overview-wrapper-coolio">
      <div class="overview_button_group">
        <div class="inner">
          <div class="share share-link item" data-share-embed-url="<%= request.protocol + request.host_with_port %>/embed/countries/overview" data-share-embed-width="600" data-share-embed-height="578"><svg><use xlink:href="#shape-share"></use></svg>Share</div>
          <div class="settings item " data-target=".overview_graph">
            <svg><use xlink:href="#shape-settings"></use></svg>tree cover canopy settings
          </div>
          <div class="download-spatial">
            <a href='http://gfw2-data.s3.amazonaws.com/country/umd_country_stats/umd_country_stats.xlsx' target='_blank'>
                Download country stats
                <svg>
                  <use xlink:href="#shape-download-18"></use>
                </svg>
              </a>
          </div>
        </div>
      </div>
      <div class='overview_graph'>
        <div class='overview_graph__tabs'>
          <ul>
            <li class='graph_tab selected' data-slug='total_loss'>
              <a href='#' class='overview_graph__link'>Tree cover loss</a>
            </li>

            <li class='graph_tab' data-slug='percent_loss'>
              <a href='#' class='overview_graph__link'>Tree cover gain</a>
            </li>

            <li class='graph_tab' data-slug='total_extent'>
              <a href='#' class='overview_graph__link'>Tree Cover</a>
            </li>

            <!-- <li class='graph_tab' data-slug='ratio'><commit_msg>Country: rankings text dowload button<commit_after><%= render 'shared/svg_icons_countries' %>

<% content_for :header do %>
  <h1><a href="/">Global Forest Watch</a></h1>
  <nav id="nav-mobile">
    <form class="mobile-show" action="/search">
      <svg class="icon"><use xlink:href="#shape-search"></use></svg>
      <input type="text" name="query" id="search-input" placeholder="Search GFW website">
    </form>
    <div id="google_translate_element_box2"></div>
    <div id="mobileMenu"></div>
    <ul class="mobile-hide">
      <li>
        <a <% if controller?("countries") && action?("index") %>class="current"<% end %> href="/countries">Country Profiles</a>
      </li>
      <li>
        <a <% if controller?("countries") && action?("overview") %>class="current"<% end %> href="/countries/overview">Country Rankings</a>
      </li>
    </ul>
  </nav>
<% end %>

<% content_for :js do %>
  <%= render "countries_templates" %>
  <%= render "shared/js_templates" %>
<% end %>


<section id="countryOverviewView">
  <div class="inner">
    <h2 class="title-section">country rankings</h2>
  </div>
  <div class='inner'>
    <div class="country-overview-wrapper-coolio">
      <div class="overview_button_group">
        <div class="inner">
          <div class="share share-link item" data-share-embed-url="<%= request.protocol + request.host_with_port %>/embed/countries/overview" data-share-embed-width="600" data-share-embed-height="578"><svg><use xlink:href="#shape-share"></use></svg>Share</div>
          <div class="settings item " data-target=".overview_graph">
            <svg><use xlink:href="#shape-settings"></use></svg>tree cover canopy settings
          </div>
          <div class="download-spatial">
            <a href='http://gfw2-data.s3.amazonaws.com/country/umd_country_stats/umd_country_stats.xlsx' target='_blank'>
                Download tree cover stats
                <svg>
                  <use xlink:href="#shape-download-18"></use>
                </svg>
              </a>
          </div>
        </div>
      </div>
      <div class='overview_graph'>
        <div class='overview_graph__tabs'>
          <ul>
            <li class='graph_tab selected' data-slug='total_loss'>
              <a href='#' class='overview_graph__link'>Tree cover loss</a>
            </li>

            <li class='graph_tab' data-slug='percent_loss'>
              <a href='#' class='overview_graph__link'>Tree cover gain</a>
            </li>

            <li class='graph_tab' data-slug='total_extent'>
              <a href='#' class='overview_graph__link'>Tree Cover</a>
            </li>

            <!-- <li class='graph_tab' data-slug='ratio'>
{'fraction_non_alphanumeric': 0.1857707509881423, 'fraction_numerical': 0.00564652738565782, 'mean_word_length': 2.790299572039943, 'pattern_counts': {'":': 0, '<': 177, '<?xml version=': 0, '>': 175, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 6, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6185294', 'n_tokens_mistral': 1739, 'n_tokens_neox': 1639, 'n_words': 306}