0 2 0
Christopher Neugebauer - 14 months ago 2019-09-29 19:36:47
_@chrisjrn.com
Add new speaker styling
2 files changed with 69 insertions and 3 deletions:
↑ Collapse Diff ↑
...
 
@@ -15,7 +15,6 @@
15 15
 
  <div class="homepage-block-bg website-background"></div>
16 16
 
  <div class="jumbotron homepage-block dark smaller">
17 17
 

	
18
 

	
19 18
 
    <div class="homepage-block-bg hphbg"></div>
20 19
 
    <div class="container homepage-block-content-cloudsep">
21 20
 
          <div class="logo large left" style="margin: 20px;">
...
 
@@ -43,8 +42,7 @@
43 42
 
      <div class="row">
44 43
 
        <div class="col-md-8">
45 44
 
          <p class="">
46
 
            <span class="wrap-break"><a href="/attend">Early Bird Tickets on sale now!</a></span>
47
 
            <span class="wrap-break">Session and Headline Speakers announced soon.</span>
45
 
            <span class="wrap-break"><a href="/attend">Tickets on sale now!</a></span>
48 46
 
          </p>
49 47
 
        </div>
50 48
 
        <div class="col-md-4  email-signup-panel">
...
 
@@ -77,12 +75,59 @@
77 75
 
    </div>
78 76
 
  </div>
79 77
 

	
78
 
  <div class="jumbotron homepage-block smaller">
79
 
    <div class="container speakers_">
80
 

	
81
 
      <h1>Featuring</h2>
82
 

	
83
 
        <div class="speaker_ headline">
84
 
          <span class="speaker-name">Jacob Kaplan-Moss</span>
85
 
          <span class="speaker-description">Headline Speaker &bull; Saturday</span>
86
 
        </div>
87
 

	
88
 
        <div class="speaker_ headline">
89
 
          <span class="speaker-name">Jessica McKellar</span>
90
 
          <span class="speaker-description">Headline Speaker &bull; Sunday</span>
91
 
        </div>
92
 

	
93
 
        <div class="speaker_ headline">
94
 
          <span class="speaker-name">Shadeed Wallace-Stepter</span>
95
 
          <span class="speaker-description">Headline Speaker &bull; Sunday</span>
96
 
        </div>
97
 

	
98
 
        <div class="speaker_ headline">
99
 
          <span class="speaker-name">Guido van Rossum</span>
100
 
          <span class="speaker-description">Featured Speaker</span>
101
 
        </div>
102
 

	
103
 
      {% for i in '1234' %}
104
 
      <div class="speaker_">
105
 
        <span class="speaker-name">Beeper Booper</span>
106
 
        <span class="speaker-description">Less Important Speaker</span>
107
 
      </div>
108
 

	
109
 
      {%endfor%}
110
 

	
111
 
      </ul>
112
 

	
113
 
    </div>
114
 

	
115
 
  </div>
116
 

	
80 117
 

	
81 118
 
  <!-- Homepage content begins here -->
82 119
 
  <div class="homepage-vertical-space"></div>
83 120
 
  <div class="homepage-vertical-space"></div>
84 121
 

	
85 122
 
  <div class="container">
123
 

	
124
 
    <div class="row">
125
 
      <div class="col-xs-12">
126
 
      </div>
127
 
    </div>
128
 

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

	
86 131
 
    <div class="row">
87 132
 
      <div class="col-xs-12">
88 133
 
        <h1>One Hour from San Francisco</h1>
...
 
@@ -636,3 +636,24 @@ body.login #content_body .row > div.col-md-9 > p + div.container {
636 636
 
.wrap-break {
637 637
 
  display: inline-block;
638 638
 
}
639
 

	
640
 

	
641
 
.speakers_ {
642
 
  text-align: center;
643
 
}
644
 

	
645
 
.speaker_ {
646
 
    font-size: x-large;
647
 
    margin-bottom: 0.5em;
648
 

	
649
 
    &.headline {
650
 
      font-size: xx-large;
651
 
    }
652
 
}
653
 

	
654
 

	
655
 
.speaker-description {
656
 
  font-size: smaller;
657
 
  display: block;
658
 
  font-variant: small-caps;
659
 
}
0 comments (0 inline, 0 general)