Merge pull request #8 from pixee/codemodder-docs-UI-revamp

Codemodder docs UI revamp
pixee · Oct 3, 2023 · 2b829f9 · 2b829f9
2 parents 8c68257 + 5603902
commit 2b829f9
Show file tree

Hide file tree

Showing 19 changed files with 405 additions and 74 deletions.
diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -29,7 +29,7 @@ const config = {
   },
 
   stylesheets: [
-    "https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap",
+    'https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&display=swap',
   ],
 
   presets: [
@@ -42,15 +42,13 @@ const config = {
           routeBasePath: '/',
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
-          editUrl:
-            'https://github.com/pixee/codemodder-docs/edit/main/',
+          editUrl: 'https://github.com/pixee/codemodder-docs/edit/main/',
         },
         blog: {
           showReadingTime: true,
           // Please change this to your repo.
           // Remove this to remove the "edit this page" links.
-          editUrl:
-            'https://github.com/pixee/codemodder-docs/edit/main/',
+          editUrl: 'https://github.com/pixee/codemodder-docs/edit/main/',
         },
         theme: {
           customCss: require.resolve('./src/css/custom.css'),
@@ -67,63 +65,58 @@ const config = {
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
       navbar: {
-        title: 'Codemodder',
         logo: {
           alt: 'Codemodder',
-          src: 'img/icon_black.png',
-          srcDark: 'img/icon_white.png',
+          src: 'img/CodemodderLM.png',
+          srcDark: 'img/CodemodderDM.png',
         },
+
         items: [
           {
             type: 'doc',
             docId: 'intro',
             position: 'left',
             label: 'Home',
-          }
-        ],
-      },
-      head: [
-      ],
-      footer: {
-        style: 'dark',
-        links: [
+          },
           {
-            title: 'Docs',
-            items: [
-              {
-                label: 'Docs',
-                to: '/',
-              },
-            ],
+            type: 'html',
+            position: 'right',
+            value:
+              '<a href="https://github.com/pixee/codemodder-docs" target="_blank"><div class="header-github-link"></div><a/>',
           },
           {
-            title: 'Community',
-            items: [
-              {
-                label: 'Slack',
-                href: 'https://join.slack.com/t/openpixee/shared_invite/zt-1pnk7jqdd-kfwilrfG7Ov4M8rorfOnUA',
-              },
-            ],
+            type: 'html',
+            position: 'right',
+            value:
+              '<a href="https://join.slack.com/t/openpixee/shared_invite/zt-1pnk7jqdd-kfwilrfG7Ov4M8rorfOnUA" target="_blank",><div class="header-slack-link"></div><a/>',
           },
+        ],
+      },
+      head: [],
+      footer: {
+        links: [
           {
-            title: 'More',
             items: [
               {
-                label: 'GitHub',
-                href: 'https://github.com/pixee/codemodder-docs',
-              },
-              {
-                label: 'Terms of Service',
-                href: 'https://www.pixee.ai/terms',
-              },
-              {
-                label: 'Privacy Policy',
-                href: 'https://www.pixee.ai/privacy',
+                html: `
+                <div class="footerContent">
+                  <div class="copyright"><span>© 2023 Pixee Inc.</span> All rights reserved</div>
+                  <div class="socialIcons">
+                  <a href="https://twitter.com/pixeebot" target="_blank"><div class="footer-twitter-link"></div></a>
+                  <a href="https://www.linkedin.com/company/pixee/" target="_blank"><div class="footer-linkedin-link"></div></a>
+                  </div>
+
+                  <div class="links">
+                    <a href="https://www.pixee.ai/terms" target="_blank">Terms of Service</a>
+                    <a href="https://www.pixee.ai/privacy" target="_blank">Privacy Policy</a>
+                    <a href = "mailto: [email protected]">Contact us</a>
+                  </div>
+                </div>
+                  `,
               },
             ],
           },
         ],
-        copyright: `Copyright © 2023 Pixee Inc.`,
       },
       prism: {
         additionalLanguages: ['java', 'python'],
@@ -132,14 +125,12 @@ const config = {
       },
     }),
 
-    scripts: [
-      {
-        src: '/js/loadtags.js',
-        async: true,
-      }
-    ],
-
-
+  scripts: [
+    {
+      src: '/js/loadtags.js',
+      async: true,
+    },
+  ],
 };
 
-module.exports = config; 
+module.exports = config;