copyleftconf-website/pinaxcon/templates/static_pages/homepage.html

{% extends "site_base_home.html" %}

{% load i18n %}
{% load staticfiles %}
{% load thumbnail %}
{% load sponsorship_tags %}
{% load schedule_tags %}

{% block head_title %}November 3 and 4, 2018{% 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">
      <p class="">
        <span class="wrap-break">Talk proposal submissions are now open, until August 8th.</span>
        <span class="wrap-break">Submit your proposal now!</span>
      </p>
    </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">Fly</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>
        </div>
      </div>

      <div class="homepage-callout">
        <div class="callout-image">
          <h3 class="txt">Stay</h3>
          <div class="filter"></div>
          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>
          <p>
            Drive 35 miles North of the Golden Gate Bridge, or take transit from
            downtown San Francisco, and spend the night.
          </p>
        </div>

      </div>

      <div class="homepage-callout">
        <div class="callout-image">
          <h3 class="txt">Day Trip</h3>
          <div class="filter"></div>
          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>
          <p>Enjoy free all-day parking close to the venue, or take regular buses from San Francisco, Marin County, and Sonoma County</p>
        </div>
      </div>

    </div>

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

    <div class="row">
      <div class="col-xs-12">
        <h1>Inclusion and Diversity</h1>
        <p class="lead">We're a conference for everyone in Northern California, etc
          etc etc words words words words words.</p>
      </div>
    </div>

    <div class="row">

      <div class="homepage-callout">
        <div class="callout-image">
          <h3 class="txt">Attendee Safety</h3>
          <div class="filter"></div>
          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>
          <p>We take our code of conduct serioiusly: our staff have taken enforcement training.</p>
        </div>
      </div>

      <div class="homepage-callout">
        <div class="callout-image">
          <h3 class="txt">Opportunity Grants</h3>
          <div class="filter"></div>
          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>
          <p>If you live out of town, we want to make sure you can attend.</p>
        </div>
      </div>

      <div class="homepage-callout">
        <div class="callout-image">
          <h3 class="txt">Diversity Targets</h3>
          <div class="filter"></div>
          <div class="bg" style="background-image: url('{% static "images/homepage/snoopy.jpg" %}');"></div>
          <p>We want to look like the  Bay Area. We have diversity targets for our speakers and audience.</p>
        </div>
      </div>

    </div>

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

  </div>


{% endblock %}