文件操作 - premier-league.html

文件: /var/www/pmiwonogiri/home/premier-league.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="Premier League live i Norge: hele rundens program, sendetider på TV 2 Play, redaksjonell dekning av tabellen, toppscorerne og storkampene som teller.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fotballskjermen">
<meta property="og:title" content="Premier League på skjermen — fotball på TV i dag | Fotballskjermen">
<meta property="og:description" content="Premier League live i Norge: hele rundens program, sendetider på TV 2 Play, redaksjonell dekning av tabellen, toppscorerne og storkampene som teller.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<title>Premier League på skjermen — fotball på TV i dag | 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" class="here">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>
</div>
<section class="hero">
  <div class="hero-tag">— Tema —</div>
  <h1>Premier League på skjermen — engelsk topp som fortelling</h1>
  
</section>
<main>
  <section class="block">
    <div class="dropcap">1</div>
    <h2>En liga som har vunnet Norge</h2>
    <p>Premier League har vært norsk fotball-allmenneie siden tidlig nittital, og engasjementet har bare vokst de siste årene. Med Erling Haaland i Manchester City, Martin Ødegaard som Arsenal-kaptein, samt Antonio Nusa, Oscar Bobb og andre nordmenn på vei opp, har ligaen ekstra norsk smell. Vi følger hver runde tett, og samler alle kampene her med dato, klokkeslett og kanal.</p>
  </section>
  <section class="block">
    <div class="dropcap">2</div>
    <h2>TV 2 Plays sentrale rolle</h2>
    <p>TV 2 har de norske rettighetene til Premier League, og dermed er TV 2 Play og TV 2 Sport-kanalene hovedstedet for ligaens sendinger. Toppkampene blir gjerne tilgjengelige også på TV 2 Direkte, mens hverdagskampene ligger bak abonnement. Mange supporterklubber arrangerer felles visninger på utvalgte puber.</p>
  </section>
  <section class="block">
    <div class="dropcap">3</div>
    <h2>Den åpne tittelkampen</h2>
    <p>Premier League er for tiden en av Europas mest åpne ligaer. Manchester City har dominert, men Arsenal, Liverpool og overraskende Aston Villa har bitt godt fra seg. Vi oppdaterer tabellen etter hver runde, og vi følger toppscorerlisten. For norske supportere er det også viktig å følge med på hvor mange minutter Ødegaard og andre nordmenn får.</p>
  </section>
  <section class="block">
    <div class="dropcap">4</div>
    <h2>Storkampene som stopper landet</h2>
    <p>Manchester-derbyet, Nordwestkampen mellom City og Liverpool, og London-derbyene mellom Arsenal og Tottenham er kamper som stopper Norge på lik linje med England. Vi gir kort taktisk forhåndsomtale før hver storkamp, og forklarer hva som står på spill.</p>
  </section>
  <section class="block">
    <div class="dropcap">5</div>
    <h2>Live i hver helg</h2>
    <p>Hver helg samler vi alle Premier League-kamper med live-oppdateringer: mål, gule kort, bytter og avgjørelser. Det er den enkleste måten å holde seg oppdatert hvis du følger flere kamper samtidig.</p>
  </section></main>
<section class="comments">
  <h2>Stemmer fra leserne</h2>
  
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Trond V., Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">27. mars</span>
    </div>
    <p>"PL hver helg."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Lise fra Tromsø</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">18. mars</span>
    </div>
    <p>"Liverpool fan her."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Robert fra Lillestrøm</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">8. mars</span>
    </div>
    <p>"United frem til døden."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Karoline H., Bergen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">22. februar</span>
    </div>
    <p>"Bruker dere før hver storkamp."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Jens Erik, Sarpsborg</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">9. 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>

文件操作 - premier-league.html

文件: /var/www/pmiwonogiri/home/premier-league.html

编辑文件内容

修改文件时间

删除文件