Merge branch 'dev' into main

gustavotoyota · gustavotoyota · commit d23a74f6442c · 2023-07-13T16:05:57.000-04:00
diff --git a/apps/client/index.html b/apps/client/index.html
@@ -2,10 +2,6 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <meta
-      name="description"
-      content="<%= productDescription %>"
-    />
     <meta
       name="format-detection"
       content="telephone=no"
@@ -19,6 +15,74 @@
       content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<% if (ctx.mode.cordova || ctx.mode.capacitor) { %>, viewport-fit=cover<% } %>"
     />
 
+    <!-- Primary Meta Tags -->
+    <meta
+      name="description"
+      content="DeepNotes is an open source, end-to-end encrypted visual note-taking app with bidirectional page navigation and live collaboration."
+    />
+    <meta
+      name="keywords"
+      content="deepnotes, deep notes, note-taking, visual, spatial, end-to-end encrypted, collaborative, open source"
+    />
+    <meta
+      name="robots"
+      content="index, follow"
+    />
+    <meta
+      http-equiv="Content-Type"
+      content="text/html; charset=UTF-8"
+      data-qmeta="equiv"
+    />
+    <meta
+      name="language"
+      content="English"
+      data-qmeta="language"
+    />
+
+    <!-- Open Graph / Facebook -->
+    <meta
+      property="og:type"
+      content="website"
+    />
+    <meta
+      property="og:url"
+      content="https://deepnotes.app/"
+    />
+    <meta
+      property="og:title"
+      content="DeepNotes - Dive into your note universe"
+    />
+    <meta
+      property="og:description"
+      content="DeepNotes is an open source, end-to-end encrypted visual note-taking app with bidirectional page navigation and live collaboration."
+    />
+    <meta
+      property="og:image"
+      content="/meta-image.png"
+    />
+
+    <!-- Twitter -->
+    <meta
+      property="twitter:card"
+      content="summary_large_image"
+    />
+    <meta
+      property="twitter:url"
+      content="https://deepnotes.app/"
+    />
+    <meta
+      property="twitter:title"
+      content="DeepNotes - Dive into your note universe"
+    />
+    <meta
+      property="twitter:description"
+      content="DeepNotes is an open source, end-to-end encrypted visual note-taking app with bidirectional page navigation and live collaboration."
+    />
+    <meta
+      property="twitter:image"
+      content="/meta-image.png"
+    />
+
     <link
       rel="icon"
       type="image/png"
diff --git a/apps/client/public/meta-image.png b/apps/client/public/meta-image.png
diff --git a/apps/client/src/App.vue b/apps/client/src/App.vue
@@ -11,31 +11,6 @@ import { isCtrlDown } from './code/utils/misc';
 
 useMeta(() => ({
   title: 'DeepNotes - Dive into your note universe',
-
-  meta: {
-    description: {
-      name: 'description',
-      content:
-        'DeepNotes is an end-to-end encrypted visual note-taking tool with deep page navigation.',
-    },
-    keywords: {
-      name: 'keywords',
-      content:
-        'deepnotes, deep notes, note-taking, visual, spatial, end-to-end encrypted, collaborative, open source',
-    },
-    robots: {
-      name: 'robots',
-      content: 'index, follow',
-    },
-    equiv: {
-      'http-equiv': 'Content-Type',
-      content: 'text/html; charset=UTF-8',
-    },
-    language: {
-      name: 'language',
-      content: 'English',
-    },
-  },
 }));
 
 onMounted(() => {
diff --git a/apps/client/src/layouts/HomeLayout/Footer.vue b/apps/client/src/layouts/HomeLayout/Footer.vue
@@ -87,6 +87,20 @@
           >
             Reddit
           </a>
+
+          <a
+            class="footer-item"
+            href="https://www.linkedin.com/company/deepnotes"
+          >
+            LinkedIn
+          </a>
+
+          <a
+            class="footer-item"
+            href="https://github.com/DeepNotesApp/DeepNotes"
+          >
+            GitHub
+          </a>
         </div>
 
         <div class="footer-section col-4 col-md-3">
@@ -115,7 +129,7 @@
       <Gap style="height: 20px" />
 
       <div style="font-size: 13px; text-align: center">
-        @ 2023 DeepNotes |
+        @ {{ new Date().getFullYear() }} DeepNotes |
         <a href="mailto:contact@deepnotes.app">contact@deepnotes.app</a>
       </div>
 
