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

Adds speakers to the home page

Browse source
This commit is contained in:
Christopher Neugebauer 2017-10-15 09:01:02 -07:00
parent 94c898d830
commit d27af14b84
2 changed files with 62 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,6 +2,9 @@
{% load i18n %}
{% load staticfiles %}
{% load thumbnail %}
{% load sponsorship_tags %}
{% load schedule_tags %}
{% block head_title %}Welcome{% endblock %}
@ -71,6 +74,43 @@
</div>
</div>
<div class="jumbotron homepage-block white">
<div class="container homepage-block-content">
<h1>Speakers</h1>
<div class="row speaker-list">
{% speakers as speakers %}
{% for speaker in speakers %}
<div class="speaker" >
<div class="image-alignment">
<div class="circle" style="border: 0;">
<div class="fill" style="background-image: url('{% thumbnail speaker.photo '600x600' %}');"></div>
</div>
</div>
{% for presentation in speaker.presentations.all %}
<a href="{% url "schedule_presentation_detail" presentation.id %}">
<h4>{{ speaker.conferencespeaker.name }}</h4>
<span class="presentation-title">{{ presentation.title }}</span>
</a>
{% endfor %}
</div>
{% endfor %}
</div>
</div>
<div class="homepage-block-footer full-width">
<div class="container">
<div class="row">
<div class="col-md-4">
<a class="btn btn-lg btn-primary btn-shadow" href="/about/petaluma">See our program</a>
</div>
</div>
</div>
</div>
</div>
<div class="jumbotron homepage-block dark">
<div class="homepage-block-bg mystic-background"></div>
<div class="container homepage-block-content">
@ -108,9 +148,6 @@
<div class="container homepage-block-content">
<h1>Sponsors</h1>
{% load sponsorship_tags %}
{% load thumbnail %}
{% sponsor_levels as levels %}
<div class="row sponsor-list">

22
static/scss/custom.scss
View file

@ -154,6 +154,28 @@ $homepage-block-min-height: 480px;
}
}
.speaker {
@include make-xs-column(6);
@include make-sm-column(4);
@include make-md-column(3);
max-width: 600px;
min-height: 22em;
margin-bottom: 2em;
text-align: center;
vertical-align: middle;
.image-alignment {
width: 80%;
height: 80%;
margin: auto auto;
// Center the icon horizontally and vertically
}
}
.speaker-list {
margin-top: 2em;
}
}