---
title: 'Gentoo Developer map'
navtitle: 'Developer map'

nav1: inside-gentoo

nav2: developers

nav3: map
nav3-show: true
nav3-weight: 10

layout: page-nav3

extracss: [leaflet.css]
extrajs: [leaflet.js, devmap.js]
---

<noscript>
  <div class="alert alert-danger">
    <h2 class="stick-top"><i class="fa fa-fw fa-ban"></i> Map display requires JavaScript</h2>
    Please enable JavaScript support in your browser to view the developer map.
  </div>
  <style type="text/css">#devlist { display: none; }</style>
</noscript>

<script>
  var devdata = {
  {% for entry in site.data.userinfo.current %}{% if entry[1].lat %} "{{ entry[0] }}": { "name": "{{ entry[1].name }}", "lat": "{{ entry[1].lat }}", "lon": "{{ entry[1].lon }}", "location": "{{ entry[1].location }}" },
  {% endif %}{% endfor %}
  };
</script>

<div id="devmap" style="height: 500px; margin-bottom: 1em;"></div>

<br><br>

<div class="row">
  <div class="col-xs-12 col-md-12">
    <table id="devlist" class="table table-condensed table-hover">
      <tr>
        <th>Nickname</th>
        <th>Name</th>
        <th>Location</th>
      </tr>
      {% for entry in site.data.userinfo.current %}{% if entry[1].lat %}
        <tr>
          <th>{{ entry[0] }}</th>
          <td>{{ entry[1].name }}</td>
          <td><a href="#" data-dev="{{ entry[0] }}"><i class="fa fa-fw fa-map-marker"></i>{{ entry[1].location }}</a></td>
        </tr>
      {% endif %}{% endfor %}
    </table>
  </div>
</div>