Used Claude to update the look and feel of resteasy.dev.#49
Merged
jamezp merged 28 commits intoresteasy:mainfrom Mar 27, 2026
Merged
Used Claude to update the look and feel of resteasy.dev.#49jamezp merged 28 commits intoresteasy:mainfrom
jamezp merged 28 commits intoresteasy:mainfrom
Conversation
jamezp
force-pushed
the
style-updates-claude
branch
from
9360567 to
6a17d7e
Compare
|
A preview of this PR is available at https://pr-49-resteasy-dev.surge.sh |
- Add Bootstrap 5 framework for responsive design - Create custom bootstrap-theme.css with RESTEasy brand colors - Implement modern teal/slate color palette (#2c5f7a, #4a9ebb) - Add responsive containers to all page templates - Update navigation with gradient and modern styling - Add viewport meta tag for mobile responsiveness - Improve typography and spacing throughout - Add breadcrumb styling and sidebar layout - Update .gitignore to exclude node_modules The site now has a clean, professional look with: - Compact navigation (no longer 375px tall) - Responsive grid layout for features - Proper content width constraints - Modern color scheme matching brand identity Signed-off-by: James R. Perkins <jperkins@ibm.com> Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Major improvements: - Implement full dark/light theme toggle with localStorage persistence - Add theme switcher button in navigation (moon/sun icon) - Detect and respect system color scheme preferences - Create comprehensive dark mode styles for all components Table enhancements: - Modern gradient headers with teal/slate colors - Clean zebra striping with subtle backgrounds - Smooth hover effects and transitions - Rounded corners with shadow for depth - Uppercase header text with better spacing Sidebar improvements: - Modern card-style design with clean borders - Animated arrow indicators on links - Section headers with accent underlines - Professional spacing and visual hierarchy Navigation fixes: - Dynamic active state highlighting using JavaScript - Correctly highlights current section on all pages - Removed redundant project name text from banner - Improved banner sizing for better visibility UI cleanup: - Remove old CSS files (org_common.css, styles.css, etc.) - Streamline to Bootstrap + custom theme only - Keep minimal legacy CSS for compatibility - All styling now uses modern CSS custom properties The site now features a polished, professional design with seamless light/dark mode switching and improved UX throughout. Signed-off-by: James R. Perkins <jperkins@ibm.com> Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
HTML Structure Cleanup: - Removed 7 levels of nested wrapper divs (#wrapper, #wrapper-2, #wrapper-3, etc.) - Replaced with semantic HTML (<main>, <footer>) - Cleaned up all layout templates (main.html, default.html, post.html) - Removed legacy body classes (col-float3, rightcol-layout) Sidebar Removal: - Completely removed right sidebar from all pages - Eliminated duplicate 'Useful Links' navigation (300px space freed) - Removed outdated social media buttons - Moved Apache License badge to footer with icon - Moved Security link to footer with icon - Clean, full-width content layout across all pages News List Modernization: - Converted from old grid__item classes to Bootstrap grid - Implemented Bootstrap card components with hover effects - Responsive layout: 1 column mobile, 2 on tablet, 4 on desktop - Added proper dark mode styling for news cards - Card footer with styled buttons Navigation Improvements: - Moved theme toggle to right side of nav bar - Better visual balance in header Footer Enhancements: - Fixed footer navigation layout with proper flexbox - Added license and security as clickable badges with icons - Proper styling consistency across all pages - Override conflicting grid styles from legacy CSS - Full dark mode support for footer elements The entire site now has a clean, modern, consistent layout with semantic HTML and no redundant elements. Signed-off-by: James R. Perkins <jperkins@ibm.com> Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
- Show default logo (dark text) in light mode - Show reverse logo (white text) in dark mode - Automatic switching using CSS display properties - Improves visual consistency and readability in dark mode Signed-off-by: James R. Perkins <jperkins@ibm.com> Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
Creates a new /community page consolidating all community resources (Discussions, Issue Tracker, Contributing, Code of Conduct, Source Code, Books, Contributors) into a clean card-based layout. Simplifies header and footer navigation by removing dropdown menus for Overview, Community, and Source Code sections, resulting in a cleaner UX with direct links. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Transforms the documentation page with Bootstrap-inspired card design featuring clean shadows, hover effects, and improved visual hierarchy. Includes styled spec information boxes, modern link buttons, and full dark mode support to match the overall site aesthetic. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Transforms the blog listing from basic post previews to modern Bootstrap cards with improved typography, author/date metadata with icons, and proper pagination controls. Includes hover effects, centered layout, and full dark mode support. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Adds polished section headers with accent borders, gradient table headers, styled download buttons, and improved visual hierarchy. Includes rounded corners, shadows, hover effects, and full dark mode support for a more professional appearance. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Replaces table-based layout with Bootstrap card grid featuring book covers, author information, and descriptions. Adds intro text, styled buttons, hover effects, and full dark mode support for a more engaging presentation. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Constrains share icons to proper size (20px), adds subtle hover effects, and inverts icons in dark mode for proper visibility. Improves spacing with flexbox layout. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Implements collapsible navigation menu for mobile devices with hamburger toggle button. Menu appears only on screens ≤768px, automatically closes when selecting a link or clicking outside. Includes full dark mode support and smooth transitions. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Restores navigation menu visibility on desktop (was hidden by collapse class). Adds proper multi-column grid layout for homepage features checklist with green checkmark icons. Maintains mobile hamburger menu functionality. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Removes display of .notch elements in footer that were causing alignment inconsistencies between navigation items. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Merges commonhaus-footer.css styles into bootstrap-theme.css to eliminate duplication and simplify maintenance. Removes separate commonhaus-footer.css link from head.html. All styles now centralized in one modern theme file. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Comments out hljs.initLineNumbersOnLoad() to remove auto-generated line numbers from code blocks, making code easier to copy/paste and reducing visual clutter. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Removes conflicting CSS rule causing download button text to be invisible in light mode. Improves features checklist with better spacing, consistent box sizing, and moves checkmarks away from the edge for a cleaner look. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Adds --color-text and --max-width-content to :root declaration to eliminate undefined variable warnings while maintaining the same visual appearance with proper fallback values. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Adds missing @media query wrapper for responsive rules that were causing syntax error. Properly wraps mobile-specific styles for checklist and footer navigation. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Deletes files no longer referenced after modernization: - right.html sidebar partial (removed during layout cleanup) - Old JBoss theme CSS files (jbossdeveloper-thin.css, styles.css, wide.css) - Old theme background images (background.png, bg.png) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
…act of the content. Signed-off-by: James R. Perkins <jperkins@ibm.com>
Consolidates footer structure to display Commonhaus logo, license/security badges, and legal text in a clean vertical stack. Removes duplicate HTML and conflicting CSS rules. Badges now have button-style borders with hover effects. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
- Remove "Distributed peace of mind" tagline from navigation - Remove unused Build menu item from nav and footer - Add Project Governance section to Community page - Change Discussions button to outline style for consistency - Fix gRPC docs links affected by :last-child selector - Improve dark mode table row alternation visibility - Truncate banner on mobile instead of scaling - Increase checklist item min-height for better spacing Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
Signed-off-by: James R. Perkins <jperkins@ibm.com>
Signed-off-by: James R. Perkins <jperkins@ibm.com>
Signed-off-by: James R. Perkins <jperkins@ibm.com>
Signed-off-by: James R. Perkins <jperkins@ibm.com>
The build page was removed from navigation but the file and associated navigation highlighting code remained. Clean up by removing both. Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com> Signed-off-by: James R. Perkins <jperkins@ibm.com>
…eatures listing to remove cards-style layout. Signed-off-by: James R. Perkins <jperkins@ibm.com>
jamezp
force-pushed
the
style-updates-claude
branch
from
d3ef6e1 to
ceab4c6
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This was work with Claude and some of my own to create a new look and feel for resteasy.dev