Changeset - 018f3ead1a0f
[Not reviewed]
0 2 0
Christopher Neugebauer - 4 years ago 2019-09-29 19:36:47
_@chrisjrn.com
Add new speaker styling
2 files changed with 69 insertions and 3 deletions:
0 comments (0 inline, 0 general)
pinaxcon/templates/static_pages/homepage.html
Show inline comments
...
 
@@ -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>
static/scss/custom.scss
Show inline comments
...
 
@@ -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;
 
}
0 comments (0 inline, 0 general)