add panel for next events

3 files changed, 88 insertions, 41 deletions

diff --git a/source/index.html.erb b/source/index.html.erb
index 5bae1cd..e096c26 100644
--- a/source/index.html.erb
+++ b/source/index.html.erb
@@ -8,15 +8,18 @@ title: sublab - Ein Hackerspace in Leipzig
   <p>
     Das sublab ist ein <a href="/wiki/Hackerspace">Hackerspace</a>. Es bietet technik- und netzaffinen Menschen aus Leipzig und Umgebung, sowie der
     ganzen Welt einen Ort zum kreativen Ideen- und Erfahrungsaustausch. <%= link_to("Mehr zum sublab", "/ueber.html") %>
-  </p>
+</p>
 
 </div>
 
-<div>
-  <h3>Demnächst im sublab</h3>
-
-  <p>BattleMeshV7 - 12. bis 18. Mai 2014</p>
-  <p>CryptoCon14 - 22. bis 25. Mai 2014</p>
+<div class="panel panel-primary">
+  <div class="panel-heading">
+    <h3 class="panel-title">Demnächst im sublab</h3>
+  </div>
+  <div class="panel-body">
+    <p>BattleMeshV7 - 12. bis 18. Mai 2014</p>
+    <p>CryptoCon14 - 22. bis 25. Mai 2014</p>
+  </div>
 </div>
 
 <div>
diff --git a/source/stylesheets/_variables.scss b/source/stylesheets/_variables.scss
index 9093f23..c254708 100644
--- a/source/stylesheets/_variables.scss
+++ b/source/stylesheets/_variables.scss
@@ -20,6 +20,29 @@ $headings-color:        #fff;
 
 $text-muted:            $gray-light;
 
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+$padding-base-vertical:     8px;
+$padding-base-horizontal:   12px;
+
+$padding-large-vertical:    14px;
+$padding-large-horizontal:  16px;
+
+$padding-small-vertical:    5px;
+$padding-small-horizontal:  10px;
+
+$padding-xs-vertical:       1px;
+$padding-xs-horizontal:     5px;
+
+$line-height-large:         1.33;
+$line-height-small:         1.5;
+
+$border-radius-base:        4px;
+$border-radius-large:       6px;
+$border-radius-small:       3px;
+
 //** Global color for active items (e.g., navs or dropdowns).
 $component-active-color:    #fff;
 //** Global background color for active items (e.g., navs or dropdowns).
@@ -60,3 +83,59 @@ $dropdown-header-color:          $text-muted;
 
 // Note: Deprecated $dropdown-caret-color as of v3.1.0
 $dropdown-caret-color:           #000;
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+$state-success-text:             #fff;
+$state-success-bg:               $brand-success;
+$state-success-border:           darken(adjust-hue($state-success-bg, -10deg), 5%);
+
+$state-info-text:                #fff;
+$state-info-bg:                  $brand-info;
+$state-info-border:              darken(adjust-hue($state-info-bg, -10deg), 7%);
+
+$state-warning-text:             #fff;
+$state-warning-bg:               $brand-warning;
+$state-warning-border:           darken(adjust-hue($state-warning-bg, -10deg), 3%);
+
+$state-danger-text:              #fff;
+$state-danger-bg:                $brand-danger;
+$state-danger-border:            darken(adjust-hue($state-danger-bg, -10deg), 3%);
+
+//== Panels
+//
+//##
+
+$panel-bg:                    $gray-darker;
+$panel-body-padding:          15px;
+$panel-border-radius:         $border-radius-base;
+
+//** Border color for elements within panels
+$panel-inner-border:          $gray-dark;
+$panel-default-heading-bg:    lighten($gray-darker, 10%);
+$panel-footer-bg:             $panel-default-heading-bg;
+
+$panel-default-text:          $text-color;
+$panel-default-border:        $panel-inner-border;
+
+$panel-primary-text:          #fff;
+$panel-primary-border:        $brand-primary;
+$panel-primary-heading-bg:    $brand-primary;
+
+$panel-success-text:          $state-success-text;
+$panel-success-border:        $state-success-border;
+$panel-success-heading-bg:    $state-success-bg;
+
+$panel-info-text:             $state-info-text;
+$panel-info-border:           $state-info-border;
+$panel-info-heading-bg:       $state-info-bg;
+
+$panel-warning-text:          $state-warning-text;
+$panel-warning-border:        $state-warning-border;
+$panel-warning-heading-bg:    $state-warning-bg;
+
+$panel-danger-text:           $state-danger-text;
+$panel-danger-border:         $state-danger-border;
+$panel-danger-heading-bg:     $state-danger-bg;
diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss
index e8b6773..4f954be 100644
--- a/source/stylesheets/base.css.scss
+++ b/source/stylesheets/base.css.scss
@@ -29,44 +29,9 @@ nav {
 nav ul {
   @extend .nav;
   @extend .navbar-nav;
-  //@extend .nav-justified;
 }
 
-
 // navbar justified is umpossible; this is the best we can do now....
 .navbar-collapse {
   @extend .col-sm-offset-2;
 }
-
-
-// NAV JUSTIFIED CRUFT STARTS HERE
-
-
-/*
-.navbar-nav.nav-justified > li{
-    float:none;
-}
-*/
-
-/*
-// center the main nav items on big screens
-@media (min-width: $screen-sm-min) {
-  div#nav-big {
-    width: 40%;
-    margin: 0 auto;
-  }
-}
-*/
-
-/*
-// open navigation dropdown on hover on non-mobile devices
-// FIXME dropdown stays open on click..
-
-@media (min-width: $screen-sm-min) {
-nav ul li.dropdown:hover ul.dropdown-menu {
-display: block;
-margin-top:0px
-}
-}
-
- */