Add new speaker styling

This commit is contained in:
Christopher Neugebauer 2019-09-29 12:36:47 -07:00
parent d0ff77e395
commit 018f3ead1a
2 changed files with 69 additions and 3 deletions

View file

@ -15,7 +15,6 @@
<div class="homepage-block-bg website-background"></div>
<div class="jumbotron homepage-block dark smaller">
<div class="homepage-block-bg hphbg"></div>
<div class="container homepage-block-content-cloudsep">
<div class="logo large left" style="margin: 20px;">
@ -43,8 +42,7 @@
<div class="row">
<div class="col-md-8">
<p class="">
<span class="wrap-break"><a href="/attend">Early Bird Tickets on sale now!</a></span>
<span class="wrap-break">Session and Headline Speakers announced soon.</span>
<span class="wrap-break"><a href="/attend">Tickets on sale now!</a></span>
</p>
</div>
<div class="col-md-4 email-signup-panel">
@ -77,12 +75,59 @@
</div>
</div>
<div class="jumbotron homepage-block smaller">
<div class="container speakers_">
<h1>Featuring</h2>
<div class="speaker_ headline">
<span class="speaker-name">Jacob Kaplan-Moss</span>
<span class="speaker-description">Headline Speaker &bull; Saturday</span>
</div>
<div class="speaker_ headline">
<span class="speaker-name">Jessica McKellar</span>
<span class="speaker-description">Headline Speaker &bull; Sunday</span>
</div>
<div class="speaker_ headline">
<span class="speaker-name">Shadeed Wallace-Stepter</span>
<span class="speaker-description">Headline Speaker &bull; Sunday</span>
</div>
<div class="speaker_ headline">
<span class="speaker-name">Guido van Rossum</span>
<span class="speaker-description">Featured Speaker</span>
</div>
{% for i in '1234' %}
<div class="speaker_">
<span class="speaker-name">Beeper Booper</span>
<span class="speaker-description">Less Important Speaker</span>
</div>
{%endfor%}
</ul>
</div>
</div>
<!-- Homepage content begins here -->
<div class="homepage-vertical-space"></div>
<div class="homepage-vertical-space"></div>
<div class="container">
<div class="row">
<div class="col-xs-12">
</div>
</div>
<div class="homepage-vertical-space"></div>
<div class="row">
<div class="col-xs-12">
<h1>One Hour from San Francisco</h1>

View file

@ -636,3 +636,24 @@ body.login #content_body .row > div.col-md-9 > p + div.container {
.wrap-break {
display: inline-block;
}
.speakers_ {
text-align: center;
}
.speaker_ {
font-size: x-large;
margin-bottom: 0.5em;
&.headline {
font-size: xx-large;
}
}
.speaker-description {
font-size: smaller;
display: block;
font-variant: small-caps;
}