Omar Rayyan commited on
Commit
515db89
·
1 Parent(s): 0843e65

Embed dashboard via ngrok tunnel

Browse files
Files changed (1) hide show
  1. index.html +3 -46
index.html CHANGED
@@ -4,54 +4,11 @@
4
  <meta charset="utf-8">
5
  <title>URIL-1 GPU Dashboard</title>
6
  <style>
7
- body {
8
- margin: 0;
9
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, sans-serif;
10
- background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
11
- color: white;
12
- min-height: 100vh;
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- padding: 20px;
17
- }
18
- .card {
19
- background: rgba(255,255,255,0.05);
20
- border: 1px solid rgba(255,255,255,0.1);
21
- border-radius: 16px;
22
- padding: 48px;
23
- max-width: 480px;
24
- text-align: center;
25
- backdrop-filter: blur(10px);
26
- }
27
- h1 { margin: 0 0 8px; font-size: 1.8rem; }
28
- .subtitle { color: #94a3b8; margin-bottom: 32px; font-size: 0.95rem; }
29
- .btn {
30
- display: inline-block;
31
- background: linear-gradient(135deg, #3b82f6, #8b5cf6);
32
- color: white;
33
- text-decoration: none;
34
- padding: 14px 32px;
35
- border-radius: 10px;
36
- font-weight: 600;
37
- font-size: 1rem;
38
- transition: transform 0.15s, box-shadow 0.15s;
39
- box-shadow: 0 4px 20px rgba(59, 130, 246, 0.3);
40
- }
41
- .btn:hover { transform: translateY(-2px); box-shadow: 0 6px 24px rgba(59, 130, 246, 0.5); }
42
- .info { margin-top: 24px; font-size: 0.8rem; color: #64748b; }
43
- code { background: rgba(255,255,255,0.1); padding: 2px 6px; border-radius: 4px; font-size: 0.8rem; }
44
  </style>
45
  </head>
46
  <body>
47
- <div class="card">
48
- <h1>URIL-1 GPU Dashboard</h1>
49
- <p class="subtitle">Live monitoring of 8x NVIDIA L40S GPUs</p>
50
- <a class="btn" href="http://131.179.88.20:7860" target="_blank">Open Dashboard</a>
51
- <div class="info">
52
- Opens in a new tab &middot; Must be on UCLA CS network or VPN<br>
53
- Or SSH: <code>ssh -L 7860:localhost:7860 orayyan@uril-1.cs.ucla.edu</code>
54
- </div>
55
- </div>
56
  </body>
57
  </html>
 
4
  <meta charset="utf-8">
5
  <title>URIL-1 GPU Dashboard</title>
6
  <style>
7
+ body, html { margin: 0; padding: 0; height: 100vh; overflow: hidden; }
8
+ iframe { width: 100%; height: 100vh; border: none; display: block; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  </style>
10
  </head>
11
  <body>
12
+ <iframe src="https://augmented-unblended-making.ngrok-free.dev/?ngrok-skip-browser-warning=true"></iframe>
 
 
 
 
 
 
 
 
13
  </body>
14
  </html>