Hugging Face's logo

Spaces:
simats0
/
ARMS-Result
Running

App Files Community
2
sidhesh01 commited on
Commit
3094a64
·
verified ·
1 Parent(s): 9c2fba2

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +112 -0
static/index.html ADDED
@@ -0,0 +1,112 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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, maximum-scale=1.0, user-scalable=no">
6
+ <title>SIMATS Result Hub</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com">
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
+ <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet">
10
+ <link rel="stylesheet" href="style.css">
11
+ </head>
12
+ <body>
13
+ <!-- Dynamic Animated Background -->
14
+ <div class="bg-shapes">
15
+ <div class="shape shape-1"></div>
16
+ <div class="shape shape-2"></div>
17
+ <div class="shape shape-3"></div>
18
+ </div>
19
+ <div class="noise-overlay"></div>
20
+
21
+ <!-- Login View -->
22
+ <main class="view-container" id="login-view-container">
23
+ <div class="glass-card login-card" id="login-view">
24
+ <div class="brand-logo">
25
+ <div class="logo-icon">
26
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
27
+ </div>
28
+ </div>
29
+ <header>
30
+ <h1>Welcome to SIMATS</h1>
31
+ <p class="subtitle">Enter your credentials to continue</p>
32
+ </header>
33
+
34
+ <div id="error-message" class="error-alert hidden">
35
+ <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="8" x2="12" y2="12"></line><line x1="12" y1="16" x2="12.01" y2="16"></line></svg>
36
+ <span id="error-text">Authentication failed</span>
37
+ </div>
38
+
39
+ <form id="login-form">
40
+ <div class="input-group">
41
+ <input type="text" id="username" name="username" required autocomplete="off" placeholder=" ">
42
+ <label for="username">Registration Number</label>
43
+ <div class="input-highlight"></div>
44
+ </div>
45
+ <div class="input-group">
46
+ <input type="password" id="password" name="password" required placeholder=" ">
47
+ <label for="password">Password</label>
48
+ <div class="input-highlight"></div>
49
+ </div>
50
+ <button type="submit" class="btn-glow" id="submit-btn">
51
+ <span class="btn-text">Sign In</span>
52
+ <span class="loader hidden"></span>
53
+ </button>
54
+ </form>
55
+ </div>
56
+ </main>
57
+
58
+ <!-- Dashboard View -->
59
+ <div id="dashboard-view" class="dashboard-container hidden">
60
+ <nav class="glass-nav">
61
+ <div class="nav-content">
62
+ <div class="nav-brand">
63
+ <div class="logo-icon-small">
64
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
65
+ </div>
66
+ <h2>SIMATS <span class="text-gradient">Result Hub</span></h2>
67
+ </div>
68
+ <div class="nav-actions">
69
+ <div class="user-badge" id="user-display">Student</div>
70
+ <button type="button" id="logout-btn" class="btn-icon" title="Sign Out">
71
+ <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path><polyline points="16 17 21 12 16 7"></polyline><line x1="21" y1="12" x2="9" y2="12"></line></svg>
72
+ </button>
73
+ </div>
74
+ </div>
75
+ </nav>
76
+
77
+ <main class="dashboard-main">
78
+ <!-- Loading State -->
79
+ <div id="dashboard-loading" class="loading-overlay">
80
+ <div class="circular-loader-wrapper">
81
+ <svg class="progress-ring" width="140" height="140">
82
+ <circle class="progress-ring__track" stroke="rgba(255,255,255,0.05)" stroke-width="8" fill="transparent" r="60" cx="70" cy="70"/>
83
+ <circle class="progress-ring__circle" stroke="url(#gradient)" stroke-width="8" stroke-linecap="round" fill="transparent" r="60" cx="70" cy="70"/>
84
+ <defs>
85
+ <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
86
+ <stop offset="0%" stop-color="#d4af37" />
87
+ <stop offset="50%" stop-color="#f3e5ab" />
88
+ <stop offset="100%" stop-color="#fff8d6" />
89
+ </linearGradient>
90
+ </defs>
91
+ </svg>
92
+ <div class="percentage-container">
93
+ <span class="percentage-text" id="progress-percentage">0</span>
94
+ <span class="percentage-sign">%</span>
95
+ </div>
96
+ </div>
97
+ <p class="loading-status" id="progress-text">Connecting to SIMATS...</p>
98
+ </div>
99
+
100
+ <div id="dashboard-error" class="error-alert hidden" style="max-width: 600px; margin: 40px auto;"></div>
101
+
102
+ <!-- Cards Grid -->
103
+ <div id="cards-container" class="cards-grid hidden">
104
+ <!-- Injected via JS -->
105
+ </div>
106
+ </main>
107
+ </div>
108
+
109
+ <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
110
+ <script src="script.js?v=2"></script>
111
+ </body>
112
+ </html>