Changeset - 1aa4ab6d8c6b
[Not reviewed]
0 3 0
Christopher Neugebauer - 5 years ago 2019-06-09 22:08:26
_@chrisjrn.com
WIP Homepage
3 files changed with 59 insertions and 15 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/_footer.html
Show inline comments
 
{% load staticfiles %}
 
{% load sponsorship_tags %}
 
<div class="row">
 

	
 
  <div class="logo">
 
  <div class="logo small right">
 
    <div class="circle">
 
      <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>
 
    </div>
 
  </div>
 

	
 
  <div class="footer-copy">
 
    <p>&copy; 2018 North Bay Python, member project of <a href="https://sfconservancy.org" >Software Freedom Conservancy</a>, a 501(c)(3) charity.</p>
 

	
 
    {% sponsors "platinum" as platinum %}
 

	
 
    {% comment %}
 
    <p>We acknowledge the support of our Platinum sponsor{{ platinum|length|pluralize}},
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -8,36 +8,49 @@
 

	
 
{% 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 dark">
 

	
 

	
 
    <div class="homepage-block-bg hphbg"></div>
 
    <div class="container homepage-block-content-cloud">
 

	
 
    <div class="container homepage-block-content-cloudsep">
 
      <div class="row">
 
      <div class="logo large left" style="margin: 20px;">
 
        <div class="circle">
 
          <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>
 
        </div>
 
      </div>
 
      <h1 class="homepage-title">North Bay<br/>
 
        Python</h1>
 

	
 
      </div>
 
      <h2 class="homepage-subtitle">
 
        <span class="wrap-break">A one-track Python conference, north of the Golden Gate.</span>
 
        <span class="wrap-break">A one-track Python conference,</span> <span class="wrap-break">north of the Golden Gate.</span><br/>
 
        <span class="wrap-break">November 2 &amp; 3, 2019.</span>
 
        <span class="wrap-break">Mystic Theatre, Petaluma, California</span>
 
        <span class="wrap-break">Mystic Theatre, Petaluma, California.</span>
 
      </h2>
 
    </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 class="jumbotron homepage-block dark shallow">
 

	
 
      <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
...
 
@@ -123,24 +123,30 @@ body.auth .panel-heading .panel-title span.pull-right {
 

	
 

	
 
$homepage-block-min-height: 480px;
 

	
 
.homepage-block {
 
  margin-top: 0;
 
  margin-bottom: 0;
 
  min-height: $homepage-block-min-height;
 
  position: relative;
 
  box-shadow: $box-shadow;
 
  z-index: 3;
 

	
 
  &.shallow {
 
    min-height: 0px;
 
    padding-top: 12px;
 
    padding-bottom: 12px
 
  }
 

	
 
  .sponsor {
 
    $sponsor-height: 150px;
 
    @include make-xs-column(6);
 
    @include make-sm-column(4);
 
    @include make-md-column(3);
 
    max-width: 600px;
 
    height: $sponsor-height;
 

	
 

	
 
    .logo-alignment {
 
      max-width: 300px;
 
      width: 100%;
...
 
@@ -182,30 +188,30 @@ $homepage-block-min-height: 480px;
 
  .speaker-list {
 
    margin-top: 2em;
 
  }
 
}
 

	
 

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

	
 

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

	
 

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

	
 

	
 

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

	
 
}
 

	
 
.homepage-block.light {
 
  background-color: $background-filter;
 
  z-index: 2;
...
 
@@ -466,32 +472,56 @@ body:not(.home) {
 
  }
 
}
 

	
 
span.date {
 
  font-weight: 900;
 
}
 

	
 
.email-signup-panel {
 
  max-width: 600px;
 
}
 

	
 
.logo {
 
  float: right !important;
 
  width: 80px;
 
  height: 80px;
 
  margin: 0 1em 2em 2em;
 

	
 
  .circle {
 
  &.left {
 
    float: left !important;
 
  }
 

	
 
  &.right {
 
    float: right !important;
 
  }
 

	
 
  &.small {
 
    width: 80px;
 
    height: 80px;
 
    margin: 0 1em 2em 2em;
 

	
 
    .circle {
 
      width: 80px;
 
      height: 80px;
 
    }
 
  }
 

	
 
  &.large {
 

	
 
    $sz: $jumbotron-heading-font-size * 2;
 

	
 
    width: $sz;
 
    height: $sz;
 

	
 
    .circle {
 
      width: $sz;
 
      height: $sz;
 
    }
 

	
 
  }
 
}
 

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

	
 
  p {
 
    font-size: 16px;
 
  }
 
}
 

	
 
@media (max-width: 1200px) and (min-width: 992px) {
...
 
@@ -526,24 +556,25 @@ footer .footer-copy {
 

	
 
@media (max-width: 550px) {
 

	
 
}
 

	
 
@media (min-width: 992px) {
 
  .email-signup-panel {
 
    margin-top: 22px;
 
  }
 
}
 

	
 
.homepage-title {
 
  font-size: $font-size-h1;
 
  font-weight: 600;
 
}
 

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

	
 
  .wrap-break {
 
    display: inline-block;
 
  }
 
}
0 comments (0 inline, 0 general)