Changeset - 72f260b5f3d1
[Not reviewed]
0 2 1
Christopher Neugebauer - 22 months ago 2019-06-09 00:09:20
_@chrisjrn.com
Moves Homepage for refactorating
3 files changed with 252 insertions and 197 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/_styles.html
Show inline comments
 
{% load compress %}
 
{% load staticfiles %}
 

	
 
<link rel="icon" type="image/png" href="{% static "images/icon.png" %}">
 
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,500,700" rel="stylesheet">
 
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap" rel="stylesheet">
 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 
{% compress css %}
 
    <link rel="stylesheet" type="text/x-scss" href="{% static "scss/site.scss" %}">
 
{% endcompress %}
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -24,47 +24,21 @@
 
        <h2 class="homepage-subtitle">The Python conference in a live music venue</h2>
 
      </div>
 

	
 
      <div class="row">
 
        <div class="col-md-6">
 
          <h3>
 
            The Mystic Theatre</br>
 
            The Mystic Theatre <br/>
 
            Petaluma, California
 
          </h3>
 

	
 
          <h4>
 
            November 3 &amp; 4, 2018<br/>
 
            Tickets on sale now!
 
          </h4>
 
        </div>
 
        <div class="col-md-4 col-md-offset-2 email-signup-panel">
 
          <div class="panel panel-default">
 
            <div class="panel-heading">
 
              <h2 class="panel-title">Sign up for our low-volume announcements 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 class="container homepage-block-footer">
...
 
@@ -74,177 +48,8 @@
 
        <a class="btn btn-default btn-lg" href="https://facebook.com/northbaypython">Facebook</a>
 
      </div>
 
    </div>
 
  </div>
 

	
 
  <div class="jumbotron homepage-block white">
 
    <div class="container homepage-block-content">
 
      <h1>Speakers</h1>
 

	
 
      <div class="row speaker-list">
 

	
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/mariatta.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>Mariatta Wijaya</h4>
 
          <span class="presentation-title">Keynote Speaker</span>
 
        </div>
 

	
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/r0ml.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>Robert M. "r0ml" Lefkowitz</h4>
 
          <span class="presentation-title">Keynote Speaker</span>
 
        </div>
 

	
 
        {% speakers as speakers %}
 
        {% for speaker in speakers %}
 
          <div class="speaker" >
 
            <div class="image-alignment">
 
              <div class="circle" style="border: 0;">
 
                {% if speaker.photo %}
 
                  <div class="fill" style="background-image: url('{% thumbnail speaker.photo '600x600' %}');"></div>
 
                {% else %}
 
                  <div class="fill" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
                {% endif %}
 
              </div>
 
            </div>
 
            {% for presentation in speaker.all_presentations %}
 
              <a href="{% url "schedule_presentation_detail" presentation.id %}">
 
              <h4>{{ speaker.conferencespeaker.name }}</h4>
 
                <span class="presentation-title">{{ presentation.title }}</span>
 
              </a>
 
            {% endfor %}
 
          </div>
 
        {% endfor %}
 

	
 
{% comment %}
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/vmbrasseur.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>VM Brasseur</h4>
 
          <span class="presentation-title">Speaker Training</span>
 
        </div>
 

	
 
      </div>
 
