bl3kunja
c61c1448e4
- Replace plain print headers with full branded headers including logo - Add dynamic tournament-type styling (🎯 4-target, ⚡ 20-target, 💪 40-target) - Remove border lines and optimize spacing for clean print appearance - Fix emoji positioning in league championship headers - Standardize navigation with proper active button indicators - Add missing translation keys for calculator instructions - Update print media queries for professional document output Print improvements: - Logo and branding now appear on printed results - Consistent 20px spacing between header and table - Clean white background with subtle borders - Optimized typography for print readability Navigation fixes: - Added active button highlighting across all PC pages - Consistent navigation order: Dashboard → Tournament → Player Analysis → Archive → Draft → Calculator - Fixed draft page active indicator 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com> This commit message covers all the major improvements we made: - Print layout enhancements with branded headers - Navigation standardization and active indicators - Translation fixes - Visual styling improvements - Professional document output optimization
38 lines
1.2 KiB
HTML
38 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Chart.js Test - Offline</title>
|
|
<script src="chart.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1>Chart.js Offline Test</h1>
|
|
<canvas id="testChart" width="400" height="200"></canvas>
|
|
|
|
<script>
|
|
// Test if Chart.js works offline
|
|
if (typeof Chart !== 'undefined') {
|
|
const ctx = document.getElementById('testChart').getContext('2d');
|
|
const chart = new Chart(ctx, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: ['Test 1', 'Test 2', 'Test 3'],
|
|
datasets: [{
|
|
label: 'Offline Test',
|
|
data: [10, 20, 30],
|
|
backgroundColor: 'rgba(54, 162, 235, 0.2)',
|
|
borderColor: 'rgba(54, 162, 235, 1)',
|
|
borderWidth: 1
|
|
}]
|
|
},
|
|
options: {
|
|
responsive: true
|
|
}
|
|
});
|
|
|
|
document.body.innerHTML += '<p style="color: green;">✅ Chart.js is working offline!</p>';
|
|
} else {
|
|
document.body.innerHTML += '<p style="color: red;">❌ Chart.js failed to load</p>';
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |