Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>THE DAILY MEOW - Cat News Network</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=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400&family=Special+Elite&display=swap" rel="stylesheet"> | |
| <style> | |
| :root { | |
| --ink-black: #1a1a1a; | |
| --newsprint: #f5f0e6; | |
| --aged-paper: #ebe3d3; | |
| --red-accent: #c41e3a; | |
| --gold: #c4a35a; | |
| --rule-gray: #333; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Crimson Text', Georgia, serif; | |
| background: linear-gradient(180deg, #d4cbb8 0%, #c9bea8 100%); | |
| min-height: 100vh; | |
| padding: 20px; | |
| } | |
| .newspaper { | |
| max-width: 1200px; | |
| margin: 0 auto; | |
| background: var(--newsprint); | |
| box-shadow: | |
| 0 0 0 1px rgba(0,0,0,0.1), | |
| 0 20px 60px rgba(0,0,0,0.3), | |
| inset 0 0 100px rgba(0,0,0,0.03); | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .newspaper::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E"); | |
| pointer-events: none; | |
| } | |
| /* Header */ | |
| .masthead { | |
| text-align: center; | |
| padding: 25px 40px 20px; | |
| border-bottom: 3px double var(--ink-black); | |
| position: relative; | |
| background: linear-gradient(180deg, var(--aged-paper) 0%, var(--newsprint) 100%); | |
| } | |
| .top-bar { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| font-family: 'Special Elite', monospace; | |
| font-size: 11px; | |
| letter-spacing: 1px; | |
| color: #555; | |
| margin-bottom: 10px; | |
| text-transform: uppercase; | |
| } | |
| .paper-name { | |
| font-family: 'Playfair Display', serif; | |
| font-size: clamp(48px, 10vw, 96px); | |
| font-weight: 900; | |
| letter-spacing: -2px; | |
| color: var(--ink-black); | |
| text-shadow: 2px 2px 0 rgba(0,0,0,0.1); | |
| line-height: 1; | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .paper-name .paw { | |
| color: var(--red-accent); | |
| } | |
| .tagline { | |
| font-family: 'Playfair Display', serif; | |
| font-style: italic; | |
| font-size: 14px; | |
| color: #666; | |
| margin-top: 5px; | |
| letter-spacing: 2px; | |
| } | |
| .edition-bar { | |
| display: flex; | |
| justify-content: center; | |
| gap: 40px; | |
| margin-top: 15px; | |
| padding-top: 10px; | |
| border-top: 1px solid #ccc; | |
| font-size: 12px; | |
| color: #666; | |
| } | |
| .edition-bar span { | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| } | |
| /* Breaking Banner */ | |
| .breaking-banner { | |
| background: var(--red-accent); | |
| color: white; | |
| padding: 12px 20px; | |
| font-family: 'Special Elite', monospace; | |
| font-size: 14px; | |
| text-transform: uppercase; | |
| letter-spacing: 3px; | |
| text-align: center; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .breaking-banner::before { | |
| content: '🐱 BREAKING NEWS 🐱 BREAKING NEWS 🐱 BREAKING NEWS 🐱'; | |
| position: absolute; | |
| white-space: nowrap; | |
| animation: scroll 20s linear infinite; | |
| opacity: 0.3; | |
| } | |
| @keyframes scroll { | |
| 0% { transform: translateX(100%); } | |
| 100% { transform: translateX(-100%); } | |
| } | |
| /* Main Content */ | |
| .main-content { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 0; | |
| padding: 0; | |
| } | |
| /* Lead Story */ | |
| .lead-story { | |
| grid-column: 1 / -1; | |
| padding: 30px 40px; | |
| border-bottom: 2px solid var(--ink-black); | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 30px; | |
| align-items: start; | |
| } | |
| .lead-story .story-image { | |
| width: 100%; | |
| aspect-ratio: 4/3; | |
| object-fit: cover; | |
| border: 1px solid #ddd; | |
| box-shadow: 5px 5px 0 rgba(0,0,0,0.1); | |
| } | |
| .lead-story .story-content { | |
| padding-right: 20px; | |
| } | |
| .kicker { | |
| font-family: 'Special Elite', monospace; | |
| font-size: 12px; | |
| color: var(--red-accent); | |
| text-transform: uppercase; | |
| letter-spacing: 2px; | |
| margin-bottom: 10px; | |
| display: inline-block; | |
| background: rgba(196, 30, 58, 0.1); | |
| padding: 3px 10px; | |
| } | |
| .headline { | |
| font-family: 'Playfair Display', serif; | |
| font-weight: 900; | |
| font-size: clamp(28px, 4vw, 48px); | |
| line-height: 1.1; | |
| color: var(--ink-black); | |
| margin-bottom: 15px; | |
| text-wrap: balance; | |
| } | |
| .subheadline { | |
| font-family: 'Playfair Display', serif; | |
| font-style: italic; | |
| font-size: 20px; | |
| color: #555; | |
| margin-bottom: 15px; | |
| line-height: 1.4; | |
| } | |
| .byline { | |
| font-size: 12px; | |
| color: #888; | |
| text-transform: uppercase; | |
| letter-spacing: 1px; | |
| margin-bottom: 15px; | |
| padding-bottom: 15px; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .story-text { | |
| font-size: 16px; | |
| line-height: 1.7; | |
| color: #333; | |
| columns: 1; | |
| } | |
| .story-text p { | |
| margin-bottom: 1em; | |
| text-indent: 1.5em; | |
| } | |
| .story-text p:first-of-type { | |
| text-indent: 0; | |
| } | |
| .story-text p:first-of-type::first-letter { | |
| font-family: 'Playfair Display', serif; | |
| font-size: 4em; | |
| float: left; | |
| line-height: 0.8; | |
| padding-right: 10px; | |
| color: var(--red-accent); | |
| font-weight: 900; | |
| } | |
| /* Secondary Stories */ | |
| .secondary-stories { | |
| display: contents; | |
| } | |
| .secondary-story { | |
| padding: 30px; | |
| border-right: 1px solid #ddd; | |
| position: relative; | |
| } | |
| .secondary-story:last-child { | |
| border-right: none; | |
| } | |
| .secondary-story .story-image { | |
| width: 100%; | |
| aspect-ratio: 4/3; | |
| object-fit: cover; | |
| margin-bottom: 15px; | |
| border: 1px solid #ddd; | |
| box-shadow: 3px 3px 0 rgba(0,0,0,0.08); | |
| transition: transform 0.3s ease; | |
| } | |
| .secondary-story:hover .story-image { | |
| transform: scale(1.02); | |
| } | |
| .secondary-story .headline { | |
| font-size: clamp(20px, 2.5vw, 28px); | |
| margin-bottom: 10px; | |
| } | |
| .secondary-story .subheadline { | |
| font-size: 16px; | |
| margin-bottom: 10px; | |
| } | |
| .secondary-story .story-text { | |
| font-size: 14px; | |
| line-height: 1.6; | |
| } | |
| .secondary-story .story-text p:first-of-type::first-letter { | |
| font-size: 2.5em; | |
| padding-right: 5px; | |
| } | |
| /* Footer */ | |
| .paper-footer { | |
| background: var(--ink-black); | |
| color: var(--newsprint); | |
| padding: 20px 40px; | |
| text-align: center; | |
| font-family: 'Special Elite', monospace; | |
| font-size: 12px; | |
| letter-spacing: 2px; | |
| } | |
| .paw-prints { | |
| font-size: 24px; | |
| letter-spacing: 10px; | |
| margin-bottom: 10px; | |
| opacity: 0.7; | |
| } | |
| /* Cat themed decorations */ | |
| .cat-corner { | |
| position: absolute; | |
| width: 60px; | |
| height: 60px; | |
| opacity: 0.1; | |
| } | |
| .cat-corner.top-left { | |
| top: 10px; | |
| left: 10px; | |
| } | |
| .cat-corner.top-right { | |
| top: 10px; | |
| right: 10px; | |
| transform: scaleX(-1); | |
| } | |
| /* Responsive */ | |
| @media (max-width: 900px) { | |
| .lead-story { | |
| grid-template-columns: 1fr; | |
| } | |
| .main-content { | |
| grid-template-columns: 1fr; | |
| } | |
| .secondary-story { | |
| border-right: none; | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .secondary-story:last-child { | |
| border-bottom: none; | |
| } | |
| } | |
| @media (max-width: 600px) { | |
| body { | |
| padding: 10px; | |
| } | |
| .masthead { | |
| padding: 15px 20px; | |
| } | |
| .top-bar { | |
| flex-direction: column; | |
| gap: 5px; | |
| } | |
| .lead-story, | |
| .secondary-story { | |
| padding: 20px; | |
| } | |
| .edition-bar { | |
| flex-wrap: wrap; | |
| gap: 15px; | |
| } | |
| } | |
| /* Print styles */ | |
| @media print { | |
| body { | |
| background: white; | |
| padding: 0; | |
| } | |
| .newspaper { | |
| box-shadow: none; | |
| } | |
| .breaking-banner::before { | |
| display: none; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <article class="newspaper"> | |
| <header class="masthead"> | |
| <div class="top-bar"> | |
| <span>Est. 2026</span> | |
| <span>"All The News That's Fit to Purrint"</span> | |
| <span>Price: 9 Lives</span> | |
| </div> | |
| <h1 class="paper-name">THE DAILY ME<span class="paw">🐾</span>W</h1> | |
| <p class="tagline">Where Every Story Has Nine Lives</p> | |
| <div class="edition-bar"> | |
| <span>📍 Whisker City, USA</span> | |
| <span>📅 February 25, 2026</span> | |
| <span>🌡️ Fur-eezing Cold</span> | |
| <span>🌙 Evening Catnap Edition</span> | |
| </div> | |
| </header> | |
| <div class="breaking-banner"> | |
| 🚨 BREAKING MEWS: Major Stories Developing Across All Nine Lives 🚨 | |
| </div> | |
| <main class="main-content"> | |
| <!-- Lead Story: Bomb Cyclone --> | |
| <section class="lead-story"> | |
| <div class="story-content"> | |
| <span class="kicker">🌨️ Weather Catas-trophy</span> | |
| <h2 class="headline">"BOMB CYCLAW-NE" BURIES NORTHEAST IN HISS-TORIC BLIZZARD</h2> | |
| <p class="subheadline">Felines forced to find warm laps as "purr-fectly catastrophic" storm dumps 2 feet of the cold white stuff</p> | |
| <p class="byline">By Whiskers McGee | Senior Meow-teorologist</p> | |
| <div class="story-text"> | |
| <p>Residents across the Northeast found themselves trapped indoors with nothing but their humans for company as a massive "bomb cyclone" buried the region under mountains of snow this weekend.</p> | |
| <p>New York City Mayor declared it the worst storm "in a decade," leaving countless cats unable to reach their favorite window perches due to the complete white-out conditions. Travel was deemed "im-paws-ible" as airports and train stations ground to a standstill.</p> | |
| <p>Local cat Mittens reported from her apartment: "I've been forced to curl up by the radiator for THREE WHOLE DAYS. This is a cat-astrophe of the highest order."</p> | |
| </div> | |
| </div> | |
| <img src="storm.webp" alt="Cats in snowy NYC diorama" class="story-image"> | |
| </section> | |
| <!-- Secondary Stories --> | |
| <div class="secondary-stories"> | |
| <!-- Supreme Court Story --> | |
| <section class="secondary-story"> | |
| <img src="court.webp" alt="Cat Supreme Court justices diorama" class="story-image"> | |
| <span class="kicker">⚖️ Paws & Order</span> | |
| <h2 class="headline">SUPREME CATS STRIKE DOWN TARIFFS IN 6-3 "CLAW-BACK"</h2> | |
| <p class="subheadline">High Court rules President exceeded his paw-thority; fur flies in Washington</p> | |
| <p class="byline">By Tabby Turner | Legal Claw-respondent</p> | |
| <div class="story-text"> | |
| <p>The Supreme Court delivered a major blow to presidential trade powers Friday, ruling 6-3 that global tariffs exceeded constitutional bounds.</p> | |
| <p>Chief Justice Fluffington wrote in the majority opinion: "We find these tariffs to be un-fur-tunately unconstitutional." The President immediately vowed "other a-litter-natives" would be pursued.</p> | |
| </div> | |
| </section> | |
| <!-- Olympics Story --> | |
| <section class="secondary-story"> | |
| <img src="olympics.webp" alt="Cat Winter Olympics athletes diorama" class="story-image"> | |
| <span class="kicker">🏅 Feline Athletics</span> | |
| <h2 class="headline">ITALY'S WINTER GAMES END WITH GOLD MEDAL WHISKERS</h2> | |
| <p class="subheadline">Athletes leave paw-prints on history as Milano-Cortina Olympics conclude in Verona</p> | |
| <p class="byline">By Calico Jones | Sports Claw-respondent</p> | |
| <div class="story-text"> | |
| <p>The 2026 Winter Olympics came to a spectacular close in Verona Sunday, with athletes from around the world celebrating fur-ocious competition and international cat-raderie.</p> | |
| <p>The games were deemed a "purr-fect success" despite early concerns about whether cats could even be convinced to leave their warm beds for outdoor sports.</p> | |
| </div> | |
| </section> | |
| </div> | |
| </main> | |
| <footer class="paper-footer"> | |
| <div class="paw-prints">🐾 🐾 🐾 🐾 🐾</div> | |
| <p>THE DAILY MEOW © 2026 | PRINTED ON 100% RECYCLED SCRATCHING POSTS</p> | |
| <p style="margin-top: 8px; opacity: 0.7;">Remember: A well-informed cat is a happy cat</p> | |
| </footer> | |
| </article> | |
| </body> | |
| </html> | |