Add new speaker styling
This commit is contained in:
parent
d0ff77e395
commit
018f3ead1a
2 changed files with 69 additions and 3 deletions
|
@ -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 • Saturday</span>
|
||||
</div>
|
||||
|
||||
<div class="speaker_ headline">
|
||||
<span class="speaker-name">Jessica McKellar</span>
|
||||
<span class="speaker-description">Headline Speaker • Sunday</span>
|
||||
</div>
|
||||
|
||||
<div class="speaker_ headline">
|
||||
<span class="speaker-name">Shadeed Wallace-Stepter</span>
|
||||
<span class="speaker-description">Headline Speaker • 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>
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue