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.

Sign up for GitHub

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

Custom 404 page #190

Merged
merged 7 commits into from
Jan 11, 2025
Merged

Custom 404 page #190

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
03c2f3f
Custom 404 page
NikhilKottoli Dec 21, 2024
b627283
Merge branch 'main' into 404
yukitya-1811 Dec 26, 2024
8353a3b
Moved CSS to another file
NikhilKottoli Dec 26, 2024
f3fa267
Using tailwind css
NikhilKottoli Jan 2, 2025
57c7ded
Delete 404.css
NikhilKottoli Jan 2, 2025
169c96a
Merge branch 'main' into 404
yukitya-1811 Jan 9, 2025
43d7fc3
Merge branch 'main' into 404
yukitya-1811 Jan 11, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion corpus/corpus/urls.py
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,4 +51,4 @@
]

if settings.DEBUG:
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
29 changes: 29 additions & 0 deletions corpus/templates/404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,29 @@
{% extends 'base.html' %}

{% load static %}

{% block title %}404 - Page Not Found | IEEE-NITK{% endblock %}

{% block content %}
<div class="min-h-screen w-full flex items-center justify-center p-4">
<div class="error404-body flex items-center justify-center sm:m-5 w-full sm:w-[80%] md:w-[60%] lg:w-[40%] h-[600px] sm:h-[700px] rounded-2xl text-center">
<div class="error404-container flex flex-col items-center justify-evenly h-full rounded-3xl p-4 sm:p-6 w-[95%] sm:w-[90%] relative bg-white/10 dark:bg-black/10 backdrop-blur-md shadow-lg border border-white/20 dark:border-white/10">
<img src="{% static 'img/ieee-nitk.png' %}" alt="IEEE NITK Logo" class="light-logo w-[200px] sm:w-[250px] md:w-[300px] h-[70px] sm:h-[85px] md:h-[100px]">
<img src="{% static 'img/ieee-nitk-white.png' %}" alt="IEEE NITK Logo" class="dark-logo w-[200px] sm:w-[250px] md:w-[300px] h-[70px] sm:h-[85px] md:h-[100px]">
<div class="flex flex-col items-center gap-6">
<div class="text-6xl sm:text-8xl md:text-[10rem] font-bold bg-gradient-to-r from-white to-blue-400 text-transparent bg-clip-text mb-2 sm:mb-4 hidden dark:block">404</div>
<div class="text-6xl sm:text-8xl md:text-[10rem] font-bold bg-gradient-to-r from-gray-900 to-blue-700 text-transparent bg-clip-text mb-2 sm:mb-4 dark:hidden">404</div>
<h1 class="text-2xl sm:text-3xl md:text-4xl text-justify flex justify-center">Page Not Found</h1>
<p class="error404-message flex items-center justify-center text-lg sm:text-xl md:text-2xl mt-2 sm:mt-4 px-2">Oops! The page you are looking for seems to have wandered off.</p>
<div class="flex flex-col items-center gap-2 mt-3 sm:mt-5">
<a href="/" class="btn-primary bg-[#0056b3] p-2 rounded-3xl text-justify fond-bold dark-logo hover:text-white text-sm sm:text-base w-[200px] sm:w-auto">Return to Homepage</a>
<a href="/" class="btn-primary bg-white p-2 rounded-3xl text-black fond-bold light-logo text-sm sm:text-base w-[200px] sm:w-auto">Return to Homepage</a>
<button onclick="history.back()" class="btn-primary bg-[#0056b3] p-2 rounded-3xl text-justify dark-logo hover:text-white text-sm sm:text-base w-[200px] sm:w-auto">Go Back</button>
<button onclick="history.back()" class="btn-primary p-2 rounded-3xl bg-white text-black light-logo text-sm sm:text-base w-[200px] sm:w-auto">Go Back</button>
</div>
</div>
</div>
</div>
</div>

{% endblock %}
Loading