index.html

---
layout: default
---
<article class="slab slab--no-min-height">
  <div class="slab__container">
    <h3>Welcome to Open Salt Lake!</h3>
    <h5>We’re a <a href="https://www.codeforamerica.org/" rel="noopener" target="_blank">Code for America</a> brigade with one goal: to make Utah governments easier to use for citizens.</h5>
    <img src="images/OpenSaltLakeReboot.png" alt="Reboot Meeting Photo" class="slab--full-width slab__image" />
  </div>
</article>
<article class="slab slab--red">
  <div class="slab__container inverted">
    <h2>Who we are</h2>
    <p>We are Salt Lake area locals who are passionate about applying technology to improve how the public interacts with government services. We are local technologists, designers, storytellers and champion citizens who partner with governments to collaborate on addressing Utahns’ pain points. We believe that leveraging diverse skill sets and experiences is the best way to produce solutions that will broadly and positively impact the public. <!--a href="{{ "/team" | prepend: site.baseurl }}">Meet our team!</a--></p>
    <h2>What we do</h2>
    <p>We cultivate ideas of how to improve community access and increase understanding about how city and state entities work. Through collaboration between our organization and local government we lend our skills to offer services that will help the public better understand their government and enhance the effectiveness of their interaction with local officials.</p>
  </div>
</article>
<article class="slab">
  <div class="slab__container">
    <h2>How we do it</h2>
    <div class="flex flex__row flex--center flex--wrap flex--between">
      <article class="slab__panel half-width">
        <div class="slab__panel-container">
          <h3>Transparency -> Trust</h3>
          <p>We help communities get to know themselves better, because knowledge empowers every taxpayer dollar. We visualize and interpret data<!--information from <a href="https://opendata.utah.gov" rel="noopener" target="_blank">OpenData.Utah.gov</a> and elsewhere--> to answer governments’ own questions.</p>
          <img src="images/CfAfellows_SLC.jpeg" alt="Code for America fellows working away!" class="slab--three-quarter-width slab__image" />
        </div>
      </article>
      <article class="slab__panel half-width">
        <div class="slab__panel-container">
          <h3>Build With, Not For</h3>
          <p>We use design thinking with governments to improve or build tech tools like <a href="http://clientcomm.org" rel="noopener" target="_blank">ClientComm.org</a> that close feedback loops and better deliver services to citizens.</p>
          <img src="images/SummerOfCode_OSL.jpeg" alt="Summer of Code Meeting Photo" class="slab--three-quarter-width slab__image" />
        </div>
      </article>
    </div>
  </div>
</article>
<article class="slab slab--dark-gray">
  <div class="slab__container inverted">
    <h2>Open Salt Lake is <strong>‘open for government.’</strong></h2>
    <h5>Are you a public servant? Here’s how we can work together:</h5>
    <div class="action text--left">
      <div class="flex">
        <div class="hex">
          <div class="hex__top"></div>
          <div class="hex__middle"></div>
          <div class="hex__bottom"></div>
        </div>
        <p class="hex__item">First, start with a ‘tour of government.’ Empathy research begins: we’ll listen to government and citizens alike on their shared persistent pain points.</p>
      </div>
      <div class="flex">
        <div class="hex">
          <div class="hex__top"></div>
          <div class="hex__middle"></div>
          <div class="hex__bottom"></div>
        </div>
        <p class="hex__item">We’ll define the problem and brainstorm solutions rooted in the research.</p>
      </div>
      <div class="flex">
        <div class="hex">
          <div class="hex__top"></div>
          <div class="hex__middle"></div>
          <div class="hex__bottom"></div>
        </div>
        <p class="hex__item">Our team will quickly prototype and let the community give it a spin. We'll ensure feedback loops, so issues make way for improvements.</p>
      </div>
      <div class="flex">
        <div class="hex">
          <div class="hex__top"></div>
          <div class="hex__middle"></div>
          <div class="hex__bottom"></div>
        </div>
        <p class="hex__item">We’ll spread the love to other great communities, but won’t leave you in the dust. Your team will manage the solution with skills in their comfort zone, while we’re just an <a href="mailto:{{ site.email }}">email</a> away.</p>
      </div>
    </div>
  </div>
</article>
<article class="slab slab--gray" id="join">
  <div class="slab__container">
    <h2>Allow us to loop you in. Introduce yourself:</h2>
    <div class="typeform-widget center" data-url="https://opensaltlake.typeform.com/to/V2r0P1" data-transparency="50" data-hide-headers=true data-hide-footer=true>
    </div>
    <h4>RSVP now for our next weekly <a href="https://www.meetup.com/Open-Salt-Lake/">#CivicTechTuesday</a>.</h4>
    <script> (function() {
      var qs,js,q,s,d=document, gi=d.getElementById, ce=d.createElement, gt=d.getElementsByTagName, id="typef_orm", b="https://embed.typeform.com/"; if(!gi.call(d,id)) {
        js=ce.call(d,"script"); js.id=id; js.src=b+"embed.js"; q=gt.call(d,"script")[0]; q.parentNode.insertBefore(js,q) } })()
    </script>
  </div>
</article>