feat: adjust footer and navbar

* also remove usage for now Signed-off-by: Matej Focko <mfocko@redhat.com>
packit · Jul 14, 2023 · 67eb1e8 · 67eb1e8
1 parent a09979c
commit 67eb1e8
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 17 deletions.
diff --git a/packit.dev/docusaurus.config.js b/packit.dev/docusaurus.config.js
@@ -47,7 +47,7 @@ const sections = [
     "https://github.com/packit/deployment/tree/main/docs",
   ),
   new Section("development", "Development"),
-  new Section("usage", "Usage"),
+  // new Section("usage", "Usage"),
 ];
 
 /** @type {import('@docusaurus/types').Config} */
@@ -141,10 +141,21 @@ const config = {
           { to: "/posts", label: "Blog Posts", position: "left" },
           { to: "/posts/weekly", label: "Weekly Updates", position: "left" },
           {
-            href: "https://github.com/facebook/docusaurus",
-            label: "GitHub",
+            href: "https://dashboard.packit.dev",
+            label: "Dashboard",
             position: "right",
           },
+          {
+            href: "https://status.packit.dev/",
+            label: "Status",
+            position: "right",
+          },
+          {
+            href: "https://github.com/packit",
+            // label: "GitHub",
+            position: "right",
+            className: "header-github-link",
+          },
         ],
       },
       footer: {
@@ -154,43 +165,43 @@ const config = {
             title: "Docs",
             items: [
               {
-                label: "Tutorial",
-                to: "/docs/index",
+                label: "Onboarding guide",
+                to: "/docs/guide",
+              },
+              {
+                label: "Fedora releases guide",
+                to: "/docs/fedora-releases-guide",
               },
             ],
           },
           {
             title: "Community",
             items: [
               {
-                label: "Stack Overflow",
-                href: "https://stackoverflow.com/questions/tagged/docusaurus",
-              },
-              {
-                label: "Discord",
-                href: "https://discordapp.com/invite/docusaurus",
+                label: "Matrix",
+                href: "https://chat.fedoraproject.org/#/room/#packit:fedora.im",
               },
               {
-                label: "Twitter",
-                href: "https://twitter.com/docusaurus",
+                label: "@packit@fosstodon.org",
+                href: "https://fosstodon.org/@packit",
               },
             ],
           },
           {
             title: "More",
             items: [
               {
-                label: "Blog",
-                to: "/blog",
+                label: "Blog Posts",
+                to: "/posts",
               },
               {
                 label: "GitHub",
-                href: "https://github.com/facebook/docusaurus",
+                href: "https://github.com/packit",
               },
             ],
           },
         ],
-        copyright: `Copyright © ${new Date().getFullYear()} My Project, Inc. Built with Docusaurus.`,
+        copyright: `Copyright © ${new Date().getFullYear()} Packit is a Red Hat sponsered free software project. Built with Docusaurus.`,
       },
       prism: {
         theme: lightCodeTheme,

diff --git a/packit.dev/src/css/custom.css b/packit.dev/src/css/custom.css
@@ -28,3 +28,21 @@
   --ifm-color-primary-lightest: #4fddbf;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
+
+.header-github-link:hover {
+  opacity: 0.6;
+}
+
+.header-github-link::before {
+  content: "";
+  width: 24px;
+  height: 24px;
+  display: flex;
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}
+
+[data-theme="dark"] .header-github-link::before {
+  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+    no-repeat;
+}