Changeset - 175da679e5b7
[Not reviewed]
0 3 0
Joshua Simmons - 7 years ago 2017-08-13 20:24:13
i@joshuasimmons.name
remove inline styles
3 files changed with 39 insertions and 15 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/_default_sidebar.html
Show inline comments
...
 
@@ -7,21 +7,19 @@
 
<h3>Sponsors</h3>
 

	
 
<div class="sponsor-list">
 
    {% for level in levels %}
 
        {% if level.sponsors %}
 

	
 
          <div style="height: 1em; "></div>
 

	
 
          <h4>{{ level.name }}</h4>
 

	
 
          {% for sponsor in level.sponsors %}
 
              <div>
 
                  {% if sponsor.website_logo %}
 
                      <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">
 
                          <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}" style="width: 100%" />
 
                          <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}" />
 
                      </a>
 
                  {% else %}
 
                      <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">{{ sponsor.name }}</a>
 
                  {% endif %}
 
              </div>
 

	
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -6,15 +6,15 @@
 
{% block head_title %}Welcome{% endblock %}
 

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

	
 
{% block body %}
 

	
 
  <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
  <div class="homepage-block-bg website-background"></div>
 
  <div class="jumbotron homepage-block light">
 
    <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 
    <div class="homepage-block-bg website-background"></div>
 
    <div class="hills main"></div>
 
    <div class="container homepage-block-content">
 
      <div class="tight-headings">
 
        <h1>North Bay Python</h1>
 
        <h3>A Python conference north of the Golden Gate</h3>
 
      </div>
...
 
@@ -35,32 +35,32 @@
 
        <a class="btn btn-lg btn-primary btn-shadow" href="/dashboard" title="Submit a Proposal to North Bay Python">Submit a Proposal</a>
 
      </div>
 
    </div>
 
  </div>
 

	
 
  <div class="jumbotron homepage-block dark">
 
    <div class="homepage-block-bg" style="background-image: url('{% static "images/mystic.jpg" %}');"></div>
 
    <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 shockingly quaint dairy town, nestled on a river at the edge of California's Wine Country.</p>
 

	
 
      <p>We're hosting the conference at the Mystic Theatre, a 1912-era music hall, right in the middle of Historic Downtown Petaluma. There's countless great places to eat right on our doorstep, craft food and drink producers within walking distance, and plenty of places to stay nearby.</p>
 
      <p>We're hosting the conference at the Mystic Theatre, a 1912-era music hall in the middle of Historic Downtown Petaluma. There are countless places to eat, craft food and drink producers within walking distance, and plenty of places to stay nearby.</p>
 

	
 
      <p>And it's only an hour's drive out of San Francisco (on a good day).</p>
 
      <p>And it's only an hour away from San Francisco.</p>
 
    </div>
 

	
 
    <div class="homepage-block-footer" style="width: 100%">
 
    <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="/about/north-bay-python" title="About North Bay Python">Learn More</a>
 
          </div>
 

	
 
          <div class="col-md-8 text-right">
 
            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt" title="Photo of the Mystic Theatre">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)
 
            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt" title="Photo of the Mystic Theatre">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (<a href="https://creativecommons.org/licenses/by-sa/2.0/" title="Creative Commons Attribute Share Alike 2.0 Generic License">CC BY-SA 2.0</a>)
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 

	
...
 
@@ -70,20 +70,20 @@
 

	
 
      {% load sponsorship_tags %}
 
      {% load thumbnail %}
 

	
 
      {% sponsor_levels as levels %}
 

	
 
      <div class="row">
 
      <div class="row sponsor-list">
 
      {% for level in levels %}
 
          {% if level.sponsors %}
 
              {% for sponsor in level.sponsors %}
 
                  <div class="col-md-3">
 
                      {% if sponsor.website_logo %}
 
                          <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}" style="width:100%"/>
 
                              <img src="{% thumbnail sponsor.website_logo '600x360' %}" alt="{{ sponsor.name }}">
 
                          </a>
 
                      {% else %}
 
                          <a href="{{ sponsor.external_url }}" title="{{ sponsor.name }}">{{ sponsor.name }}</a>
 
                      {% endif %}
 
                  </div>
 
              {% endfor %}
...
 
@@ -97,34 +97,34 @@
 
        <a class="btn btn-lg btn-primary btn-shadow" href="/sponsors/become-a-sponsor" title="Become a Sponsor">Become a Sponsor</a>
 
      </div>
 
    </div>
 
  </div>
 

	
 
  <div class="jumbotron homepage-block dark">
 
    <div class="homepage-block-bg" style="background-image: url('{% static "images/django-girls-2014.jpg" %}');"></div>
 
    <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.</p>
 

	
 
      <p>We value your safety, so we have a strong Code of Conduct and enforcement policy built on the Python Software Foundation's PyCon US policy.</p>
 

	
 
      <p>We have set diversity targets for our conference program, including short-term and long-term goals for gender balance. We make financial assistance available to speakers.</p>
 

	
 
      <p>We will always have low-cost tickets available, and we will enthusiastically waive ticket costs on request if you need it.</p>
 
    </div>
 

	
 
    <div class="homepage-block-footer" style="width: 100%">
 
    <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">
 
            Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749" title="Photo from DjangoGirls Brisbane 2014">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)
 
            Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749" title="Photo from DjangoGirls Brisbane 2014">DjangoGirls Brisbane</a>, &copy; 2014 Richard Jones (<a href="https://creativecommons.org/licenses/by/2.0/" title="Creative Commons Attribute 2.0 Generic License">CC BY 2.0</a>)
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 
  </div>
 

	
static/scss/custom.scss
Show inline comments
...
 
@@ -199,6 +199,32 @@ $homepage-block-min-height: 480px;
 
}
 

	
 

	
 
.btn-group + p {
 
  margin-top: 1em;
 
}
 

	
 
.website-background {
 
  background-image: url("../images/website-background.svg");
 
}
 

	
 
.mystic-background {
 
  background-image: url("../images/mystic.jpg");
 
}
 

	
 
.djangogirls-background {
 
  background-image: url("../images/django-girls-2014.jpg");
 
}
 

	
 

	
 

	
 
.sponsor-list a img {
 
  width: 100%;
 
}
 

	
 
.sponsor-list {
 
  margin-top: 1em;
 
}
 

	
 
.full-width {
 
  width: 100%;
 
}
0 comments (0 inline, 0 general)