You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cassandra.apache.org by mc...@apache.org on 2022/10/13 13:23:47 UTC

[cassandra-website] branch trunk updated: Adding social media llinks and caption style updates

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

mck pushed a commit to branch trunk
in repository https://gitbox.apache.org/repos/asf/cassandra-website.git


The following commit(s) were added to refs/heads/trunk by this push:
     new e5cbbab6 Adding social media llinks and caption style updates
e5cbbab6 is described below

commit e5cbbab627644a84922c8dbbb1ab94e2e27f6712
Author: Paul Thomas Au <pa...@traverstodd.com>
AuthorDate: Wed Oct 12 09:35:46 2022 -0700

    Adding social media llinks and caption style updates
    
     patch by Diogenese Topper, Paul Au; reviewed by Mick Semb Wever for CASSANDRA-17957
---
 .../source/modules/ROOT/images/LI-In-Bug.png       | Bin 0 -> 3415 bytes
 .../ROOT/images/twitter-icon-circle-white.svg      |  14 +++++
 .../ROOT/images/twitter-icon-square-white.svg      |  14 +++++
 .../source/modules/ROOT/pages/community.adoc       |  28 ++++++++++
 site-ui/build/ui-bundle.zip                        | Bin 4740057 -> 4746711 bytes
 site-ui/src/css/tt_styles.css                      |  58 ++++++++++++++++++++-
 site-ui/src/img/LI-In-Bug.png                      | Bin 0 -> 3415 bytes
 site-ui/src/img/twitter-icon-circle-white.svg      |  14 +++++
 site-ui/src/img/twitter-icon-square-white.svg      |  14 +++++
 site-ui/src/img/youtube-icon.png                   | Bin 0 -> 4338 bytes
 site-ui/src/partials/footer-content.hbs            |   5 ++
 site-ui/src/partials/header-content.hbs            |  15 ++++--
 12 files changed, 157 insertions(+), 5 deletions(-)

diff --git a/site-content/source/modules/ROOT/images/LI-In-Bug.png b/site-content/source/modules/ROOT/images/LI-In-Bug.png
new file mode 100644
index 00000000..9368b332
Binary files /dev/null and b/site-content/source/modules/ROOT/images/LI-In-Bug.png differ
diff --git a/site-content/source/modules/ROOT/images/twitter-icon-circle-white.svg b/site-content/source/modules/ROOT/images/twitter-icon-circle-white.svg
new file mode 100644
index 00000000..298af2ae
--- /dev/null
+++ b/site-content/source/modules/ROOT/images/twitter-icon-circle-white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="White" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M400,200c0,110.5-89.5,200-200,200S0,310.5,0,200S89.5,0,200,0S400,89.5,400,200z M163.4,305.5
+	c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25c-8.6,3.8-17.9,6.4-27.7,7.6
+	c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2c-26.6,0-48.2,21.6-48.2,48.2
+	c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6
+	c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5
+	c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7C110.8,297.5,136.2,305.5,163.4,305.5"/>
+</svg>
diff --git a/site-content/source/modules/ROOT/images/twitter-icon-square-white.svg b/site-content/source/modules/ROOT/images/twitter-icon-square-white.svg
new file mode 100644
index 00000000..4f18f46d
--- /dev/null
+++ b/site-content/source/modules/ROOT/images/twitter-icon-square-white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="White" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M400,400H0V0h400V400z M153.6,301.6c94.3,0,145.9-78.2,145.9-145.9c0-2.2,0-4.4-0.1-6.6
+	c10-7.2,18.7-16.3,25.6-26.6c-9.2,4.1-19.1,6.8-29.5,8.1c10.6-6.3,18.7-16.4,22.6-28.4c-9.9,5.9-20.9,10.1-32.6,12.4
+	c-9.4-10-22.7-16.2-37.4-16.2c-28.3,0-51.3,23-51.3,51.3c0,4,0.5,7.9,1.3,11.7c-42.6-2.1-80.4-22.6-105.7-53.6
+	c-4.4,7.6-6.9,16.4-6.9,25.8c0,17.8,9.1,33.5,22.8,42.7c-8.4-0.3-16.3-2.6-23.2-6.4c0,0.2,0,0.4,0,0.7c0,24.8,17.7,45.6,41.1,50.3
+	c-4.3,1.2-8.8,1.8-13.5,1.8c-3.3,0-6.5-0.3-9.6-0.9c6.5,20.4,25.5,35.2,47.9,35.6c-17.6,13.8-39.7,22-63.7,22
+	c-4.1,0-8.2-0.2-12.2-0.7C97.7,293.1,124.7,301.6,153.6,301.6"/>
+</svg>
diff --git a/site-content/source/modules/ROOT/pages/community.adoc b/site-content/source/modules/ROOT/pages/community.adoc
index 6a16f742..c4d730f8 100644
--- a/site-content/source/modules/ROOT/pages/community.adoc
+++ b/site-content/source/modules/ROOT/pages/community.adoc
@@ -279,6 +279,34 @@ https://cwiki.apache.org/confluence/display/CASSANDRA/Cassandra+Kubernetes+SIG[l
 --------
 // end discussion row
 
