index.html

---
layout: default
---

<!-- About Section -->
<section class="feature">
  <div class="container">
    <div class="content" role="contentinfo">
      <h1>Toronto Mesh</h1>
      <h2>We are building a mesh network in Toronto</h2>
      <a class="button button-primary" href="{{ site.baseurl }}/about" aria-label="Learn more about Toronto Mesh" role="button">Learn More</a>
      <br>
    </div>
    <p class="attribution">Map tiles by <a href="http://stamen.com" rel="noopener" target="_blank">Stamen Design</a>, under <a href="http://creativecommons.org/licenses/by/3.0" rel="noopener" target="_blank">CC BY 3.0</a>. Data by <a href="http://openstreetmap.org" rel="noopener" target="_blank">OpenStreetMap</a>, under <a href="http://creativecommons.org/licenses/by-sa/3.0" rel="noopener" target="_blank">CC BY SA</a></p>
  </div>
</section>


<!-- Get Involved section  -->
<section class="featurette">
  <div class="container">
    <div class="row">
      <div class="six columns">
        <h1><span class="heading-text">Join Us</span></h1>
        <p>We welcome more people who want to be involved and learn about networking, mesh, and open-source technology regardless of background or skill level. We meet regularly in-person and online.
        </p>
        <a class="button button-primary" href="{{ site.baseurl }}/get-involved" role="button">Get Involved</a>
      </div>
      <div class="six columns">
        <img src="/images/join-image-2x.jpg" srcset="/images/join-image.jpg 1x, /images/join-image-2x.jpg 2x" alt="Ubiquiti LiteBeam with cables and a computer">
      </div>
    </div>
  </div>
</section>


<!-- Event section -->
<section class="featurette">
  <div class="container">
    <div class="row featurette-events-row">
      <div class="three columns featurette-events-column">
        <a href="{{ site.baseurl }}/events" role="link" title="Toronto Mesh Calendar">{% include_absolute _icons/calendar.svg class:icon icon-5x %}</a>
      </div>
      <div class="nine columns">
        <h1>Our Next Event</h1>
        {% include next-event.html %}
        <a class="button button-primary" href="{{ site.baseurl }}/events" role="link">More Events</a>
      </div>
    </div>
  </div>
</section>