diff --git a/primegrading-web/html/index.html b/primegrading-web/html/index.html index 9746267..9a3b172 100644 --- a/primegrading-web/html/index.html +++ b/primegrading-web/html/index.html @@ -3,7 +3,8 @@ - PrimeGrading.dk — Professionel Kortgradering + PrimeGrading.dk — Kortgradering med kant + @@ -62,6 +63,37 @@ -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 { list-style: none; display: flex; gap: 2rem; @@ -79,6 +111,35 @@ 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 { min-height: 100vh; @@ -329,7 +390,7 @@ .grade-chip.prime-grade { 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); display: flex; align-items: center; gap: 1.5rem; padding: 1.25rem 1.5rem; @@ -338,7 +399,7 @@ .grade-chip.prime-grade:hover { 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; } @@ -347,7 +408,7 @@ .prime-grade-title { font-family: 'Cinzel', serif; 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; display: block; } @@ -358,10 +419,9 @@ .grade-score { font-family: 'Cinzel', serif; - font-size: 2rem; + font-size: 1.8rem; font-weight: 900; - background: linear-gradient(135deg, var(--gold), var(--gold-light)); - -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; + color: var(--gold); display: block; } @@ -375,7 +435,7 @@ display: block; } - /* ── LABELS SECTION ── */ + /* ── SPECIAL LABELS SECTION ── */ #labels { border-top: 1px solid var(--border); } .labels-grid { @@ -494,6 +554,34 @@ 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 { font-size: 0.8rem; color: var(--muted); @@ -686,28 +774,33 @@
-
Pokémon · One Piece · Kortgradering
+
Pokémon · One Piece · Kortforvanskning

Dine kort. - Officielt bedømt. + Vi gør vores bedste.

-

PrimeGrading.dk grader dine samlerkort professionelt — og beskytter dem i en forseglet slab, så de holder sin værdi.

+

(det er ikke godt nok)

Indsend dine kort - Se processen + Hvordan? (tro mig, du vil se)
@@ -715,36 +808,36 @@
Pokémon TCG
-
⚡
-
10
+
💔
+
K10
One Piece TCG
☠️
-
9
+
K9
Pokémon TCG
🔥
-
8
+
K8
One Piece TCG
⚓
-
9
+
KNÆK
Pokémon TCG
💧
-
10
+
V10
@@ -753,27 +846,27 @@

Sådan virker det

-

Fire enkle trin fra din brevkasse til en certificeret slab.

+

Fire enkle trin — fra din brevkasse til komplet kortødelæggelse.

01

Indsend dine kort

-

Udfyld formularen med kortoplysninger og send dem afsted i sikker emballage.

+

Udfyld formularen med kortoplysninger. Pak dem godt ind — det hjælper ikke, men du føler dig bedre tilpas.

02
-

Professionel inspektion

-

Hvert kort inspiceres under lup for centering, hjørner, kanter og overflade.

+

Visuel bedømmelse

+

Vores eksperter vurderer hurtigt hvilken ødelæggelsesmetode kortet fortjener. Bøjning? Knæk? Vandbad? Eller det hele?

03
-

Karakter tildeles

-

Kortet får en score fra 1–10 baseret på vores standardiserede graderingsskala.

+

Behandling

+

Kortet gennemgår den valgte proces. Præcisionsbøjning, kontrolleret knæk eller vores signatur vandbehandling. Alt sammen håndværk.

04
-

Forseglet slab

-

Kortet forsegles i en UV-beskyttende slab med din score og en unik serienummer.

+

Forsegling & certifikat

+

Dit nu forvanskede kort forsegles i en slab. Du får et certifikat der bekræfter — ja, vi gjorde det med vilje. Stolthed garanteret.

@@ -782,30 +875,29 @@
-

Vores karakterskala

-

Fra Poor til den ekslusive PRIME GRADE — vores højeste og mest prestigefyldte vurdering.

+

Vores knækningsskala

+

Fra en let bøjning til total, uigenkaldelig destruktion — her er hvad du kan forvente.

- +
-
⭐
+
💀
- PRIME GRADE — Ultra Premium - Fire perfekte 10'ere plus en ekstra visuel vurdering: eye appeal, printkvalitet og ingen fabriksfejl. Kun tildelt de absolut bedste kort med guld/grøn label. + PRIME KNÆK — Total Ekstinktion + Kortet bliver bøjet, knækket og vandbadet. Derefter smeltes slabben fast med lighter. Kortet eksisterer ikke længere i traditionel forstand. Kun tildelt de absolut mest fortjente kort.
-
10Gem Mint
-
9.5Mint+
-
9Mint
-
8.5Near Mint+
-
8Near Mint
-
7.5Excellent+
-
7Excellent
-
6Very Good
-
5Good
-
4Fair
-
3Poor
+
K10Perfekt Knæk
+
K9Rent Knæk
+
K8Bøjet m. Knæk
+
B10Ultra Bøjning
+
B8Solid Bøjning
+
B6Let Bøjning
+
V10Vandbad Premium
+
V7Vandbad Standard
+
R5Ridset m. Kærlighed
+
M1Mild Berøring
@@ -814,62 +906,62 @@

Special Labels

-

Udover standardskalaen tildeler vi særlige labels til kort, der fortjener ekstra anerkendelse.

+

Udover knækningsskalaen tildeler vi særlige labels som ekstra pynt på din ødelagte slab.

Prime Standard

-

Vores grundlæggende label for godkendte og vurderede kort.

+

Vores grundlæggende label. Kortet er bøjet, det er forseglet. Mission completed.

Gold Label

-

Tildelt kort med særlig høj score og fremragende stand.

+

For kort der har modtaget ekstraordinær ødelæggelse. To eller flere metoder anvendt.

Founder Edition

-

Eksklusivt label til de første kort vurderet af PrimeGrading.

+

Eksklusivt label til de første heldige kort der blev ofret til PrimeGrading.dk.

Black Label

-

Kræver perfekte 10'ere i alle subgrades — centering, hjørner, kanter og overflade.

+

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.

-

⭐ PRIME GRADE

-

Det absolut højeste label. Kun til kort der er perfekte i alle subgrades og består den visuelle vurdering.

+

💀 PRIME KNÆK

+

Det absolut højeste label. Kortet er blevet totalt destrueret af CEO-chefen personligt. Indrammes og hænges op som minde.

-

Black Label vs PRIME GRADE

+

Black Label vs PRIME KNÆK

Black Label

    -
  • Fire 10'ere i alle subgrades
    • -
  • Sort label
    • +
  • Kortet er bøjet efter specifikation
    • +
  • Sort label — diskret og elegant ødelæggelse
-

PRIME GRADE

+

PRIME KNÆK

    -
  • Fire perfekte 10'ere i alle subgrades
    • -
  • Ekstra visuel vurdering: eye appeal, printkvalitet, ingen fabriksfejl
    • -
  • Guld/grøn label
    • -
  • Kun de absolut bedste kort opnår dette
    • +
  • Bøjning + knæk + vandbad + lighter
    • +
  • Udvalgt og behandlet af CEO personligt
    • +
  • Guld-label med holografisk accent
    • +
  • Dit kort er nu en mindesten for tidligere værdi
@@ -879,30 +971,64 @@
-

Mød teamet

-

Folkene bag PrimeGrading.dk.

+

Mød holdet

+

De kyndige hænder bag hvert eneste bøjede, knækkede og vandbadede kort.

-
🧢
-
Navn Navnesen
-
Stifter & Chefgrader
-
Samlerkort-nørd siden barnsben. Har graderet over 500 kort og kender forskel på en PSA 9 og en PSA 10.
+
GlennIgen
+
CEO & Chefknækker
+
STIFTER
+
Grundlæggeren. Den der tager de svære beslutninger — og de dyreste kort. Hvis det skal knækkes ordentligt, gør han det selv.
-
🔍
-
Navn Navnesen
-
Grader
-
Specialist i One Piece TCG. Øje for fabriksfejl og printfejl du aldrig selv ville have spottet.
+
🐼
+
NickDaPanda
+
Pokémon Bøjemester
+
POKÉMON HOLDET
+
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.
-
📦
-
Navn Navnesen
-
Logistik & Pakning
-
Sørger for at dine kort ankommer og returneres sikkert. Ingen kort er nogensinde gået tabt.
+
🔧
+
Mogens
+
Knæktekniker
+
POKÉMON HOLDET
+
Manden bag knækket. Præcisionsarbejde med brutale resultater. Har knækket over 500 kort og sover som en baby om natten.
+
+ +
+
🏎️
+
R32
+
Vandbadsspecialist
+
POKÉMON HOLDET
+
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).
+
+ +
+
⚓
+
Søren
+
One Piece Senior Destroyer
+
ONE PIECE HOLDET
+
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).
+
+ +
+
🐦
+
Nurk
+
Kaoskoordinator
+
ONE PIECE HOLDET
+
Ansvarlig for at holde styr på hvilke kort der skal hvad. Resultatet er altid kaos, men Nurk nyder rejsen. One Piece-afdelingens samvittighed.
+
+ +
+
🔥
+
FreddyJabba
+
PRIME KNÆK Operatør
+
ONE PIECE HOLDET
+
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.
@@ -954,13 +1080,13 @@
-
PRIME DESTROY
+
💀 PRIME KNÆK
9.999 kr/kort
Vores absolut bedste pakke. Vi gør alt det ovenstående — og derefter smelter vi slabben fast til kortet med en lighter.
  • Bøjning, knæk og vandbad inkluderet
  • Lighter-behandling af slab
    • -
  • Signeret certifikat fra chefgraderen
    • +
  • Signeret certifikat fra chefknækkeren
  • Dit kort er nu officielt ødelagt
  • Eksklusiv "vi er kede af det"-e-mail
@@ -969,7 +1095,7 @@
- * 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.
@@ -978,7 +1104,7 @@

Indsend dine kort

-

Udfyld formularen herunder, så vender vi tilbage med en fragtlabel og bekræftelse.

+

Udfyld formularen herunder, så vender vi tilbage med en fragtlabel — og potentielt undskylder på forhånd.

@@ -994,31 +1120,41 @@ - +
+ + +
+
- +
- -

* Dette er en demosformular — der sendes ikke rigtige data nogen steder.

+ +

* Dette er en demosformular — der sendes ikke rigtige data nogen steder. Dine kort er i sikkerhed. For nu.

-
✓ Din forespørgsel er forsøgt sendt — vi vender ALDRIG tilbage!
+
✓ Din forespørgsel er modtaget — vi knækker dem snart!
- + \ No newline at end of file