文件操作 - norgesmesterskapet.html

文件: /var/www/pmiwonogiri/home/norgesmesterskapet.html

编辑文件内容

<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="NM Cupen live: terminliste, sendetider på TV 2, finalehelg på Ullevaal, redaksjonell dekning av overraskelser og finalene som husker.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fotballskjermen">
<meta property="og:title" content="NM Cupen på skjermen — fotball på TV i dag fra norsk cup | Fotballskjermen">
<meta property="og:description" content="NM Cupen live: terminliste, sendetider på TV 2, finalehelg på Ullevaal, redaksjonell dekning av overraskelser og finalene som husker.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<title>NM Cupen på skjermen — fotball på TV i dag fra norsk cup | Fotballskjermen</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400&family=Source+Sans+3:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{box-sizing:border-box}
:root{--bg:#1a1410;--bg2:#221a14;--panel:#2a201a;--panel2:#332720;--accent:#dc2626;--accent2:#ef4444;--cream:#f5e6d3;--text:#ede0d0;--muted:#a89888;--border:#3a2c22;--gold:#d4a574}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:'Source Sans 3',Georgia,serif;font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:var(--accent2);text-decoration:none;border-bottom:1px solid transparent}
a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.masthead{background:var(--bg2);border-bottom:3px double var(--gold);padding:32px 24px 18px;text-align:center}
.masthead-inner{max-width:1100px;margin:0 auto}
.mast-eyebrow{font-family:'Source Sans 3',sans-serif;font-size:11px;letter-spacing:5px;color:var(--gold);text-transform:uppercase;margin-bottom:14px;font-weight:500}
.brand{font-family:'Playfair Display',serif;font-size:clamp(38px,6vw,58px);color:var(--cream);letter-spacing:1px;line-height:1;margin:0;font-weight:900;font-style:italic}
.mast-tag{font-family:'Playfair Display',serif;font-size:14px;font-style:italic;color:var(--muted);margin-top:14px;letter-spacing:1px}
.subnav-wrap{background:var(--panel);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.menu-toggle{display:none}
.menu-btn{display:none}
.subnav{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.subnav a{padding:14px 16px;font-size:12.5px;font-weight:500;color:var(--muted);transition:all .2s;text-transform:uppercase;letter-spacing:1.2px;border-bottom:2px solid transparent;border-radius:0;font-family:'Source Sans 3',sans-serif}
.subnav a:hover{color:var(--cream);border-bottom-color:var(--gold)}
.subnav a.here{color:var(--cream);border-bottom-color:var(--accent)}
.hero{padding:64px 24px 48px;text-align:center;max-width:900px;margin:0 auto;position:relative}
.hero::before,.hero::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:80px;height:1px;background:var(--gold)}
.hero::before{top:48px}
.hero::after{bottom:32px}
.hero-tag{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:18px}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(34px,5.2vw,56px);margin:0 0 18px;color:var(--cream);line-height:1.15;font-weight:700;letter-spacing:.3px}
.hero-sub{color:var(--muted);font-size:18px;line-height:1.7;font-style:italic;font-family:'Playfair Display',serif;max-width:680px;margin:14px auto 0}
main{max-width:780px;margin:0 auto;padding:48px 24px;display:flex;flex-direction:column;gap:32px}
.block{background:var(--panel);border:1px solid var(--border);padding:36px 40px;border-radius:0;position:relative;border-left:4px solid var(--accent)}
.dropcap{font-family:'Playfair Display',serif;color:var(--gold);font-size:48px;line-height:1;font-weight:900;font-style:italic;position:absolute;top:24px;right:30px;opacity:.3}
.block h2{font-family:'Playfair Display',serif;font-size:28px;margin:0 0 16px;color:var(--cream);line-height:1.2;font-weight:700;padding-right:60px}
.block p{margin:0;color:var(--text);font-size:16.5px;line-height:1.85;font-family:'Source Sans 3',sans-serif}
.comments{max-width:780px;margin:0 auto;padding:0 24px 80px}
.comments h2{font-family:'Playfair Display',serif;font-size:32px;color:var(--cream);margin:0 0 28px;text-align:center;font-weight:700;font-style:italic;position:relative}
.comments h2::after{content:"";display:block;width:60px;height:2px;background:var(--gold);margin:14px auto 0}
.cmt{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--gold);padding:22px 28px;margin-bottom:14px;border-radius:0}
.cmt-meta{margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cmt-name{font-weight:600;color:var(--cream);font-size:14.5px;font-family:'Source Sans 3',sans-serif;letter-spacing:.5px}
.cmt-sep{color:var(--gold)}
.cmt-date{font-size:12px;color:var(--muted);font-style:italic;font-family:'Playfair Display',serif}
.cmt p{margin:0;color:var(--text);font-size:15.5px;line-height:1.7;font-style:italic;font-family:'Playfair Display',serif}
.footer{background:#100a06;border-top:3px double var(--gold);padding:48px 24px;color:var(--muted);font-size:14.5px;text-align:center}
.footer-inner{max-width:1100px;margin:0 auto}
.footer-brand{font-family:'Playfair Display',serif;font-size:32px;color:var(--cream);font-style:italic;font-weight:900;margin-bottom:14px}
.footer-tag{font-family:'Playfair Display',serif;font-style:italic;color:var(--gold);font-size:13px;margin-bottom:18px;letter-spacing:1px}
.footer-links{margin:18px 0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px}
.footer-links a{color:var(--muted);font-size:12.5px;text-transform:uppercase;letter-spacing:1.5px}
.footer-links a:hover{color:var(--gold)}
.footer-copy{margin-top:18px;opacity:.7;font-style:italic;font-family:'Playfair Display',serif}
@media (max-width:760px){
  .menu-btn{display:block;margin:0 auto;background:var(--panel2);border:1px solid var(--gold);color:var(--cream);font-size:13px;padding:10px 28px;cursor:pointer;font-family:'Source Sans 3',sans-serif;letter-spacing:2px;text-transform:uppercase}
  .subnav-wrap{padding:14px 18px}
  .subnav{display:none;flex-direction:column;padding:14px 0 0;background:var(--panel)}
  .subnav a{padding:12px 18px;border-bottom:1px solid var(--border);text-align:center}
  .menu-toggle:checked ~ .subnav{display:flex}
  .masthead{padding:28px 18px 16px}
  .hero{padding:42px 18px 32px}
  .block{padding:28px 24px}
  .dropcap{font-size:32px;top:18px;right:20px}
  main,.comments{padding-left:18px;padding-right:18px}
  .footer{padding:36px 18px}
}
</style>
</head>
<body>
<header class="masthead">
  <div class="masthead-inner">
    <div class="mast-eyebrow">— Etablert som magasin —</div>
    <h1 class="brand">Fotballskjermen</h1>
    <p class="mast-tag">Magasinet for norsk fotball-TV</p>
  </div>
</header>
<div class="subnav-wrap">
  <input type="checkbox" id="mt" class="menu-toggle">
  <label for="mt" class="menu-btn">— Meny —</label>
  <nav class="subnav"><a href="index.html">Hjem</a><a href="eliteserien.html">Eliteserien</a><a href="landslaget.html">Landslaget</a><a href="haaland-city.html">Haaland & City</a><a href="odegaard-arsenal.html">Ødegaard & Arsenal</a><a href="premier-league.html">Premier League</a><a href="champions-league.html">Champions League</a><a href="bodo-glimt.html">Bodø/Glimt</a><a href="rosenborg.html">Rosenborg</a><a href="norgesmesterskapet.html" class="here">NM Cupen</a><a href="em-vm-kvalifisering.html">EM/VM-kval</a><a href="la-liga.html">La Liga</a></nav>
</div>
<section class="hero">
  <div class="hero-tag">— Tema —</div>
  <h1>NM Cupen på skjermen — fra første runde til Ullevaal</h1>
  
</section>
<main>
  <section class="block">
    <div class="dropcap">1</div>
    <h2>Norges nasjonale klubbturnering</h2>
    <p>Norgesmesterskapet i fotball er en av norsk fotballs vakreste tradisjoner. Klubber fra alle nivåer kan i prinsippet gå hele veien til finalen på Ullevaal Stadion, og hvert år får vi sjokkerende overraskelser når lavereliga-lag slår ut storheter. På denne siden samler vi hele cup-sesongen.</p>
  </section>
  <section class="block">
    <div class="dropcap">2</div>
    <h2>TV-sendingene</h2>
    <p>TV 2 har de norske rettighetene til NM-cupen og sender et utvalg kamper fra hver runde. De aller fleste cup-kampene fra og med tredje runde får TV-dekning, og finalen sendes alltid åpent på TV 2 Direkte. Hvis du følger en lavereligaklubb som har skapt sensasjon, sjekk om kampen er valgt ut for sending.</p>
  </section>
  <section class="block">
    <div class="dropcap">3</div>
    <h2>Overraskelsene som husker</h2>
    <p>Hvert år dukker det opp navn vi knapt har hørt om før. Disse kampene er hjertet av norsk cup. Vi forteller historiene før hver runde, og setter dem i kontekst slik at du forstår hva som faktisk står på spill for de minste klubbene. For mange er en cupkamp mot Brann eller Rosenborg en hel sesongs høydepunkt.</p>
  </section>
  <section class="block">
    <div class="dropcap">4</div>
    <h2>Finalen på Ullevaal</h2>
    <p>NM-finalen på Ullevaal er hver høst en av Norges største fotballbegivenheter. Klubbene som kommer dit har vunnet seks-syv tøffe oppgjør, og atmosfæren er ladet. Vi dekker finaledagen grundig: oppvarming, oppstillinger, taktikk og live-oppdateringer hele veien.</p>
  </section>
  <section class="block">
    <div class="dropcap">5</div>
    <h2>Følg hele cupen</h2>
    <p>Vi oppdaterer denne siden for hver runde, og holder deg orientert om hvilke kamper som blir flyttet, hvilke som får TV-sending, og hvilke avspark som er ekstra interessante.</p>
  </section></main>
<section class="comments">
  <h2>Stemmer fra leserne</h2>
  
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Geir fra Bergen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">5. april</span>
    </div>
    <p>"Cupen er det beste norsk fotball har."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Anna B., Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">27. mars</span>
    </div>
    <p>"Ullevaal-finalen er årets høydepunkt."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Olav fra Lillestrøm</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">18. mars</span>
    </div>
    <p>"LSK skal vinne cup igjen!"</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Hege fra Stavanger</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">6. mars</span>
    </div>
    <p>"Liker at dere fokuserer på underdogs."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Andreas fra Tromsø</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">21. februar</span>
    </div>
    <p>"Solid side."</p>
  </article>
</section>
<footer class="footer">
  <div class="footer-inner">
    <div class="footer-brand">Fotballskjermen</div>
    <p class="footer-tag">— Et magasin om fotball på den norske skjermen —</p>
    <nav class="footer-links"><a href="index.html">Hjem</a><a href="eliteserien.html">Eliteserien</a><a href="landslaget.html">Landslaget</a><a href="haaland-city.html">Haaland & City</a><a href="odegaard-arsenal.html">Ødegaard & Arsenal</a><a href="premier-league.html">Premier League</a><a href="champions-league.html">Champions League</a><a href="bodo-glimt.html">Bodø/Glimt</a><a href="rosenborg.html">Rosenborg</a><a href="norgesmesterskapet.html">NM Cupen</a><a href="em-vm-kvalifisering.html">EM/VM-kval</a><a href="la-liga.html">La Liga</a></nav>
    <p class="footer-copy">© 2026 fotballskjermen.no — Oslo · Bergen · Trondheim · Tromsø · Bodø</p>
  </div>
</footer>
</body>
</html>

文件操作 - norgesmesterskapet.html

文件: /var/www/pmiwonogiri/home/norgesmesterskapet.html

编辑文件内容

修改文件时间

删除文件