Hugging Face's logo

Spaces:
Logan-Mutant
/
My-Space
Sleeping

App Files Community
Logan-Mutant commited on
Commit
e2876db
·
verified ·
1 Parent(s): 2e73d41

Update templates/index.html

Browse files
Files changed (1) hide show
  1. templates/index.html +38 -47
templates/index.html CHANGED
@@ -1,81 +1,72 @@
1
- class manpreet {
2
- public static void main (String[] args) {
3
- S<!DOCTYPE html>
4
  <html lang="en">
5
  <head>
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
  <meta charset="UTF-8">
8
- <title>Flask Iris</title>
9
-
10
  <style>
11
- :root {
12
- --primary-color: #007bff;
13
- --text-color: #333;
14
- }
15
-
16
  body {
17
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
18
  margin: 0;
19
  padding: 20px;
20
  display: flex;
21
- flex-direction: column;
22
- align-items: center;
23
- color: var(--text-color);
24
- line-height: 1.6;
25
  }
26
-
27
- .card {
28
  width: 100%;
29
- max-width: 400px; /* Limits width on desktop, full width on mobile */
30
  text-align: center;
 
 
 
 
31
  }
32
-
33
- h1 { font-size: 1.8rem; margin-bottom: 1rem; }
34
-
35
- .btn {
36
- display: inline-block;
37
- background-color: var(--primary-color);
 
 
38
  color: white;
39
- padding: 12px 24px;
40
  text-decoration: none;
41
- border-radius: 8px;
 
42
  font-weight: bold;
43
  margin: 20px 0;
44
- transition: transform 0.2s;
45
  }
46
-
47
- .btn:active { transform: scale(0.95); }
48
-
49
- .status-text {
50
  font-size: 0.9rem;
51
  color: #666;
52
- word-break: break-all; /* Prevents long strings from breaking layout */
53
  }
54
-
55
  img {
56
- max-width: 100%; /* Ensures image never overflows the screen */
57
  height: auto;
58
- border-radius: 12px;
59
- margin-top: 30px;
60
- box-shadow: 0 4px 10px rgba(0,0,0,0.1);
61
  }
62
  </style>
63
  </head>
64
  <body>
65
 
66
- <div class="card">
67
  <h1>Welcome to Flask Iris!</h1>
68
 
69
- <p class="status-text">Server Status: {{ dt }}</p>
 
 
70
 
71
- <a href="/predict" class="btn">Go To Prediction Page</a>
72
 
73
- <br>
74
-
75
- <img src="/static/img/audi.png" alt="Car Image">
76
  </div>
77
 
78
  </body>
79
- </html>ystem.out.println("kartik");
80
- }
81
- }
 
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>Flask Iris Mobile</title>
7
  <style>
 
 
 
 
 
8
  body {
9
+ font-family: -apple-system, system-ui, sans-serif;
10
  margin: 0;
11
  padding: 20px;
12
  display: flex;
13
+ justify-content: center;
14
+ background-color: #f8f9fa;
 
 
15
  }
16
+ .container {
 
17
  width: 100%;
18
+ max-width: 500px;
19
  text-align: center;
20
+ background: white;
21
+ padding: 30px;
22
+ border-radius: 15px;
23
+ box-shadow: 0 4px 15px rgba(0,0,0,0.1);
24
  }
25
+ h1 {
26
+ color: #333;
27
+ font-size: 1.5rem;
28
+ margin-bottom: 20px;
29
+ }
30
+ .btn-predict {
31
+ display: block;
32
+ background-color: #007bff;
33
  color: white;
 
34
  text-decoration: none;
35
+ padding: 15px;
36
+ border-radius: 10px;
37
  font-weight: bold;
38
  margin: 20px 0;
39
+ font-size: 1.1rem;
40
  }
41
+ .status-box {
42
+ background: #e9ecef;
43
+ padding: 10px;
44
+ border-radius: 5px;
45
  font-size: 0.9rem;
46
  color: #666;
47
+ margin-bottom: 20px;
48
  }
 
49
  img {
50
+ max-width: 100%;
51
  height: auto;
52
+ border-radius: 10px;
53
+ margin-top: 10px;
 
54
  }
55
  </style>
56
  </head>
57
  <body>
58
 
59
+ <div class="container">
60
  <h1>Welcome to Flask Iris!</h1>
61
 
62
+ <div class="status-box">
63
+ {{ dt }}
64
+ </div>
65
 
66
+ <a href="/predict" class="btn-predict">Go To Prediction Page</a>
67
 
68
+ <img src="/static/img/audi.png" alt="Iris Data Visualization">
 
 
69
  </div>
70
 
71
  </body>
72
+ </html>