104 lines
3.0 KiB
HTML
104 lines
3.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Products Debug - Luftglanz</title>
|
|
<style>
|
|
/* Minimal styling to ensure visibility */
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
.debug-info {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
background-color: red;
|
|
color: white;
|
|
padding: 10px;
|
|
z-index: 9999;
|
|
font-weight: bold;
|
|
}
|
|
|
|
header {
|
|
background-color: #e8e9ea;
|
|
padding: 20px;
|
|
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
|
|
}
|
|
|
|
.logo {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.logo-img {
|
|
height: 40px;
|
|
margin-right: 10px;
|
|
}
|
|
|
|
main {
|
|
padding: 20px;
|
|
margin-top: 20px;
|
|
background-color: white;
|
|
}
|
|
|
|
.product-card {
|
|
border: 1px solid #ddd;
|
|
padding: 15px;
|
|
margin-bottom: 20px;
|
|
background-color: white;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="debug-info">DEBUG MODE</div>
|
|
|
|
<header>
|
|
<div class="logo">
|
|
<img src="../images/favicon_logo.png" alt="Luftglanz Logo" class="logo-img">
|
|
<h1>Luftglanz</h1>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<h2>Products (Debug Version)</h2>
|
|
|
|
<div class="product-card">
|
|
<h3>AGO Quart Grünbelagentferner</h3>
|
|
<p>Test product description to verify content visibility</p>
|
|
<p><strong>Price:</strong> 24,90 €</p>
|
|
<a href="https://www.agoshop.de/gruenbelagentferner/ago-quart/" target="_blank">View on Manufacturer's Site</a>
|
|
</div>
|
|
|
|
<div class="product-card">
|
|
<h3>AGO Quart 5 Liter</h3>
|
|
<p>Test product description to verify content visibility</p>
|
|
<p><strong>Price:</strong> 99,90 €</p>
|
|
<a href="https://www.agoshop.de/gruenbelagentferner/ago-quart-5-liter/" target="_blank">View on Manufacturer's Site</a>
|
|
</div>
|
|
</main>
|
|
|
|
<script>
|
|
// Display debugging information
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
console.log('Debug page loaded');
|
|
|
|
// Check if elements are visible
|
|
const header = document.querySelector('header');
|
|
const main = document.querySelector('main');
|
|
|
|
console.log('Header visible:', header.offsetHeight > 0);
|
|
console.log('Main visible:', main.offsetHeight > 0);
|
|
|
|
// Add a timestamp to verify the page is current
|
|
const debugInfo = document.querySelector('.debug-info');
|
|
debugInfo.textContent += ' - ' + new Date().toLocaleTimeString();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|