文件操作 - la-liga.html

文件: /var/www/pmiwonogiri/home/la-liga.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="La Liga live i Norge: kampoppsett, sendetider på Viaplay og V Sport, El Clásico, redaksjonell dekning av Real Madrid, Barcelona og Atlético.">
<meta name="robots" content="index, follow">
<meta name="author" content="Fotballskjermen">
<meta property="og:title" content="La Liga på skjermen — fotball på TV i dag fra Spania | Fotballskjermen">
<meta property="og:description" content="La Liga live i Norge: kampoppsett, sendetider på Viaplay og V Sport, El Clásico, redaksjonell dekning av Real Madrid, Barcelona og Atlético.">
<meta property="og:type" content="website">
<meta property="og:locale" content="nb_NO">
<title>La Liga på skjermen — fotball på TV i dag fra Spania | 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">NM Cupen</a><a href="em-vm-kvalifisering.html">EM/VM-kval</a><a href="la-liga.html" class="here">La Liga</a></nav>
</div>
<section class="hero">
  <div class="hero-tag">— Tema —</div>
  <h1>La Liga på skjermen — Spania med norsk dekning</h1>
  
</section>
<main>
  <section class="block">
    <div class="dropcap">1</div>
    <h2>Spansk fotball på TV</h2>
    <p>La Liga er en av verdens fineste ligaer å se, med teknisk fotball, høy intensitet og en lang historie. Real Madrid, Barcelona og Atlético Madrid er de tre store, men lag som Athletic Bilbao, Real Sociedad og Villarreal leverer ofte godt fotballunderholdning også. På denne siden samler vi hele rundens kampoppsett.</p>
  </section>
  <section class="block">
    <div class="dropcap">2</div>
    <h2>Viaplay og V Sport</h2>
    <p>I Norge ligger La Liga på Viaplay og V Sport-kanalene. Du finner alt fra storkamper til kamper med mindre profilerte lag, og du kan strømme via Viaplay-appen på smart-TV, mobil, nettbrett eller datamaskin. Vi peker på hvilke kanaler som har de største kampene hver runde.</p>
  </section>
  <section class="block">
    <div class="dropcap">3</div>
    <h2>Toppen av tabellen</h2>
    <p>Real Madrid har dominert europeisk fotball i mange år, og La Liga-tittelen veksler hovedsakelig mellom Madrid og Barcelona. De siste sesongene har Atlético og Girona kommet sterkere inn i tetkampen. Vi oppdaterer tabellen etter hver runde.</p>
  </section>
  <section class="block">
    <div class="dropcap">4</div>
    <h2>El Clásico og storkampene</h2>
    <p>El Clásico mellom Real Madrid og Barcelona er fortsatt en av planetens største klubbkamper. Når disse to møtes, stopper både Spania og store deler av verden opp. Vi gir deg en grundig forhåndsomtale før hvert El Clásico.</p>
  </section>
  <section class="block">
    <div class="dropcap">5</div>
    <h2>Hver runde, hver helg</h2>
    <p>Vi følger La Liga uke for uke, og du finner alle kampene samlet på denne siden. Live-oppdateringer under storkampene, sluttoppsummeringer etter avspark og oppdatert tabell — alt på norsk.</p>
  </section></main>
<section class="comments">
  <h2>Stemmer fra leserne</h2>
  
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Carlos M., Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">9. april</span>
    </div>
    <p>"Heia Real!"</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Marit fra Trondheim</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">31. mars</span>
    </div>
    <p>"Liker spansk fotball mest."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Petter fra Bergen</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">20. mars</span>
    </div>
    <p>"Vinícius og Bellingham er gull."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Astrid B., Oslo</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">8. mars</span>
    </div>
    <p>"Atlético-fan her."</p>
  </article>
  <article class="cmt">
    <div class="cmt-meta">
      <span class="cmt-name">Henrik fra Stavanger</span>
      <span class="cmt-sep">·</span>
      <span class="cmt-date">23. februar</span>
    </div>
    <p>"Bra dekning av La Liga."</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>

文件操作 - la-liga.html

文件: /var/www/pmiwonogiri/home/la-liga.html

编辑文件内容

修改文件时间

删除文件