Merge pull request #387 from janhq/jan-381

feat: Update Social OG Image and Meta Description

README.md

@@ -13,14 +13,14 @@
 
 <p align="center">
   <a href="https://docs.jan.ai/">Getting Started</a> - <a href="https://docs.jan.ai">Docs</a> 
-  - <a href="https://docs.jan.ai/changelog/">Changelog</a> - <a href="https://github.com/janhq/jan/issues">Bug reports</a> - <a href="https://discord.gg/AsJ8krTT3N">Discord</a>
+  - <a href="https://github.com/janhq/jan/releases">Changelog</a> - <a href="https://github.com/janhq/jan/issues">Bug reports</a> - <a href="https://discord.gg/AsJ8krTT3N">Discord</a>
 </p>
 
 > ⚠️ **Jan is currently in Development**: Expect breaking changes and bugs!
 
-Jan runs Large Language Models and AIs on your own Windows, Mac or Linux computer. Jan can be run as a desktop app, or as a cloud-native deployment. 
+Jan runs Large Language Models and AIs on your own Windows, Mac or Linux computer. Jan can be run as a desktop app, or as a cloud-native deployment.
 
-Jan is free and open source, under the GPLv3 license. 
+Jan is free and open source, under the GPLv3 license.
 
 **Jan runs on any hardware.** From PCs to multi-GPU clusters, Jan supports universal architectures:
 
@@ -66,16 +66,17 @@ In the background, Jan runs [Nitro](https://nitro.jan.ai), an open source, C++ i
 > See the open source Nitro codebase at https://nitro.jan.ai.
 
 ## Troubleshooting
+
 As Jan is development mode, you might get stuck on a broken build.
 
-To reset your installation: 
+To reset your installation:
 
 1. Delete Jan Application from /Applications
 
 1. Clear cache:
-`rm -rf /Users/$(whoami)/Library/Application\ Support/jan-electron`
-OR 
-`rm -rf /Users/$(whoami)/Library/Application\ Support/jan`
+   `rm -rf /Users/$(whoami)/Library/Application\ Support/jan-electron`
+   OR
+   `rm -rf /Users/$(whoami)/Library/Application\ Support/jan`
 
 ---
 

docs/src/components/Announcement/index.js

@@ -9,7 +9,7 @@ import { BiLogoDiscordAlt } from "react-icons/bi";
 const socials = [
   {
     icon: <AiOutlineTwitter className="text-xl text-white" />,
-    href: "https://twitter.com/jan_dotai",
+    href: "https://twitter.com/janhq_",
   },
   {
     icon: <BiLogoDiscordAlt className="text-xl text-white" />,

docs/src/components/Footer/index.js

@@ -22,20 +22,21 @@ const menus = [
     name: "For Developers",
     child: [
       {
-        menu: "Documentations",
+        menu: "Documentation (WIP)",
         path: "/docs",
       },
       {
-        menu: "Hardware",
+        menu: "Hardware (WIP)",
         path: "/hardware",
       },
       {
-        menu: "API",
+        menu: "API (WIP)",
         path: "/api",
       },
       {
         menu: "Changelog",
-        path: "/changelog",
+        path: "https://github.com/janhq/jan/releases",
+        external: true,
       },
     ],
   },
@@ -54,7 +55,7 @@ const menus = [
       },
       {
         menu: "Twitter",
-        path: "https://twitter.com/jan_dotai",
+        path: "https://twitter.com/janhq_",
         external: true,
       },
     ],

docs/src/pages/index.js

@@ -54,7 +54,11 @@ export default function Home() {
   return (
     <>
       <AnnoncementBanner />
-      <Layout title={`${siteConfig.tagline}`} description="Jan ">
+      <Layout
+        title={`${siteConfig.tagline}`}
+        description="Jan runs Large Language Models locally on Windows, Mac and Linux.
+              Available on Desktop and Cloud-Native."
+      >
         <main className="bg-gray-50 dark:bg-gray-950/95 relative">
           <div className="relative">
             <ThemedImage
@@ -63,7 +67,7 @@ export default function Home() {
                 light: useBaseUrl("/img/bg-hero-light.svg"),
                 dark: useBaseUrl("/img/bg-hero-dark.svg"),
               }}
-              className="absolute w-full h-full opacity-30 dark:opacity-20 top-0 object-cover blur-3xl"
+              className="absolute w-full h-full opacity-10 dark:opacity-20 top-0 object-cover blur-3xl"
             />
             <div className="container py-16">
               <div className="grid grid-cols-1 items-center gap-4">

docs/src/styles/main.scss

@@ -1,8 +1,8 @@
-@import 'tailwindcss/base';
-@import 'tailwindcss/components';
-@import 'tailwindcss/utilities';
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
 
-@import './typography.scss';
-@import './tweaks.scss';
-@import './base.scss';
-@import './components.scss';
+@import "./typography.scss";
+@import "./tweaks.scss";
+@import "./base.scss";
+@import "./components.scss";

docs/src/styles/tweaks.scss

@@ -4,11 +4,11 @@
   }
 }
 
-.col.docItemCol_node_modules-\@docusaurus-theme-classic-lib-theme-DocItem-Layout-styles-module {
+[class*="docItemCol_"] {
   @apply p-4 lg:px-16 lg:py-4;
 }
 
-.breadcrumbsContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocBreadcrumbs-styles-module {
+[class*="breadcrumbsContainer_"] {
   margin-bottom: 40px !important;
 }
 
@@ -21,7 +21,7 @@
   padding: 32px 10px;
 }
 
-.iconExternalLink_node_modules-\@docusaurus-theme-classic-lib-theme-Icon-ExternalLink-styles-module {
+[class*="iconExternalLink_"] {
   display: none;
 }
 
@@ -41,10 +41,6 @@
     .navbar-sidebar__close {
       width: 14px;
     }
-    // .toggle_node_modules-\@docusaurus-theme-classic-lib-theme-ColorModeToggle-styles-module {
-    //   width: 24px;
-    //   height: 24px;
-    // }
   }
 
   .navbar__title {
@@ -71,8 +67,8 @@
   }
 }
 
-.docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module,
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module {
+[class*="docMainContainer_"],
+[class*="docSidebarContainer_"] {
   @apply bg-gray-50 dark:bg-gray-950/95;
 }
 
@@ -80,13 +76,12 @@
   @apply bg-gray-50 dark:bg-gray-900;
 }
 
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module,
-.table-of-contents__left-border {
+.theme-doc-sidebar-container {
   @apply border-gray-200 dark:border-gray-800;
 }
 
-.docMainContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Main-styles-module,
-.docSidebarContainer_node_modules-\@docusaurus-theme-classic-lib-theme-DocPage-Layout-Sidebar-styles-module {
+[class*="docMainContainer_"],
+[class*="docSidebarContainer_"] {
   table {
     a {
       @apply text-blue-600 dark:text-blue-400;

web/app/_components/SidebarFooter/index.tsx

@@ -13,7 +13,7 @@ const SidebarFooter: React.FC = () => (
     <SecondaryButton
       title={"Twitter"}
       onClick={() =>
-        window.electronAPI?.openExternalUrl("https://twitter.com/jan_dotai")
+        window.electronAPI?.openExternalUrl("https://twitter.com/janhq_")
       }
       className="flex-1"
     />