mirror of
https://github.com/aculix/negotium.git
synced 2026-09-11 07:28:17 +00:00
Aculix Technologies
756b4254b4
Bundle goes from 337 kB to 52 kB, or 89 kB to 20 kB gzipped. Almost all of it was lottie-web, imported at the top level to draw one decorative empty state, so every visitor paid 305 kB whether they ever saw it or not. It's an inline SVG now, and it respects prefers-reduced-motion. The 500ms splash is gone. There was no async work behind it. Dark mode is applied by a small script in the head before first paint, so dark-mode users stop getting a white flash on load. The theme class moves to <html>, and App.svelte reads its initial state from that class instead of re-reading storage after mount. publicDir moves from assets/ to public/, which stops shipping the 200 kB README screenshot to everyone.
46 lines
2.3 KiB
HTML
46 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Negotium - Your Productivity Companion</title>
|
|
<meta name="description" content="A clean, minimal to-do list application with smooth animations and dark/light mode support">
|
|
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M12.37 8.87988H17.62' stroke='%23607afb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.38 8.87988L7.13 9.62988L9.38 7.37988' stroke='%23607afb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M12.37 15.8799H17.62' stroke='%23607afb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M6.38 15.8799L7.13 16.6299L9.38 14.3799' stroke='%23607afb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z' stroke='%23607afb' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>">
|
|
<script>
|
|
// Runs before first paint so dark-mode users never see a light flash.
|
|
// App.svelte seeds its own state from the class this sets, keeping one
|
|
// source of truth.
|
|
(function () {
|
|
try {
|
|
var stored = localStorage.getItem('negotium-theme');
|
|
var dark = stored
|
|
? stored === 'dark'
|
|
: window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
if (dark) document.documentElement.classList.add('dark');
|
|
} catch (e) {
|
|
// Storage unavailable; fall through to the light default.
|
|
}
|
|
})();
|
|
</script>
|
|
<style>
|
|
/* Prevent flash of unstyled content */
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
background-color: #F8FAFB;
|
|
color: #1A1A1A;
|
|
}
|
|
|
|
html.dark body {
|
|
background-color: #121212;
|
|
color: #E0E0E0;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="app"></div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|