knotes/exit.html at main · khushaank/knotes · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0" name="viewport" />
    <meta http-equiv="Content-Security-Policy"
        content="default-src 'self'; base-uri 'self'; object-src 'none'; script-src 'self' 'unsafe-inline' https://cdn.jsdelivr.net https://static.cloudflareinsights.com; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https://*.supabase.co wss://*.supabase.co https://cdn.jsdelivr.net https://cloudflareinsights.com https://static.cloudflareinsights.com; frame-src 'self' https://www.youtube.com https://www.youtube-nocookie.com https://docs.google.com https://view.officeapps.live.com; form-action 'self'; upgrade-insecure-requests;" />
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <title>Leaving K. Notes</title>
    <link href="assets/css/styles.css" rel="stylesheet" />
    <link rel="icon" type="image/png" href="assets/img/logo.png" />
    <link href="assets/css/exit.css" rel="stylesheet" />
</head>
<body>
    <div class="container-wrap">
        <header>
            <div class="flex items-center gap-1 w-full text-[13px]">
                <a href="home" title="K.Notes">K. Notes</a>
            </div>
        </header>

        <main>
            <div class="message-box">
                <b style="font-size: 11pt;">Leaving K. Notes</b>
                <p style="margin-top: 8px; font-size: 10pt;">You are about to visit an external website:</p>

                <div id="url-display" class="url-box">Loading URL...</div>

                <p style="font-size: 10pt;">Would you like to continue to this external source?</p>

                <div style="margin-top: 16px;">
                    <a id="continue-btn" href="#" class="btn btn-primary" data-no-intercept="true" rel="noopener noreferrer">Yes, Continue</a>
                    <a href="javascript:void(0)" onclick="handleGoBack()" class="btn">No, Go Back</a>
                </div>

                <div class="footer-note">
                    Note: We are not responsible for the content of external websites. Please be careful when sharing personal information.
                </div>
            </div>
        </main>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const params = new URLSearchParams(window.location.search);
            const targetUrl = params.get('url');

            if (targetUrl) {
                const display = document.getElementById('url-display');
                const continueBtn = document.getElementById('continue-btn');

                try {
                    const urlObj = new URL(targetUrl);
                    display.textContent = urlObj.href;
                    continueBtn.href = urlObj.href;
                } catch (e) {
                    display.textContent = targetUrl;
                    continueBtn.href = targetUrl;
                }
            } else {
                window.location.href = 'home';
            }
        });

        function handleGoBack() {
            if (window.history.length > 1) {
                window.history.back();
            } else {
                // If it's a new tab, try to close it. If that fails, go home.
                window.close();
                setTimeout(() => {
                    window.location.href = 'home';
                }, 100);
            }
        }
    </script>
</body>
</html>