{% extends "site_base_home.html" %}

{% load i18n %}

{% load staticfiles %}

{% load thumbnail %}

{% load sponsorship_tags %}

{% load schedule_tags %}

{% block head_title %}November 2 and 3, 2019{% endblock %}

{% block body_class %}home{% endblock %}

{% block body %}

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

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

    <div class="homepage-block-bg hphbg"></div>

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

          <div class="logo large left" style="margin: 20px;">

            <div class="circle">

              <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>

            </div>

          </div>

          <h1 class="homepage-title">North Bay<br/>

            Python

          </h1>

      <h2 class="homepage-subtitle">

        <span class="wrap-break">A one-track Python conference,</span> <span class="wrap-break">north of the Golden Gate.</span><br/>

        <span class="wrap-break">November 2 &amp; 3, 2019.</span>

        <span class="wrap-break">Mystic Theatre, Petaluma, California.</span>

      </h2>

    </div>

    <div class="homepage-block-bloop">

      <div class="grey-gradient main"></div>

      <div class="clouds main"></div>

    </div>

  </div>

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

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

      <div class="row">

        <div class="col-md-8">

          <p class="">

          </p>

        </div>

        <div class="col-md-4  email-signup-panel">

          <div class="panel panel-default">

            <div class="panel-heading">

              <h2 class="panel-title homepage-title">Sign up for our newsletter</h4>

            </div>

            <div class="panel-body">

              <form

                class="form-inline"

                action="https://tinyletter.com/northbaypython" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/northbaypython', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">

                <div class="form-group">

                  <span>

                    <label class="hidden-accessible" for="tlemail">Email address:</label>

                  </span>

                  <span>

                    <input class="form-control" type="email" name="email" id="tlemail" placeholder="E-mail address"/>

                  </span>

                </div>

                <span>

                  <input class="btn btn-primary" type="submit" value="Subscribe" />

                </span>

                <input type="hidden" value="1" name="embed"/>

              </form>

            </div>

          </div>

        </div>

      </div>

    </div>

  </div>

  <!-- Homepage content begins here -->

  <div class="homepage-vertical-space"></div>

  <div class="homepage-vertical-space"></div>

  <div class="container">

    <div class="row">

      <div class="col-xs-12">

        <h1>One Hour from San Francisco</h1>

        <p class="lead">

          <span class="wrap-break">Whether you're from Sonoma County,</span>

          <span class="wrap-break">from the Bay Area, </span>

          <span class="wrap-break">or flying here for the first time,</span>

          <span class="wrap-break">North Bay Python in Petaluma is easy to get to.</span>

        </p>

      </div>

    </div>

    <div class="row">

      <div class="homepage-callout">

        <div class="callout-image">

          <h3 class="txt"><a href="/go/fly">Fly</a></h3>

          <div class="filter"></div>

          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>

          <p>

            Fly into Sonoma County Airport at Santa Rosa, 30 minutes away.

            Or, we're an express bus ride away from San Francisco and Oakland

            international airports.

          </p>

.homepage-subtitle {

  line-height: 1.25;

  font-weight: 300;

}

.navbar-toggle {

  background-color: $gray-lighter;

  font-size: 10px;

}

body.login #content_body .row > div.col-md-9 > p + div.container {

  padding-left: 0px;

}

.homepage-vertical-space {

  height: 20px;

}

.wrap-break {

  display: inline-block;

}