index.html

---
layout: landing
---
<!-- Banner -->
<section id="banner">
  <div class="inner">
    <h2>{{ site.title }}</h2>
    <p>{{ site.description | markdownify }}</p>
    <ul class="actions">
      <li><a href="/contact/" class="button special">Contact</a></li>
    </ul>
  </div>
  <a href="#one" class="more scrolly">Learn More</a>
</section>

<!-- One -->
<section id="one" class="wrapper style1 special">
  <div class="inner">
    <header class="major">
      <h2>We strive to make people smile <br/>one keyboard at a time.</h2>
      <p>Meet local keyboard nerds at keyboard meetups. Learn to solder and program keyboards in our workshops. <br/>Help us nurture a positive and inclusive community for all ages.</p>
    </header>
    <ul class="icons major">
      <li><span class="icon fa-keyboard-o major style2"><span class="label">Ipsum</span></span></li>
      <li><span class="icon fa-code major style3"><span class="label">Dolor</span></span></li>
      <li><span class="icon fa-laptop major style1"><span class="label">Lorem</span></span></li>
    </ul>
  </div>
</section>

<!-- Two -->
<section id="two" class="wrapper alt style2">
  <section class="spotlight">
    <div class="image"><img src="/images/meetup-sign.jpg" alt="" /></div><div class="content">
      <h2>We bring keyboard <br/>people together.</h2>
      <p>And we bring people together through keyboards. We want you to join us at our next meetup or workshop whether it will be your first time touching a mechanical keyboard or you've been clicking and clacking since before it was hip.</p>
    </div>
  </section>
  <section class="spotlight">
    <div class="image"><img src="/images/lots-keyboards.jpg" alt="" /></div><div class="content">
      <h2>Did we mention that we <br/>adore mechanical keyboards?</h2>
      <p>The aesthetics, the science, and the mechanical keyboard community make us feel warm and fuzzy. Dreaming up new and better input devices keeps us up at night. We want to share our passion with you. How deep will you dive?</p>
    </div>
  </section>
  <section class="spotlight">
    <div class="image"><img src="/images/popsicle-sticks.jpg" alt="" /></div><div class="content">
      <h2>There's something in this <br />hobby for everyone.</h2>
      <p>Come for the people and the learning; stay for the keyboards. Or don't. Some people dabble in keyboards but ultimately use it as gateway into other maker/electrical engineering projects. The keyboard world and beyond is yours.</p>
    </div>
  </section>
</section>

<!-- Three -->
<section id="three" class="wrapper style3 special">
  <div class="inner">
    <header class="major">
      <h2>Do you keyboard or want to learn?</h2>
      <p>The world of mechanical keyboards can feel daunting. We can help. <br/>We are an organization of volunteers that want to share our experience and knowledge with <br/>all of the Pacific Northwest and beyond.</p>
    </header>
    <ul class="features">
      <li class="icon fa-flag-o">
        <a href="/events/">
          <h3>Meetups</h3>
          <p>Bring your keyboards for show-and-tell with 350+ other mechanical keyboard enthusiasts in the Seattle area. Make new friends and fall in love with new key switches. Anyone can attend.</p>
        </a>
      </li>
      <li class="icon fa-keyboard-o">
        <a href="/workshops/">
          <h3>Workshops</h3>
          <p>Want to learn how to solder and build your own keyboards? Are you new to programmable boards and feel lost in code? We will walk you through the process in one of our workshops.</p>
        </a>
      </li>
      <li class="icon fa-recycle">
        <h3>Restoration</h3>
        <p>Did your business just discover dusty old keyboards in your storage closet? We have volunteers that can restore and/or modernize keyboards and donate them to good causes.</p>
      </li>
      <li class="icon fa-paper-plane-o">
        <a href="/contact/">
          <h3>Suggestions?</h3>
          <p>How can we help your community or organization? We are open to new ideas and suggestions on how we can transfer knowledge and keyboard smiles further and wider.</p>
        </a>
      </li>
    </ul>
  </div>
</section>

<!-- CTA -->
<section id="cta" class="wrapper style4">
  <div class="inner">
    <header>
      <h2>Join us on a <br/>keyboard adventure</h2>
      <p>Keep up to date on events and workshops.</p>
    </header>
    <ul class="actions vertical">
      <li><a href="/contact/" class="button fit special">Contact Us</a></li>
      <li><a href="/donate/" class="button fit special">Donate</a></li>
      <li><a href="/events/" class="button fit">Assimilate</a></li>
    </ul>
  </div>
</section>