Add alternative to meetup announcements on landingpage. Includes talk…

…s and free slots now.
berlinjs · Feb 14, 2013 · 291d752 · 291d752
1 parent 4a3fc18
commit 291d752
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 7 deletions.
diff --git a/images/dummy_dummy.png → images/person_placeholder.png b/images/dummy_dummy.png → images/person_placeholder.png
diff --git a/index.html b/index.html
@@ -42,11 +42,27 @@ <h4>// the original meetup</h4>
           <a class="button blue-button" href="regular.html#announcement">See the details</a>
         </p>
           <ul class="event-details">
-            <li class="interval">3rd thursday each month</li>
-            <li class="time">starts 7:30pm</li>
-            <li class="location">
-              <a href="page.html">Co.Up Coworkingspace</a>
-              <span>Adalbertstraße 7-8, Berlin-Kreuzberg</span>
+            <li>
+              <div class="person-picture">
+                <img src="images/speaker/leon_weidauer.jpeg" alt="person">
+              </div>
+              <hgroup class="talk-title">
+                <span class="person-name">Leon Weidauer</span>
+                <h4>
+                  Making an image conversion service with node.js
+                </h4>
+              </hgroup>
+            </li>
+            <li>
+              <div class="person-picture">
+                <img src="images/person_placeholder.png" alt="person">
+              </div>
+              <hgroup class="talk-title">
+                <span class="person-name">Free talk slot</span>
+                <h4>
+                  This could be your talk – <a href="#become-speaker">learn how to claim it</a>
+                </h4>
+              </hgroup>
             </li>
           </ul>
         </li>

diff --git a/stylesheets/components/_event_timeline.scss b/stylesheets/components/_event_timeline.scss
@@ -97,7 +97,7 @@
   font-size: .75em;
 
   li {
-    padding: .5em 0 0 2.5em;
+    padding: .5em 0;
     border-bottom: 1px solid #e1e1e1;
     line-height: 2;
 

diff --git a/stylesheets/modules/_person.scss b/stylesheets/modules/_person.scss
@@ -115,4 +115,10 @@ a {
   .person-info {
     margin-left: 0;
   }
+}
+
+// Speaker within event details
+
+.event-details .person-picture {
+  width: 4em;
 }
diff --git a/stylesheets/styles.css b/stylesheets/styles.css
@@ -1627,7 +1627,7 @@ small {
   color: #666;
   font-size: .75em; }
   .event-details li {
-    padding: .5em 0 0 2.5em;
+    padding: .5em 0;
     border-bottom: 1px solid #e1e1e1;
     line-height: 2; }
     .event-details li:last-child {
@@ -1822,6 +1822,9 @@ a {
 .talk .person-info {
   margin-left: 0; }
 
+.event-details .person-picture {
+  width: 4em; }
+
 .sidebar-left {
   position: relative;
   top: 2em;