WIP homepage

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

View file

@ -13,41 +13,29 @@
{% block body %}
<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="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="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">

View file

@ -189,6 +189,18 @@ $homepage-block-min-height: 480px;
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 {
@ -304,7 +316,7 @@ $homepage-block-min-height: 480px;
height: 100%;
}
.floop {
.grey-gradient {
background-size: 100%;
background-position: bottom;
@ -476,7 +488,7 @@ span.date {
footer .footer-copy {
margin-left: 1em;
p {
font-size: 16px;
}
@ -522,8 +534,18 @@ footer .footer-copy {
}
}
.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 {