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

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


The following commit(s) were added to refs/heads/asf-site by this push:
     new 577327793d4 [DOCS] Add linkedin Hudi page in website (#9820)
577327793d4 is described below

commit 577327793d4afac18a2211c28a06995c896b7840
Author: Bhavani Sudha Saktheeswaran <[email protected]>
AuthorDate: Wed Oct 4 17:42:26 2023 -0700

    [DOCS] Add linkedin Hudi page in website (#9820)
---
 website/docusaurus.config.js                            |  10 ++++++++++
 website/src/components/JoinCommunity/Icons/linkedin.svg |  10 ++++++++++
 website/src/components/JoinCommunity/index.js           |  11 +++++++++--
 website/src/css/custom.css                              |  10 +++++++++-
 website/static/assets/images/linkedin.png               | Bin 0 -> 3322 bytes
 5 files changed, 38 insertions(+), 3 deletions(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 0b0bf5419d8..c25b57364ad 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -259,6 +259,12 @@ module.exports = {
           className: 'header-youtube-link',
           'aria-label': 'Hudi YouTube Channel',
         },
+        {
+          href: 
'https://www.linkedin.com/company/apache-hudi/?viewAsMember=true',
+          position: 'right',
+          className: 'header-linkedin-link',
+          'aria-label': 'Hudi Linkedin Page',
+        },
       ],
     },
     footer: {
@@ -378,6 +384,10 @@ module.exports = {
               label: 'YouTube',
               href:  
'https://www.youtube.com/channel/UCs7AhE0BWaEPZSChrBR-Muw',
             },
+            {
+              label: 'Linkedin',
+              href: 
'https://www.linkedin.com/company/apache-hudi/?viewAsMember=true',
+            },
             {
               label: 'Mailing List',
               to: 
'mailto:[email protected]?Subject=SubscribeToHudi',
diff --git a/website/src/components/JoinCommunity/Icons/linkedin.svg 
b/website/src/components/JoinCommunity/Icons/linkedin.svg
new file mode 100644
index 00000000000..c0fb6b2824b
--- /dev/null
+++ b/website/src/components/JoinCommunity/Icons/linkedin.svg
@@ -0,0 +1,10 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg"; width="60" height="60" 
viewBox="0 0 255 255">
+<path d="M0 0 C74.25 0 148.5 0 225 0 C225 74.25 225 148.5 225 225 C150.75 225 
76.5 225 0 225 C0 150.75 0 76.5 0 0 Z " fill="#007DBA" 
transform="translate(0,0)"></path>
+<path d="M0 0 C9.59677016 7.63379445 14.38282654 16.03770405 16.75 28.1875 
C16.91723851 30.91551857 17.00499116 33.53355059 16.97705078 36.25585938 
C16.97734283 37.01780609 16.97763489 37.77975281 16.97793579 38.56478882 
C16.97655557 41.05372989 16.9610569 43.54236199 16.9453125 46.03125 C16.9415777 
47.76859371 16.93873294 49.50593955 16.93673706 51.24328613 C16.92913732 
55.79380206 16.90952064 60.34418828 16.8873291 64.89465332 C16.8631742 
70.36633627 16.85407225 75.83806282 16.84242249 [...]
+<path d="M0 0 C11.22 0 22.44 0 34 0 C34 35.97 34 71.94 34 109 C22.78 109 11.56 
109 0 109 C0 73.03 0 37.06 0 0 Z " fill="#FBFCFD" 
transform="translate(34,85)"></path>
+<path d="M0 0 C5.13556954 3.37320794 7.7282493 6.49724789 9.6875 12.375 
C10.428915 19.21789581 9.77803621 24.7237669 5.6875 30.375 C1.88882 34.46508559 
-2.37849483 36.95836249 -7.92578125 37.74609375 C-14.7483735 37.91394334 
-19.10046917 36.87237885 -24.3125 32.375 C-28.45457049 28.0149258 -30.3793326 
24.05121989 -30.6875 18.0625 C-30.52339388 12.25121281 -28.63563967 7.85778671 
-24.6640625 3.61328125 C-17.11666885 -3.19255626 -9.12546942 -5.14148867 0 0 Z 
" fill="#FBFDFD" transform="tra [...]
+<path d="M0 0 C0.33 0 0.66 0 1 0 C1 6.93 1 13.86 1 21 C-5.93 21 -12.86 21 -20 
21 C-16 19 -16 19 -14.0703125 18.2109375 C-8.35401135 15.754535 -5.05173675 
12.41080957 -2 7 C-1.07686078 4.6433321 -0.51873615 2.48993354 0 0 Z " 
fill="#F9FBFD" transform="translate(224,204)"></path>
+<path d="M0 0 C2 4 2 4 2.7890625 5.9296875 C5.70465864 12.71457946 10.36242198 
16.33277674 17 19.375 C17.99 19.684375 17.99 19.684375 19 20 C19 20.33 19 20.66 
19 21 C12.73 21 6.46 21 0 21 C0 14.07 0 7.14 0 0 Z " fill="#FAFCFD" 
transform="translate(0,204)"></path>
+<path d="M0 0 C6.93 0 13.86 0 21 0 C21 6.27 21 12.54 21 19 C18.99331125 
16.99331125 18.43575127 15.80769932 17.375 13.25 C14.72866191 7.83927157 
10.5256109 4.38103026 4.92578125 2.1875 C3.30455748 1.71395797 1.65346535 
1.34447195 0 1 C0 0.67 0 0.34 0 0 Z " fill="#FAFCFD" 
transform="translate(204,0)"></path>
+<path d="M0 0 C6.93 0 13.86 0 21 0 C17 2 17 2 15.0703125 2.7890625 C8.28542054 
5.70465864 4.66722326 10.36242198 1.625 17 C1.41875 17.66 1.2125 18.32 1 19 
C0.67 19 0.34 19 0 19 C0 12.73 0 6.46 0 0 Z " fill="#FAFCFD" 
transform="translate(0,0)"></path>
+</svg>
diff --git a/website/src/components/JoinCommunity/index.js 
b/website/src/components/JoinCommunity/index.js
index e985cdf7dc0..ea0a5be3092 100644
--- a/website/src/components/JoinCommunity/index.js
+++ b/website/src/components/JoinCommunity/index.js
@@ -3,6 +3,7 @@ import styles from 
"@site/src/components/JoinCommunity/styles.module.css";
 import CommunityCard from "@site/src/components/JoinCommunity/CommunityCard";
 import GitHubIcon from "@site/src/components/JoinCommunity/Icons/github.svg";
 import SlackIcon from "@site/src/components/JoinCommunity/Icons/slack.svg";
+import LinkedinIcon from 
"@site/src/components/JoinCommunity/Icons/linkedin.svg";
 import TwitterIcon from "@site/src/components/JoinCommunity/Icons/twitter.svg";
 import MailIcon from "@site/src/components/JoinCommunity/Icons/mail.svg";
 import YoutubeIcon from "@site/src/components/JoinCommunity/Icons/youtube.svg";
@@ -22,6 +23,12 @@ const JoinCommunity = () => {
       linkText: "Join community",
       url: 
"https://join.slack.com/t/apache-hudi/shared_invite/zt-20r833rxh-627NWYDUyR8jRtMa2mZ~gg";,
     },
+    {
+      icon: LinkedinIcon,
+      title: "Linkedin",
+      linkText: "Join community",
+      url: "https://www.linkedin.com/company/apache-hudi/?viewAsMember=true";,
+    },
     {
       icon: TwitterIcon,
       title: "Twitter",
@@ -42,8 +49,8 @@ const JoinCommunity = () => {
     },
   ];
 
-  const firstRow = communityData.slice(0,2);
-  const secondRow = communityData.slice(2,5);
+  const firstRow = communityData.slice(0,3);
+  const secondRow = communityData.slice(3,6);
 
   return (
     <div className={styles.joinCommunityWrapper}>
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index e7c0f1df50c..9b5e0c3474d 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -58,7 +58,7 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
 }
 
 @media (max-width: 767px) {
-  .hero__img, .header-github-link, .header-slack-link, .header-twitter-link, 
.header-youtube-link {
+  .hero__img, .header-github-link, .header-slack-link, .header-twitter-link, 
.header-youtube-link, .header-linkedin-link {
     display: none;
   }
   .hero__title {
@@ -121,6 +121,14 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
   width: 30px;
 }
 
+.header-linkedin-link:before {
+  background: url(/assets/images/linkedin.png) no-repeat;
+  content: "";
+  display: flex;
+  height: 30px;
+  width: 30px;
+}
+
 .hero__title {
   font-size: 4rem;
   text-align: left;
diff --git a/website/static/assets/images/linkedin.png 
b/website/static/assets/images/linkedin.png
new file mode 100644
index 00000000000..2406f152fbe
Binary files /dev/null and b/website/static/assets/images/linkedin.png differ

Reply via email to