feat(community): added Discord invitation link (#1)

papra-hq · Feb 1, 2025 · 26fe310 · 26fe310
1 parent fc7b571
commit 26fe310
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
@@ -12,12 +12,32 @@ const socials = [
     url: 'https://github.com/papra-hq/papra',
     icon: 'i-tabler-brand-github',
   },
+  {
+    name: 'Discord',
+    url: 'https://discord.gg/8UPjzsrBNF',
+    icon: 'i-tabler-brand-discord',
+  },
 ];
 
 const sections: {
   title: string;
   links: { label: string; url: string; target?: string; rel?: string }[];
 }[] = [
+  {
+    title: 'Community',
+    links: [
+      ...socials
+        .filter(social => social.name !== 'GitHub')
+        .map(social => ({
+          label: social.name,
+          url: social.url,
+        })),
+      {
+        label: 'GitHub',
+        url: 'https://github.com/papra-hq',
+      },
+    ],
+  },
   {
     title: 'Papra',
     links: [
@@ -39,6 +59,7 @@ const sections: {
       },
     ],
   },
+
   {
     title: 'Open Source',
     links: [
@@ -88,7 +109,7 @@ const sections: {
 
         <p class="mt-4 text-sm max-w-250px">
           Papra is made and hosted in Europe with <span class="i-tabler-heart-filled size-3.5 mb--0.3 text-primary inline-block"></span>
-          by <a href="https://corentin.tech" class="text-primary  border-b hover:border-b-primary transition">Corentin Thomasset</a>.
+          by <a href="https://corentin.tech" class="text-primary border-b hover:border-b-primary transition">Corentin Thomasset</a>.
         </p>
       </div>
 

diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -12,6 +12,11 @@ const socials = [
     url: 'https://github.com/papra-hq/papra',
     icon: 'i-tabler-brand-github',
   },
+  {
+    name: 'Discord',
+    url: 'https://discord.gg/8UPjzsrBNF',
+    icon: 'i-tabler-brand-discord',
+  },
 ];
 
 const navigation = [
@@ -35,7 +40,7 @@ const navigation = [
 ---
 
 <nav
-  class="z-60 border-0 border-b md:max-w-4xl pl-4 pr-3 py-4 mx-auto flex items-center justify-between md:(py-2 border-1px rounded-full mt-4) fixed top-0 left-0 right-0 z-50 bg-background bg-op-40 backdrop-blur-md"
+  class="z-60 border-0 border-b md:max-w-4xl pl-4 pr-3 py-4 mx-auto flex items-center justify-between md:(py-2 border-1px rounded-full mt-4) fixed top-0 left-0 right-0 z-50 bg-background bg-op-40 backdrop-blur-sm shadow-lg"
 >
   <a href="/" class="text-lg font-bold flex items-center group">
     <div class="i-tabler-file-text size-6 group-hover:rotate-25deg text-primary transition transform rotate-12deg"></div>