Update error pages#49
Open
yCodeTech wants to merge 2 commits into
Open
Conversation
Refactor code structure for improved readability and maintainability -update dark scheme rendering Co-authored-by: Stu <31927084+yCodeTech@users.noreply.github.com>
- Added container div for improved HTML structure and added classes for better style selectors. - Moved the flex styles from the body to the new container class. - Refined values for widths, margins, and font sizes. - Changed some of the styles to use CSS nesting. - Moved the SVG styles into the main style block to keep all styles together. - Moved the `@media prefers-color-scheme` rules to be nested under each element that it's for. - Updated colours for dark mode. - Auto formatting
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
2 participants
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 pull request updates the
404.htmland500.htmlerror page templates to improve their appearance, responsiveness, and maintainability. The changes focus on improving layout, using modern CSS, enhancing mobile support, and unify the branding and SVG usage across both pages.HTML Structure, UX, and Responsiveness Improvements:
<style>block for consistency..container,.content) for improved structure and better CSS selectors.Content and Readability Enhancements:
Summary from #41
Styling and Layout Improvements:
Added a responsive
<meta name="viewport">tag and reworked the CSS to use flexbox for centering, improved font scaling withclamp(), and better color handling for both light and dark modes. This ensures the error pages look good on all devices and respect user preferences.Moved inline styles into a
<style>block for maintainability and consistency, and removed redundant or outdated inline style attributes from HTML elements.SVG and Branding Consistency:
500.htmlto match the more modern and maintainable structure from404.html, using consistent class names and gradient definitions. This unifies the branding and reduces code duplication.These updates collectively provide a more polished, user-friendly, and maintainable error page experience.-update dark scheme rendering