0e5d285680
Major improvements: - New CSS design system with custom properties (tokens) - Consistent spacing scale (4px base) - Touch-friendly sizing (44px min targets) - Improved Carousel with better touch handling and rubber-band effect - Enhanced FilterControls (auto-collapse on mobile) - Better stat card styling with change indicators - Refined chart cards and toggle switches - Smoother transitions and micro-interactions - Better RTL support - Print styles - Responsive breakpoints for tablet (1024px), mobile (768px), and small mobile (375px) - Cleaner typography hierarchy - Subtle shadows and depth Components updated: - App.css: Complete rewrite with design tokens - Carousel.jsx: Better touch gestures with velocity detection - StatCard.jsx: Improved change indicator styling - FilterControls.jsx: Auto-collapse on mobile - EmptyState.jsx: Better accessibility - ChartExport.js: Cleaned up unused imports
47 lines
2.0 KiB
HTML
47 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="theme-color" content="#000000" />
|
||
<meta
|
||
name="description"
|
||
content="Web site created using create-react-app"
|
||
/>
|
||
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
|
||
<!--
|
||
manifest.json provides metadata used when your web app is installed on a
|
||
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
|
||
-->
|
||
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
|
||
<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=DM+Sans:wght@400;500;600&family=Tajawal:wght@400;500;700&display=swap" rel="stylesheet">
|
||
<!--
|
||
Notice the use of %PUBLIC_URL% in the tags above.
|
||
It will be replaced with the URL of the `public` folder during the build.
|
||
Only files inside the `public` folder can be referenced from the HTML.
|
||
|
||
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
|
||
work correctly both with client-side routing and a non-root public URL.
|
||
Learn how to configure a non-root public URL by running `npm run build`.
|
||
-->
|
||
<title>HiHala Data – Museums</title>
|
||
</head>
|
||
<body>
|
||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||
<div id="root"></div>
|
||
<!--
|
||
This HTML file is a template.
|
||
If you open it directly in the browser, you will see an empty page.
|
||
|
||
You can add webfonts, meta tags, or analytics to this file.
|
||
The build step will place the bundled scripts into the <body> tag.
|
||
|
||
To begin the development, run `npm start` or `yarn start`.
|
||
To create a production bundle, use `npm run build` or `yarn build`.
|
||
-->
|
||
</body>
|
||
</html>
|