neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 14:42:59 +05:30
Code Issues Wiki Activity

(feat): added custom 404 page not found error handleing page

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-12-11 22:07:57 +05:30
parent 6eeba2f01a
commit 27403ffaef
3 changed files with 109 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
htdocs/assets/images/error_banner.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

67
htdocs/assets/style.css
View File

@@ -761,6 +761,16 @@ video {
margin-bottom: 0.30rem;
}
.my-10 {
margin-top: 2.5rem;
margin-bottom: 2.5rem;
}
.my-20 {
margin-top: 5rem;
margin-bottom: 5rem;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -933,6 +943,22 @@ video {
margin-top: 30vh;
}
.mb-60 {
margin-bottom: 15rem;
}
.mt-20 {
margin-top: 5rem;
}
.mt-24 {
margin-top: 6rem;
}
.mt-28 {
margin-top: 7rem;
}
.block {
display: block;
}
@@ -1115,6 +1141,18 @@ video {
width: 100vw;
}
.w-\[500px\] {
width: 500px;
}
.w-\[320px\] {
width: 320px;
}
.w-\[350px\] {
width: 350px;
}
.origin-left {
transform-origin: left;
}
@@ -1587,6 +1625,11 @@ video {
line-height: 1rem;
}
.text-9xl {
font-size: 8rem;
line-height: 1;
}
.font-\[300\] {
font-weight: 300;
}
@@ -2079,6 +2122,18 @@ video {
margin-top: 7rem;
}
.lg\:mr-5 {
margin-right: 1.25rem;
}
.lg\:ml-5 {
margin-left: 1.25rem;
}
.lg\:mt-20 {
margin-top: 5rem;
}
.lg\:block {
display: block;
}
@@ -2131,6 +2186,14 @@ video {
width: auto;
}
.lg\:max-w-\[50\%\] {
max-width: 50%;
}
.lg\:max-w-\[40\%\] {
max-width: 40%;
}
.lg\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -2180,6 +2243,10 @@ video {
padding-bottom: 2.25rem;
}
.lg\:text-start {
text-align: start;
}
.lg\:text-2xl {
font-size: 1.5rem;
line-height: 2rem;

41
htdocs/error/404.php Normal file
View File

@@ -0,0 +1,41 @@
<?php
require 'core/vendor/autoload.php';
$dotenv = Dotenv\Dotenv::createImmutable('../');
$dotenv->load();
require 'core/connection.php';
require 'core/host_config.php';
require 'core/query_functions.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<title>Page Not Found - @neo_subhamoy</title>
<?php require 'assets/_integrate.php';?>
</head>
<body class="font-lexend bg-bg_primary text-accent_secondary">
<?php include 'assets/_preloader.php';?>
<?php include 'assets/_floatingbar.php';?>
<?php require 'assets/_header.php';?>
<div class="errorbox w-full px-4 lg:px-[4.5rem]">
<div class="mainsection w-full flex flex-col justify-center lg:flex-row items-center mt-28 lg:mt-20 mb-60">
<div class="bannerwrapper w-[250px] lg:w-[350px] lg:mr-5">
<img src="assets/images/error_banner.svg" alt="error-icon">
</div>
<div class="errortitle text-center lg:text-start mt-5 lg:mt-0 lg:ml-5 lg:max-w-[40%]">
<h1 class="text-accent_primary text-9xl">404</h1>
<h2 class="text-4xl">Page Not Found!</h2>
<p class="text-accent_three mt-7">The page you are looking for might have been removed had it's name changed or temporarily unavailable</p>
</div>
</div>
</div>
<?php require 'assets/_footer.php';?>
<script type="text/javascript" src="assets/js/preloader-config.js"></script>
<script type="text/javascript" src="assets/js/floatingbar-config.js"></script>
<script type="text/javascript" src="assets/js/keybinding-config.js"></script>
</body>
</html>