Skip to content

Commit 60502d4

Browse files
marblom007marblom007
authored
Add initial HTML structure for login page
Signed-off-by: marblom007 <158522975+marblom007@users.noreply.github.com>
1 parent c5ab53d commit 60502d4

1 file changed

Lines changed: 160 additions & 0 deletions

File tree

‎index.html‎

Lines changed: 160 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,160 @@
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>Intel Performance Platform - Meshery Login</title>
7+
<style>
8+
:root {
9+
/* Intel Branding Colors */
10+
--intel-blue: #0068B5;
11+
--bg-color: #f4f5f7;
12+
--card-bg: #ffffff;
13+
--text-main: #333333;
14+
--text-muted: #6b7280;
15+
16+
/* Warning Colors */
17+
--warning-bg: #fee2e2;
18+
--warning-text: #991b1b;
19+
--warning-border: #ef4444;
20+
21+
/* Disabled Input Colors */
22+
--disabled-bg: #f3f4f6;
23+
--disabled-text: #9ca3af;
24+
--disabled-border: #d1d5db;
25+
}
26+
27+
body {
28+
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
29+
background-color: var(--bg-color);
30+
color: var(--text-main);
31+
display: flex;
32+
justify-content: center;
33+
align-items: center;
34+
height: 100vh;
35+
margin: 0;
36+
}
37+
38+
.login-container {
39+
background-color: var(--card-bg);
40+
padding: 40px 35px;
41+
border-radius: 8px;
42+
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
43+
width: 100%;
44+
max-width: 420px;
45+
text-align: center;
46+
box-sizing: border-box;
47+
}
48+
49+
.logo {
50+
max-width: 100px;
51+
margin-bottom: 20px;
52+
}
53+
54+
h1 {
55+
font-size: 1.4rem;
56+
margin: 0 0 5px 0;
57+
color: var(--text-main);
58+
}
59+
60+
p.subtitle {
61+
font-size: 0.9rem;
62+
color: var(--text-muted);
63+
margin: 0 0 25px 0;
64+
}
65+
66+
.warning-box {
67+
background-color: var(--warning-bg);
68+
color: var(--warning-text);
69+
border-left: 4px solid var(--warning-border);
70+
padding: 12px 16px;
71+
border-radius: 4px;
72+
font-size: 0.85rem;
73+
margin-bottom: 25px;
74+
text-align: left;
75+
line-height: 1.5;
76+
}
77+
78+
.warning-box strong {
79+
display: block;
80+
margin-bottom: 4px;
81+
font-size: 0.9rem;
82+
}
83+
84+
.form-group {
85+
text-align: left;
86+
margin-bottom: 18px;
87+
}
88+
89+
.form-group label {
90+
display: block;
91+
font-size: 0.85rem;
92+
margin-bottom: 6px;
93+
font-weight: 600;
94+
color: var(--text-main);
95+
}
96+
97+
.form-group input {
98+
width: 100%;
99+
padding: 12px;
100+
border: 1px solid var(--disabled-border);
101+
border-radius: 4px;
102+
box-sizing: border-box;
103+
background-color: var(--disabled-bg);
104+
color: var(--disabled-text);
105+
font-size: 0.95rem;
106+
cursor: not-allowed;
107+
transition: all 0.2s ease;
108+
}
109+
110+
.form-group input::placeholder {
111+
color: var(--disabled-text);
112+
opacity: 0.7;
113+
}
114+
115+
button {
116+
width: 100%;
117+
padding: 12px;
118+
background-color: var(--intel-blue);
119+
color: white;
120+
border: none;
121+
border-radius: 4px;
122+
font-size: 1rem;
123+
font-weight: 600;
124+
opacity: 0.5;
125+
cursor: not-allowed;
126+
margin-top: 10px;
127+
transition: opacity 0.2s ease;
128+
}
129+
</style>
130+
</head>
131+
<body>
132+
133+
<div class="login-container">
134+
<img src="https://upload.wikimedia.org/wikipedia/commons/8/85/Intel_logo_2022.svg" alt="Intel Logo" class="logo">
135+
136+
<h1>Intel Performance Platform</h1>
137+
<p class="subtitle">Meshery Remote Provider</p>
138+
139+
<div class="warning-box">
140+
<strong>⚠️ Access Restricted</strong>
141+
Access to this Meshery remote provider is strictly limited to Intel-internal networks only. Authentication is currently disabled.
142+
</div>
143+
144+
<form onsubmit="event.preventDefault();">
145+
<div class="form-group">
146+
<label for="username">Corporate Email</label>
147+
<input type="text" id="username" name="username" placeholder="user@intel.com" disabled>
148+
</div>
149+
150+
<div class="form-group">
151+
<label for="password">Password</label>
152+
<input type="password" id="password" name="password" placeholder="••••••••" disabled>
153+
</div>
154+
155+
<button type="submit" disabled>Sign In</button>
156+
</form>
157+
</div>
158+
159+
</body>
160+
</html>

0 commit comments

Comments
 (0)