Spaces:

Extermi
/

api4

Sleeping

App Files Files Community

ngoctuanai commited on Dec 10, 2023

Commit

0c73a71

1 Parent(s): de69ec9

Update public/index.html

Browse files

Files changed (1) hide show

public/index.html +53 -15

public/index.html CHANGED Viewed

@@ -3,23 +3,61 @@
 <html lang="en">
 <head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>OPENAI Reverse Proxy</title>
-  <!-- Link tới tệp CSS của Bootstrap -->
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
 </head>
 <body>
-  <div class="container">
-    <h1 class="text-center">Welcome to OPENAI Reverse Proxy</h1>
-    <p class="lead">This is your OpenAI Reverse Proxy URL: <a href="https://ngoctuanai-openaiproxy.hf.space/api/v1"</a>
-</p>
-  </div>
-  <!-- Link tới tệp JavaScript của Bootstrap -->
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
-  <!-- Link to the JavaScript file that contains the Node.js code -->
-  <script src="server.js"></script>
 </body>
-</html>

 <html lang="en">
 <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>OPENAI Reverse Proxy</title>
+    <style>
+        /* CSS styles for the container, headings, and lead paragraph */
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 20px;
+            background-color: #fff;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+            border-radius: 5px;
+        }
+        .text-center {
+            text-align: center;
+        }
+        .lead {
+            font-size: 18px;
+            color: #555;
+        }
+        .url {
+            color: #007bff;
+            font-weight: bold;
+        }
+    </style>
 </head>
 <body>
+    <div class="container">
+        <h1 class="text-center">Welcome to OPENAI Reverse Proxy</h1>
+        <p class="lead">This is your OpenAI Reverse Proxy URL:</p>
+        <p class="url" id="reverseProxyUrl"></p>
+    </div>
+    <!-- JavaScript code -->
+    <script>
+        // Function to generate the Reverse Proxy URL
+        function getExternalUrl(spaceId) {
+            try {
+                const [username, spacename] = spaceId.split("/");
+                return `https://${username}-${spacename.replace(/_/g, "-")}.hf.space/api/v1`;
+            } catch (e) {
+                return "";
+            }
+        }
+        // Get the Reverse Proxy URL and update the HTML element with id="reverseProxyUrl"
+        const spaceId = "ngoctuanai/openaiproxy";
+        const reverseProxyUrl = getExternalUrl(spaceId);
+        document.getElementById("reverseProxyUrl").textContent = reverseProxyUrl;
+    </script>
 </body>
+</html>