Extract fade transition CSS into site.css; link from index.html. Update AGENTS.md to document site.css.

This commit is contained in:
Jordan Wages 2025-09-16 20:44:14 -05:00
commit 07ce787d9c
4 changed files with 107 additions and 77 deletions

View file

@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>MP3.com Metadata Browser</title>
<link rel="stylesheet" href="./bulma.min.css" />
<link rel="stylesheet" href="./site.css" />
</head>
<body>
<!-- Simple header (Bulma navbar not needed yet) -->
@ -16,7 +17,7 @@
</section>
<!-- Loader/progress area: shown while DB is fetched/unpacked/initialized -->
<section id="loader" class="section" aria-live="polite">
<section id="loader" class="section fade fade-visible" aria-live="polite">
<div class="container">
<div class="box">
<p id="loader-step" class="mb-2">Preparing…</p>
@ -28,7 +29,8 @@
</section>
<!-- Main app UI: hidden until DB is ready -->
<section id="app" class="section" hidden>
<!-- App starts hidden and will fade in after loader completes. -->
<section id="app" class="section fade" hidden>
<div class="container">
<div class="box">
<form id="search-form" class="mb-4" role="search" aria-label="Track search">