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…
	
	Add table
		
		Reference in a new issue
	
	 Christopher Neugebauer
						Christopher Neugebauer