From 3a14194dfe0b42fcc55edd9df39f03c49d03b392 Mon Sep 17 00:00:00 2001
From: Robert Mayr <robyduck@fedoraproject.org>
Date: Feb 07 2017 16:27:05 +0000
Subject: add an experts bubble to Everything


---

diff --git a/alt.fedoraproject.org/data/content/index.html b/alt.fedoraproject.org/data/content/index.html
index 6895b59..df48d48 100644
--- a/alt.fedoraproject.org/data/content/index.html
+++ b/alt.fedoraproject.org/data/content/index.html
@@ -242,9 +242,12 @@
   <div class="jumbotron main-head top-space visible-lg hidden-xs hidden-sm hidden-md">
     <div class="container using">
       <div class="row">
-        <div class="col-xs-12">
+        <div class="col-xs-2">
         <h2>${_('Everything')}</h2>
         </div>
+        <div class="col-xs-10">
+        <div class="experts sx">${_('Experts only!')}</div>
+        </div>
       </div>
       <div class="row">
         <div class="col-md-3 product-feature">
@@ -288,9 +291,12 @@
   <div class="jumbotron main-head top-space visible-xs">
     <div class="container using">
       <div class="row">
-        <div class="col-xs-12">
+        <div class="col-xs-6">
         <h2>${_('Everything')}</h2>
         </div>
+        <div class="col-xs-6">
+        <div class="experts sx">${_('Experts only!')}</div>
+        </div>
       </div>
       <div class="row">
         <div class="col-xs-12 product-feature">
@@ -324,9 +330,12 @@
   <div class="jumbotron main-head top-space visible-sm-md hidden-xs hidden-lg">
     <div class="container using">
       <div class="row">
-        <div class="col-xs-12">
+        <div class="col-xs-3">
         <h2>${_('Everything')}</h2>
         </div>
+        <div class="col-xs-9">
+        <div class="experts sx">${_('Experts only!')}</div>
+        </div>
       </div>
       <div class="row">
         <div class="col-xs-12 product-feature">
diff --git a/alt.fedoraproject.org/static/css/app.css b/alt.fedoraproject.org/static/css/app.css
index 9de957a..be03764 100644
--- a/alt.fedoraproject.org/static/css/app.css
+++ b/alt.fedoraproject.org/static/css/app.css
@@ -83,6 +83,45 @@ a.btn-lg {
   color: #fff;
 }
 
+/* Experts bubble */
+
+.experts {
+    background-color: #F2F2F2;
+    border-radius: 5px;
+    box-shadow: 0 0 6px #B2B2B2;
+    display: inline-block;
+    padding: 5px 11px;
+    position: relative;
+    vertical-align: top;
+}
+
+.experts::before {
+    background-color: #F2F2F2;
+    content: "\00a0";
+    display: block;
+    height: 12px;
+    position: absolute;
+    top: 9px;
+    transform:             rotate( 29deg ) skew( -35deg );
+        -moz-transform:    rotate( 29deg ) skew( -35deg );
+        -ms-transform:     rotate( 29deg ) skew( -35deg );
+        -o-transform:      rotate( 29deg ) skew( -35deg );
+        -webkit-transform: rotate( 29deg ) skew( -35deg );
+    width:  15px;
+}
+
+.sx {
+    float: left;
+    margin: 25px 5px 5px 15px;
+}
+
+.sx::before {
+    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
+    left: -8px;
+}
+
+/* end Experts bubble */
+
 /* Product Front Pages (General Classes) */
 
 .product-testimonial, .header-splash, .product-features
@@ -1016,4 +1055,4 @@ img.pull-left { margin-right: 10px; }
     font-size: 44px;
 }
 }
-/* end small screens classes */
\ No newline at end of file
+/* end small screens classes */