Skip to content
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.

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

Add custom error page #510

Open
Dyfintie opened this issue Nov 10, 2024 · 2 comments
Open

Add custom error page #510

Dyfintie opened this issue Nov 10, 2024 · 2 comments

Comments

@Dyfintie
Copy link

I want to create a custom error page for your the website .
Current state of error page :
image

About my open source experience :
I have successfully completed hacktoberfest2024
https://www.holopin.io/@dyfintie#

@acharlesrhymes
Copy link

Hi Dyfintie,
Here is what found for your error page issue

To address this GitHub issue about creating a custom error page, here’s a step-by-step approach:

1. Design the Custom Error Page:
    • Draft a unique design for the error page, incorporating brand elements, color schemes, and any additional information you want to provide (e.g., a navigation link back to the homepage, contact details, or a search bar).
    • Include a friendly message, like “Oops! This page doesn’t exist” or “404 - Page Not Found.”
    
2. Develop the HTML Structure:
    • Create an HTML file for the error page (e.g., 404.html or error.html).
    • Use semantic HTML and organize the page with headings, paragraph elements, and links for navigation.

3. Apply CSS Styling:
    • Style the error page to align with your website’s design. Consider using CSS to make the page visually engaging.
    • Add any animations or illustrations to improve user experience, if suitable.

4. Configure the Server to Display the Custom Error Page:
    • Update your server or hosting configuration to serve the custom error page whenever a 404 error occurs.
• For example:
    • In an Apache server, you can add the line ErrorDocument 404 /404.html to the .htaccess file.
    • In an Nginx server, you can set error_page 404 /404.html; in the configuration file.
5. Test the Custom Error Page:
    • Ensure the custom error page displays properly by navigating to a non-existent page on your website.
6. Document the Changes:
    • Update the GitHub issue with the progress, any decisions made, and a screenshot of the final error page for review.

This should address the issue raised in the GitHub repository. Let me know if you need help with any specific code or setup details.

@Saman-dev12
Copy link

I gave added a Error page as well as not-found page #515. @jaredpalmer

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants