96e2619aa2
All checks were successful
CI / Validate i18n Files (pull_request) Successful in 19s
Dependency Review / Review Dependencies (pull_request) Successful in 26s
CI / TypeScript Type Check (pull_request) Successful in 1m20s
CI / Lint Code (pull_request) Successful in 1m37s
CI / Build Project (pull_request) Successful in 1m32s
CI / Security Checks (pull_request) Successful in 1m35s
CI / Run Tests (Node 20) (pull_request) Successful in 1m42s
CI / Run Tests (Node 18) (pull_request) Successful in 1m49s
Code Quality / Code Quality Checks (pull_request) Successful in 1m57s
CI / Test Coverage (pull_request) Successful in 1m32s
- Created example-shared-components.html to demonstrate TypeScript-based shared header and footer components. - Added original-style.css for theming with CSS variables and dark mode support. - Introduced style-backup.css for legacy styles. - Developed test-refactored.html for testing map components with Leaflet integration. - Updated deployment documentation to reflect changes in log file paths and service names. - Renamed project from "great-lakes-ice-report" to "icewatch" in package.json and package-lock.json. - Updated Caddyfile for new log file path. - Added S3 bucket policy for public read access to greatlakes-conditions. - Removed old service file and created new systemd service for icewatch.
47 lines
No EOL
1.6 KiB
HTML
47 lines
No EOL
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Shared Components Example</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
|
|
<!-- Internationalization -->
|
|
<script src="i18n.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<!-- Container for shared header -->
|
|
<div id="header-container"></div>
|
|
|
|
<div class="content">
|
|
<div class="form-section">
|
|
<h2>Example Page Using Shared Components</h2>
|
|
<p>This page demonstrates the new TypeScript-based shared header and footer components.</p>
|
|
|
|
<h3>Benefits:</h3>
|
|
<ul>
|
|
<li>✅ Type-safe TypeScript components</li>
|
|
<li>✅ Consistent headers/footers across all pages</li>
|
|
<li>✅ Easy to maintain - change once, update everywhere</li>
|
|
<li>✅ Built-in i18n support</li>
|
|
<li>✅ Automatic theme toggle functionality</li>
|
|
</ul>
|
|
|
|
<h3>How to use:</h3>
|
|
<pre><code>// Include the compiled bundle
|
|
<script src="dist/app-main.js"></script>
|
|
|
|
// The shared components are automatically rendered
|
|
// into #header-container and #footer-container</code></pre>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Container for shared footer -->
|
|
<div id="footer-container"></div>
|
|
</div>
|
|
|
|
<!-- Include the compiled TypeScript bundle -->
|
|
<script src="dist/app-main.js"></script>
|
|
</body>
|
|
</html> |