From 67eb1e8e45ba15a3a54c73f5b1311c551e8f5f43 Mon Sep 17 00:00:00 2001 From: Matej Focko Date: Fri, 14 Jul 2023 14:30:42 +0200 Subject: [PATCH] feat: adjust footer and navbar * also remove usage for now Signed-off-by: Matej Focko --- packit.dev/docusaurus.config.js | 45 ++++++++++++++++++++------------- packit.dev/src/css/custom.css | 18 +++++++++++++ 2 files changed, 46 insertions(+), 17 deletions(-) diff --git a/packit.dev/docusaurus.config.js b/packit.dev/docusaurus.config.js index d1de8ce07e..04e42201ef 100644 --- 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,8 +165,12 @@ 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", }, ], }, @@ -163,16 +178,12 @@ const config = { 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", }, ], }, @@ -180,17 +191,17 @@ const config = { 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 index 38591401e3..e25c3ef92f 100644 --- 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; +}