New homepage#114
Merged
Merged
Conversation
Reorganized the site content and performance metrics into a flexbox layout with a sidebar for metrics. Updated metric card text styles for consistency and improved readability.
Added multiple media queries and conditional logic to enhance mobile layout and usability. Styles and markup were updated to stack content, adjust paddings, font sizes, and display metrics appropriately on smaller screens, while disabling scroll-driven animations for mobile devices.
Introduces a live Markdown editor sidebar with custom styles and a minimal, secure markdown parser. Users can edit markdown and see real-time updates in the content area, enhancing interactivity and demonstrating HydePHP's features.
Introduces front matter parsing in the live markdown editor, allowing dynamic extraction and display of title and date metadata. Updates the preview to reflect changes in front matter, improving the editing experience for posts with metadata.
Introduces adaptive debounce logic for preview updates based on device performance, improving responsiveness. Also adds dynamic initialization of the editor with default content including today's date, and refactors initial rendering to use the new initialization function.
Introduces a syntax-highlighted backdrop behind the live markdown editor textarea, with custom styles for front matter, headings, lists, bold text, and regular text. Synchronizes scroll position between the editor and backdrop, and updates highlighting in real time as the user types.
Simplifies the preview update logic by removing device performance-based debounce and instantaneously updating the preview using requestAnimationFrame. This change improves code maintainability and ensures immediate feedback in the editor.
Increased the sidebar width from w-80 to w-96 and added lg:w-[28rem] for improved layout and usability in the live code editor section.
Removed fixed height from browser layer container and updated padding classes for website content to improve layout consistency and spacing in the how-it-works section.
Changed the main heading from H1 to H2 and the features heading from H2 to H3 for improved semantic structure and consistency in the how-it-works Blade view.
Reduced minimum height for flip cards, adjusted padding and spacing, and standardized icon and heading sizes for improved visual consistency. Minor content tweaks and code cleanup for better readability and maintainability.
Increased text size for feature descriptions from 14px to 15px for improved readability. Updated code examples to use consistent text sizing and simplified some sample code blocks for clarity.
Updated code samples in features-enhanced.blade.php to use inline Tailwind CSS classes for syntax highlighting, improving readability and visual distinction of code elements in the UI.
Deleted descriptive labels above code examples in flip-card-back sections to streamline the UI and reduce visual clutter.
Added min-height to flip-card-bottom elements for consistent sizing. Updated code sample styles to use text-base and text-sm for better readability. Changed example Blade code to use x-card component. Applied flip-card-bottom class to cards 3 and 4 for layout consistency.
Moved the min-height styling for flip-card elements inside a media query targeting screens wider than 768px. This ensures the minimum height is only applied on larger devices.
Replaces the previous OpenGraph and Twitter image URLs with the new banner image in both index.blade.php and hyde.php config. Ensures consistent branding and correct image display for social sharing.
Removed separate mobile classes and duplicate anchor tags in navigation-link.blade.php. Now a single anchor tag uses unified classes for both desktop and mobile views, streamlining the component.
Added responsive utility classes to show the Documentation button only on screens wider than 375px in the main navigation, and added a separate list item for smaller screens in the mobile menu. This enhances navigation accessibility across device sizes.
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.
No description provided.