amantahiliani/box-box
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/box-box.git synced 2026-08-07 11:54:59 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): add F1-themed favicon, fonts, and PWA polish

Browse Source
This commit is contained in:
Aman Tahiliani
2026-07-03 01:13:39 -04:00
parent 127628e4dd
commit c3ad7743e6
3 changed files with 37 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/index.html
View File

@@ -2,9 +2,28 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#0d0d0d" />
<meta name="description" content="box-box: A premium Live F1 Dashboard and Timing Tower" />
<!-- Open Graph / Social -->
<meta property="og:title" content="box-box | Live F1 Dashboard" />
<meta property="og:description" content="Real-time F1 timing, telemetry, and race dashboard." />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://box-box.amantahiliani.com/" />
<meta property="og:image" content="https://box-box.amantahiliani.com/favicon.jpg" />
<!-- Icons & PWA -->
<link rel="icon" type="image/jpeg" href="/favicon.jpg" />
<title>box-box</title>
<link rel="apple-touch-icon" href="/favicon.jpg" />
<link rel="manifest" href="/manifest.json" />
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700;800&display=swap" rel="stylesheet">
<title>box-box | Live F1 Dashboard</title>
</head>
<body>
<div id="root"></div>

15
frontend/public/manifest.json Normal file
View File

@@ -0,0 +1,15 @@
{
"short_name": "box-box",
"name": "box-box | Live F1 Dashboard",
"icons": [
{
"src": "/favicon.jpg",
"type": "image/jpeg",
"sizes": "192x192 512x512"
}
],
"start_url": ".",
"display": "standalone",
"theme_color": "#0d0d0d",
"background_color": "#0d0d0d"
}

2
frontend/src/styles/app.css
View File

@@ -21,7 +21,7 @@
--tyre-inter: #39b54a;
--tyre-wet: #0080ff;
--f-ui: system-ui, -apple-system, 'Segoe UI', sans-serif;
--f-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
--f-mono: 'JetBrains Mono', 'Cascadia Code', 'Consolas', monospace;
--s1: 2px; --s2: 4px; --s3: 6px; --s4: 10px;