Apppublic
THeGoVerNor212/litellm

sourceHugging Faceupdated 11mo agoView on Hugging Face
0likes
fallback.html113 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Service Unavailable</title>7    <style>8        * {9            margin: 0;10            padding: 0;11            box-sizing: border-box;12        }13        body {14            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;15            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);16            min-height: 100vh;17            display: flex;18            align-items: center;19            justify-content: center;20            padding: 20px;21        }22        .container {23            background: white;24            border-radius: 12px;25            padding: 40px;26            max-width: 600px;27            width: 100%;28            box-shadow: 0 20px 60px rgba(0,0,0,0.3);29            text-align: center;30        }31        .icon {32            font-size: 64px;33            margin-bottom: 20px;34        }35        h1 {36            color: #333;37            margin-bottom: 16px;38            font-size: 28px;39        }40        p {41            color: #666;42            line-height: 1.6;43            margin-bottom: 12px;44        }45        .status {46            background: #f8f9fa;47            border-left: 4px solid #ffc107;48            padding: 16px;49            margin: 24px 0;50            text-align: left;51        }52        .status-title {53            font-weight: bold;54            color: #333;55            margin-bottom: 8px;56        }57        .code {58            font-family: 'Courier New', monospace;59            background: #f1f3f4;60            padding: 2px 6px;61            border-radius: 3px;62            font-size: 14px;63        }64        .footer {65            margin-top: 24px;66            padding-top: 24px;67            border-top: 1px solid #e0e0e0;68            color: #999;69            font-size: 14px;70        }71        .retry-btn {72            display: inline-block;73            background: #667eea;74            color: white;75            padding: 12px 24px;76            border-radius: 6px;77            text-decoration: none;78            margin-top: 16px;79            transition: background 0.3s;80        }81        .retry-btn:hover {82            background: #5568d3;83        }84    </style>85</head>86<body>87    <div class="container">88        <div class="icon">⚠️</div>89        <h1>Backend Service Unavailable</h1>90        <p>The backend service is currently not accessible. This typically happens when:</p>91        92        <div class="status">93            <div class="status-title">Possible Causes:</div>94            <ul style="margin-left: 20px; color: #666;">95                <li>Tailscale VPN is not connected</li>96                <li>Backend service at <span class="code">100.115.20.30:4000</span> is offline</li>97                <li>Network connectivity issues</li>98            </ul>99        </div>100        101        <p>This is a proxy service that forwards requests to a Tailscale-connected backend.</p>102        <p>Please ensure the backend service is running and Tailscale is properly configured.</p>103        104        <a href="/" class="retry-btn">Retry Connection</a>105        106        <div class="footer">107            SSH access may still be available if configured<br>108            Contact your administrator if this issue persists109        </div>110    </div>111</body>112</html>113