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

Homepage now renders correctly in mobile.

Browse source
This commit is contained in:
Christopher Neugebauer 2017-08-13 07:51:25 -07:00
parent 4a4d06c4f0
commit 52c20b16ef
3 changed files with 55 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
pinaxcon/templates/_footer.html
View file

@ -1,12 +1,12 @@
<div class="row">
<div class="pull-left">
<p>North Bay Python is a member project of <a href="https://sfconservancy.org" title="Software Freedom Conservancy">Software Freedom Conservancy</a>, a 501(c)(3) charity.</p>
<div class="col-md-8">
<p>&copy; 2017 North Bay Python. North Bay Python is a member project of <a href="https://sfconservancy.org" title="Software Freedom Conservancy">Software Freedom Conservancy</a>, a 501(c)(3) charity.</p>
<p><a href="https://facebook.com/northbaypython" title="North Bay Python on Facebook">Facebook</a> | <a href="https://twitter.com/northbaypython" title="North Bay Python on Twitter">Twitter</a> | <a href="https://lanyrd.com/2017/nbpy" title="North Bay Python on Lanyrd">Lanyrd</a> | <a href="/code-of-conduct" title="North Bay Python Code of Conduct">Code of Conduct</a> | <a href="/terms-and-conditions" title="North Bay Python Terms and Conditions">Terms and Conditions</a> | <a href="/about/colophon" title="North Bay Python Colophon">Colophon</a></p>
</div>
<div class="pull-right">
Site powered by <a href="https://github.com/chrisjrn/symposion/" title="Symposion Git Repository"><b>Symposion</b></a>
and <a href="https://github.com/chrisjrn/registrasion/" title="Registrasion Git Repository"><b>Registrasion</b></a>.
<div class="col-md-4 text-right">
This site is <a href="https://github.com/northbaypython/website">Free and Open Source Software</a>, powered by <a href="https://github.com/chrisjrn/symposion/" title="Symposion Git Repository">Symposion</a>
and <a href="https://github.com/chrisjrn/registrasion/" title="Registrasion Git Repository">Registrasion</a>.
</div>
</div>

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

@ -24,7 +24,6 @@
<h3>A Python conference north of the Golden Gate</h3>
</div>
<div class="bottom-align">
<h3>
The Mystic Theatre</br>
Petaluma, California
@ -34,7 +33,9 @@
Talk submissions close 29 September
</h4>
<div style="height:0.5em;"></div>
</div>
<div class="container homepage-block-footer">
<div class="btn-group">
<a class="btn btn-lg btn-primary" href="/dashboard">Submit a proposal</a>
@ -53,15 +54,21 @@
<p>Here is some text about Petaluma and the Mystic Theatre. It's pretty great. The mystic is close to restaurants and hotels. Petaluma is only an hour out of San Francisco. Blah.</p>
<div class="bottom-align" style="width: 100%">
<div class="btn-group col-md-4">
<a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
</div>
</div>
<div class="col-md-8 text-right">
Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)</div>
<div class="homepage-block-footer" style="width: 100%">
<div class="container">
<div class="row">
<div class="btn-group col-md-4">
<a class="btn btn-lg btn-primary" href="/about/north-bay-python">Find out more</a>
</div>
<div class="col-md-8 text-right">
Image credit: <a href="https://www.instagram.com/p/BU-G5dGAkHt">Mystic Theatre</a>, &copy; 2017 Christopher Neugebauer (CC-BY-SA)
</div>
</div>
</div>
</div>
</div>
</div>
@ -70,6 +77,14 @@
<div class="container homepage-block-content">
<h1>Sponsors</h1>
</div>
<div class="container homepage-block-footer">
<div class="btn-group">
<a class="btn btn-lg btn-primary" href="/sponsors">Become a sponsor</a>
</div>
</div>
</div>
<div class="jumbotron homepage-block dark">
@ -80,17 +95,21 @@
<h1>Inclusion and Diversity</h1>
<p>Statement about commitment to inclusion and diversity. Strong code of conduct. Short and long term diversity targets in our call for proposals. Cheap tickets, with an entry fee that we will waive on request. Financial assistance for those who need it.</p>
<div class="bottom-align" style="width: 100%">
<div class="btn-group col-md-4">
<a class="btn btn-lg btn-primary" href="/code-of-conduct">View our code of conduct</a>
</div>
<div class="col-md-8 text-right">
Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)</div>
</div>
</div>
<div class="homepage-block-footer" style="width: 100%">
<div class="container">
<div class="row">
<div class="btn-group col-md-4">
<a class="btn btn-lg btn-primary" href="/code-of-conduct">View our code of conduct</a>
</div>
<div class="col-md-8 text-right">
Image credit: <a href="https://www.flickr.com/photos/richard_jones/14638274749">DjangoGirls Brisbane 2014</a>, &copy; 2014 Richard Jones (CC-BY)</div>
</div>
</div>
</div>
</div>
{% endblock %}

22
static/scss/custom.scss
View file

@ -103,26 +103,26 @@ body.auth .panel-heading .panel-title span.pull-right {
box-shadow: 0px 0px 2em $background-filter; //, inset 0px -5px 1em rgba(0, 0, 0, 0.8);
}
.homepage-block-content {
position: relative;
height: 100%;
}
.bottom-align {
position: absolute;
bottom: 0;
}
$homepage-block-min-height: 480px;
.homepage-block {
margin-top: 0;
margin-bottom: 0;
min-height: 480px; // TODO: change
height: 480px;
min-height: $homepage-block-min-height;
position: relative;
box-shadow: $box-shadow;
z-index: 3;
}
.homepage-block-content {
min-height: ($homepage-block-min-height - 80px);
}
/* ??? */
.homepage-block-footer {
}
.homepage-block.light {
background-color: $background-filter;
z-index: 2;