Skip to content

Commit 4fb36fc

Browse files
devGregAclaudepaulOsinski
authored
Updates Documentation Site (#14357)
* Apply DefectDojo brand guidelines to docs site styling Update the documentation site CSS/SCSS to align with DefectDojo Brand Guidelines V1. This includes brand colors (Fuji Blue, Torii Orange, Dojo Black palettes), Work Sans typography with proper weight hierarchy (Semi Bold headlines, Medium nav/buttons, Regular body), and full light/dark mode support. No content or navigation changes. - Add Work Sans font weights: Light (300), Italic (400i), Semi Bold (600), Semi Bold Italic (600i) - Set Bootstrap variable overrides for brand colors and typography - Style navbar, sidebar, buttons, cards, code blocks, and DocSearch with brand palette - Add dark mode adaptations using lighter brand color variants - Move CTA button styles from inline to SCSS (.btn-cta class) - Update DocSearch modal colors from generic purple to Fuji Blue - Remove deprecated getjson cache config for Hugo v0.131+ compat - Remove unused Jost font preloads from resource hints Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Redesign docs site navigation, layout, and UX for world-class experience - Declutter header: remove release notes API fetch, border around search, consolidate social icons to just GitHub (rest moved to footer) - Add skip-to-content link and id="main-content" target for accessibility - Remove emoji chevrons from nav menu items - Create branded multi-column footer with docs, community, company links - Redesign homepage with hero section, two CTAs, and 6 icon nav cards - Brand the 404 page with large display number and action buttons - Add description/lead text to section list page cards - Enable breadcrumb trail and back-to-top button via Doks params - Replace sidebar inline styles with proper CSS classes - Add scroll progress bar (blue-to-orange gradient) on doc pages - Comprehensive SCSS: footer, hero, home cards, 404, back-to-top, breadcrumbs, typography, TOC active indicator, header nav pills, sidebar chevron rotation, print styles, focus-visible outlines, prefers-reduced-motion support - Fix copyright from "Thulite" to "DefectDojo Inc." No markdown content files were modified. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Polish header, homepage, and footer based on visual review - Increase nav text size and add social links (GitHub, LinkedIn, YouTube, X) to header - Restyle search button with solid background, icon, and keyboard shortcut indicator - Reduce spacing between logo and nav row - Change hero CTAs to brand-aligned colors (Fuji Blue primary, Dojo Black outline) - Expand homepage to 8 symmetric tiles (4×2 grid) with title case headings - Update tool count from 190+ to 200+ - Update footer tagline to align with brand messaging Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Refine docs site: title-case nav, version-toggle dashboard images, dark mode logo fix - Title case top navigation menu items (Get Started, Import Data, etc.) - Add version-toggled dashboard images on About and Dashboard pages - Hide Pro-versioned content by default via CSS - Fix version toggle to use display:block instead of empty string - Update dark mode logo SVG fill color for visibility Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * Hide Algolia branding, add OS dashboard content, fix dark mode logo colors - Hide DocSearch/Algolia logo in search modal via CSS - Add version-toggled OS content for Introduction Dashboard page - Mark Custom Dashboard Tiles as pro-only via audience front matter - Fix dark mode SVG logo to use proper background (#212529) and foreground (#FFFFFF) colors Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * remove xss issues * add release notes proposal --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com> Co-authored-by: Paul Osinski <posinski34@gmail.com> Co-authored-by: Paul Osinski <42211303+paulOsinski@users.noreply.github.com>
1 parent 6f36fc9 commit 4fb36fc

23 files changed

Lines changed: 1546 additions & 244 deletions

docs/assets/js/custom.js

Lines changed: 33 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
console.log("[VersionToggle] Setting version to:", version);
1212

1313
document.querySelectorAll(".version-opensource, .version-pro").forEach(el => {
14-
el.style.display = el.classList.contains(`version-${version}`) ? "" : "none";
14+
el.style.display = el.classList.contains(`version-${version}`) ? "block" : "none";
1515
});
1616

1717
localStorage.setItem("version", version);
@@ -58,3 +58,35 @@
5858
observer.observe(document.body, { childList: true, subtree: true });
5959

6060
})();
61+
62+
63+
// Scroll progress bar — shows reading progress on doc pages
64+
(() => {
65+
"use strict";
66+
67+
const init = () => {
68+
// Only add on doc pages (pages with .docs-content)
69+
if (!document.querySelector('.docs-content')) return;
70+
71+
const bar = document.createElement('div');
72+
bar.className = 'scroll-progress';
73+
bar.style.width = '0%';
74+
document.body.appendChild(bar);
75+
76+
const update = () => {
77+
const scrollTop = window.scrollY;
78+
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
79+
const progress = docHeight > 0 ? (scrollTop / docHeight) * 100 : 0;
80+
bar.style.width = progress + '%';
81+
};
82+
83+
window.addEventListener('scroll', update, { passive: true });
84+
update();
85+
};
86+
87+
if (document.readyState === 'loading') {
88+
document.addEventListener('DOMContentLoaded', init);
89+
} else {
90+
init();
91+
}
92+
})();

0 commit comments

Comments
 (0)