</div>

    </div>

  </div>

  <div class="jumbotron homepage-block dark">

    <div class="homepage-block-bg mystic-background"></div>

    <div class="container homepage-block-content">

      <h1>Downtown Petaluma</h1>

      <p>North Bay Python's home is Petaluma, a delightfully quaint dairy town, nestled on a river at the edge of California's Wine Country. Here's what you can look forward to:</p>

      <ul>

        <li>An historic venue with countless restaurants and coffee shops in walking distance</li>

        <li>World-famous craft food and drink producers on your doorstep</li>

        <li>Charming small-town hotels, as close as one block away</li>

      </ul>

      <p>&hellip; and it's only an hour away from San Francisco (on a good day).</p>

    </div>

    <div class="homepage-block-footer full-width">

      <div class="container">

        <div class="row">

          <div class="btn-group col-md-4">

            <a class="btn btn-lg btn-primary btn-shadow" href="/about/north-bay-python" title="About North Bay Python">Learn More</a>

          </div>

          <div class="col-md-8 text-right photo-attribution">

            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt" title="Photo of the Mystic Theatre">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (<a href="https://creativecommons.org/licenses/by-sa/2.0/" title="Creative Commons Attribute Share Alike 2.0 Generic License">CC BY-SA 2.0</a>)

          </div>

        </div>

      </div>

    </div>

  </div>

  <div class="jumbotron homepage-block white">

    <div class="container homepage-block-content">

      <h1>Sponsors</h1>

      {% load sponsorship_tags %}

      {% load thumbnail %}

      {% sponsor_levels as levels %}

      <div class="row sponsor-list">

      {% for level in levels %}

          {% if level.sponsors %}

              {% for sponsor in level.sponsors %}

                      {% if sponsor.website_logo %}

                          <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">

                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">

                          </a>

                      {% else %}

                          <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">{{ sponsor.name }}</a>

                      {% endif %}

                  </div>

              {% endfor %}

          {% endif %}

      {% endfor %}

      </div>

    </div>

    <div class="container homepage-block-footer">

      <div class="btn-group">

        <a class="btn btn-lg btn-primary btn-shadow" href="/sponsors/become-a-sponsor" title="Become a Sponsor">Become a Sponsor</a>

      </div>

    </div>

  </div>

  <div class="jumbotron homepage-block dark">

    <div class="homepage-block-bg djangogirls-background"></div>

    <div class="container homepage-block-content">

      <h1>Inclusion and Diversity</h1>

      <p>North Bay Python is proud to be founded on a commitment to inclusion and diversity. Here's what we commit to:</p>

      <ul>

        <li>A strong Code of Conduct and enforcement policy built on the Python Software Foundation's PyCon US policy.</li>

        <li>Diversity targets for speakers and attendees.</li>

        <li>Financial assistance for speakers who need it.</li>

        <li>Low-cost tickets, with fees enthusiastically waived on request.</li>

      </ul>

    </div>

    <div class="homepage-block-footer full-width">

      <div class="container">

        <div class="row">

          <div class="btn-group col-md-4">

            <a class="btn btn-lg btn-primary btn-shadow" href="/code-of-conduct" title"North Bay Python Code of Conduct">Read the Code of Conduct</a>

          </div>

          <div class="col-md-8 text-right photo-attribution">

            Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749" title="Photo from DjangoGirls Brisbane 2014">DjangoGirls Brisbane</a>, &copy; 2014 Richard Jones (<a href="https://creativecommons.org/licenses/by/2.0/" title="Creative Commons Attribute 2.0 Generic License">CC BY 2.0</a>)

          </div>

        </div>

      </div>

        background-color: #e6e6e6;

        border-color: #adadad;

        outline: 0;

        background-image: none;

        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);

    }

}

#accountLogOutForm {

    display: none;

}

.sponsor-list h3 {

    margin-top: 3em;

}

.sponsor-list > div {

    margin: 10px 0;

}

body.auth .panel-heading .panel-title span.pull-right {

    margin: 0 auto;

}

.home {

  margin: 0;

  padding-top: $navbar-height - $navbar-padding-vertical - 8;

}

.home#content_body {

  margin: 0;

  padding: 0;

}

#content_body {

  background-color: $background-filter-transparent;

  box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);

}

$homepage-block-min-height: 480px;

.homepage-block {

  margin-top: 0;

  margin-bottom: 0;

  min-height: $homepage-block-min-height;

  position: relative;

  box-shadow: $box-shadow;

  z-index: 3;

}

.homepage-block-content {

  min-height: ($homepage-block-min-height - 80px);

}

/* ??? */

.homepage-block-footer {

}

.homepage-block.light {

  background-color: $background-filter;

  z-index: 2;

}

.homepage-block.white {

  background-color: white;

  z-index: 1;

}

.homepage-block-bg {

  top: 0;

  bottom: 0;

  width: 100%;

  height: 100%;

  position: absolute;

  background-size: cover;

  background-position: center;

  opacity: 0.3;

  background-blend-mode: multiply;

  z-index: -9999;

  box-shadow: $box-shadow;

}

.homepage-block.dark {

  background: $gray-base;

  color: white;

  text-shadow: 1px 1px $gray-dark;

  a:not(.btn) {

    color: lighten($brand-primary, 20%);

    &:hover,

    &:focus,

    &:active {

      color: lighten($brand-primary, 15%);

    }

  }

}