{% endcomment %}
 
    </div>
 

	
 
    <div class="homepage-block-footer full-width">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-4">
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/schedule" style="margin-bottom: 2em;">See the Schedule</a>
 
          </div>
 
        </div>
 
      </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 <a href="/attend/hotels">small-town hotels</a>, as close as one block away</li>
 
      </ul>
 

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

	
 
    <div class="homepage-block-footer full-width">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-4">
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/about/petaluma">Learn More</a>
 
            <a class="btn btn-lg btn-info" href="/attend/hotels">Hotels</a>
 
            <a class="btn btn-lg btn-info" href="/attend/travel">Travel</a>
 
          </div>
 

	
 
          <div class="col-md-8 text-right photo-attribution">
 
            Image credit: <a href="https://www.instagram.com/p/BcOVJJRFWfF">Mystic Theatre</a>, &copy; 2017 Esten Hurtle (<a href="https://creativecommons.org/licenses/by-sa/2.0/">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>
 

	
 
      {% sponsor_levels as levels %}
 

	
 
      <div class="row sponsor-list">
 
      {% for level in levels %}
 
          {% if level.sponsors %}
 
              {% for sponsor in level.sponsors %}
 
                  <div class="sponsor">
 
                    <div class="logo-alignment">
 
                      {% if sponsor.website_logo %}
 
                          <a href="{{ sponsor.external_url }}">
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">
 
                          </a>
 
                      {% else %}
 
                          <a href="{{ sponsor.external_url }}">{{ sponsor.name }}</a>
 
                      {% endif %}
 
                    </div>
 
                  </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">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">DjangoGirls Brisbane</a>, &copy; 2014 Richard Jones (<a href="https://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a>)
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 

	
 
{% endblock %}
pinaxcon/templates/static_pages/homepage0.html
Show inline comments
 
new file 100644
 
{% 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 light">
 
    <div class="homepage-block-bg hphbg"></div>
 
    <div class="floop"></div>
 
    <div class="hills main"></div>
 
    <div class="clouds main"></div>
 
    <div class="container homepage-block-content">
 
      <div class="tight-headings">
 
        <h1>North Bay Python</h1>
 
        <h2 class="homepage-subtitle">The Python conference in a live music venue</h2>
 
      </div>
 

	
 
      <div class="row">
 
        <div class="col-md-6">
 
          <h3>
 
            The Mystic Theatre</br>
 
            Petaluma, California
 
          </h3>
 

	
 
          <h4>
 
            November 3 &amp; 4, 2018<br/>
 
            Tickets on sale now!
 
          </h4>
 
        </div>
 
        <div class="col-md-4 col-md-offset-2 email-signup-panel">
 
          <div class="panel panel-default">
 
            <div class="panel-heading">
 
              <h2 class="panel-title">Sign up for our low-volume announcements 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 class="container homepage-block-footer">
 
      <div>
 
        <a class="btn btn-primary btn-lg" href="/attend">Buy a Ticket!</a>
 
        <a class="btn btn-default btn-lg " href="https://twitter.com/northbaypython">Twitter</a>
 
        <a class="btn btn-default btn-lg" href="https://facebook.com/northbaypython">Facebook</a>
 
      </div>
 
    </div>
 
  </div>
 

	
 
  <div class="jumbotron homepage-block white">
 
    <div class="container homepage-block-content">
 
      <h1>Speakers</h1>
 

	
 
      <div class="row speaker-list">
 

	
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/mariatta.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>Mariatta Wijaya</h4>
 
          <span class="presentation-title">Keynote Speaker</span>
 
        </div>
 

	
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/r0ml.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>Robert M. "r0ml" Lefkowitz</h4>
 
          <span class="presentation-title">Keynote Speaker</span>
 
        </div>
 

	
 
        {% speakers as speakers %}
 
        {% for speaker in speakers %}
 
          <div class="speaker" >
 
            <div class="image-alignment">
 
              <div class="circle" style="border: 0;">
 
                {% if speaker.photo %}
 
                  <div class="fill" style="background-image: url('{% thumbnail speaker.photo '600x600' %}');"></div>
 
                {% else %}
 
                  <div class="fill" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
                {% endif %}
 
              </div>
 
            </div>
 
            {% for presentation in speaker.all_presentations %}
 
              <a href="{% url "schedule_presentation_detail" presentation.id %}">
 
              <h4>{{ speaker.conferencespeaker.name }}</h4>
 
                <span class="presentation-title">{{ presentation.title }}</span>
 
              </a>
 
            {% endfor %}
 
          </div>
 
        {% endfor %}
 

	
 
{% comment %}
 
        <div class="speaker" >
 
          <div class="image-alignment">
 
            <div class="circle" style="border: 0;">
 
                <div class="fill" style="background-image: url('{% static "images/vmbrasseur.jpg" %}');"></div>
 
            </div>
 
          </div>
 
          <h4>VM Brasseur</h4>
 
          <span class="presentation-title">Speaker Training</span>
 
        </div>
 

	
 
      </div>
 
{% endcomment %}
 
    </div>
 

	
 
    <div class="homepage-block-footer full-width">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-4">
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/schedule" style="margin-bottom: 2em;">See the Schedule</a>
 
          </div>
 
        </div>
 
      </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 <a href="/attend/hotels">small-town hotels</a>, as close as one block away</li>
 
      </ul>
 

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

	
 
    <div class="homepage-block-footer full-width">
 
      <div class="container">
 
        <div class="row">
 
          <div class="col-md-4">
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/about/petaluma">Learn More</a>
 
            <a class="btn btn-lg btn-info" href="/attend/hotels">Hotels</a>
 
            <a class="btn btn-lg btn-info" href="/attend/travel">Travel</a>
 
          </div>
 

	
 
          <div class="col-md-8 text-right photo-attribution">
 
            Image credit: <a href="https://www.instagram.com/p/BcOVJJRFWfF">Mystic Theatre</a>, &copy; 2017 Esten Hurtle (<a href="https://creativecommons.org/licenses/by-sa/2.0/">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>
 

	
 
      {% sponsor_levels as levels %}
 

	
 
      <div class="row sponsor-list">
 
      {% for level in levels %}
 
          {% if level.sponsors %}
 
              {% for sponsor in level.sponsors %}
 
                  <div class="sponsor">
 
                    <div class="logo-alignment">
 
                      {% if sponsor.website_logo %}
 
                          <a href="{{ sponsor.external_url }}">
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">
 
                          </a>
 
                      {% else %}
 
                          <a href="{{ sponsor.external_url }}">{{ sponsor.name }}</a>
 
                      {% endif %}
 
                    </div>
 
                  </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">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">DjangoGirls Brisbane</a>, &copy; 2014 Richard Jones (<a href="https://creativecommons.org/licenses/by/2.0/">CC BY 2.0</a>)
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 

	
 
{% endblock %}
0 comments (0 inline, 0 general)