WIP Homepage
This commit is contained in:
parent
c00ff75435
commit
1aa4ab6d8c
3 changed files with 59 additions and 15 deletions
|
@ -2,7 +2,7 @@
|
|||
{% 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>
|
||||
|
|
|
@ -17,13 +17,22 @@
|
|||
|
||||
|
||||
<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 & 3, 2019.</span>
|
||||
<span class="wrap-break">Mystic Theatre, Petaluma, California</span>
|
||||
<span class="wrap-break">Mystic Theatre, Petaluma, California.</span>
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
|
@ -31,11 +40,15 @@
|
|||
<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">
|
||||
|
|
|
@ -132,6 +132,12 @@ $homepage-block-min-height: 480px;
|
|||
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);
|
||||
|
@ -191,12 +197,12 @@ $homepage-block-min-height: 480px;
|
|||
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
|
@ -475,14 +481,38 @@ span.date {
|
|||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
@ -535,6 +565,7 @@ footer .footer-copy {
|
|||
}
|
||||
|
||||
.homepage-title {
|
||||
font-size: $font-size-h1;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue