diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js index 85f00790..ab33c338 100644 --- a/docs/docusaurus.config.js +++ b/docs/docusaurus.config.js @@ -86,39 +86,28 @@ const config = { }, items: [ { - href: 'https://github.com/openrag/openrag', - label: 'GitHub', - position: 'right', + position: "right", + href: "https://github.com/langflow-ai/openrag", + className: "header-github-link", + target: "_blank", + rel: null, + 'aria-label': 'GitHub repository', }, ], }, footer: { - style: 'dark', links: [ { - title: 'Documentation', + title: null, items: [ { - label: 'Getting Started', - to: '/', - }, - ], - }, - { - title: 'Community', - items: [ - { - label: 'GitHub', - href: 'https://github.com/openrag/openrag', - }, - { - label: 'Discord', - href: 'https://discord.gg/openrag', + html: `
`, }, ], }, ], - copyright: `Copyright © ${new Date().getFullYear()} OpenRAG. Built with Docusaurus.`, }, prism: { theme: prismThemes.github, diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css index 2bc6a4cf..0e56814d 100644 --- a/docs/src/css/custom.css +++ b/docs/src/css/custom.css @@ -28,3 +28,89 @@ --ifm-color-primary-lightest: #4fddbf; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } + +/* GitHub Icon Button */ +.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 xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E") no-repeat; +} + +[data-theme="dark"] .header-github-link:before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E") no-repeat; +} + + +/* Slim Footer */ +.footer { + padding: 1rem 0 0; + background-color: var(--ifm-background-color); + border-top: 1px solid var(--ifm-color-emphasis-200); +} + +[data-theme="light"] .footer { + border-top: 1px solid var(--ifm-color-emphasis-300); +} + +.footer-content { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 var(--ifm-navbar-padding-horizontal); + max-width: var(--ifm-container-width); + margin: 0 auto; + font-size: 12px; +} + +.footer__copyright { + color: var(--ifm-toc-link-color); +} + +.footer-links { + display: flex; + gap: 0.5rem; + font-size: 13px; +} + +.footer-links a { + color: var(--ifm-toc-link-color); + text-decoration: none; +} + +.footer-links a:hover { + text-decoration: underline; +} + +.footer .container { + padding: 0 1.25rem; + display: flex; + justify-content: left; + align-items: center; + flex-direction: row; + max-width: 100%; +} + +.footer__title { + margin-bottom: 0; +} + +/* Inline Icons */ +.markdown svg, +.markdown img[src*="icon"], +.markdown .icon { + width: 16px !important; + height: 16px !important; + stroke-width: 2.5 !important; + display: inline-block; + vertical-align: middle; +}