Index side lavet.

2026-04-11 21:05:34 +02:00
parent 6bf7978c72
commit f69032c929
4 changed files with 94 additions and 0 deletions
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -0,0 +1,21 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+    {
+        "name": "Launch Chrome",
+        "request": "launch",
+        "type": "chrome",
+        "url": "http://localhost:8080",
+        "webRoot": "${workspaceFolder}"
+    },
+        {
+            "type": "chrome",
+            "request": "launch",
+            "name": "Open index.html",
+            "file": "d:\\Visual Studio Code\\DKB\\dkb\\index.html"
+        }
+    ]
+}
--- a/dkb_discord_banner.png
+++ b/dkb_discord_banner.png
--- a/dkb_webshop_banner.png
+++ b/dkb_webshop_banner.png
--- a/index.html
+++ b/index.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="da">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>DKB Bannere</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    body {
+      margin: 0;
+      padding: 20px;
+      background: #0f0f0f;
+      font-family: Arial, sans-serif;
+    }
+
+    .banner-wrapper {
+      max-width: 1200px;
+      margin: 0 auto;
+      display: flex;
+      flex-direction: column;
+      gap: 24px;
+    }
+
+    .banner-link {
+      display: block;
+      width: 100%;
+      border-radius: 18px;
+      overflow: hidden;
+      box-shadow: 0 6px 20px rgba(0,0,0,0.35);
+      transition: transform 0.2s ease, box-shadow 0.2s ease;
+    }
+
+    .banner-link:hover {
+      transform: translateY(-2px);
+      box-shadow: 0 10px 28px rgba(0,0,0,0.45);
+    }
+
+    .banner-link img {
+      display: block;
+      width: 100%;
+      height: auto;
+    }
+
+    @media (max-width: 768px) {
+      body {
+        padding: 10px;
+      }
+
+      .banner-wrapper {
+        gap: 14px;
+      }
+
+      .banner-link {
+        border-radius: 12px;
+      }
+    }
+  </style>
+</head>
+<body>
+  <div class="banner-wrapper">
+    <a class="banner-link" href="https://din-webshop-url.dk" target="_blank" rel="noopener">
+      <img src="dkb_webshop_banner.png" alt="Gå til webshop" />
+    </a>
+
+    <a class="banner-link" href="https://discord.gg/din-discord" target="_blank" rel="noopener">
+      <img src="dkb_discord_banner.png" alt="Gå til Discord" />
+    </a>
+  </div>
+</body>
+</html>