From 72f260b5f3d131266c7eb9e7552c2f283b4e0c54 Mon Sep 17 00:00:00 2001
From: Christopher Neugebauer <_@chrisjrn.com>
Date: Sat, 8 Jun 2019 17:09:20 -0700
Subject: [PATCH] Moves Homepage for refactorating

---
 pinaxcon/templates/_styles.html               |   2 +-
 pinaxcon/templates/static_pages/homepage.html | 197 +-------------
 .../templates/static_pages/homepage0.html     | 250 ++++++++++++++++++
 3 files changed, 252 insertions(+), 197 deletions(-)
 create mode 100644 pinaxcon/templates/static_pages/homepage0.html

diff --git a/pinaxcon/templates/_styles.html b/pinaxcon/templates/_styles.html
index dbcba58..8b46441 100644
--- a/pinaxcon/templates/_styles.html
+++ b/pinaxcon/templates/_styles.html
@@ -2,7 +2,7 @@
 {% 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" %}">
diff --git a/pinaxcon/templates/static_pages/homepage.html b/pinaxcon/templates/static_pages/homepage.html
index 2a24bf3..9a02f26 100644
--- a/pinaxcon/templates/static_pages/homepage.html
+++ b/pinaxcon/templates/static_pages/homepage.html
@@ -27,7 +27,7 @@
       <div class="row">
         <div class="col-md-6">
           <h3>
-            The Mystic Theatre</br>
+            The Mystic Theatre <br/>
             Petaluma, California
           </h3>
 
@@ -36,32 +36,6 @@
             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>
 
@@ -77,174 +51,5 @@
   </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 %}
diff --git a/pinaxcon/templates/static_pages/homepage0.html b/pinaxcon/templates/static_pages/homepage0.html
new file mode 100644
index 0000000..2a24bf3
--- /dev/null
+++ b/pinaxcon/templates/static_pages/homepage0.html
@@ -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 %}