kafka-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From mj...@apache.org
Subject [kafka-site] branch asf-site updated: Adding the latest news section on homepage (#221)
Date Tue, 16 Jul 2019 21:19:31 GMT
This is an automated email from the ASF dual-hosted git repository.

mjsax 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 0c9b0b3  Adding the latest news section on homepage (#221)
0c9b0b3 is described below

commit 0c9b0b3bab887dc4d44de81378f926d79a81e837
Author: Hartanto Thio <hartantothio@users.noreply.github.com>
AuthorDate: Tue Jul 16 14:19:25 2019 -0700

    Adding the latest news section on homepage (#221)
    
    Reviewers: Jim Galasyn <jim.galasyn@confluent.io>, Victoria Bialas <vicky@confluent.io>,
Guozhang Wang <guozhang@confluent.io>, Matthias J. Sax <matthias@confluent.io>
---
 css/styles.css       | 86 ++++++++++++++++++++++++++++++++++++++++------------
 includes/_header.htm |  4 +--
 index.html           | 15 +++++++++
 3 files changed, 83 insertions(+), 22 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index d8b3809..b597eba 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -208,18 +208,18 @@ ol.toc > li {
 }
 .data-table td {
     /* These are technically the same, but use both */
-    
+
     overflow-wrap: break-word;
     word-wrap: break-word;
     -ms-word-break: break-all;
     /* This is the dangerous one in WebKit, as it breaks things wherever */
-    
+
     word-break: break-all;
     /* Instead use this non-standard one: */
-    
+
     word-break: break-word;
     /* Adds a hyphen where the word breaks, if supported (No Blink) */
-    
+
     -ms-hyphens: auto;
     -moz-hyphens: auto;
     -webkit-hyphens: auto;
@@ -232,7 +232,7 @@ ol.toc > li {
     hyphens: none;
 }
 
-table.docutils  {    
+table.docutils  {
     border-collapse: collapse;
     border-spacing: 0;
     empty-cells: show;
@@ -494,23 +494,23 @@ nav .btn {
     padding-right: 25%;
 }
 .desc {
-    margin-left: 3rem;
     margin-bottom: 6rem;
     overflow: hidden;
 }
 .desc-item {
     float: left;
-    width: 24rem;
     margin-left: 4.2rem;
+    overflow: hidden;
 }
 .desc-item:first-of-type {
     margin-left: 0;
 }
-.desc-item h2,
-.desc-item p {
+.desc-item h2 {
     color: #000000;
+    margin-top: 20px;
 }
 .desc-item p {
+    color: #000000;
     margin: 0;
     width: 20rem;
 }
@@ -535,6 +535,36 @@ nav .btn {
 .desc-item:hover p {
     color: #0C637B;
 }
+.news {
+    text-transform: uppercase;
+    color: #000;
+    display: inline-block;
+    border: solid 3px #000;
+    padding: 20px;
+    margin-left: 20px;
+    vertical-align: top;
+}
+.news h2 {
+    font-size: 18px;
+    margin: 0 0 10px;
+}
+
+.news article {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 10px;
+}
+.news h3 {
+    font-size: 13px;
+    margin: 0;
+}
+.news h3 a {
+    color: #1471E2;
+    text-decoration: none;
+}
+.news time {
+    font-size: 10px;
+}
 .callout {
     background-color: #F0F0F0;
     padding: 1.5rem 2rem 3rem;
@@ -776,7 +806,7 @@ nav .btn {
 #streams-use-case {
     visibility: hidden;
     opacity:0.7;
-        
+
 }
 
 /* Responsive styles */
@@ -790,6 +820,13 @@ nav .btn {
     .footer__legal__one {
         display: block;
     }
+    .desc-item h2 {
+        margin-top: 4rem;
+    }
+    .news {
+        margin-left: 0;
+        margin-top: 4rem;
+    }
 }
 @media only screen and (min-width: 1126px) {
     .video__series__grid {
@@ -797,6 +834,9 @@ nav .btn {
     }
 }
 @media only screen and (max-width: 1125px) {
+    .news {
+        margin-top: 0;
+    }
     .video__block {
         padding-left: 0px!important;
         padding-top: 15px;
@@ -829,6 +869,12 @@ nav .btn {
     .desc-item p {
         width: auto;
     }
+    .desc-item h2 {
+        margin-top: 0;
+    }
+    .desc-item:first-of-type h2 {
+        margin-top: 4rem;
+    }
     .index {
         padding-right: 0;
         text-align: left;
@@ -952,7 +998,7 @@ nav .btn {
         height: .2rem;
         width: calc(79% / 12);
         /* Note: width of mobile nav indicator should be divided by number of top level pages
*/
-        
+
         background-color: #888888;
         display: inline-block;
         margin: 0 .5%;
@@ -1134,7 +1180,7 @@ nav .btn {
     width: 92%;
     display: -webkit-flex;
     /* Safari */
-    
+
     display: flex;
     margin-bottom: 60px;
     /*flex-direction: row;*/
@@ -1158,7 +1204,7 @@ nav .btn {
 ul.video-list {
     list-style-type: none;
     /* Setup the counter. */
-    
+
     counter-reset: num;
     padding-left: 0px;
 }
@@ -1167,10 +1213,10 @@ ul.video-list {
 }
 .video-list li:before {
     /* Advance the number. */
-    
+
     counter-increment: num;
     /* Use the counter number as content. */
-    
+
     content: counter(num);
     color: #fff;
     background-color: #d8d8d8;
@@ -1248,7 +1294,7 @@ ul.video-list {
     margin-top: 0px;
     padding: 10px 0px 20px;
     /*width: 92rem;*/
-    
+
     z-index: 1000;
     top: 0px;
     overflow: auto;
@@ -1262,14 +1308,14 @@ ul.video-list {
         margin-top: 0px;
         padding: 10px 0px 20px;
         /*width: 92rem;*/
-        
+
         z-index: 1000;
         top: 0px;
         left: 0;
         z-index: 1;
         width: 100%;
     }
-    
+
 }
 .yt_series {
     display: none;
@@ -1381,10 +1427,10 @@ ul.video-list {
 .yt__video__block {
     -webkit-flex: 1;
     /* Safari 6.1+ */
-    
+
     -ms-flex: 1;
     /* IE 10 */
-    
+
     flex: 1;
 }
 .yt__video__inner__block {
diff --git a/includes/_header.htm b/includes/_header.htm
index 0d99aea..4a1906b 100644
--- a/includes/_header.htm
+++ b/includes/_header.htm
@@ -2,7 +2,7 @@
 <html xmlns:og="http://ogp.me/ns#">
 	<head>
 		<title>Apache Kafka</title>
-		<link rel='stylesheet' href='/css/styles.css' type='text/css'>
+		<link rel='stylesheet' href='/css/styles.css?1' type='text/css'>
 		<link rel='stylesheet' href='/css/syntax-highlighting.css' type='text/css'>
 		<link rel="icon" type="image/gif" href="/images/apache_feather.gif">
 		<meta name="robots" content="index,follow" />
@@ -45,7 +45,7 @@
 			var isDocumenationPage = currentPath.includes('/documentation');
 
 			var hasNotSpecifiedFullPath = !currentPath.includes('/documentation/streams') &&
!currentPath.includes('/documentation/streams/');
-			
+
 			// Look for legacy anchors to clue us in on what full path the user needs
 			// Add more as needed
 			var specifiedStreamsAnchor = window.location.hash.includes('#streams_');
diff --git a/index.html b/index.html
index 5172331..8dfdd2c 100644
--- a/index.html
+++ b/index.html
@@ -19,6 +19,21 @@
 				<p>Store streams of data safely in a distributed, replicated, fault-tolerant cluster.</p>
 				<span class="desc-item__cta">Learn more &raquo;</span>
 			</a>
+			<div class="news">
+				<h2>Latest News</h2>
+				<article>
+					<h3><a href="https://kafka-summit.org/events/kafka-summit-san-francisco-2019/"
target="_blank" rel="noopener noreferrer">Kafka Summit San Francisco</a></h3>
+					<time>Sept 30 - Oct 1, 2019</time>
+				</article>
+				<article>
+					<h3><a href="https://kafka.apache.org/downloads#2.3.0">AK Release 2.3.0</a></h3>
+					<time>June 25, 2019</time>
+				</article>
+				<article>
+					<h3><a href="https://kafka.apache.org/downloads#2.2.1">AK Release 2.2.1</a></h3>
+					<time>June 1, 2019</time>
+				</article>
+			</div>
 		</div>
 		<div class="index">
 			<img width="451" height="435" class="kafka-diagram" src="/images/kafka_diagram.png">


Mime
View raw message