[staging area] added caption (call for proposals) on the first carousel image.

diff --git a/2014/assets/css/custom.css b/2014/assets/css/custom.css
index 4465ee1729db8ee49ac012a0175e53417612e178..eb9899ccb4615bb32e220c83ec4a5494d9732fd9 100644 (file)
--- a/2014/assets/css/custom.css
+++ b/2014/assets/css/custom.css
@@ -163,6 +163,22 @@
   display: none;
 }
 
+.carousel-caption {
+  position: absolute;
+  top: 5%;
+  bottom: auto;
+  right: 2%;
+  left: 35%;
+  z-index: 10;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: #ffffff;
+  text-align: center;
+  background-color: rgba(0, 0, 0,0.4);
+  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
+  border-radius: 8px;
+}
+
 .margin-top {
        margin-top: 40px;
 }

diff --git a/server/staging/lpc14/index.html b/server/staging/lpc14/index.html
index 79477bbe8ade391110494757d038e289935d3758..5798aff465c29bce96c28e4331d292360c8c43ec 100644 (file)
--- a/server/staging/lpc14/index.html
+++ b/server/staging/lpc14/index.html
@@ -92,11 +92,15 @@
                          
                          <!-- wrapper for slides -->
                          <ul class="carousel-inner list-unstyled">
-                                <li class="item active">
+                <li class="item active">
                                  <img src="/2014/i/lp13-expand-the-tent.jpg"
                                           alt="[ The Expanding the Tent panel ]">
+                                 <p class="lead carousel-caption">
+                                       Call for proposals now open!
+                                       <a class="btn btn-default" href="#">Submit a proposal</a>
+                                 </p>
                                </li>                           
-                                <li class="item">
+                <li class="item">
                                  <img src="/2014/i/lp13-printer.jpg"
                                           alt="[ Aleph Objects' Lulzbot 3D printer ]">
                                </li>