Skip to content

UI Enhancement: Updated Header & Footer Design #386

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
PriyankaVerma2307 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

UI Enhancement: Updated Header & Footer Design #386

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
327 changes: 147 additions & 180 deletions docusaurus.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -23,248 +23,215 @@ module.exports = {
position: 'left',
to: '/docs/guidelines/'
},

// ---- Year Menus (unchanged) ----
{
label: '2021',
position: 'left',
to: '/docs/2021/',
items: [
{
label: 'New build system',
to: '/docs/2021/buildsystem/',
},
{
label: 'Copyrights false positive detection',
to: '/docs/2021/copyrights/',
},
{
label: 'Microservice architecture',
to: '/docs/2021/microservice/',
},
{
label: 'Minerva',
to: '/docs/2021/minerva/',
},
{
label: 'ScanCode Integration',
to: '/docs/2021/scancode/',
},
{
label: 'React UI',
to: '/docs/2021/ui/',
},
{ label: 'New build system', to: '/docs/2021/buildsystem/' },
{ label: 'Copyrights false positive detection', to: '/docs/2021/copyrights/' },
{ label: 'Microservice architecture', to: '/docs/2021/microservice/' },
{ label: 'Minerva', to: '/docs/2021/minerva/' },
{ label: 'ScanCode Integration', to: '/docs/2021/scancode/' },
{ label: 'React UI', to: '/docs/2021/ui/' },
]
},

{
label: '2022',
position: 'left',
to: '/docs/2022/',
items: [
{
label: 'Atarashi',
to: '/docs/2022/atarashi/',
},
{
label: 'Concept of project',
to: '/docs/2022/project/',
},
{
label: 'REUSE',
to: '/docs/2022/reuse/',
},
{
label: 'Spasht',
to: '/docs/2022/spasht/',
},
{
label: 'React UI',
to: '/docs/2022/ui/',
},
{ label: 'Atarashi', to: '/docs/2022/atarashi/' },
{ label: 'Concept of project', to: '/docs/2022/project/' },
{ label: 'REUSE', to: '/docs/2022/reuse/' },
{ label: 'Spasht', to: '/docs/2022/spasht/' },
{ label: 'React UI', to: '/docs/2022/ui/' },
]
},

{
label: '2023',
position: 'left',
to: '/docs/2023/',
items: [
{
label: 'Reducing False positive copyrights',
to: '/docs/2023/copyrights',
},
{
label: 'REST API improvements',
to: '/docs/2023/rest',
},
{
label: 'License as a service',
to: '/docs/2023/laas',
},
{
label: 'Support CycloneDX report',
to: '/docs/2023/cyclonedx',
},
{ label: 'Reducing False positive copyrights', to: '/docs/2023/copyrights' },
{ label: 'REST API improvements', to: '/docs/2023/rest' },
{ label: 'License as a service', to: '/docs/2023/laas' },
{ label: 'Support CycloneDX report', to: '/docs/2023/cyclonedx' },
]
},

{
label: '2024',
position: 'left',
to: '/docs/2024/',
items: [
{
label: 'Idea list',
to: '/docs/2024/GSoC-projects',
},
{
label: 'Scheduler Overhaul',
to: '/docs/2024/scheduler',
},
{
label: 'AI Powered License Detection',
to: '/docs/2024/license-detection',
},
{
label: 'Support SPDX 3.0 Reports',
to: '/docs/2024/spdx30',
},
{
label: 'SPDX License Expression Support',
to: '/docs/2024/spdx-expression',
},
{
label: 'REST API improvements',
to: '/docs/2024/rest',
},
{
label: 'CI Scanner Improvements',
to: '/docs/2024/ci-scanner',
},
{
label: 'Data Pipeline',
to: '/docs/2024/pipeline',
},
{
label: 'Text Phrases',
to: '/docs/2024/text-phrases',
},
{ label: 'Idea list', to: '/docs/2024/GSoC-projects' },
{ label: 'Scheduler Overhaul', to: '/docs/2024/scheduler' },
{ label: 'AI Powered License Detection', to: '/docs/2024/license-detection' },
{ label: 'Support SPDX 3.0 Reports', to: '/docs/2024/spdx30' },
{ label: 'SPDX License Expression Support', to: '/docs/2024/spdx-expression' },
{ label: 'REST API improvements', to: '/docs/2024/rest' },
{ label: 'CI Scanner Improvements', to: '/docs/2024/ci-scanner' },
{ label: 'Data Pipeline', to: '/docs/2024/pipeline' },
{ label: 'Text Phrases', to: '/docs/2024/text-phrases' },
]
},

