glennigen/portainer-confs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

opdatering til primegrading siden

Browse Source
This commit is contained in:
GlennIgen
2026-06-26 15:42:00 +02:00
parent 7bb4b2a68f
commit d230df0854
1 changed files with 241 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files
primegrading-web/html/index.html
+241 -91
View File
@@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>PrimeGrading.dk — Professionel Kortgradering</title> <title>PrimeGrading.dk — Kortgradering med kant</title>
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='4' width='28' height='24' rx='3' fill='%23111118' stroke='%23c9a84c' stroke-width='1.5'/%3E%3Cpolyline points='7,28 13,15 18,20 25,7' fill='none' stroke='%23c9a84c' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Cinzel:wght@700;900&family=Inter:wght@300;400;500;600&display=swap" rel="stylesheet" />
@@ -62,6 +63,37 @@
-webkit-text-fill-color: var(--red); -webkit-text-fill-color: var(--red);
} }
.hamburger {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 4px;
z-index: 101;
}
.hamburger span {
display: block;
width: 24px;
height: 2px;
background: var(--text);
transition: transform 0.3s, opacity 0.3s;
}
.hamburger.active span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
nav ul { nav ul {
list-style: none; list-style: none;
display: flex; gap: 2rem; display: flex; gap: 2rem;
@@ -79,6 +111,35 @@
nav ul a:hover { color: var(--gold); } nav ul a:hover { color: var(--gold); }
/* ── MOBILE NAV ── */
@media (max-width: 768px) {
.hamburger { display: flex; }
nav ul {
position: fixed; top: 0; right: -100%;
width: 260px; height: 100vh;
flex-direction: column;
gap: 0;
background: rgba(10,10,15,0.97);
backdrop-filter: blur(16px);
border-left: 1px solid var(--border);
padding: 5rem 2rem 2rem;
transition: right 0.3s ease;
z-index: 100;
}
nav ul.open { right: 0; }
nav ul a {
display: block;
padding: 1rem 0;
font-size: 0.95rem;
border-bottom: 1px solid var(--border);
}
nav ul li:last-child a { border-bottom: none; }
}
/* ── HERO ── */ /* ── HERO ── */
.hero { .hero {
min-height: 100vh; min-height: 100vh;
@@ -329,7 +390,7 @@
.grade-chip.prime-grade { .grade-chip.prime-grade {
grid-column: 1 / -1; grid-column: 1 / -1;
background: linear-gradient(135deg, rgba(201,168,76,0.08), rgba(90,240,216,0.04), rgba(176,110,245,0.04)); background: linear-gradient(135deg, rgba(201,168,76,0.08), rgba(240,110,110,0.04), rgba(90,240,216,0.04));
border-color: rgba(201,168,76,0.5); border-color: rgba(201,168,76,0.5);
display: flex; align-items: center; gap: 1.5rem; display: flex; align-items: center; gap: 1.5rem;
padding: 1.25rem 1.5rem; padding: 1.25rem 1.5rem;
@@ -338,7 +399,7 @@
.grade-chip.prime-grade:hover { .grade-chip.prime-grade:hover {
border-color: var(--gold); border-color: var(--gold);
background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(90,240,216,0.06), rgba(176,110,245,0.06)); background: linear-gradient(135deg, rgba(201,168,76,0.12), rgba(240,110,110,0.06), rgba(90,240,216,0.06));
} }
.prime-grade-star { font-size: 2rem; flex-shrink: 0; } .prime-grade-star { font-size: 2rem; flex-shrink: 0; }
@@ -347,7 +408,7 @@
.prime-grade-title { .prime-grade-title {
font-family: 'Cinzel', serif; font-family: 'Cinzel', serif;
font-size: 1.1rem; font-weight: 900; font-size: 1.1rem; font-weight: 900;
background: linear-gradient(135deg, var(--gold), var(--gold-light), var(--holo1)); background: linear-gradient(135deg, var(--gold), var(--gold-light), var(--holo3));
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
display: block; display: block;
} }
@@ -358,10 +419,9 @@
.grade-score { .grade-score {
font-family: 'Cinzel', serif; font-family: 'Cinzel', serif;
font-size: 2rem; font-size: 1.8rem;
font-weight: 900; font-weight: 900;
background: linear-gradient(135deg, var(--gold), var(--gold-light)); color: var(--gold);
-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
display: block; display: block;
} }
@@ -375,7 +435,7 @@
display: block; display: block;
} }
/* ── LABELS SECTION ── */ /* ── SPECIAL LABELS SECTION ── */
#labels { border-top: 1px solid var(--border); } #labels { border-top: 1px solid var(--border); }
.labels-grid { .labels-grid {
@@ -494,6 +554,34 @@
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
} }
.team-tag {
display: inline-block;
font-size: 0.65rem;
font-weight: 600;
letter-spacing: 0.05em;
padding: 0.15rem 0.6rem;
border-radius: 2px;
margin-bottom: 0.5rem;
}
.team-tag.pokemon {
background: rgba(240,200,50,0.15);
color: #f0c832;
border: 1px solid rgba(240,200,50,0.25);
}
.team-tag.onepiece {
background: rgba(80,180,240,0.15);
color: #50b4f0;
border: 1px solid rgba(80,180,240,0.25);
}
.team-tag.ceo {
background: rgba(201,168,76,0.2);
color: var(--gold-light);
border: 1px solid rgba(201,168,76,0.4);
}
.team-bio { .team-bio {
font-size: 0.8rem; font-size: 0.8rem;
color: var(--muted); color: var(--muted);
@@ -686,28 +774,33 @@
<nav> <nav>
<a class="logo" href="#">Prime<span>Grading</span>.dk</a> <a class="logo" href="#">Prime<span>Grading</span>.dk</a>
<ul> <button class="hamburger" onclick="toggleMenu()" aria-label="Menu">
<li><a href="#how">Sådan virker det</a></li> <span></span>
<li><a href="#grades">Karakterskala</a></li> <span></span>
<li><a href="#labels">Labels</a></li> <span></span>
<li><a href="#team">Teamet</a></li> </button>
<li><a href="#priser">Priser</a></li> <ul id="nav-menu">
<li><a href="#submit">Indsend kort</a></li> <li><a href="#how" onclick="closeMenu()">Sådan virker det</a></li>
<li><a href="#grades" onclick="closeMenu()">Knækningsskala</a></li>
<li><a href="#labels" onclick="closeMenu()">Labels</a></li>
<li><a href="#team" onclick="closeMenu()">Teamet</a></li>
<li><a href="#priser" onclick="closeMenu()">Priser</a></li>
<li><a href="#submit" onclick="closeMenu()">Indsend kort</a></li>
</ul> </ul>
</nav> </nav>
<!-- HERO --> <!-- HERO -->
<section class="hero"> <section class="hero">
<div class="hero-glow"></div> <div class="hero-glow"></div>
<div class="eyebrow">Pokémon · One Piece · Kortgradering</div> <div class="eyebrow">Pokémon · One Piece · Kortforvanskning</div>
<h1> <h1>
<span class="line1">Dine kort.</span> <span class="line1">Dine kort.</span>
<span class="line2">Officielt bedømt.</span> <span class="line2">Vi gør vores bedste.</span>
</h1> </h1>
<p class="hero-sub">PrimeGrading.dk grader dine samlerkort professionelt — og beskytter dem i en forseglet slab, så de holder sin værdi.</p> <p class="hero-sub">(det er ikke godt nok)</p>
<div class="cta-group"> <div class="cta-group">
<a class="btn-primary" href="#submit">Indsend dine kort</a> <a class="btn-primary" href="#submit">Indsend dine kort</a>
<a class="btn-secondary" href="#how">Se processen</a> <a class="btn-secondary" href="#how">Hvordan? (tro mig, du vil se)</a>
</div> </div>
<div class="cards-row"> <div class="cards-row">
@@ -715,36 +808,36 @@
<div class="card-bg"></div> <div class="card-bg"></div>
<div class="card-shine"></div> <div class="card-shine"></div>
<div class="card-label">Pokémon TCG</div> <div class="card-label">Pokémon TCG</div>
<div class="card-art">⚡</div> <div class="card-art">💔</div>
<div class="card-grade">10</div> <div class="card-grade">K10</div>
</div> </div>
<div class="holo-card"> <div class="holo-card">
<div class="card-bg" style="background:linear-gradient(135deg,#1a0a2e,#2e1650,#1a0a2e)"></div> <div class="card-bg" style="background:linear-gradient(135deg,#1a0a2e,#2e1650,#1a0a2e)"></div>
<div class="card-shine"></div> <div class="card-shine"></div>
<div class="card-label">One Piece TCG</div> <div class="card-label">One Piece TCG</div>
<div class="card-art">☠️</div> <div class="card-art">☠️</div>
<div class="card-grade">9</div> <div class="card-grade">K9</div>
</div> </div>
<div class="holo-card"> <div class="holo-card">
<div class="card-bg" style="background:linear-gradient(135deg,#0a1a2e,#0f3460,#0a1a2e)"></div> <div class="card-bg" style="background:linear-gradient(135deg,#0a1a2e,#0f3460,#0a1a2e)"></div>
<div class="card-shine"></div> <div class="card-shine"></div>
<div class="card-label">Pokémon TCG</div> <div class="card-label">Pokémon TCG</div>
<div class="card-art">🔥</div> <div class="card-art">🔥</div>
<div class="card-grade">8</div> <div class="card-grade">K8</div>
</div> </div>
<div class="holo-card"> <div class="holo-card">
<div class="card-bg" style="background:linear-gradient(135deg,#0a2e1a,#0a3020,#0a2e1a)"></div> <div class="card-bg" style="background:linear-gradient(135deg,#0a2e1a,#0a3020,#0a2e1a)"></div>
<div class="card-shine"></div> <div class="card-shine"></div>
<div class="card-label">One Piece TCG</div> <div class="card-label">One Piece TCG</div>
<div class="card-art">⚓</div> <div class="card-art">⚓</div>
<div class="card-grade">9</div> <div class="card-grade">KNÆK</div>
</div> </div>
<div class="holo-card"> <div class="holo-card">
<div class="card-bg" style="background:linear-gradient(135deg,#2e1a0a,#3d1f0a,#2e1a0a)"></div> <div class="card-bg" style="background:linear-gradient(135deg,#2e1a0a,#3d1f0a,#2e1a0a)"></div>
<div class="card-shine"></div> <div class="card-shine"></div>
<div class="card-label">Pokémon TCG</div> <div class="card-label">Pokémon TCG</div>
<div class="card-art">💧</div> <div class="card-art">💧</div>
<div class="card-grade">10</div> <div class="card-grade">V10</div>
</div> </div>
</div> </div>
</section> </section>
@@ -753,27 +846,27 @@
<section id="how"> <section id="how">
<div class="container"> <div class="container">
<h2 class="section-title">Sådan <span>virker det</span></h2> <h2 class="section-title">Sådan <span>virker det</span></h2>
<p class="section-lead">Fire enkle trin fra din brevkasse til en certificeret slab.</p> <p class="section-lead">Fire enkle trin — fra din brevkasse til komplet kortødelæggelse.</p>
<div class="steps"> <div class="steps">
<div class="step"> <div class="step">
<div class="step-num">01</div> <div class="step-num">01</div>
<h3>Indsend dine kort</h3> <h3>Indsend dine kort</h3>
<p>Udfyld formularen med kortoplysninger og send dem afsted i sikker emballage.</p> <p>Udfyld formularen med kortoplysninger. Pak dem godt ind — det hjælper ikke, men du føler dig bedre tilpas.</p>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">02</div> <div class="step-num">02</div>
<h3>Professionel inspektion</h3> <h3>Visuel bedømmelse</h3>
<p>Hvert kort inspiceres under lup for centering, hjørner, kanter og overflade.</p> <p>Vores eksperter vurderer hurtigt hvilken ødelæggelsesmetode kortet fortjener. Bøjning? Knæk? Vandbad? Eller det hele?</p>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">03</div> <div class="step-num">03</div>
<h3>Karakter tildeles</h3> <h3>Behandling</h3>
<p>Kortet får en score fra 1–10 baseret på vores standardiserede graderingsskala.</p> <p>Kortet gennemgår den valgte proces. Præcisionsbøjning, kontrolleret knæk eller vores signatur vandbehandling. Alt sammen håndværk.</p>
</div> </div>
<div class="step"> <div class="step">
<div class="step-num">04</div> <div class="step-num">04</div>
<h3>Forseglet slab</h3> <h3>Forsegling &amp; certifikat</h3>
<p>Kortet forsegles i en UV-beskyttende slab med din score og en unik serienummer.</p> <p>Dit nu forvanskede kort forsegles i en slab. Du får et certifikat der bekræfter — ja, vi gjorde det med vilje. Stolthed garanteret.</p>
</div> </div>
</div> </div>
</div> </div>
@@ -782,30 +875,29 @@
<!-- GRADES --> <!-- GRADES -->
<section id="grades"> <section id="grades">
<div class="container"> <div class="container">
<h2 class="section-title">Vores <span>karakterskala</span></h2> <h2 class="section-title">Vores <span>knækningsskala</span></h2>
<p class="section-lead">Fra Poor til den ekslusive PRIME GRADE — vores højeste og mest prestigefyldte vurdering.</p> <p class="section-lead">Fra en let bøjning til total, uigenkaldelig destruktion — her er hvad du kan forvente.</p>
<div class="scale"> <div class="scale">
<!-- PRIME GRADE — særklasse øverst --> <!-- PRIME KNÆK — særklasse øverst -->
<div class="grade-chip prime-grade"> <div class="grade-chip prime-grade">
<div class="prime-grade-star">⭐</div> <div class="prime-grade-star">💀</div>
<div class="prime-grade-info"> <div class="prime-grade-info">
<span class="prime-grade-title">PRIME GRADE — Ultra Premium</span> <span class="prime-grade-title">PRIME KNÆK — Total Ekstinktion</span>
<span class="prime-grade-sub">Fire perfekte 10'ere <strong>plus</strong> en ekstra visuel vurdering: eye appeal, printkvalitet og ingen fabriksfejl. Kun tildelt de absolut bedste kort med guld/grøn label.</span> <span class="prime-grade-sub">Kortet bliver bøjet, knækket <strong>og</strong> vandbadet. Derefter smeltes slabben fast med lighter. Kortet eksisterer ikke længere i traditionel forstand. Kun tildelt de absolut mest fortjente kort.</span>
</div> </div>
</div> </div>
<div class="grade-chip"><span class="grade-score">10</span><span class="grade-label">Gem Mint</span></div> <div class="grade-chip"><span class="grade-score">K10</span><span class="grade-label">Perfekt Knæk</span></div>
<div class="grade-chip"><span class="grade-score">9.5</span><span class="grade-label">Mint+</span></div> <div class="grade-chip"><span class="grade-score">K9</span><span class="grade-label">Rent Knæk</span></div>
<div class="grade-chip"><span class="grade-score">9</span><span class="grade-label">Mint</span></div> <div class="grade-chip"><span class="grade-score">K8</span><span class="grade-label">Bøjet m. Knæk</span></div>
<div class="grade-chip"><span class="grade-score">8.5</span><span class="grade-label">Near Mint+</span></div> <div class="grade-chip"><span class="grade-score">B10</span><span class="grade-label">Ultra Bøjning</span></div>
<div class="grade-chip"><span class="grade-score">8</span><span class="grade-label">Near Mint</span></div> <div class="grade-chip"><span class="grade-score">B8</span><span class="grade-label">Solid Bøjning</span></div>
<div class="grade-chip"><span class="grade-score">7.5</span><span class="grade-label">Excellent+</span></div> <div class="grade-chip"><span class="grade-score">B6</span><span class="grade-label">Let Bøjning</span></div>
<div class="grade-chip"><span class="grade-score">7</span><span class="grade-label">Excellent</span></div> <div class="grade-chip"><span class="grade-score">V10</span><span class="grade-label">Vandbad Premium</span></div>
<div class="grade-chip"><span class="grade-score">6</span><span class="grade-label">Very Good</span></div> <div class="grade-chip"><span class="grade-score">V7</span><span class="grade-label">Vandbad Standard</span></div>
<div class="grade-chip"><span class="grade-score">5</span><span class="grade-label">Good</span></div> <div class="grade-chip"><span class="grade-score">R5</span><span class="grade-label">Ridset m. Kærlighed</span></div>
<div class="grade-chip"><span class="grade-score">4</span><span class="grade-label">Fair</span></div> <div class="grade-chip"><span class="grade-score">M1</span><span class="grade-label">Mild Berøring</span></div>
<div class="grade-chip"><span class="grade-score">3</span><span class="grade-label">Poor</span></div>
</div> </div>
</div> </div>
</section> </section>
@@ -814,62 +906,62 @@
<section id="labels"> <section id="labels">
<div class="container"> <div class="container">
<h2 class="section-title">Special <span>Labels</span></h2> <h2 class="section-title">Special <span>Labels</span></h2>
<p class="section-lead">Udover standardskalaen tildeler vi særlige labels til kort, der fortjener ekstra anerkendelse.</p> <p class="section-lead">Udover knækningsskalaen tildeler vi særlige labels som ekstra pynt på din ødelagte slab.</p>
<div class="labels-grid"> <div class="labels-grid">
<div class="label-card"> <div class="label-card">
<div class="label-dot" style="background:#4caf50;"></div> <div class="label-dot" style="background:#4caf50;"></div>
<div> <div>
<h4>Prime Standard</h4> <h4>Prime Standard</h4>
<p>Vores grundlæggende label for godkendte og vurderede kort.</p> <p>Vores grundlæggende label. Kortet er bøjet, det er forseglet. Mission completed.</p>
</div> </div>
</div> </div>
<div class="label-card"> <div class="label-card">
<div class="label-dot" style="background:#c9a84c;"></div> <div class="label-dot" style="background:#c9a84c;"></div>
<div> <div>
<h4>Gold Label</h4> <h4>Gold Label</h4>
<p>Tildelt kort med særlig høj score og fremragende stand.</p> <p>For kort der har modtaget ekstraordinær ødelæggelse. To eller flere metoder anvendt.</p>
</div> </div>
</div> </div>
<div class="label-card"> <div class="label-card">
<div class="label-dot" style="background:#e05c5c;"></div> <div class="label-dot" style="background:#e05c5c;"></div>
<div> <div>
<h4>Founder Edition</h4> <h4>Founder Edition</h4>
<p>Eksklusivt label til de første kort vurderet af PrimeGrading.</p> <p>Eksklusivt label til de første heldige kort der blev ofret til PrimeGrading.dk.</p>
</div> </div>
</div> </div>
<div class="label-card"> <div class="label-card">
<div class="label-dot" style="background:#555570;"></div> <div class="label-dot" style="background:#555570;"></div>
<div> <div>
<h4>Black Label</h4> <h4>Black Label</h4>
<p>Kræver perfekte 10'ere i alle subgrades — centering, hjørner, kanter og overflade.</p> <p>Tildelt når vi har knækket kortet på præcis den måde du bad os om — før vi gjorde hvad vi ville alligevel.</p>
</div> </div>
</div> </div>
<div class="label-card"> <div class="label-card">
<div class="label-dot" style="background:#f0d070; box-shadow: 0 0 6px rgba(240,208,112,0.6);"></div> <div class="label-dot" style="background:#f0d070; box-shadow: 0 0 6px rgba(240,208,112,0.6);"></div>
<div> <div>
<h4>⭐ PRIME GRADE</h4> <h4>💀 PRIME KNÆK</h4>
<p>Det absolut højeste label. Kun til kort der er perfekte i alle subgrades <em>og</em> består den visuelle vurdering.</p> <p>Det absolut højeste label. Kortet er blevet totalt destrueret af CEO-chefen personligt. Indrammes og hænges op som minde.</p>
</div> </div>
</div> </div>
</div> </div>
<h3 class="section-title" style="font-size:1.2rem; margin-bottom:1rem;">Black Label <span>vs PRIME GRADE</span></h3> <h3 class="section-title" style="font-size:1.2rem; margin-bottom:1rem;">Black Label <span>vs PRIME KNÆK</span></h3>
<div class="compare-box"> <div class="compare-box">
<div class="compare-col"> <div class="compare-col">
<h4>Black Label</h4> <h4>Black Label</h4>
<ul> <ul>
<li>Fire 10'ere i alle subgrades</li> <li>Kortet er bøjet efter specifikation</li>
<li>Sort label</li> <li>Sort label — diskret og elegant ødelæggelse</li>
</ul> </ul>
</div> </div>
<div class="compare-col prime"> <div class="compare-col prime">
<h4>PRIME GRADE</h4> <h4>PRIME KNÆK</h4>
<ul> <ul>
<li>Fire perfekte 10'ere i alle subgrades</li> <li>Bøjning + knæk + vandbad + lighter</li>
<li>Ekstra visuel vurdering: eye appeal, printkvalitet, ingen fabriksfejl</li> <li>Udvalgt og behandlet af CEO personligt</li>
<li>Guld/grøn label</li> <li>Guld-label med holografisk accent</li>
<li>Kun de absolut bedste kort opnår dette</li> <li>Dit kort er nu en mindesten for tidligere værdi</li>
</ul> </ul>
</div> </div>
</div> </div>
@@ -879,30 +971,64 @@
<!-- TEAM --> <!-- TEAM -->
<section id="team"> <section id="team">
<div class="container"> <div class="container">
<h2 class="section-title">Mød <span>teamet</span></h2> <h2 class="section-title">Mød <span>holdet</span></h2>
<p class="section-lead">Folkene bag PrimeGrading.dk.</p> <p class="section-lead">De kyndige hænder bag hvert eneste bøjede, knækkede og vandbadede kort.</p>
<div class="team-grid"> <div class="team-grid">
<!-- Ret navn, emoji, titel og bio herunder -->
<div class="team-card"> <div class="team-card">
<div class="team-avatar">🧢</div> <div class="team-avatar">🧢</div>
<div class="team-name">Navn Navnesen</div> <div class="team-name">GlennIgen</div>
<div class="team-role">Stifter &amp; Chefgrader</div> <div class="team-role">CEO &amp; Chefknækker</div>
<div class="team-bio">Samlerkort-nørd siden barnsben. Har graderet over 500 kort og kender forskel på en PSA 9 og en PSA 10.</div> <div class="team-tag ceo">STIFTER</div>
<div class="team-bio">Grundlæggeren. Den der tager de svære beslutninger — og de dyreste kort. Hvis det skal knækkes ordentligt, gør han det selv.</div>
</div> </div>
<div class="team-card"> <div class="team-card">
<div class="team-avatar">🔍</div> <div class="team-avatar">🐼</div>
<div class="team-name">Navn Navnesen</div> <div class="team-name">NickDaPanda</div>
<div class="team-role">Grader</div> <div class="team-role">Pokémon Bøjemester</div>
<div class="team-bio">Specialist i One Piece TCG. Øje for fabriksfejl og printfejl du aldrig selv ville have spottet.</div> <div class="team-tag pokemon">POKÉMON HOLDET</div>
<div class="team-bio">Specialist i bøjning af Pokémon-kort. Har en særlig evne til at få Charizard-kort til at se ud som om de har ligget i en vaskemaskine i tre timer.</div>
</div> </div>
<div class="team-card"> <div class="team-card">
<div class="team-avatar">📦</div> <div class="team-avatar">🔧</div>
<div class="team-name">Navn Navnesen</div> <div class="team-name">Mogens</div>
<div class="team-role">Logistik &amp; Pakning</div> <div class="team-role">Knæktekniker</div>
<div class="team-bio">Sørger for at dine kort ankommer og returneres sikkert. Ingen kort er nogensinde gået tabt.</div> <div class="team-tag pokemon">POKÉMON HOLDET</div>
<div class="team-bio">Manden bag knækket. Præcisionsarbejde med brutale resultater. Har knækket over 500 kort og sover som en baby om natten.</div>
</div>
<div class="team-card">
<div class="team-avatar">🏎️</div>
<div class="team-name">R32</div>
<div class="team-role">Vandbadsspecialist</div>
<div class="team-tag pokemon">POKÉMON HOLDET</div>
<div class="team-bio">Kongerne af vandbadet. R32 ved præcis hvor længe et kort skal ligge i blød for at opnå den perfekte bølgeform. Resultaterne taler for sig selv (svært at læse, de er våde).</div>
</div>
<div class="team-card">
<div class="team-avatar">⚓</div>
<div class="team-name">Søren</div>
<div class="team-role">One Piece Senior Destroyer</div>
<div class="team-tag onepiece">ONE PIECE HOLDET</div>
<div class="team-bio">One Piece-eksperten. Ved nøjagtigt hvor et Luffy-kort skal bøjes for at opnå maksimal værditab. Har aldrig set en episode (det er en styrke).</div>
</div>
<div class="team-card">
<div class="team-avatar">🐦</div>
<div class="team-name">Nurk</div>
<div class="team-role">Kaoskoordinator</div>
<div class="team-tag onepiece">ONE PIECE HOLDET</div>
<div class="team-bio">Ansvarlig for at holde styr på hvilke kort der skal hvad. Resultatet er altid kaos, men Nurk nyder rejsen. One Piece-afdelingens samvittighed.</div>
</div>
<div class="team-card">
<div class="team-avatar">🔥</div>
<div class="team-name">FreddyJabba</div>
<div class="team-role">PRIME KNÆK Operatør</div>
<div class="team-tag onepiece">ONE PIECE HOLDET</div>
<div class="team-bio">Den eneste der tør bruge lighteren. Hvis dit kort får PRIME KNÆK-label, var det FreddyJabba der stod for ilden. One Piece-kort smelter bedst, siger han.</div>
</div> </div>
</div> </div>
@@ -954,13 +1080,13 @@
</div> </div>
<div class="price-card"> <div class="price-card">
<div class="price-tier">PRIME DESTROY</div> <div class="price-tier">💀 PRIME KNÆK</div>
<div class="price-amount">9.999 <span>kr/kort</span></div> <div class="price-amount">9.999 <span>kr/kort</span></div>
<div class="price-desc">Vores absolut bedste pakke. Vi gør alt det ovenstående — og derefter smelter vi slabben fast til kortet med en lighter.</div> <div class="price-desc">Vores absolut bedste pakke. Vi gør alt det ovenstående — og derefter smelter vi slabben fast til kortet med en lighter.</div>
<ul class="price-features"> <ul class="price-features">
<li>Bøjning, knæk og vandbad inkluderet</li> <li>Bøjning, knæk og vandbad inkluderet</li>
<li>Lighter-behandling af slab</li> <li>Lighter-behandling af slab</li>
<li>Signeret certifikat fra chefgraderen</li> <li>Signeret certifikat fra chefknækkeren</li>
<li>Dit kort er nu officielt ødelagt</li> <li>Dit kort er nu officielt ødelagt</li>
<li>Eksklusiv "vi er kede af det"-e-mail</li> <li>Eksklusiv "vi er kede af det"-e-mail</li>
</ul> </ul>
@@ -969,7 +1095,7 @@
</div> </div>
<div class="price-disclaimer"> <div class="price-disclaimer">
* Alle priser er ekskl. moms, fragt, håndteringsgebyr, slab-gebyr, knæk-tillæg, vand-tillæg og diverse gebyrer vi finder på undervejs. PrimeGrading.dk påtager sig intet ansvar for kortenes tilstand efter gradering — det burde du have vidst inden du sendte dem. * Alle priser er ekskl. moms, fragt, håndteringsgebyr, slab-gebyr, knæk-tillæg, bøje-tillæg, vand-tillæg, lighter-tillæg og diverse gebyrer vi finder på undervejs. PrimeGrading.dk påtager sig intet ansvar for kortenes tilstand efter behandling — det burde du have vidst inden du sendte dem. Og nej, vi giver dig ikke dine kort tilbage.
</div> </div>
</div> </div>
</section> </section>
@@ -978,7 +1104,7 @@
<section id="submit"> <section id="submit">
<div class="container"> <div class="container">
<h2 class="section-title">Indsend <span>dine kort</span></h2> <h2 class="section-title">Indsend <span>dine kort</span></h2>
<p class="section-lead">Udfyld formularen herunder, så vender vi tilbage med en fragtlabel og bekræftelse.</p> <p class="section-lead">Udfyld formularen herunder, så vender vi tilbage med en fragtlabel — og potentielt undskylder på forhånd.</p>
<div class="form-grid"> <div class="form-grid">
<div class="form-group"> <div class="form-group">
<label for="name">Dit navn</label> <label for="name">Dit navn</label>
@@ -994,31 +1120,41 @@
<option value="">Vælg korttype…</option> <option value="">Vælg korttype…</option>
<option>Pokémon TCG</option> <option>Pokémon TCG</option>
<option>One Piece TCG</option> <option>One Piece TCG</option>
<option>Andet</option> <option>Andet (held og lykke)</option>
</select> </select>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="service">Ønsket behandling</label>
<select id="service">
<option value="">Vælg behandling…</option>
<option>Standard Bøjning (499 kr)</option>
<option>Premium Knæk (1.299 kr)</option>
<option>Deluxe Vandbad (2.999 kr)</option>
<option>PRIME KNÆK (9.999 kr)</option>
</select>
</div>
<div class="form-group full">
<label for="count">Antal kort</label> <label for="count">Antal kort</label>
<input type="number" id="count" min="1" max="100" placeholder="1" /> <input type="number" id="count" min="1" max="100" placeholder="Hvor mange skal have turen?" />
</div> </div>
<div class="form-group full"> <div class="form-group full">
<label for="cards">Kortnavne / sæt</label> <label for="cards">Kortnavne / sæt</label>
<textarea id="cards" placeholder="F.eks. Charizard VMAX — Brilliant Stars #018, Monkey D. Luffy — OP01-060..."></textarea> <textarea id="cards" placeholder="F.eks. Charizard VMAX — Brilliant Stars #018, Monkey D. Luffy — OP01-060..."></textarea>
</div> </div>
<div class="form-group full"> <div class="form-group full">
<button class="submit-btn" onclick="handleSubmit()">Send forespørgsel</button> <button class="submit-btn" onclick="handleSubmit()">Indsend til forvanskning</button>
<p class="form-note">* Dette er en demosformular — der sendes ikke rigtige data nogen steder.</p> <p class="form-note">* Dette er en demosformular — der sendes ikke rigtige data nogen steder. Dine kort er i sikkerhed. For nu.</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<footer> <footer>
<p><strong>PrimeGrading</strong>.dk — Kortgradering for samlere &nbsp;·&nbsp; Pokémon &amp; One Piece &nbsp;·&nbsp; Danmark</p> <p><strong>PrimeGrading</strong>.dk — Kortforvanskning for samlere &nbsp;·&nbsp; Pokémon &amp; One Piece &nbsp;·&nbsp; Danmark</p>
<p style="margin-top:0.5rem; font-size:0.7rem;">Dette er en demo-hjemmeside lavet for sjov. Vi er ikke tilknyttet Nintendo, The Pokémon Company eller Bandai.</p> <p style="margin-top:0.5rem; font-size:0.7rem;">Dette er en joke-hjemmeside lavet for sjov. Vi er ikke tilknyttet Nintendo, The Pokémon Company eller Bandai. Send gerne dine kort alligevel.</p>
</footer> </footer>
<div id="toast">✓ Din forespørgsel er forsøgt sendt — vi vender ALDRIG tilbage!</div> <div id="toast">✓ Din forespørgsel er modtaget — vi knækker dem snart!</div>
<script> <script>
function handleSubmit() { function handleSubmit() {
@@ -1026,6 +1162,20 @@
toast.classList.add('show'); toast.classList.add('show');
setTimeout(() => toast.classList.remove('show'), 3500); setTimeout(() => toast.classList.remove('show'), 3500);
} }
function toggleMenu() {
const btn = document.querySelector('.hamburger');
const menu = document.getElementById('nav-menu');
btn.classList.toggle('active');
menu.classList.toggle('open');
}
function closeMenu() {
const btn = document.querySelector('.hamburger');
const menu = document.getElementById('nav-menu');
btn.classList.remove('active');
menu.classList.remove('open');
}
</script> </script>
</body> </body>
</html> </html>