Spaces:
Running
Running
icon
Browse files- docker-compose.dev.yml +1 -0
- index.html +5 -1
- nginx.conf +1 -1
- public/icon.webp +0 -0
- src/style.css +12 -0
docker-compose.dev.yml
CHANGED
|
@@ -9,6 +9,7 @@ services:
|
|
| 9 |
- "5173:5173"
|
| 10 |
volumes:
|
| 11 |
- ./src:/app/src
|
|
|
|
| 12 |
- ./index.html:/app/index.html
|
| 13 |
- ./vite.config.ts:/app/vite.config.ts
|
| 14 |
- ./tsconfig.json:/app/tsconfig.json
|
|
|
|
| 9 |
- "5173:5173"
|
| 10 |
volumes:
|
| 11 |
- ./src:/app/src
|
| 12 |
+
- ./public:/app/public
|
| 13 |
- ./index.html:/app/index.html
|
| 14 |
- ./vite.config.ts:/app/vite.config.ts
|
| 15 |
- ./tsconfig.json:/app/tsconfig.json
|
index.html
CHANGED
|
@@ -5,13 +5,17 @@
|
|
| 5 |
<meta charset="UTF-8">
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
<title>Training Load Data Visualization</title>
|
|
|
|
| 8 |
<link rel="stylesheet" href="/src/style.css">
|
| 9 |
</head>
|
| 10 |
|
| 11 |
<body>
|
| 12 |
<div id="app">
|
| 13 |
<header>
|
| 14 |
-
<
|
|
|
|
|
|
|
|
|
|
| 15 |
<div class="header-controls">
|
| 16 |
<div class="ftp-input-container">
|
| 17 |
<label for="ftp-input">FTP</label>
|
|
|
|
| 5 |
<meta charset="UTF-8">
|
| 6 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
| 7 |
<title>Training Load Data Visualization</title>
|
| 8 |
+
<link rel="icon" type="image/webp" href="/icon.webp">
|
| 9 |
<link rel="stylesheet" href="/src/style.css">
|
| 10 |
</head>
|
| 11 |
|
| 12 |
<body>
|
| 13 |
<div id="app">
|
| 14 |
<header>
|
| 15 |
+
<div class="header-title">
|
| 16 |
+
<img src="/icon.webp" alt="Training Load Icon" class="header-icon" />
|
| 17 |
+
<h1>Training Load Data Visualization</h1>
|
| 18 |
+
</div>
|
| 19 |
<div class="header-controls">
|
| 20 |
<div class="ftp-input-container">
|
| 21 |
<label for="ftp-input">FTP</label>
|
nginx.conf
CHANGED
|
@@ -17,7 +17,7 @@ server {
|
|
| 17 |
}
|
| 18 |
|
| 19 |
# Cache static assets
|
| 20 |
-
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
|
| 21 |
expires 1y;
|
| 22 |
add_header Cache-Control "public, immutable";
|
| 23 |
}
|
|
|
|
| 17 |
}
|
| 18 |
|
| 19 |
# Cache static assets
|
| 20 |
+
location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|webp|woff|woff2|ttf|eot)$ {
|
| 21 |
expires 1y;
|
| 22 |
add_header Cache-Control "public, immutable";
|
| 23 |
}
|
public/icon.webp
ADDED
|
src/style.css
CHANGED
|
@@ -41,6 +41,18 @@ header {
|
|
| 41 |
flex-wrap: wrap;
|
| 42 |
}
|
| 43 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 44 |
header h1 {
|
| 45 |
font-size: 1.5rem;
|
| 46 |
color: var(--primary-color);
|
|
|
|
| 41 |
flex-wrap: wrap;
|
| 42 |
}
|
| 43 |
|
| 44 |
+
.header-title {
|
| 45 |
+
display: flex;
|
| 46 |
+
align-items: center;
|
| 47 |
+
gap: 1rem;
|
| 48 |
+
}
|
| 49 |
+
|
| 50 |
+
.header-icon {
|
| 51 |
+
width: 64px;
|
| 52 |
+
height: 64px;
|
| 53 |
+
object-fit: contain;
|
| 54 |
+
}
|
| 55 |
+
|
| 56 |
header h1 {
|
| 57 |
font-size: 1.5rem;
|
| 58 |
color: var(--primary-color);
|