CopyleftConf/copyleftconf-website Changeset - 018f3ead1a0f

Changeset - 018f3ead1a0f

Parent rev.

Child rev.

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

pinaxcon/templates/static_pages/homepage.html

static/scss/custom.scss

0 comments (0 inline, 0 general)

pinaxcon/templates/static_pages/homepage.html

➞

Show inline comments

@@ ... / @@ -6,25 +6,24 @@ @@
 {% load sponsorship_tags %}
 {% load schedule_tags %}
 {% block head_title %}November 2 and 3, 2019{% endblock %}
 {% block body_class %}home{% endblock %}
 {% block body %}
   <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;">
             <div class="circle">
               <div class="fill" style="background-image: url('{% static "images/logo.svg" %}');"></div>
             </div>
           </div>
           <h1 class="homepage-title">North Bay<br/>
             Python
           </h1>
       <h2 class="homepage-subtitle">
         <span class="wrap-break">A one-track Python conference,</span> <span class="wrap-break">north of the Golden Gate.</span><br/>
@@ ... / @@ -34,26 +33,25 @@ @@
     </div>
     <div class="homepage-block-bloop">
       <div class="grey-gradient main"></div>
       <div class="clouds main"></div>
     </div>
   </div>
   <div class="jumbotron homepage-block dark shallow">
     <div class="container homepage-block-footer">
       <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">
           <div class="panel panel-default">
             <div class="panel-heading">
               <h2 class="panel-title homepage-title">Sign up for our newsletter</h4>
             </div>
             <div class="panel-body">
               <form
                 class="form-inline"
                 action="https://tinyletter.com/northbaypython" method="post" target="popupwindow" onsubmit="window.open('https://tinyletter.com/northbaypython', 'popupwindow', 'scrollbars=yes,width=800,height=600');return true">
                 <div class="form-group">
@@ ... / @@ -68,30 +66,77 @@ @@
                   <input class="btn btn-primary" type="submit" value="Subscribe" />
                 </span>
                 <input type="hidden" value="1" name="embed"/>
               </form>
             </div>
           </div>
         </div>
       </div>
     </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>
         <p class="lead">
           <span class="wrap-break">Whether you're from Sonoma County,</span>
           <span class="wrap-break">from the Bay Area, </span>
           <span class="wrap-break">or flying here for the first time,</span>
           <span class="wrap-break">North Bay Python in Petaluma is easy to get to.</span>
         </p>
       </div>
     </div>

static/scss/custom.scss

➞

Show inline comments

@@ ... / @@ -627,12 +627,33 @@ footer .footer-copy { @@
 body.login #content_body .row > div.col-md-9 > p + div.container {
   padding-left: 0px;
+}
 .homepage-vertical-space {
   height: 20px;
+}
 .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)