Changeset - c236eda99242
[Not reviewed]
0 2 0
Christopher Neugebauer - 5 years ago 2019-06-09 22:40:26
_@chrisjrn.com
Top section looks OK.
2 files changed with 16 insertions and 11 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 %}
 
{% load thumbnail %}
 
{% load sponsorship_tags %}
 
{% load schedule_tags %}
 

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

	
 

	
 
    <div class="homepage-block-bg hphbg"></div>
 
    <div class="container homepage-block-content-cloudsep">
 
      <div class="row">
 
        <div class="col-sm-8 col-sm-offset-2">
 
      <div class="logo large left" style="margin: 20px;">
 
        <div class="circle">
 
          <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>
 
          <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>
 
      </div>
 
      <h1 class="homepage-title">North Bay<br/>
 
        Python</h1>
 

	
 
</div>
 
      </div>
 
      <h2 class="homepage-subtitle text-center">
 
        <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>
 
      </h2>
 
    </div>
 
    <div class="homepage-block-bloop">
 
      <div class="grey-gradient main"></div>
 
      <div class="clouds main"></div>
 
    </div>
 
  </div>
 
  <div class="jumbotron homepage-block dark shallow">
 

	
 

	
 
  <div class="container homepage-block-footer">
 
    <p class="text-center">Talk proposal submissions now open 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
...
 
@@ -102,63 +102,68 @@ body.auth .panel-heading .panel-title span.pull-right {
 
.home#content_body {
 
  margin: 0;
 
  padding: 0;
 
}
 

	
 
#content_body {
 
  //background-color: $background-filter-transparent;
 
  //box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
 
}
 

	
 

	
 
.hidden-accessible {
 
  border:0 none;
 
  clip:rect(0px,0px,0px,0px);
 
  height:1px;
 
  margin:-1px;
 
  overflow:hidden;
 
  padding:0;
 
  position:absolute;
 
  width:1px
 
}
 

	
 

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

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

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

	
 
  &.smaller {
 
    min-height: $homepage-block-smaller-min-height;
 
  }
 

	
 
  .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%;
 
      height: 100%;
 

	
 
      // Center the icon horizontally and vertically
 
      text-align: center;
 
      line-height: ($sponsor-height - 5px);
 
      vertical-align: middle;
 

	
 
      a img {
 
        max-width: 100%;
 
        max-height: 100%;
 
        width: auto;
 
        height: auto;
...
 
@@ -176,54 +181,54 @@ $homepage-block-min-height: 480px;
 
    margin-bottom: 2em;
 
    text-align: center;
 
    vertical-align: middle;
 

	
 
    .image-alignment {
 
      width: 80%;
 
      height: 80%;
 
      margin: auto auto;
 
      // Center the icon horizontally and vertically
 
    }
 
  }
 

	
 
  .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 - 140px);
 
  min-height: ($homepage-block-smaller-min-height - 40px);
 
}
 

	
 

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

	
 

	
 

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

	
 
}
 

	
 
.homepage-block.light {
 
  background-color: $background-filter;
 
  z-index: 2;
 
}
 

	
 
.homepage-block.white {
 
  background-color: white;
 
  z-index: 1;
 
}
 

	
 
.homepage-block-bg {
 
  top: 0;
 
  bottom: 0;
 
  width: 100%;
 
  height: 100%;
0 comments (0 inline, 0 general)