芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/abrokyireboyz.com/submit.php

<?php 
session_start();

// Database connection details
$conn = mysqli_connect("localhost", "qrafawbu_abrokyireboyz_usr", "RKFCPqjIrvTx", "qrafawbu_abrokyireboyz_db");

// Check connection
if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}

// Initialize variables to avoid undefined variable warnings
$name = $email = "";

// Contact form handling
if ($_SERVER["REQUEST_METHOD"] == "POST" && isset($_POST['email'], $_POST['name'])) {
    $email = mysqli_real_escape_string($conn, $_POST['email']);
    $name = mysqli_real_escape_string($conn, $_POST['name']);

// Check if the email already exists
    $sql = "SELECT email FROM abrokyireboyz_newsletter WHERE email='$email'";
    $result = mysqli_query($conn, $sql);

if ($result && mysqli_num_rows($result) > 0) {
        $_SESSION['msg'] = "Email already exists! Please choose a different email.";
    } else {
        $sql = "INSERT INTO abrokyireboyz_newsletter (name, email) VALUES ('$name', '$email')";
        $_SESSION['msg'] = mysqli_query($conn, $sql) ? "THANK YOU FOR YOUR SUBMISSION." : "Error: " . mysqli_error($conn);
        header("Location: " . $_SERVER['PHP_SELF']);
        exit();
    }
}

$msg = htmlspecialchars($_SESSION['msg'] ?? '', ENT_QUOTES, 'UTF-8');
unset($_SESSION['msg']);
mysqli_close($conn);
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Abrokyrie Boyz – Thank You</title>
    <meta name="description" content="Experience the best parties and events in Ghana with Abrokyrie Boyz!">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="./assets/abrokyeri-boyz.css" rel="stylesheet">
    <link rel="shortcut icon" href="./assets/favicon.png">
    <style>
     body, html {
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 100%;
        height: 100%;
        font-family: Arial, sans-serif;
    }

.video-fill {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
        display: none; /* Hide initially */
    }

.placeholder-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.overlay-text {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 5rem;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
        text-align: center;
        z-index: 1;
        line-height:0.9;
    }

.short {
        position: absolute;
        top: 105%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: white;
        font-size: 1rem;
        font-weight: bold;
        text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.7);
        text-align: center;
        z-index: 1;
    }

/* Responsive styles for smaller screens */
    @media screen and (max-width: 768px) {
        .overlay-text {
            font-size: 2.5rem; /* Reduce font size for better visibility */
            padding: 0 10px; /* Add padding to prevent text overflow */
        }

.short {
            font-size: 0.85rem; /* Reduce font size for secondary text */
            top: 110%; /* Adjust position for smaller screens */
        }

.video-fill, .placeholder-image {
            object-fit: cover; /* Prevent video/image cropping on narrow screens */
        }
    }

@media screen and (max-width: 480px) {
        .overlay-text {
            font-size: 2rem; /* Further reduce font size for very small screens */
        }

.short {
            font-size: 0.7rem; /* Reduce secondary text size further */
        }
    }
</style>
    </style>
</head>
<body>
    <video autoplay muted loop playsinline id="video" class="video-fill">
        <source src="./assets/NYEghana.mp4" type="video/mp4">
        Your browser does not support the video tag.
    </video>
    <img id="video-placeholder" src="./assets/homepage-image.jpeg" alt="Placeholder image for background video" class="placeholder-image">
    <div class="overlay-text"><?php echo $msg; ?>
        <p class="short">You will be redirected shortly...</p>
    </div>
    <script>
        window.onload = function() {
            var video = document.getElementById('video');
            var placeholder = document.getElementById('video-placeholder');
            video.oncanplaythrough = function() {
                placeholder.style.display = 'none';
                video.style.display = 'block';
            };
        };
      
    </script>
      <script>
        // Redirect after 5 seconds (5000 milliseconds)
       setTimeout(function() {
          window.location.href = "https://abrokyireboyz.com"; // Replace with your target URL
        }, 5000);
    </script>
</body>
</html>