You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@kafka.apache.org by gu...@apache.org on 2018/03/27 18:54:54 UTC

[kafka-site] branch asf-site updated: MINOR - Adding anchor links to download page (#132)

This is an automated email from the ASF dual-hosted git repository.

guozhang pushed a commit to branch asf-site
in repository https://gitbox.apache.org/repos/asf/kafka-site.git


The following commit(s) were added to refs/heads/asf-site by this push:
     new 4fc5e20  MINOR - Adding anchor links to download page (#132)
4fc5e20 is described below

commit 4fc5e20b9b0635f64335b4a1ebae9d750de7d8a9
Author: manjuapu <ma...@confluent.io>
AuthorDate: Tue Mar 27 11:54:52 2018 -0700

    MINOR - Adding anchor links to download page (#132)
    
    * Adding anchor links to download page
    
    * Anchor tag to streams page
    
    * Adding anchor icon
---
 0110/streams/index.html |   4 +-
 10/streams/index.html   |  29 ++++++++++++--
 css/styles.css          |  15 ++++++++
 downloads.html          | 100 +++++++++++++++++++++++++++++++++++-------------
 includes/_footer.htm    |  19 +++++++++
 includes/_header.htm    |   1 +
 6 files changed, 136 insertions(+), 32 deletions(-)

diff --git a/0110/streams/index.html b/0110/streams/index.html
index 261c4d3..d771266 100644
--- a/0110/streams/index.html
+++ b/0110/streams/index.html
@@ -78,8 +78,8 @@
                <a href="/{{version}}/documentation/streams/tutorial" class="first__app__btn">Write your first app</a>
            </div>
        </div>
-       <hr class="separator" id="streams-use-cases"> 
-        <h3 class="stream__text">Streams API use cases</h3>
+       <hr class="separator"> 
+        <h3 class="stream__text" id="streams-use-cases"><a href="#streams-use-cases">Streams API use cases</a></h3>
          <div class="customers__grid">
            <div class="customer__grid">
              <div class="customer__item streams_logo_grid streams__ny__grid">
diff --git a/10/streams/index.html b/10/streams/index.html
index b39a7d3..1a08b69 100644
--- a/10/streams/index.html
+++ b/10/streams/index.html
@@ -15,6 +15,7 @@
 <script>
   <!--#include virtual="../js/templateData.js" -->
 </script>
+
 <script id="streams-template" type="text/x-handlebars-template">
   <h1>Kafka Streams</h1>
        <div class="sub-nav-sticky">
@@ -78,9 +79,10 @@
            <div class="first__app__cta">
                <a href="/{{version}}/documentation/streams/tutorial" class="first__app__btn">Write your first app</a>
            </div>
-       </div>
-       <hr class="separator"> 
-        <h3 class="stream__text">Streams API use cases</h3>
+       </div>  
+       <hr class="separator" id="streams-use-cases">
+        <h3 class="stream__text streams-link">Streams API use cases <a id="streams-use-case" href="#streams-use-cases"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
          <div class="customers__grid">
            <div class="customer__grid">
              <div class="customer__item streams_logo_grid streams__ny__grid">
@@ -314,8 +316,27 @@
 </div>
 <!--#include virtual="../../includes/_footer.htm" -->
 <script>
+
   $(function() {
-         
+
+
+         $('.streams-link').mouseenter(function(){
+              $('#streams-use-case').css('visibility','visible');
+         });
+
+          $('.streams-link').mouseleave(function(){
+              $('#streams-use-case').css('visibility','hidden');
+         });
+
+          $('#streams-use-case').click(function(){
+              $('#streams-use-case').css('visibility','hidden');
+         });
+
+
+          $('#streams-use-case').mouseenter(function(){
+              $('#streams-use-case').css('visibility','visible');
+         });
+
          // Show selected style on nav item
          $('.b-nav__streams').addClass('selected');
     
diff --git a/css/styles.css b/css/styles.css
index e389651..ebb3d8d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -725,6 +725,21 @@ nav .btn {
     background-image: url('/images/icons/check.png');
     background-size: contain;
 }
+
+.download-version a{
+    visibility: hidden;
+    padding-left:10px;
+  }
+  .svg-inline--fa.fa-w-16 {
+    width: 0.8em;
+ }
+
+#streams-use-case {
+    visibility: hidden;
+    opacity:0.7;
+        
+}
+
 /* Responsive styles */
 
 @media only screen and (max-width: 1240px) {
diff --git a/downloads.html b/downloads.html
index 2aa39af..6d5f160 100644
--- a/downloads.html
+++ b/downloads.html
@@ -4,13 +4,18 @@
 	<!--#include virtual="includes/_nav.htm" -->
 	<div class="right">
 		<h1>Download</h1>
+
     <p>1.0.1 is the latest release. The current stable version is 1.0.1.</p>
 
+
     <p>
     You can verify your download by following these <a href="http://www.apache.org/info/verification.html">procedures</a> and using these <a href="https://kafka.apache.org/KEYS">KEYS</a>.
     </p>
 
-        <h3 id="1.0.1">1.0.1</h3>
+   <span id="1.0.1"></span>
+   <h3 class="download-version">1.0.1<a href="#1.0.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
+
         <ul>
             <li>
                 Released March 5, 2018
@@ -31,8 +36,10 @@
             </li>
         </ul>
 
+      <span id="1.0.0"></span>
+      <h3 class="download-version">1.0.0<a href="#1.0.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+      
 
-        <h3 id ="1.0.0">1.0.0</h3>
 
         <ul>
             <li>
@@ -80,8 +87,8 @@
             For more information, please read the detailed <a href="https://www.apache.org/dist/kafka/1.0.0/RELEASE_NOTES.html">Release Notes</a>.
         </p>
 
-
-        <h3 id="0.11.0.2">0.11.0.2</h3>
+        <span id="0.11.0.2"></span>
+        <h3 class="download-version">0.11.0.2<a href="#0.11.0.2"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
         <ul>
             <li>
                 Released November 17, 2017
@@ -102,7 +109,9 @@
             </li>
         </ul>
 
-        <h3 id="0.11.0.1">0.11.0.1</h3>
+        <span id="0.11.0.1"></span>
+        <h3 class="download-version">0.11.0.1<a href="#0.11.0.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released September 13, 2017
@@ -123,8 +132,9 @@
             </li>
         </ul>
 
-
-        <h3 id="0.11.0.0">0.11.0.0</h3>
+        <span id="0.11.0.0"></span>
+        <h3 class="download-version">0.11.0.0<a href="#0.11.0.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+    
         <ul>
             <li>
                 Released June 28, 2017
@@ -145,7 +155,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.2.1">0.10.2.1</h3>
+        <span id="0.10.2.1"></span>
+        <h3 class="download-version">0.10.2.1<a href="#0.10.2.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released April 26, 2017
@@ -170,7 +182,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.2.0">0.10.2.0</h3>
+        <span id="0.10.2.0"></span>
+        <h3 class="download-version">0.10.2.0<a href="#0.10.2.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+       
         <ul>
             <li>
                 Released February 21, 2017
@@ -195,7 +209,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.1.1">0.10.1.1</h3>
+        <span id="0.10.1.1"></span>
+        <h3 class="download-version">0.10.1.1<a href="#0.10.1.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+      
         <ul>
             <li>
                 Released December 20, 2016
@@ -220,7 +236,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.1.0">0.10.1.0</h3>
+       <span id="0.10.1.0"></span>
+       <h3 class="download-version">0.10.1.0<a href="#0.10.1.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released October 20, 2016
@@ -243,7 +261,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.0.1">0.10.0.1</h3>
+        <span id="0.10.0.1"></span>
+        <h3 class="download-version">0.10.0.1<a href="#0.10.0.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released August 10, 2016
@@ -266,7 +286,9 @@
             </li>
         </ul>
 
-        <h3 id="0.10.0.0">0.10.0.0</h3>
+        <span id="0.10.0.0"></span>
+        <h3 class="download-version">0.10.0.0<a href="#0.10.0.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released May 22, 2016
@@ -289,7 +311,9 @@
             </li>
         </ul>
 
-        <h3 id="0.9.0.1">0.9.0.1</h3>
+        <span id="0.9.0.1"></span>
+        <h3 class="download-version">0.9.0.1<a href="#0.9.0.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released February 19, 2016
@@ -312,7 +336,9 @@
             </li>
         </ul>
 
-        <h3 id="0.9.0.0">0.9.0.0</h3>
+        <span id="0.9.0.0"></span>
+        <h3 class="download-version">0.9.0.0<a href="#0.9.0.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+      
         <ul>
             <li>
                 Released November 23, 2015
@@ -335,7 +361,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.2.2">0.8.2.2</h3>
+        <span id="0.8.2.2"></span>
+        <h3 class="download-version">0.8.2.2<a href="#0.8.2.2"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released October 2, 2015
@@ -362,7 +390,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.2.1">0.8.2.1</h3>
+       <span id="0.8.2.1"></span>
+       <h3 class="download-version">0.8.0.2<a href="#0.8.0.2"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released March 11, 2015
@@ -388,8 +418,10 @@
                 We build for multiple versions of Scala. This only matters if you are using Scala and you want a version built for the same Scala version you use. Otherwise any version should work (2.10 is recommended).
             </li>
         </ul>
+       
+        <span id="0.8.2.0"></span>
+        <h3 class="download-version">0.8.2.0<a href="#0.8.2.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
 
-        <h3 id="0.8.2.0">0.8.2.0</h3>
         <ul>
             <li>
                 Released February 2, 2015
@@ -416,7 +448,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.2-beta">0.8.2-beta</h3>
+        <span id="0.8.2-beta"></span>
+        <h3 class="download-version">0.8.2-beta<a href="#0.8.2-beta"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released October 28, 2014
@@ -443,7 +477,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.1.1">0.8.1.1 Release</h3>
+        <span id="0.8.1.1"></span>
+        <h3 class="download-version">0.8.1.1 Release<a href="#0.8.1.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+     
         <ul>
             <li>
                 Released April 29, 2014
@@ -470,7 +506,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.1">0.8.1 Release</h3>
+        <span id="0.8.1"></span>
+        <h3 class="download-version">0.8.1 Release<a href="#0.8.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released March 12, 2014
@@ -499,7 +537,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.0">0.8.0 Release</h3>
+        <span id="0.8.0"></span>
+        <h3 class="download-version">0.8.0 Release<a href="#0.11.0.2"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released December 3, 2013
@@ -515,7 +555,9 @@
             </li>
         </ul>
 
-        <h3 id="0.8.0-Beat1">0.8.0 Beta1 Release</h3>
+        <span id="0.8.0-Beta1"></span>
+        <h3 class="download-version">0.8.0 Beta1 Release<a href="#0.8.0-Beta1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released June 28, 2013
@@ -531,7 +573,9 @@
             </li>
         </ul>
 
-        <h3 id="0.7.2">0.7.2 Release</h3>
+        <span id="0.7.2"></span>
+        <h3 class="download-version">0.7.2 Release<a href="#0.7.2"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released October 10, 2012
@@ -544,7 +588,9 @@
             </li>
         </ul>
 
-        <h3 id="0.7.1">0.7.1 Release</h3>
+        <span id="0.7.1"></span>
+        <h3 class="download-version">0.7.1 Release<a href="#0.7.1"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released June 27, 2012
@@ -557,7 +603,9 @@
             </li>
         </ul>
 
-        <h3 id="0.7.0">0.7.0 Release</h3>
+        <span id="0.7.0"></span>
+        <h3 class="download-version">0.7.0 Release<a href="#0.7.0"><i class="fas fa-link " style="color:#053ce2"></i></a></h3>
+
         <ul>
             <li>
                 Released January 4, 2012
diff --git a/includes/_footer.htm b/includes/_footer.htm
index 1a712ff..8b4a679 100644
--- a/includes/_footer.htm
+++ b/includes/_footer.htm
@@ -51,6 +51,25 @@
 	<script src="/js/jquery.sticky-kit.min.js"></script>
 	<script>
 		$(function() {
+
+
+            $('.download-version').mouseenter(function(){
+                $('a',this).css('visibility','visible');
+            });
+
+            $('.download-version').mouseleave(function(){
+                $('a',this).css('visibility','hidden');
+            });
+
+            $('.download-version a').click(function(){
+               $('a',this).css('visibility','hidden');
+            });
+
+
+            $('.download-version a').mouseenter(function(){
+               $('a',this).css('visibility','visible');
+            });
+
 			// Set mobile scroll position on nav
 			function setNavScroll(offsetLeft) {
 				$('.nav-scroller').animate({
diff --git a/includes/_header.htm b/includes/_header.htm
index aab98a1..0d99aea 100644
--- a/includes/_header.htm
+++ b/includes/_header.htm
@@ -18,6 +18,7 @@
 		<meta property="og:type" content="website" />
 		<link href="https://fonts.googleapis.com/css?family=Cutive+Mono|Roboto:400,700,900" rel="stylesheet">
 		<script src="/js/jquery.min.js"></script>
+		<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
 		<script>
 			// DO NOT NEED TO UPDATE
 			// Legacy versions of the documentation to not do frontend redirect for

-- 
To stop receiving notification emails like this one, please contact
guozhang@apache.org.