index.html

---
layout: home
title: GitHub and Government
description: Make government better, together. Stories of open source, open data, and open government.
org_count: 60
---

<div class="stories container">

  {% for post in paginator.posts %}

    {% assign mod = forloop.index0 | modulo: 6 %}

    {% if mod == 0 or mod == 3 %}
      <div class="row-fluid">
    {% endif %}

        <div class="story-unit span4">
          <article>
            <a href="{{ post.url }}">
              <div class="homepage-image {{ post.category }}" style="background-image: url('{{ post.image }}');"></div>
            </a>
            <div class="meta {{ post.category }}"><a class="{{ post.category }}" href="/categories/#{{ post.category | replace: ' ','-' }}">{{ post.category }}</a></div>
            <h3><a class="title-link {{ post.category }}" href="{{ post.url }}">{{ post.title }}</a></h3>
            <div class="description">{% if post.description %}{{ post.description }}{% else %}{{ post.content | truncatewords: 36 }}{% endif %} <span><a class="read-more" href="{{ post.url }}">read more</a></span></div>
          </article>
        </div>

    {% if mod == 2 or mod == 5 %}
      </div>
    {% endif %}

  {% endfor %}

  {% if paginator.next_page %}
    <div class="row-fluid">
      <div class="span8">
        <h5>View the <a href="/archive">complete archive</a> or <a href="/submit">tell your story</a>.</h5>
      </div>
    </div>
  {% endif %}

</div> <!-- class="stories container" -->


<div class="mini-section">
  <div class="container splash">
    <h1 id="join-the-revolution">Join the Revolution</h1>
    <h3>The White House, nations, city and state governments, and millions of communities around the world who share and collaborate on code, data, policy, and more.</h3>
  </div>

  <div class="container">
    <div id="orgs">
      <div class="the-orgs">
    {% assign count = 0 %}
    {% for type_hash in site.data.organizations %}
      {% for org in type_hash[1] %}
        {% if count < page.org_count %}
          <div class="organization">
            <a href="https://github.com/{{ org }}" title="{{ org }}">
              <img class="avatar" src="https://github.com/{{ org }}.png" width="80" height="80" alt="{{ org }}">
            </a>
          </div>
        {% endif %}
        {% assign count = count | plus: 1 %}
      {% endfor %}
    {% endfor %}
      </div> <!-- class="the-orgs" -->
    </div> <!-- id="orgs" -->
    <h5>See the rest of the GitHub <a href="/community">government community</a>.</h5>


    <div class="row-fluid section">
      <div class="span4">
        <h2>Sign Up</h2>
        <ol>
          <li>New to GitHub? <a href="https://github.com/signup/free" target="_blank">Sign up</a> for an account. Already have an account? Skip to step two.</li>
          <li><a href="https://github.com/settings/organizations" target="_blank">Create an Organization</a> account.</li>
          <li>Invite your team members!</li>
        </ol>
      </div>

      <div class="span4">
        <h2>Learn More</h2>
        <ul>
          <li>The <a href="/features">features</a> that make GitHub so great.</li>
          <li>What GitHub is all <a href="/about">about</a>.</li>
          <li><a href="/projects">Project ideas</a> to get started with.</li>
        </ul>
      </div>

      <div class="span4">
        <h2>Connect</h2>
        <ul class="no-style-list">
          <li>We've started a Government organization on GitHub so that users can connect, share best practices and learn from each other. To join, simply ensure your government email address is verified and associated with your account, and you should <a href="https://government-community.githubapp.com/">automatically be granted access</a>.</li>
        </ul>
      </div>
    </div> <!-- class="row-fluid section" -->
  </div>
</div>