{
label: '2025',
position: 'left',
to: '/docs/2025/',
items: [
{
label: 'Idea list',
to: '/docs/2025/GSoC-projects',
},
{
label: 'Enhance Atarashi\'s Ability',
to: '/docs/2025/atarashi-enhancement',
},
{
label: 'Data Pipeline For Safaa',
to: '/docs/2025/data-pipeline',
},
{
label: 'Enhancing Debian Packaging for FOSSology',
to: '/docs/2025/debian-packaging',
},
{
label: 'LicenseDB Platform Improvements',
to: '/docs/2025/licensedb-platform',
},
{
label: 'Complete Microservices Infrastructure for FOSSology',
to: '/docs/2025/microservices-infrastructure',
},
{
label: 'Integrating OSS Review Toolkit with FOSSology',
to: '/docs/2025/oss-review-toolkit',
},
{
label: 'Reuse of clearing decisions using reports from OSSelot Project',
to: '/docs/2025/osselot',
},
{
label: 'Support text phrases and bulk based scanning for Monk a like agent',
to: '/docs/2025/text-phrases-bulk',
},
{
label: 'Completion of UI using React.js',
to: '/docs/2025/ui-react',
},
{
label: 'FOSSology UX and UI Redesign',
to: '/docs/2025/ux-ui-design',
},
{ label: 'Idea list', to: '/docs/2025/GSoC-projects' },
{ label: 'Enhance Atarashi\'s Ability', to: '/docs/2025/atarashi-enhancement' },
{ label: 'Data Pipeline For Safaa', to: '/docs/2025/data-pipeline' },
{ label: 'Enhancing Debian Packaging for FOSSology', to: '/docs/2025/debian-packaging' },
{ label: 'LicenseDB Platform Improvements', to: '/docs/2025/licensedb-platform' },
{ label: 'Complete Microservices Infrastructure for FOSSology', to: '/docs/2025/microservices-infrastructure' },
{ label: 'Integrating OSS Review Toolkit with FOSSology', to: '/docs/2025/oss-review-toolkit' },
{ label: 'Reuse of clearing decisions using reports from OSSelot Project', to: '/docs/2025/osselot' },
{ label: 'Support text phrases and bulk based scanning for Monk a like agent', to: '/docs/2025/text-phrases-bulk' },
{ label: 'Completion of UI using React.js', to: '/docs/2025/ui-react' },
{ label: 'FOSSology UX and UI Redesign', to: '/docs/2025/ux-ui-design' },
]
},

// ⭐ NAVBAR GITHUB ICON
{
href: 'https://github.com/fossology/fossology',
label: 'GitHub',
position: 'right',
href: 'https://github.com/fossology/fossology',
position: 'right',
html: `
<img
src="img/github-logo.png"
style="height: 20px; margin-top: 4px;"
/>`,
},
],
},

// ------------ FOOTER WITH ICONS --------------
footer: {
style: 'dark',
links: [
style: 'dark',
links: [
{
title: 'About',
items: [
{
title: 'Community',
items: [
{
label: 'GitHub',
href: 'https://github.com/fossology',
},
{
label: 'Slack',
href: 'https://fossology.slack.com/',
},
{
label: 'Main home page',
href: 'https://www.fossology.org/',
},
],
html: `
<div class="footer-about">
<h3 class="footer-title">FOSSology</h3>
<p class="footer-desc">
A robust open-source license compliance framework powering modern FOSS workflows.
</p>
</div>
`,
},
],
},

{
title: 'Quick Links',
items: [
{ label: 'Home', to: '/' },
{ label: 'Contributor Guidelines', to: '/docs/guidelines/' },
{ label: 'Project Ideas', to: '/docs/2025/GSoC-projects/' },
{ label: 'Website', to: 'https://www.fossology.org/' },
{ label: 'Install FOSSology', to: 'https://github.com/fossology/fossology/wiki/Install-from-Source' },
],
},

{
title: 'Community',
items: [
{
title: 'More',
items: [
{
label: 'YouTube',
href: 'https://www.youtube.com/@fossology',
},
{
label: 'Installing FOSSology',
href: 'https://github.com/fossology/fossology/wiki/Install-from-Source',
},
{
label: 'Getting started',
href: 'https://github.com/fossology/fossology/wiki/New-at-FOSSology,-You-Could-...',
},
],
html: `
<div class="footer-social">
<img src="/gsoc/img/github-logo.png" class="social-icon" />
<a href="https://github.com/fossology/" target="_blank">GitHub</a>
</div>
`,
},
{
html: `
<div class="footer-social">
<img src="/gsoc/img/slack.png" class="social-icon" />
<a href="https://fossology.slack.com/" target="_blank">Slack</a>
</div>
`,
},
{
html: `
<div class="footer-social">
<img src="/gsoc/img/youtube.png" class="social-icon" />
<a href="https://www.youtube.com/@fossology" target="_blank">YouTube</a>
</div>
`,
},
],
copyright: `Copyright © 2021 - ${new Date().getFullYear()} FOSSology project. Built with Docusaurus.`,
},

{

title: 'Contact',
items: [
{
html: `
<p class="footer-contact">
📧 [email protected]
</p>
`,
},
{
html: `
<p class="footer-contact">
🌐 <a href="https://www.fossology.org" target="_blank" class="footer-contact-link">
fossology.org
</a>
</p>
`,
},
{
html: `
<p class="footer-contact">
💬 <a href="https://fossology.slack.com" target="_blank" class="footer-contact-link">
Community Support (Slack)
</a>
</p>
`,
},
],
},

],
copyright: `
© 2021 - ${new Date().getFullYear()} FOSSology project.
Built with Docusaurus.
`,
},

colorMode: {
defaultMode: 'light',
disableSwitch: false,
respectPrefersColorScheme: false,
},
image: 'img/logo.png',
},

presets: [
[
'@docusaurus/preset-classic',
{
docs: {
sidebarPath: require.resolve('./sidebars.js'),
editUrl:
'https://github.com/fossology/gsoc/edit/main/',
editUrl: 'https://github.com/fossology/gsoc/edit/main/',
},
blog: {
showReadingTime: true,
editUrl:
'https://github.com/fossology/gsoc/edit/main/',
editUrl: 'https://github.com/fossology/gsoc/edit/main/',
},
theme: {
customCss: [
Expand Down
Loading