Changeset - c00ff7543509
[Not reviewed]
0 2 0
Christopher Neugebauer - 20 months ago 2019-06-09 21:09:15
_@chrisjrn.com
WIP homepage
2 files changed with 43 insertions and 33 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -10,46 +10,34 @@
 

	
 
{% 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>
 
  <div class="jumbotron homepage-block dark">
 

	
 

	
 
    <div class="homepage-block-bg hphbg"></div>
 
    <div class="container homepage-block-content-cloud">
 
      <h1 class="homepage-title">North Bay<br/>
 
        Python</h1>
 
      <h2 class="homepage-subtitle">
 
        <span class="wrap-break">A one-track Python conference, north of the Golden Gate.</span>
 
        <span class="wrap-break">November 2 &amp; 3, 2019.</span>
 
        <span class="wrap-break">Mystic Theatre, Petaluma, California</span>
 
      </h2>
 
    </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 class="countainer homepage-block-bloop">
 
      <div class="grey-gradient"></div>
 
      <div class="clouds main"></div>
 
    </div>
 

	
 
  <div class="container homepage-block-footer">
 
    <p>Talk proposal submissions now upon until August 8th.<br />
 
      Submit your proposal now!</p>
 
  </div>
 
  </div>
 

	
 
  <div class="jumbotron homepage-block white">
 
    </div>
 
{% endblock %}
static/scss/custom.scss
Show inline comments
...
 
@@ -186,12 +186,24 @@ $homepage-block-min-height: 480px;
 

	
 

	
 
.homepage-block-content {
 
  min-height: ($homepage-block-min-height - 80px);
 
}
 

	
 

	
 
.homepage-block-content-cloudsep {
 
  min-height: ($homepage-block-min-height - 200px);
 
}
 

	
 

	
 
.homepage-block-bloop {
 
  min-height: 120px;
 
}
 

	
 

	
 

	
 
/* ??? */
 
.homepage-block-footer {
 

	
 
}
 

	
 
.homepage-block.light {
...
 
@@ -301,13 +313,13 @@ $homepage-block-min-height: 480px;
 
  bottom: 0;
 
  background-repeat: no-repeat;
 
  width: 100%;
 
  height: 100%;
 
}
 

	
 
.floop {
 
.grey-gradient {
 

	
 
  background-size: 100%;
 
  background-position: bottom;
 
  background-repeat: no-repeat;
 
  width: 100%;
 
  height: 50%;
...
 
@@ -473,13 +485,13 @@ span.date {
 
    height: 80px;
 
  }
 
}
 

	
 
footer .footer-copy {
 
  margin-left: 1em;
 
  
 

 
  p {
 
    font-size: 16px;
 
  }
 
}
 

	
 
@media (max-width: 1200px) and (min-width: 992px) {
...
 
@@ -519,14 +531,24 @@ footer .footer-copy {
 
@media (min-width: 992px) {
 
  .email-signup-panel {
 
    margin-top: 22px;
 
  }
 
}
 

	
 
.homepage-title {
 
  font-weight: 600;
 
}
 

	
 
.homepage-subtitle {
 
  font-size: $font-size-h3;
 
  line-height: 1.25;
 
  font-weight: 300;
 

	
 
  .wrap-break {
 
    display: inline-block;
 
  }
 
}
 

	
 
.navbar-toggle {
 
  background-color: $gray-lighter;
 
  font-size: 10px;
 
}
0 comments (0 inline, 0 general)