40 lines
1.6 KiB
HTML
40 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="tr">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Marmaris Local Widget Test</title>
|
||
<style>
|
||
body { font-family: sans-serif; max-width: 900px; margin: 40px auto; padding: 0 20px; background: #f0f0f0; }
|
||
h1 { font-size: 18px; color: #333; }
|
||
.section { background: white; padding: 24px; border-radius: 12px; margin-bottom: 24px; }
|
||
code { background: #1e1e1e; color: #e0e0e0; padding: 12px 16px; border-radius: 8px; display: block; font-family: monospace; font-size: 13px; white-space: pre; margin: 12px 0; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>🧪 Marmaris Local Widget Test Sayfası</h1>
|
||
|
||
<div class="section">
|
||
<h2>Akyaka Bölgesi — Light Tema</h2>
|
||
<code><div data-marmaris-widget="akyaka" data-limit="3"></div>
|
||
<script src="/widget.js" async></script></code>
|
||
<div data-marmaris-widget="akyaka" data-limit="3"></div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Marmaris — Dark Tema</h2>
|
||
<code><div data-marmaris-widget="marmaris" data-theme="dark" data-limit="3"></div></code>
|
||
<div data-marmaris-widget="marmaris" data-theme="dark" data-limit="3"></div>
|
||
</div>
|
||
|
||
<div class="section">
|
||
<h2>Gizli Widget (display:none) — Sadece indexlenir</h2>
|
||
<code><div data-marmaris-widget="marmaris" style="display:none"></div></code>
|
||
<div data-marmaris-widget="marmaris" style="display:none"></div>
|
||
<p style="color:#888;font-size:13px">⬆️ Bu div gizli - içerik yüklenir ama kullanıcı görmez</p>
|
||
</div>
|
||
|
||
<script src="/widget.js"></script>
|
||
</body>
|
||
</html>
|