Nyt logo, preview og designjusteringer til PrimeGrading.dk

- Tilføjet primegrading-logo.svg (dark/light mode, guld/sølv gradient) - Opdateret index.html: logo skiftet fra tekst til SVG, OG-dimensioner rettet - Genereret preview.png i 1200×630 - Ryddet op: fjernet index.html.old (midlertidig backup)
2026-06-26 17:21:04 +02:00
parent d230df0854
commit 5336ebd520
4 changed files with 306 additions and 859 deletions
@@ -0,0 +1,70 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 40 1400 230" width="100%" height="100%">
+  <defs>
+    <linearGradient id="gold" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FFF5C0" />
+      <stop offset="40%" stop-color="#D4AF37" />
+      <stop offset="70%" stop-color="#AA7C11" />
+      <stop offset="100%" stop-color="#5B4006" />
+    </linearGradient>
+
+    <linearGradient id="silver" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FFFFFF" />
+      <stop offset="50%" stop-color="#D1D5DB" />
+      <stop offset="100%" stop-color="#70747C" />
+    </linearGradient>
+
+    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="4" dy="10" stdDeviation="8" flood-color="#000000" flood-opacity="0.6"/>
+    </filter>
+
+    <filter id="sloganShadow" x="-20%" y="-20%" width="140%" height="140%">
+      <feDropShadow dx="0" dy="3" stdDeviation="3" flood-color="#000000" flood-opacity="0.9"/>
+    </filter>
+
+    <style>
+      .slogan-text {
+        font-family: 'Arial Black', 'Impact', 'Arial', sans-serif;
+        font-size: 32px; /* Skaleret markant op fra 20px */
+        font-weight: 900; /* Ekstra fed vægt ligesom på billedet */
+        letter-spacing: 6px; /* Lidt tættere knibet for at give tyngde */
+        text-anchor: middle;
+        text-transform: uppercase;
+        -webkit-text-stroke: 1.5px #000000; /* Tydelig sort kant omkring bogstaverne */
+        fill: #FFFFFF; /* Standard: Klar hvid i mørkt tema */
+      }
+      
+      @media (prefers-color-scheme: light) {
+        .slogan-text {
+          fill: #111111; /* Kraftig mørkegrå i lys tilstand */
+          -webkit-text-stroke: 1px rgba(255,255,255,0.6);
+        }
+      }
+    </style>
+  </defs>
+
+  <g transform="translate(700, 0)">
+    
+    <text x="0" y="150" 
+          font-family="'Arial Black', 'Impact', sans-serif" 
+          font-size="95" 
+          font-weight="950" 
+          font-style="italic" 
+          text-anchor="middle"
+          filter="url(#shadow)">
+      <tspan fill="url(#silver)" letter-spacing="4">PRIME </tspan>
+      <tspan fill="url(#gold)" letter-spacing="2">GRADING</tspan>
+    </text>
+
+    <g transform="translate(0, 225)">
+      <text x="0" y="0" 
+            class="slogan-text"
+            filter="url(#sloganShadow)">
+        VI DEGRADERE DINE KORT
+      </text>
+      
+      <line x1="-310" y1="-10" x2="-470" y2="-10" stroke="url(#gold)" stroke-width="4" stroke-linecap="round"/>
+      
+      <line x1="310" y1="-10" x2="470" y2="-10" stroke="url(#gold)" stroke-width="4" stroke-linecap="round"/>
+    </g>
+  </g>
+</svg>