llm-d.github.io/static/prism/index.html at 6aee9a114f7644f8db2cf07e961c9d45b700df1d · llm-d/llm-d.github.io · 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="refresh" content="2; url=https://prism-551003848936.us-central1.run.app/">
    <link rel="canonical" href="https://prism-551003848936.us-central1.run.app/">

    <!-- Page title and meta information -->
    <title>Redirecting to Prism</title>
    <meta name="description" content="You are being redirected to the Prism app.">
    <meta name="robots" content="noindex, nofollow">

    <!-- Open Graph tags for social sharing -->
    <meta property="og:title" content="Prism">
    <meta property="og:description" content="Redirecting to the Prism app">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://prism-551003848936.us-central1.run.app/">

    <!-- Twitter Card tags -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:title" content="Prism">
    <meta name="twitter:description" content="Redirecting to the Prism app">

    <!-- Favicon for branded experience -->
    <link rel="icon" type="image/png" href="/img/llm-d-favicon.png">

    <!-- Basic styling for the fallback page -->
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;
            margin: 0;
            padding: 40px 20px;
            text-align: center;
            background-color: #f8f9fa;
            color: #333;
            line-height: 1.6;
        }
        .container {
            max-width: 600px;
            margin: 0 auto;
            background: white;
            padding: 40px;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        }
        .logo {
            max-width: 80px;
            margin-bottom: 20px;
        }
        h1 {
            color: #7f317f;
            margin-bottom: 20px;
        }
        .redirect-link {
            display: inline-block;
            background-color: #7f317f;
            color: white;
            padding: 12px 24px;
            text-decoration: none;
            border-radius: 6px;
            font-weight: 500;
            margin: 20px 0;
            transition: background-color 0.2s;
        }
        .redirect-link:hover {
            background-color: #6a2a6a;
        }
        .spinner {
            border: 3px solid #f3f3f3;
            border-top: 3px solid #7f317f;
            border-radius: 50%;
            width: 20px;
            height: 20px;
            animation: spin 1s linear infinite;
            display: inline-block;
            margin-right: 10px;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }
        .redirecting-text {
            margin: 20px 0;
            color: #666;
        }
        .manual-instructions {
            margin-top: 30px;
            padding-top: 30px;
            border-top: 1px solid #e9ecef;
            color: #666;
            font-size: 14px;
        }
    </style>
</head>
<body>
    <div class="container">
        <img src="/img/llm-d-icon.png" alt="llm-d logo" class="logo">

        <h1>Redirecting to Prism</h1>

        <div class="redirecting-text">
            <div class="spinner" aria-hidden="true"></div>
            <span id="redirect-message" aria-live="polite">Redirecting you to Prism in <span id="countdown">2</span> seconds...</span>
        </div>

        <p>
            <a href="https://prism-551003848936.us-central1.run.app/" id="fallback-link" class="redirect-link">
                Click here if you are not redirected automatically
            </a>
        </p>

        <div class="manual-instructions">
            <p><strong>If the redirect doesn't work:</strong></p>
            <p>Please copy and paste this URL into your browser:</p>
            <p id="manual-url" style="word-break: break-all; font-family: monospace; background: #f8f9fa; padding: 10px; border-radius: 4px;">
                https://prism-551003848936.us-central1.run.app/
            </p>
        </div>
    </div>

    <!-- Progressive enhancement: countdown timer and JS redirect -->
    <script>
        var REDIRECT_URL = 'https://prism-551003848936.us-central1.run.app/';
        let timeLeft = 2;
        const countdownElement = document.getElementById('countdown');
        const messageElement = document.getElementById('redirect-message');

        if (countdownElement && messageElement) {
            const countdown = setInterval(function() {
                timeLeft--;
                if (timeLeft > 0) {
                    countdownElement.textContent = timeLeft;
                } else {
                    messageElement.textContent = 'Redirecting now...';
                    clearInterval(countdown);
                    setTimeout(function() {
                        window.location.replace(REDIRECT_URL);
                    }, 100);
                }
            }, 1000);
        } else {
            setTimeout(function() {
                window.location.replace(REDIRECT_URL);
            }, 2000);
        }
    </script>
</body>
</html>