kafka-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From guozh...@apache.org
Subject kafka-site git commit: MINOR: Hyperlink 3 callouts on the homepage
Date Thu, 03 Aug 2017 21:46:58 GMT
Repository: kafka-site
Updated Branches:
  refs/heads/asf-site e69e6e103 -> 812da17c0


MINOR: Hyperlink 3 callouts on the homepage

Added hyperlinks on the 3 homepage callouts to specific sections of documentation.

Author: Derrick Or <derrickor@gmail.com>

Reviewers: Guozhang Wang <wangguoz@gmail.com>

Closes #69 from derrickdoo/homepage-links


Project: http://git-wip-us.apache.org/repos/asf/kafka-site/repo
Commit: http://git-wip-us.apache.org/repos/asf/kafka-site/commit/812da17c
Tree: http://git-wip-us.apache.org/repos/asf/kafka-site/tree/812da17c
Diff: http://git-wip-us.apache.org/repos/asf/kafka-site/diff/812da17c

Branch: refs/heads/asf-site
Commit: 812da17c0faaeddf95951d777a90cb65928ec3a1
Parents: e69e6e1
Author: Derrick Or <derrickor@gmail.com>
Authored: Thu Aug 3 14:46:55 2017 -0700
Committer: Guozhang Wang <wangguoz@gmail.com>
Committed: Thu Aug 3 14:46:55 2017 -0700

----------------------------------------------------------------------
 0110/introduction.html |  2 +-
 css/styles.css         | 60 ++++++++++++++++++++++++++++-----------------
 index.html             | 12 ++++-----
 3 files changed, 45 insertions(+), 29 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/kafka-site/blob/812da17c/0110/introduction.html
----------------------------------------------------------------------
diff --git a/0110/introduction.html b/0110/introduction.html
index 556aa02..1c6f077 100644
--- a/0110/introduction.html
+++ b/0110/introduction.html
@@ -146,7 +146,7 @@
   Kafka does it better. By having a notion of parallelism&mdash;the partition&mdash;within
the topics, Kafka is able to provide both ordering guarantees and load balancing over a pool
of consumer processes. This is achieved by assigning the partitions in the topic to the consumers
in the consumer group so that each partition is consumed by exactly one consumer in the group.
By doing this we ensure that the consumer is the only reader of that partition and consumes
the data in order. Since there are many partitions this still balances the load over many
consumer instances. Note however that there cannot be more consumer instances in a consumer
group than partitions.
   </p>
 
-  <h4>Kafka as a Storage System</h4>
+  <h4 id="kafka_storage">Kafka as a Storage System</h4>
 
   <p>
   Any message queue that allows publishing messages decoupled from consuming them is effectively
acting as a storage system for the in-flight messages. What is different about Kafka is that
it is a very good storage system.

http://git-wip-us.apache.org/repos/asf/kafka-site/blob/812da17c/css/styles.css
----------------------------------------------------------------------
diff --git a/css/styles.css b/css/styles.css
index e27534b..2ee80b2 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -432,14 +432,16 @@ nav .btn {
 }
 .desc-item {
 	float: left;
-	width: 18rem;
+	width: 24rem;
 	margin-left: 4.2rem;
 }
 .desc-item:first-of-type {
-	width: 25rem;
-	margin-right: 1rem;
 	margin-left: 0;
 }
+.desc-item h2,
+.desc-item p {
+	color: #000000;
+}
 .desc-item p {
 	margin: 0;
 	width: 18rem;
@@ -448,9 +450,20 @@ nav .btn {
 	content: "";
 	border-top: 2px solid #000000;
 	display: block;
+	-webkit-transition: width .5s;
+    transition: width .5s;
 	width: 5rem;
 	margin: .2rem 0 1rem;
 }
+.desc-item:hover p:before {
+	border-color: #0C637B;
+	width: 22rem;
+}
+.desc-item:hover h2,
+.desc-item:hover p
+ {
+	color: #0C637B;
+}
 .callout {
 	background-color: #F0F0F0;
 	padding: 1.5rem 2rem 3rem;
@@ -710,29 +723,20 @@ nav .btn {
 }
 
 @media only screen and (max-width: 1125px) {
-	.hero {
-		justify-content: flex-start;
-	}
-	.hero__diagram {
-		max-width: 42rem;
-		margin-right: 4rem;
-	}
-	.feature-list li {
-		width: 100%;
+	.right {
+		margin-left: 32rem;
 	}
-}
-
-@media only screen and (max-width: 1035px) {
 	.desc {
 		margin-left: 0;
-		margin-bottom: 2rem;
+		margin-bottom: 3rem;
 	}
-  .desc-item,
+	.desc-item,
 	.desc-item:first-of-type {
 		float: none;
 		width: auto;
 		margin-left: 0;
-		margin-bottom: 4rem;
+		display: block;
+		margin-bottom: 2rem;
 	}
 	.desc-item p {
 		width: auto;
@@ -744,12 +748,28 @@ nav .btn {
 	.callout {
 		margin: 2rem 1.5rem;
 	}
+	.hero {
+		justify-content: flex-start;
+	}
+	.hero__diagram {
+		max-width: 42rem;
+		margin-right: 4rem;
+	}
+	.feature-list li {
+		width: 100%;
+	}
+}
+
+@media only screen and (max-width: 1035px) {
 	.apache-feather {
 		bottom: 2.8rem;
 	}
 }
 
 @media only screen and (max-width: 950px) {
+	.right {
+		margin-left: 22rem;
+	}
 	.hero {
 		flex-direction: column;
 	}
@@ -772,10 +792,6 @@ nav .btn {
 }
 
 @media only screen and (max-width: 800px) {
-	.desc-item,
-	.desc-item:first-of-type {
-		margin-bottom: 3rem;
-	}
 	.kafka-diagram {
 		width: 80%;
 		min-width: 28rem;

http://git-wip-us.apache.org/repos/asf/kafka-site/blob/812da17c/index.html
----------------------------------------------------------------------
diff --git a/index.html b/index.html
index 38b886b..cf8610d 100644
--- a/index.html
+++ b/index.html
@@ -4,18 +4,18 @@
 	<!--#include virtual="includes/_nav.htm" -->
 	<div class="right">
 		<div class="desc">
-			<div class="desc-item">
+			<a href="/documentation/#producerapi" class="desc-item">
 				<h2>Publish &amp; subscribe</h2>
 				<p>to streams of data like a messaging system</p>
-			</div>
-			<div class="desc-item">
+			</a>
+			<a href="/documentation/streams" class="desc-item">
 				<h2>Process</h2>
 				<p>streams of data efficiently and in real time</p>
-			</div>
-			<div class="desc-item">
+			</a>
+			<a href="/intro#kafka_storage" class="desc-item">
 				<h2>Store</h2>
 				<p>streams of data safely in a distributed replicated cluster</p>
-			</div>
+			</a>
 		</div>
 		<div class="index">
 			<img width="451" height="435" class="kafka-diagram" src="/images/kafka_diagram.png">


Mime
View raw message