Changeset - dbe47628e7af
[Not reviewed]
0 2 0
Christopher Neugebauer - 7 years ago 2017-08-13 15:01:09
chrisjrn@gmail.com
More shadows. Oops.
2 files changed with 8 insertions and 4 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -29,87 +29,87 @@
 
          Petaluma, California
 
        </h3>
 
        <h4>
 
          <strong>2017 conference:</strong> 2 &amp; 3 December <br/>
 
          Talk submissions close 29 September
 
        </h4>
 

	
 
      </div>
 

	
 
      <div class="container homepage-block-footer">
 

	
 
        <div class="btn-group">
 
          <a class="btn btn-lg btn-primary" href="/dashboard">Submit a proposal</a>
 
          <a class="btn btn-lg btn-primary btn-shadow" href="/dashboard">Submit a proposal</a>
 
        </div>
 
      </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="container homepage-block-content">
 
      <h1>Downtown Petaluma</h1>
 

	
 
      <p>Here is some text about Petaluma and the Mystic Theatre. It's pretty great. The mystic is close to restaurants and hotels. Petaluma is only an hour out of San Francisco. Blah.</p>
 

	
 
    </div>
 

	
 
    <div class="homepage-block-footer" style="width: 100%">
 
      <div class="container">
 
        <div class="row">
 
          <div class="btn-group col-md-4">
 
            <a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/about/north-bay-python">Find out more</a>
 
          </div>
 

	
 
          <div class="col-md-8 text-right">
 
            Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)
 
          </div>
 
        </div>
 
      </div>
 
    </div>
 

	
 
  </div>
 

	
 
  <div class="jumbotron homepage-block white">
 

	
 
    <div class="container homepage-block-content">
 
      <h1>Sponsors</h1>
 
    </div>
 

	
 
    <div class="container homepage-block-footer">
 

	
 
      <div class="btn-group">
 
        <a class="btn btn-lg btn-primary" href="/sponsors">Become a sponsor</a>
 
        <a class="btn btn-lg btn-primary btn-shadow" href="/sponsors">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="container homepage-block-content">
 
      <h1>Inclusion and Diversity</h1>
 

	
 
      <p>Statement about commitment to inclusion and diversity. Strong code of conduct. Short and long term diversity targets in our call for proposals. Cheap tickets, with an entry fee that we will waive on request. Financial assistance for those who need it.</p>
 
    </div>
 

	
 
    <div class="homepage-block-footer" style="width: 100%">
 
      <div class="container">
 
        <div class="row">
 
          <div class="btn-group col-md-4">
 
            <a class="btn btn-lg btn-primary" href="/code-of-conduct">View our code of conduct</a>
 
            <a class="btn btn-lg btn-primary btn-shadow" href="/code-of-conduct">View our code of conduct</a>
 
          </div>
 

	
 
          <div class="col-md-8 text-right">
 
            Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)</div>
 
          </div>
 
        </div>
 
      </div>
 

	
 
  </div>
 

	
 
{% endblock %}
static/scss/custom.scss
Show inline comments
...
 
@@ -141,38 +141,42 @@ $homepage-block-min-height: 480px;
 
  position: absolute;
 
  background-size: cover;
 
  background-position: center;
 
  opacity: 0.3;
 
  background-blend-mode: multiply;
 
  z-index: -9999;
 
  box-shadow: $box-shadow;
 
}
 

	
 
.homepage-block.dark {
 
  background: $gray-base;
 
  color: white;
 
  text-shadow: 1px 1px $gray-dark;
 
}
 

	
 
.navbar {
 
  box-shadow: $box-shadow;
 
}
 

	
 
.tight-headings {
 

	
 
  h1, h2, h3, h4, h5, h6 {
 
    margin: 0;
 
  }
 

	
 
}
 

	
 
.btn-shadow {
 
  box-shadow: 1px 1px 5px $gray-dark;
 
}
 

	
 
.hills {
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 50%;
 
  height: 100%;
 
  position: absolute;
 
  bottom: 0;
 
  right: 0;
 
  z-index: -9999;
 

	
0 comments (0 inline, 0 general)