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 15:08:26 -07:00
parent c00ff75435
commit 1aa4ab6d8c
3 changed files with 59 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
pinaxcon/templates/_footer.html
View file

@ -2,7 +2,7 @@
{% load sponsorship_tags %} {% load sponsorship_tags %}
<div class="row"> <div class="row">
<div class="logo"> <div class="logo small right">
<div class="circle"> <div class="circle">
<div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div> <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>
</div> </div>

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

@ -17,13 +17,22 @@
<div class="homepage-block-bg hphbg"></div> <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/> <h1 class="homepage-title">North Bay<br/>
Python</h1> Python</h1>
</div>
<h2 class="homepage-subtitle"> <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">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> </h2>
</div> </div>
@ -31,11 +40,15 @@
<div class="grey-gradient"></div> <div class="grey-gradient"></div>
<div class="clouds main"></div> <div class="clouds main"></div>
</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 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>
<div class="jumbotron homepage-block white"> <div class="jumbotron homepage-block white">

45
static/scss/custom.scss
View file

@ -132,6 +132,12 @@ $homepage-block-min-height: 480px;
box-shadow: $box-shadow; box-shadow: $box-shadow;
z-index: 3; z-index: 3;
&.shallow {
min-height: 0px;
padding-top: 12px;
padding-bottom: 12px
}
.sponsor { .sponsor {
$sponsor-height: 150px; $sponsor-height: 150px;
@include make-xs-column(6); @include make-xs-column(6);
@ -191,12 +197,12 @@ $homepage-block-min-height: 480px;
.homepage-block-content-cloudsep { .homepage-block-content-cloudsep {
min-height: ($homepage-block-min-height - 200px); min-height: ($homepage-block-min-height - 20px);
} }
.homepage-block-bloop { .homepage-block-bloop {
min-height: 120px; min-height: 20px;
} }
@ -475,14 +481,38 @@ span.date {
} }
.logo { .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; width: 80px;
height: 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 { .homepage-title {
font-size: $font-size-h1;
font-weight: 600; font-weight: 600;
} }