+// start discussion row
+[openblock, discussion-row text-left cf]
+--------
+
+[openblock, float33 full-800]
+----------
+[discrete]
+=== Social Media
+
+----------
+
+[openblock, float66 full-800]
+----------
+Engage in discussions on social media.
+
+[.btn]
+https://twitter.com/cassandra?lang=en[Twitter,window=_blank]
+
+[.btn]
+https://www.linkedin.com/company/apache-cassandra/[Linked In,window=_blank]
+
+[.btn]
+https://www.youtube.com/c/PlanetCassandra[YouTube,window=_blank]
+
+----------
+--------
+// end discussion row
+
 ------
 ----
 // end discussions
diff --git a/site-ui/build/ui-bundle.zip b/site-ui/build/ui-bundle.zip
index b4b0a02d..b3382a4b 100644
Binary files a/site-ui/build/ui-bundle.zip and b/site-ui/build/ui-bundle.zip differ
diff --git a/site-ui/src/css/tt_styles.css b/site-ui/src/css/tt_styles.css
index 32f28458..a1bf0628 100644
--- a/site-ui/src/css/tt_styles.css
+++ b/site-ui/src/css/tt_styles.css
@@ -1111,7 +1111,6 @@ p {
 
 .logo {
   width: 200px;
-  top: 33px;
   position: relative;
 }
 
@@ -1155,6 +1154,41 @@ p {
   top: 0;
 }
 
+.footer-social-icons {
+  padding-top: 20px;
+  text-align: left;
+  display: block;
+}
+
+.header-social-icons {
+  height: 40px;
+  padding: 8px 0;
+  margin-bottom: 5px;
+}
+
+.header-social-icons img {
+  max-height: 100%;
+}
+
+.header-social-icons a {
+  margin-left: 45px;
+}
+
+.footer-social-icons a {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+.footer-social-icons a:hover img,
+.header-social-icons a:hover img {
+  opacity: 0.8;
+}
+
+.col-2 .footer-social-icons img {
+  height: 30px;
+  width: auto;
+}
+
 .eye {
   position: absolute;
   height: 130%;
@@ -1750,6 +1784,17 @@ footer .col-2 a {
   margin-left: calc(var(--val-baseline) * 2);
 }
 
+.imageblock .title {
+  font-size: 14px;
+  font-style: italic;
+  margin-top: 15px;
+  line-height: 1.3em;
+}
+
+.imageblock .title strong {
+  font-weight: bold;
+}
+
 #blog-post th,
 #blog-post td {
   border: 1px solid #ddd;
@@ -1988,6 +2033,9 @@ p code {
 
   .mobile-nav-icon {
     display: block;
+    position: absolute;
+    top: 33px;
+    right: 0;
   }
 
   .main-nav {
@@ -2220,6 +2268,14 @@ p code {
     margin-left: 0;
     margin-top: 10px;
   }
+
+  .header-social-icons.text-right {
+    text-align: center;
+  }
+
+  .header-social-icons a {
+    margin: 0 10px;
+  }
 }
 
 @media (max-width: 500px) {
diff --git a/site-ui/src/img/LI-In-Bug.png b/site-ui/src/img/LI-In-Bug.png
new file mode 100644
index 00000000..9368b332
Binary files /dev/null and b/site-ui/src/img/LI-In-Bug.png differ
diff --git a/site-ui/src/img/twitter-icon-circle-white.svg b/site-ui/src/img/twitter-icon-circle-white.svg
new file mode 100644
index 00000000..298af2ae
--- /dev/null
+++ b/site-ui/src/img/twitter-icon-circle-white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="White" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M400,200c0,110.5-89.5,200-200,200S0,310.5,0,200S89.5,0,200,0S400,89.5,400,200z M163.4,305.5
+	c88.7,0,137.2-73.5,137.2-137.2c0-2.1,0-4.2-0.1-6.2c9.4-6.8,17.6-15.3,24.1-25c-8.6,3.8-17.9,6.4-27.7,7.6
+	c10-6,17.6-15.4,21.2-26.7c-9.3,5.5-19.6,9.5-30.6,11.7c-8.8-9.4-21.3-15.2-35.2-15.2c-26.6,0-48.2,21.6-48.2,48.2
+	c0,3.8,0.4,7.5,1.3,11c-40.1-2-75.6-21.2-99.4-50.4c-4.1,7.1-6.5,15.4-6.5,24.2c0,16.7,8.5,31.5,21.5,40.1c-7.9-0.2-15.3-2.4-21.8-6
+	c0,0.2,0,0.4,0,0.6c0,23.4,16.6,42.8,38.7,47.3c-4,1.1-8.3,1.7-12.7,1.7c-3.1,0-6.1-0.3-9.1-0.9c6.1,19.2,23.9,33.1,45,33.5
+	c-16.5,12.9-37.3,20.6-59.9,20.6c-3.9,0-7.7-0.2-11.5-0.7C110.8,297.5,136.2,305.5,163.4,305.5"/>
+</svg>
diff --git a/site-ui/src/img/twitter-icon-square-white.svg b/site-ui/src/img/twitter-icon-square-white.svg
new file mode 100644
index 00000000..4f18f46d
--- /dev/null
+++ b/site-ui/src/img/twitter-icon-square-white.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 20.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="White" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 400 400" style="enable-background:new 0 0 400 400;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M400,400H0V0h400V400z M153.6,301.6c94.3,0,145.9-78.2,145.9-145.9c0-2.2,0-4.4-0.1-6.6
+	c10-7.2,18.7-16.3,25.6-26.6c-9.2,4.1-19.1,6.8-29.5,8.1c10.6-6.3,18.7-16.4,22.6-28.4c-9.9,5.9-20.9,10.1-32.6,12.4
+	c-9.4-10-22.7-16.2-37.4-16.2c-28.3,0-51.3,23-51.3,51.3c0,4,0.5,7.9,1.3,11.7c-42.6-2.1-80.4-22.6-105.7-53.6
+	c-4.4,7.6-6.9,16.4-6.9,25.8c0,17.8,9.1,33.5,22.8,42.7c-8.4-0.3-16.3-2.6-23.2-6.4c0,0.2,0,0.4,0,0.7c0,24.8,17.7,45.6,41.1,50.3
+	c-4.3,1.2-8.8,1.8-13.5,1.8c-3.3,0-6.5-0.3-9.6-0.9c6.5,20.4,25.5,35.2,47.9,35.6c-17.6,13.8-39.7,22-63.7,22
+	c-4.1,0-8.2-0.2-12.2-0.7C97.7,293.1,124.7,301.6,153.6,301.6"/>
+</svg>
diff --git a/site-ui/src/img/youtube-icon.png b/site-ui/src/img/youtube-icon.png
new file mode 100644
index 00000000..4553b8aa
Binary files /dev/null and b/site-ui/src/img/youtube-icon.png differ
diff --git a/site-ui/src/partials/footer-content.hbs b/site-ui/src/partials/footer-content.hbs
index c0dcea5f..b1c4852c 100644
--- a/site-ui/src/partials/footer-content.hbs
+++ b/site-ui/src/partials/footer-content.hbs
@@ -7,6 +7,11 @@
         <div class="col-2">
             <div id="footer-logo" class="logo logo--footer mb-medium"><img src="{{{uiRootPath}}}/img/logo-white.svg" alt=""></div>
             <p>Apache Cassandra powers mission-critical deployments with improved performance and unparalleled levels of scale in the cloud.</p>
+            <div class="footer-social-icons">
+                <a href="https://twitter.com/cassandra?lang=en" target="_blank"><img src="{{{uiRootPath}}}/img/twitter-icon-circle-white.svg" alt="twitter icon"></a>
+                <a href="https://www.linkedin.com/company/apache-cassandra/" target="_blank"><img src="{{{uiRootPath}}}/img/LI-In-Bug.png" alt="linked-in icon"></a>
+                 <a href="https://www.youtube.com/c/PlanetCassandra" target="_blank"><img src="{{{uiRootPath}}}/img/youtube-icon.png" alt="youtube icon"></a>
+            </div>
         </div>
         <div class="col-2 flex flex-center">
             <ul class="columns-2">
diff --git a/site-ui/src/partials/header-content.hbs b/site-ui/src/partials/header-content.hbs
index 84c869b5..505f3da3 100644
--- a/site-ui/src/partials/header-content.hbs
+++ b/site-ui/src/partials/header-content.hbs
@@ -1,11 +1,18 @@
 
 <header id="top-nav">
     <div class="inner relative">
-        <div class="logo"><a href="{{{ site.url }}}"><img src="{{{uiRootPath}}}/img/logo-white.svg" alt=""></a></div>
-        <div class="mobile-nav-icon right">
-            <img class="toggle-icon" src="{{{uiRootPath}}}/img/hamburger-nav.svg">
+        <div class="header-social-icons text-right">
+            <a href="https://twitter.com/cassandra?lang=en" target="_blank"><img src="{{{uiRootPath}}}/img/twitter-icon-circle-white.svg" alt="twitter icon"></a>
+            <a href="https://www.linkedin.com/company/apache-cassandra/"  target="_blank"><img src="{{{uiRootPath}}}/img/LI-In-Bug.png" alt="linked-in icon"></a>
+            <a href="https://www.youtube.com/c/PlanetCassandra" target="_blank"><img src="{{{uiRootPath}}}/img/youtube-icon.png" alt="youtube icon"></a>
+        </div>
+        <div class="cf">
+            <div class="logo left"><a href="{{{ site.url }}}"><img src="{{{uiRootPath}}}/img/logo-white.svg" alt=""></a></div>
+            <div class="mobile-nav-icon right">
+                <img class="toggle-icon" src="{{{uiRootPath}}}/img/hamburger-nav.svg">
+            </div>
+            {{> header-nav}}
         </div>
-        {{> header-nav}}
     </div>
 </header>
 


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cassandra.apache.org
For additional commands, e-mail: commits-help@cassandra.apache.org