Changeset - 018f3ead1a0f
[Not reviewed]
0 2 0
Christopher Neugebauer - 5 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
...
 
@@ -17,3 +17,2 @@
 

	
 

	
 
    <div class="homepage-block-bg hphbg"></div>
...
 
@@ -45,4 +44,3 @@
 
          <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>
...
 
@@ -79,2 +77,41 @@
 

	
 
  <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>
 

	
 

	
...
 
@@ -85,2 +122,10 @@
 
  <div class="container">
 

	
 
    <div class="row">
 
      <div class="col-xs-12">
 
      </div>
 
    </div>
 

	
 
    <div class="homepage-vertical-space"></div>
 

	
 
    <div class="row">
static/scss/custom.scss
Show inline comments
...
 
@@ -638 +638,22 @@ body.login #content_body .row > div.col-md-9 > p + div.container {
 
}
 

	
 

	
 
.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)