]> git.ipfire.org Git - thirdparty/foundation/foundation-sites.git/commitdiff
Put course marketing topbar on docs
authorKevin Ball <kmball11@gmail.com>
Mon, 3 Jul 2017 22:38:20 +0000 (15:38 -0700)
committerKevin Ball <kmball11@gmail.com>
Mon, 3 Jul 2017 22:38:27 +0000 (15:38 -0700)
docs/assets/scss/docs.scss
docs/layout/default.html

index 84c3882a5c48d1bb0db25426ecbe339861f3262b..259e7907c288de190f40232923a7a85868532670 100644 (file)
@@ -103,6 +103,21 @@ a#notice {
     .countdown { display: none; }
   }
 }
+a.docs-banner {
+  display: block;
+  overflow: hidden;
+  padding: 0.4rem 0;
+  position: relative;
+  width: 100%;
+  height: auto;
+  background: #f88327;
+  color: $white;
+  h5 {
+    margin-bottom: 0 !important;
+    text-align: center;
+    font-size: 0.9rem;
+  }
+}
 /* COUNTDOWN END */
 
 $transition-slow: all 0.5s ease-in-out;
@@ -440,3 +455,7 @@ a[data-open-video] {
     color: #aaa;
   }
 }
+
+.docs-off-canvas-content {
+  padding-top: 130px;
+}
index 4251bd16ba21e1b81b10a72b8d9c563f6cd80f65..e0e7a6a6553826c000dffdd9bd112edc4e296347 100644 (file)
@@ -15,7 +15,6 @@
 </head>
 <body>
 
-  <!-- Info Banner For Announcements or Links -->
   <!-- <a href="http://zurb.com/wired" id="notice">
     <div class="info">
       <div id="clockdiv" class="countdown">
     {{> off-canvi}}
 
     <div class="docs-off-canvas-content off-canvas-content" data-off-canvas-content>
-      <!-- Info Banner For Announcements or Links -->
-      <!-- <a href="http://zurb.com/article/1416/foundation-6-is-here" id="notice">
-        <div class="info">
-          <h5>Foundation 6 is here!</h5>
-        </div>
-      </a> -->
-
       <div class="docs-sticky-top-bar">
+        <!-- Info Banner For Announcements or Links -->
+        <a href="http://zurb.com/university/foundation-intro" class="docs-banner course-banner">
+          <div class="info row">
+            <h5 class="columns small-10 small-centered"><strong>Give yourself the competitive edge. Learn directly from the Foundation team &rsaquo;</strong></h5>
+          </div>
+        </a>
+
         {{> navigation}}
         {{> mobile-navigation}}
         {{> search-bar}}