Fix double snowflake and add i18n to admin page

- Remove default text from i18n spans to prevent double snowflake on main page
- Add i18n support to admin page with language selector
- Make admin panel title translatable

This ensures the snowflake emoji only appears once as a clickable link,
and the translated app name appears separately without its own snowflake.

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude Code 2025-07-07 19:38:18 -04:00
parent 485fab50bd
commit c0ccb20507
2 changed files with 6 additions and 2 deletions

View file

@ -35,6 +35,9 @@
}
})();
</script>
<!-- Internationalization -->
<script src="i18n.js"></script>
</head>
<body>
<div class="admin-container">
@ -57,8 +60,9 @@
<!-- Admin Section -->
<div id="admin-section" class="admin-section">
<div class="admin-header">
<h1><a href="/" style="text-decoration: none; color: inherit;">❄️</a> Great Lakes Ice Report Admin Panel</h1>
<h1><a href="/" style="text-decoration: none; color: inherit;">❄️</a> <span data-i18n="admin.adminPanel"></span></h1>
<div class="header-buttons">
<div id="language-selector-container" class="language-selector-container" style="display: inline-block; margin-right: 10px;"></div>
<button id="theme-toggle" class="header-btn theme-toggle-admin" title="Toggle dark mode">
<span class="theme-icon">🌙</span>
</button>

View file

@ -53,7 +53,7 @@
<header>
<div class="header-content">
<div class="header-text">
<h1><a href="/" style="text-decoration: none; color: inherit;">❄️</a> <span data-i18n="common.appName">Great Lakes Ice Report</span></h1>
<h1><a href="/" style="text-decoration: none; color: inherit;">❄️</a> <span data-i18n="common.appName"></span></h1>
<p data-i18n="meta.subtitle">Community-reported ICEy road conditions and winter hazards (auto-expire after 48 hours)</p>
</div>
<div class="header-controls">