Moves Homepage for refactorating

This commit is contained in:
Christopher Neugebauer 2019-06-08 17:09:20 -07:00
parent 766f7f4044
commit 72f260b5f3
3 changed files with 252 additions and 197 deletions

View file

@ -2,7 +2,7 @@
{% load staticfiles %} {% load staticfiles %}
<link rel="icon" type="image/png" href="{% static "images/icon.png" %}"> <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"> <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
{% compress css %} {% compress css %}
<link rel="stylesheet" type="text/x-scss" href="{% static "scss/site.scss" %}"> <link rel="stylesheet" type="text/x-scss" href="{% static "scss/site.scss" %}">

View file

@ -27,7 +27,7 @@
<div class="row"> <div class="row">
<div class="col-md-6"> <div class="col-md-6">
<h3> <h3>
The Mystic Theatre</br> The Mystic Theatre <br/>
Petaluma, California Petaluma, California
</h3> </h3>
@ -36,32 +36,6 @@
Tickets on sale now! Tickets on sale now!
</h4> </h4>
</div> </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>
@ -77,174 +51,5 @@
</div> </div>
<div class="jumbotron homepage-block white"> <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>
</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 %} {% endblock %}

View file

@ -0,0 +1,250 @@
{% 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 %}