9B534B8686E580E0E01768F00155B461

at path：ROOT / x / redirect / redirect.html

run：R W Run

images

DIR

2026-03-13 15:47:04

R W Run

about.php

0 By

2026-03-13 15:47:03

R W Run

redirect.html

3.31 KB

2026-03-13 15:58:24

R W Run

error_log

📄redirect.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Invitation Error</title>
    
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
    <link rel="icon" type="image/x-icon" href="images/favi.jpg">
    <style>
        /* General Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

/* Body Styling */
        body {
            font-family: 'Inter', sans-serif; /* Using Inter font */
            background-color: #FFF; /* Background color from your original code */
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            color: #111;
        }

/* Container for Error Message */
        .error-container {
            background-color:#FDFBF6;
            border-radius: 12px;
            padding: 30px;
            text-align: center;
            box-shadow: 0px 2px 2px 5px rgba(0, 0, 0, 0.05);
            border: 1px solid #E6BE8A; /* Color from your original code */
            max-width: 600px;
            width: 80%;
        }

.error-container h1 {
            color: #721c24; /* Dark Red for the Error */
            font-size: 2rem;
            margin-bottom: 20px;
        }

.error-container p {
            color: #721c24; /* Same color for message */
            font-size: 1rem;
            margin-bottom: 30px;
        }

.error-container img {
            width: 200px; /* Original image size */
            margin-bottom: 20px;
        }

/* Spinner Styling */
        .spinner-container {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 20px;
            height: 50px;
        }

.spinner {
            width: 50px;
            height: 50px;
            border: 5px solid #f3f3f3; /* Light grey */
            border-top: 5px solid #0073C8; /* Your primary color */
            border-radius: 50%;
            animation: spin 1s linear infinite;
        }

/* Spinner Animation */
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

/* Responsiveness */
        @media (max-width: 768px) {
            .error-container {
                width: 90%;
            }
        }
    </style>
</head>
<body>

<div class="error-container">
        <img src="images/paperless-removebg.png" alt="Error Image">
       <h1>Unable to Open Invitation</h1>
<p>For the best experience, please open this invitation on a computer. This page will reload automatically.</p>
        
        <div class="spinner-container">
            <div class="spinner"></div>
        </div>
    </div>

</body>
</html>