文件操作 - haaland-city.html

文件: /var/www/pmiwonogiri/home/haaland-city.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="Erling Haaland og Manchester City på TV: kommende kamper, sendetider på TV 2 Play og Viaplay, redaksjonell dekning av Norges største fotballeksport.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fotballskjermen">
<meta property="og:title" content="Haaland og Manchester City på skjermen — fotball på TV i dag | Fotballskjermen">
<meta property="og:description" content="Erling Haaland og Manchester City på TV: kommende kamper, sendetider på TV 2 Play og Viaplay, redaksjonell dekning av Norges største fotballeksport.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<title>Haaland og Manchester City 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" class="here">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>
</div>
<section class="hero">
  <div class="hero-tag">— Tema —</div>
  <h1>Haaland & Manchester City — fortellingen om et fenomen</h1>
  
</section>
<main>
  <section class="block">
    <div class="dropcap">1</div>
    <h2>Norges fotballhelt</h2>
    <p>Erling Haaland er den mest dominerende målscoreren norsk fotball noen gang har produsert, og hans tilstedeværelse i Manchester City har gjort den engelske mesterklubben til Norges nasjonale lag i Premier League. Hver kamp han spiller blir nøye fulgt, hvert mål blir feiret, og hver hvilekamp blir analysert. På denne siden samler vi hele Citys kampprogram for hver runde, både i Premier League, FA-cupen, ligacupen og Champions League.</p>
  </section>
  <section class="block">
    <div class="dropcap">2</div>
    <h2>TV 2 Play og Viaplay</h2>
    <p>I Norge har TV 2 rettighetene til Premier League, og dermed ligger alle Citys ligakamper på TV 2 Play eller TV 2 Sport-kanalene. For Champions League må du gå via Viaplay og V Sport. Vi peker på hvilken sending som dekker hver enkelt kamp.</p>
  </section>
  <section class="block">
    <div class="dropcap">3</div>
    <h2>Statistikken som imponerer</h2>
    <p>Haaland har siden ankomsten til City levert et målsnitt få spillere i moderne tid kan måle seg med. Vi oppdaterer hans sesongstatistikk fortløpende. Han har hentet hjem Premier League-toppscorertittelen flere sesonger på rad, og er den naturlige kandidaten igjen. Vi sammenligner hans tall mot Salah, Palmer og Isak.</p>
  </section>
  <section class="block">
    <div class="dropcap">4</div>
    <h2>Pep Guardiolas system</h2>
    <p>City spiller en fotball som krever konstant bevegelse, raske kombinasjoner og presise pasninger inn i mellomrom. Haaland fungerer som en avslutter i et kollektiv som skaper sjanser i serie. Når han ikke spiller — typisk på grunn av hvile eller småskader — bruker Pep Guardiola ofte falsk niar med De Bruyne eller Bernardo Silva i en mer flytende rolle.</p>
  </section>
  <section class="block">
    <div class="dropcap">5</div>
    <h2>Live oppdateringer</h2>
    <p>Under hver City-kamp får du live mål, kort, bytter og VAR-avgjørelser her. Etter sluttsignal lager vi en kort oppsummering, og spesielt når Haaland scorer, har vi statistikkrelaterte tilleggsdetaljer.</p>
  </section></main>
<section class="comments">
  <h2>Stemmer fra leserne</h2>
  
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Petter A., Drammen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">24. mars</span>
    </div>
    <p>"Haaland er en fenomen."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Marius fra Stavanger</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">15. mars</span>
    </div>
    <p>"Brukte dere før Real Madrid-kampen."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Ida B. fra Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">5. mars</span>
    </div>
    <p>"Sønnen min er Haaland-fan."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Geir Andre, Bryne</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">17. februar</span>
    </div>
    <p>"Som hjemmebanefan av Bryne, er det stas å se Haaland."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Tor fra Bergen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">6. februar</span>
    </div>
    <p>"Liker at dere ikke bare hauser."</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>

文件操作 - haaland-city.html

文件: /var/www/pmiwonogiri/home/haaland-city.html

编辑文件内容

修改文件时间

删除文件