From 7399453a32b7eae25cce587cfc09a9d911633e78 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Sat, 7 Oct 2023 13:28:08 +0300
Subject: [PATCH] Add discussions link

---
 assets/styles/layout/landing/_header.scss |  4 ++++
 layouts/AppTopBar.vue                     | 23 ++++++++++++++++++++---
 pages/landing/HeaderSection.vue           |  9 ++++++---
 3 files changed, 30 insertions(+), 6 deletions(-)

diff --git a/assets/styles/layout/landing/_header.scss b/assets/styles/layout/landing/_header.scss
index 38fb58376..0e2d685d8 100644
--- a/assets/styles/layout/landing/_header.scss
+++ b/assets/styles/layout/landing/_header.scss
@@ -61,6 +61,10 @@
             display: none;
         }
 
+        .landing-header-logo {
+            height: 2rem;
+        }
+
         &.landing-header-active {
             background-color: var(--home-header-bg);
             backdrop-filter: blur(12px);
diff --git a/layouts/AppTopBar.vue b/layouts/AppTopBar.vue
index 743420b24..de4c8dc7f 100755
--- a/layouts/AppTopBar.vue
+++ b/layouts/AppTopBar.vue
@@ -11,19 +11,36 @@
                 <li>
                     <a
                         href="https://github.com/primefaces/primevue"
-                        class="flex px-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
                     >
                         <i class="pi pi-github text-700"></i>
                     </a>
                 </li>
                 <li>
-                    <a href="https://discord.gg/gzKFYnpmCY" class="flex px-link border-1 w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary">
+                    <a
+                        href="https://discord.gg/gzKFYnpmCY"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                    >
                         <i class="pi pi-discord text-700"></i>
                     </a>
                 </li>
+                <li>
+                    <a
+                        href="https://github.com/orgs/primefaces/discussions"
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        class="flex px-link border-1 border-solid w-2rem h-2rem surface-border border-round surface-card align-items-center justify-content-center transition-all transition-duration-300 hover:border-primary"
+                    >
+                        <i class="pi pi-comments text-700"></i>
+                    </a>
+                </li>
                 <li>
                     <button type="button" class="p-button flex border-1 w-2rem h-2rem p-0 align-items-center justify-content-center transition-all transition-duration-300 min-w-0" @click="onConfigButtonClick">
-                        <i class="pi pi-cog"></i>
+                        <i class="pi pi-palette"></i>
                     </button>
                 </li>
 
diff --git a/pages/landing/HeaderSection.vue b/pages/landing/HeaderSection.vue
index 5810b28a2..e4f7dc91d 100644
--- a/pages/landing/HeaderSection.vue
+++ b/pages/landing/HeaderSection.vue
@@ -40,16 +40,19 @@
                         </li>
                     </ol>
                 </nav>
-                <a href="https://github.com/primefaces/primevue" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                <a href="https://github.com/primefaces/primevue" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                     <i class="pi pi-github"></i>
                 </a>
-                <a href="https://discord.gg/gzKFYnpmCY" rel="noopener noreferrer" class="linkbox p-0 header-button mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                <a href="https://discord.gg/gzKFYnpmCY" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
                     <i class="pi pi-discord"></i>
                 </a>
+                <a href="https://github.com/orgs/primefaces/discussions" target="_blank" rel="noopener noreferrer" class="linkbox p-0 header-button mr-1 md:mr-2 flex align-items-center justify-content-center flex-shrink-0">
+                    <i class="pi pi-comments"></i>
+                </a>
                 <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center" @click="toggleTheme">
                     <i :class="['pi', { 'pi-sun': isDarkTheme(), 'pi-moon': !isDarkTheme() }]"></i>
                 </button>
-                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-2 menu-button" @click="toggleMenuActive">
+                <button type="button" class="linkbox header-button inline-flex align-items-center justify-content-center lg:hidden ml-1 md:ml-2 menu-button" @click="toggleMenuActive">
                     <i class="pi pi-bars"></i>
                 </button>
             </div>