Hugging Face's logo

Spaces:
slimshadow
/
file-sharing-server
Running

App Files Community
slimshadow commited on
Commit
67bc35f
·
verified ·
1 Parent(s): 9b742cc

Update static/index.html

Browse files
Files changed (1) hide show
  1. static/index.html +42 -4
static/index.html CHANGED
@@ -4,11 +4,49 @@
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>System Metrics</title>
 
7
  <style>
8
- body { font-family: Arial, sans-serif; }
9
- h1 { text-align: center; }
10
- .metrics { display: flex; justify-content: space-around; }
11
- .metric { border: 1px solid #ddd; padding: 20px; border-radius: 10px; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
12
  </style>
13
  </head>
14
  <body>
 
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
  <title>System Metrics</title>
7
+ <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@400;500&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
8
  <style>
9
+ body {
10
+ font-family: 'Roboto', sans-serif;
11
+ background-color: #f5f5f5;
12
+ color: #333;
13
+ margin: 0;
14
+ padding: 0;
15
+ box-sizing: border-box;
16
+ }
17
+ h1 {
18
+ text-align: center;
19
+ font-family: 'Oswald', sans-serif;
20
+ font-size: 2.5rem;
21
+ margin: 20px 0;
22
+ }
23
+ .metrics {
24
+ display: flex;
25
+ justify-content: space-around;
26
+ padding: 20px;
27
+ max-width: 1200px;
28
+ margin: 0 auto;
29
+ }
30
+ .metric {
31
+ background-color: #fff;
32
+ border: 1px solid #ddd;
33
+ border-radius: 10px;
34
+ padding: 20px;
35
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
36
+ width: 30%;
37
+ box-sizing: border-box;
38
+ }
39
+ .metric h2 {
40
+ font-family: 'Oswald', sans-serif;
41
+ font-size: 1.5rem;
42
+ border-bottom: 2px solid #eee;
43
+ padding-bottom: 10px;
44
+ margin-bottom: 15px;
45
+ }
46
+ .metric p {
47
+ font-size: 1.1rem;
48
+ margin: 5px 0;
49
+ }
50
  </style>
51
  </head>
52
  <body>