Changeset - 9fc81a618895
[Not reviewed]
0 2 0
Christopher Neugebauer - 7 years ago 2017-08-13 02:02:32
chrisjrn@gmail.com
Tidies up the homepage a bit
2 files changed with 15 insertions and 4 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
Show inline comments
 
{% extends "site_base_home.html" %}
 

	
 
{% load i18n %}
 
{% load staticfiles %}
 

	
 
{% 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="jumbotron homepage-block light">
 

	
 
    <div class="homepage-block-bg" style="background-image: url('{% static "images/website-background.svg" %}');"></div>
 

	
 
    <div id="hills"></div>
 

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

	
 
      <h1>North Bay Python</h1>
 
      <h2>A Python conference north of the Golden Gate</h2>
 
      <div class="tight-headings">
 
        <h1>North Bay Python</h1>
 
        <h3>A Python conference north of the Golden Gate</h3>
 
      </div>
 

	
 
      <div class="bottom-align">
 
        <h3>Petaluma, California</h3>
 
        <h4><strong>2017 conference:</strong> 2 &amp; 3 December</h4>
 
        <h4>Talk submissions close 29 September</h4>
 
        <h4>
 
          <strong>2017 conference:</strong> 2 &amp; 3 December <br/>
 
          Talk submissions close 29 September
 
        </h4>
 

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

	
 
        <div class="btn-group">
 
          <a class="btn btn-lg btn-primary" 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 class="bottom-align" style="width: 100%">
 
        <div class="btn-group col-md-6">
 
          <a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
 
        </div>
static/scss/custom.scss
Show inline comments
...
 
@@ -127,40 +127,47 @@ body.reviews.voting-status {
 

	
 
.homepage-block-bg {
 
  top: 0;
 
  bottom: 0;
 
  width: 100%;
 
  height: 100%;
 
  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;
 
}
 

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

	
 
.tight-headings {
 

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

	
 
}
 

	
 

	
 
#hills {
 
  background: url("../images/hills.svg");
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 50%;
 
  height: 100%;
 
  position: absolute;
 
  bottom: 0;
 
  right: 0;
 
  z-index: -9999;
 
  opacity: 0.3;
 
  background-blend-mode: multiply;
 
}
0 comments (0 inline, 0 general)