CopyleftConf/copyleftconf-website
6
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

WIP homepage

Browse source
This commit is contained in:
Christopher Neugebauer 2019-06-09 14:09:15 -07:00
parent a05d391aa0
commit c00ff75435
2 changed files with 43 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

46
pinaxcon/templates/static_pages/homepage.html
View file

@ -13,40 +13,28 @@
{% block body %} {% block body %}
<div class="homepage-block-bg website-background"></div> <div class="homepage-block-bg website-background"></div>
<div class="jumbotron homepage-block light"> <div class="jumbotron homepage-block dark">
<div class="homepage-block-bg hphbg"></div> <div class="homepage-block-bg hphbg"></div>
<div class="floop"></div> <div class="container homepage-block-content-cloud">
<div class="hills main"></div> <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="countainer homepage-block-bloop">
<div class="grey-gradient"></div>
<div class="clouds 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> </div>
<div class="container homepage-block-footer"> <div class="container homepage-block-footer">
<div> <p>Talk proposal submissions now upon until August 8th.<br />
<a class="btn btn-primary btn-lg" href="/attend">Buy a Ticket!</a> Submit your proposal now!</p>
<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> </div>
</div> </div>

24
static/scss/custom.scss
View file

@ -189,6 +189,18 @@ $homepage-block-min-height: 480px;
min-height: ($homepage-block-min-height - 80px); 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-footer {
@ -304,7 +316,7 @@ $homepage-block-min-height: 480px;
height: 100%; height: 100%;
} }
.floop { .grey-gradient {
background-size: 100%; background-size: 100%;
background-position: bottom; background-position: bottom;
@ -522,8 +534,18 @@ footer .footer-copy {
} }
} }
.homepage-title {
font-weight: 600;
}
.homepage-subtitle { .homepage-subtitle {
font-size: $font-size-h3; font-size: $font-size-h3;
line-height: 1.25;
font-weight: 300;
.wrap-break {
display: inline-block;
}
} }
.navbar-toggle { .navbar-toggle {