Skip to content

Added coming-soon page for the broken route #92

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

Open
ankithajv wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Added coming-soon page for the broken route #92

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
101 changes: 101 additions & 0 deletions coming_soon.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
<?php
// If you have a standard header, you can include it here.
// include 'includes/header.php';
?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Coming Soon | Foodogram</title>
<style>
/* Simple, contained styles just for this page */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f189ffe9; /* Warm, food-friendly off-white */
margin: 0;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
color: #333;
}

.container {
text-align: center;
background: white;
padding: 3rem;
border-radius: 20px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
max-width: 500px;
width: 90%;
}

.icon {
font-size: 80px;
margin-bottom: 20px;
animation: bounce 2s infinite;
}

h1 {
color: #ff6b6b; /* A nice appetizing red/orange */
margin-bottom: 10px;
font-size: 2rem;
}

p {
font-size: 1.1rem;
color: #666;
line-height: 1.6;
margin-bottom: 30px;
}

.btn-home {
display: inline-block;
background-color: #ff6b6b;
color: white;
padding: 12px 30px;
border-radius: 50px;
text-decoration: none;
font-weight: bold;
transition: transform 0.2s, background-color 0.2s;
box-shadow: 0 4px 15px rgba(255, 107, 107, 0.3);
}

.btn-home:hover {
background-color: #ff5252;
transform: translateY(-2px);
}

/* Fun little bouncing animation for the emoji */
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-20px);}
60% {transform: translateY(-10px);}
}
</style>
</head>
<body>

<div class="container">
<div class="icon">🍳</div>

<h1>We're Still Cooking This Up!</h1>

<p>
The chef is working hard on this feature.<br>
It's currently marinating and will be served piping hot very soon.
</p>

<a href="index.php" class="btn-home">Go Back to Home</a>
</div>

</body>
</html>

<?php
// If you have a standard footer, include it here.
// include 'includes/footer.php';
?>
24 changes: 24 additions & 0 deletions router.php
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,24 @@
<?php
// router.php

$path = parse_url($_SERVER["REQUEST_URI"], PHP_URL_PATH);
$file = __DIR__ . $path;

// 1. If the file actually exists, serve it normally.
if (file_exists($file) && !is_dir($file)) {
return false; // Let PHP serve the file as usual
}

// 2. If the file is a directory but has an index.php, serve that.
if (is_dir($file) && file_exists($file . '/index.php')) {
include $file . '/index.php';
exit;
}

// 3. If the file DOES NOT exist, show the Coming Soon page!
// You can even set a custom title based on the filename they tried to access.
$page_name = basename($path, ".php");
$page_title = ucfirst($page_name) . " is Coming Soon! 🍳";

include 'coming_soon.php';
?>