upload.html

<!doctype html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Upload Status</title>
		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<body>
		<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
			<div class="container">
				<a class="navbar-brand" href="/">My static Space</a>
				<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="navbarNav">
					<ul class="navbar-nav">
						<li class="nav-item">
							<a class="nav-link" href="/frontend">Frontend</a>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="/backend">Backend</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<main class="container mt-4">
			<div class="card">
				<div class="card-body">
					<h2>Upload Status</h2>
					<div id="statusAlert" class="alert" role="alert">
						Project files uploaded successfully!
					</div>
					<script>
						// Check if there's a status message in URL params
						const urlParams = new URLSearchParams(window.location.search);
						const status = urlParams.get('status');
						const message = urlParams.get('message');
						
						const statusAlert = document.getElementById('statusAlert');
						
						if(status && message) {
							statusAlert.className = `alert alert-${status}`;
							statusAlert.textContent = decodeURIComponent(message);
						}
					</script>
<a href="/" class="btn btn-primary">Return to Home</a>
				</div>
			</div>
		</main>

		<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
	</body>
</html>