Spaces:

evalstate
/

__test_space_1

Running

App Files Files Community

evalstate HF Staff commited on 14 days ago

Commit

4056e95

verified ·

1 Parent(s): 53672e3

Publish Daily Purr-ograph

Browse files

Files changed (7) hide show

README.md +6 -4
index.html +0 -19
news-assets/story1-court.webp +0 -0
news-assets/story2-medicaid.webp +0 -0
news-assets/story3-geneva.webp +0 -0
news.html +383 -0
style.css +0 -28

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
 title: Arcade Cats
-emoji: 🔥
-colorFrom: red
-colorTo: indigo
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
 title: Arcade Cats
 sdk: static
+app_file: news.html
 pinned: false
 ---
+# Arcade Cats — The Daily Purr-ograph
+A pun-filled, newspaper-style homepage presenting the latest headlines with cat diorama illustrations.
+Open the app to view `news.html`.

index.html DELETED Viewed

@@ -1,19 +0,0 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

news-assets/story1-court.webp ADDED Viewed

news-assets/story2-medicaid.webp ADDED Viewed

news-assets/story3-geneva.webp ADDED Viewed

news.html ADDED Viewed

	@@ -0,0 +1,383 @@

+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>The Daily Purr-ograph — Top Headlines</title>
+  <style>
+    :root{
+      --paper:#f6f0e4;
+      --ink:#111;
+      --muted:#3b3b3b;
+      --rule:#2a2a2a;
+      --soft-rule:rgba(0,0,0,.18);
+      --accent:#8b0000;
+    }
+    *{box-sizing:border-box;}
+    body{
+      margin:0;
+      background:radial-gradient(1200px 700px at 30% 15%, #fff7e8 0%, var(--paper) 55%, #efe6d6 100%);
+      color:var(--ink);
+      font-family: Georgia, "Times New Roman", Times, serif;
+      line-height:1.45;
+    }
+    a{color:inherit; text-decoration-thickness: .08em; text-underline-offset: .14em;}
+    a:hover{color:var(--accent)}
+    .page{
+      max-width:1120px;
+      margin:26px auto;
+      padding:22px 22px 34px;
+      border:1px solid var(--soft-rule);
+      background:
+        linear-gradient(to bottom, rgba(0,0,0,.035), rgba(0,0,0,0) 110px),
+        var(--paper);
+      box-shadow:
+        0 20px 55px rgba(0,0,0,.18),
+        0 2px 0 rgba(255,255,255,.7) inset;
+      position:relative;
+      overflow:hidden;
+    }
+    /* subtle “print” speckle */
+    .page:before{
+      content:"";
+      position:absolute;
+      inset:0;
+      background-image:
+        radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
+      background-size: 17px 17px;
+      opacity:.18;
+      pointer-events:none;
+      mix-blend-mode:multiply;
+    }
+    header{
+      position:relative;
+      z-index:1;
+      border-bottom:4px double var(--rule);
+      padding-bottom:12px;
+      margin-bottom:12px;
+    }
+    .topline{
+      display:flex;
+      align-items:flex-end;
+      justify-content:space-between;
+      gap:16px;
+      padding-bottom:10px;
+      border-bottom:1px solid var(--soft-rule);
+      margin-bottom:10px;
+      font-size:12.5px;
+      letter-spacing:.02em;
+      color:var(--muted);
+      text-transform:uppercase;
+    }
+    .mast{
+      display:grid;
+      grid-template-columns: 1fr auto 1fr;
+      gap:14px;
+      align-items:end;
+    }
+    .mast .tag{
+      font-style:italic;
+      color:var(--muted);
+      font-size:13px;
+      text-align:left;
+      padding-bottom:6px;
+      border-bottom:1px solid var(--soft-rule);
+    }
+    h1{
+      margin:0;
+      font-size:56px;
+      line-height:1;
+      letter-spacing:-.02em;
+      text-align:center;
+    }
+    .mast .price{
+      font-size:13px;
+      color:var(--muted);
+      text-align:right;
+      padding-bottom:6px;
+      border-bottom:1px solid var(--soft-rule);
+    }
+    .breaking{
+      margin-top:12px;
+      display:flex;
+      gap:10px;
+      align-items:center;
+      border:1px solid var(--rule);
+      padding:8px 10px;
+      background:rgba(255,255,255,.35);
+    }
+    .breaking .label{
+      background:var(--accent);
+      color:white;
+      font-weight:700;
+      padding:4px 8px;
+      letter-spacing:.08em;
+      text-transform:uppercase;
+      font-size:12px;
+    }
+    .breaking .text{
+      font-size:14px;
+      color:var(--muted);
+    }
+    main{
+      position:relative;
+      z-index:1;
+    }
+    .grid{
+      display:grid;
+      grid-template-columns: 1.2fr .8fr;
+      gap:18px;
+      margin-top:14px;
+    }
+    .panel{
+      border:1px solid var(--soft-rule);
+      background:rgba(255,255,255,.22);
+      padding:14px;
+    }
+    .story{
+      border-top:3px solid var(--rule);
+      padding-top:12px;
+      margin-top:10px;
+    }
+    .story:first-child{border-top:0; padding-top:0; margin-top:0;}
+    .kicker{
+      font-size:12px;
+      letter-spacing:.12em;
+      text-transform:uppercase;
+      color:var(--accent);
+      font-weight:700;
+      margin-bottom:6px;
+    }
+    .headline{
+      font-size:28px;
+      line-height:1.15;
+      margin:0 0 6px;
+    }
+    .subhead{
+      font-size:15px;
+      margin:0 0 12px;
+      color:var(--muted);
+      font-style:italic;
+    }
+    .meta{
+      display:flex;
+      flex-wrap:wrap;
+      gap:10px 14px;
+      font-size:12.5px;
+      color:var(--muted);
+      margin:0 0 10px;
+    }
+    .meta span{white-space:nowrap;}
+    .lede{
+      font-size:15.5px;
+      margin:0;
+    }
+    .lede:first-letter{
+      float:left;
+      font-size:52px;
+      line-height:.9;
+      padding:6px 8px 0 0;
+      font-weight:700;
+      color:#0f0f0f;
+    }
+    figure{
+      margin:12px 0 0;
+      border:1px solid var(--soft-rule);
+      padding:8px;
+      background:rgba(255,255,255,.35);
+    }
+    figure img{
+      width:100%;
+      height:auto;
+      display:block;
+      border:1px solid rgba(0,0,0,.15);
+    }
+    figcaption{
+      margin-top:7px;
+      font-size:12.5px;
+      color:var(--muted);
+    }
+    .two-up{
+      display:grid;
+      grid-template-columns: 1fr 1fr;
+      gap:18px;
+      margin-top:18px;
+    }
+    .small .headline{font-size:20px;}
+    .small .lede{font-size:14.5px;}
+    .sidebar h2{
+      margin:0 0 8px;
+      font-size:18px;
+      letter-spacing:.06em;
+      text-transform:uppercase;
+      border-bottom:1px solid var(--soft-rule);
+      padding-bottom:6px;
+    }
+    .briefs{
+      list-style:none;
+      padding:0;
+      margin:0;
+      display:grid;
+      gap:10px;
+      font-size:14px;
+      color:var(--muted);
+    }
+    .briefs li{
+      padding-left:10px;
+      border-left:3px solid rgba(139,0,0,.35);
+    }
+    .source{
+      font-size:12.5px;
+      color:var(--muted);
+      margin-top:10px;
+    }
+    footer{
+      position:relative;
+      z-index:1;
+      margin-top:22px;
+      padding-top:12px;
+      border-top:4px double var(--rule);
+      display:flex;
+      flex-wrap:wrap;
+      justify-content:space-between;
+      gap:10px;
+      color:var(--muted);
+      font-size:12.5px;
+    }
+    .mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
+    @media (max-width: 980px){
+      h1{font-size:44px;}
+      .grid{grid-template-columns: 1fr;}
+      .two-up{grid-template-columns: 1fr;}
+      .mast{grid-template-columns: 1fr;}
+      .mast .tag,.mast .price{border-bottom:0; padding-bottom:0; text-align:center;}
+    }
+  </style>
+</head>
+<body>
+  <div class="page" role="document">
+    <header>
+      <div class="topline">
+        <div>Independent • Slightly Opinionated • Mostly Well-Groomed</div>
+        <div class="mono">VOL. 1 • NO. 57</div>
+        <div>Thursday, Feb 26, 2026</div>
+      </div>
+      <div class="mast">
+        <div class="tag">All the news that’s fit to <em>print</em>… and occasionally sit on.</div>
+        <h1>The Daily Purr-ograph</h1>
+        <div class="price">One shiny penny • Delivered nine lives a week</div>
+      </div>
+      <div class="breaking" aria-label="Breaking news">
+        <div class="label">Breaking Mews</div>
+        <div class="text">Top 3 headlines, illustrated as tiny cat dioramas — because reality needed a scale model.</div>
+      </div>
+    </header>
+    <main>
+      <div class="grid">
+        <section class="panel">
+          <article class="story">
+            <div class="kicker">Courts &amp; Border Policy</div>
+            <h2 class="headline">Trump administration’s ‘third country’ deportation policy is unlawful, judge rules</h2>
+            <p class="subhead">A due-<strong>purr</strong>-cess moment: the court says “you can’t just move the goalposts — or the cats.”</p>
+            <p class="meta"><span><strong>Filed:</strong> Feb 25, 2026</span><span><strong>Beat:</strong> Immigration</span><span><strong>Vibe:</strong> Legal hairball, coughed up</span></p>
+            <p class="lede">A federal judge ruled that a policy allowing deportations to “third countries” must be set aside, saying migrants deserve meaningful notice and a chance to object before they’re removed to a nation they have no ties to. The decision is paused for 15 days to allow time for an appeal.</p>
+            <figure>
+              <img src="news-assets/story1-court.webp" alt="A miniature courtroom diorama with cats in suits and a sign referencing third-country deportations." />
+              <figcaption><strong>Miniature scene:</strong> “The Court of Paws.” Map wall, paw-print gavel, and very serious tiny suits.</figcaption>
+            </figure>
+            <p class="source">Source: <a href="https://apnews.com/article/148cee2906dc7286b074116d3eec6fd4" target="_blank" rel="noreferrer">AP News</a></p>
+          </article>
+          <div class="two-up">
+            <article class="story small">
+              <div class="kicker">Health &amp; Money</div>
+              <h2 class="headline">Vance says administration is pausing some Medicaid funding to Minnesota because of fraud concerns</h2>
+              <p class="subhead">Minnesota’s funding gets put in the <strong>litter</strong> box — temporarily on hold.</p>
+              <p class="meta"><span><strong>Filed:</strong> Feb 25, 2026</span><span><strong>Figure:</strong> $259.5M</span></p>
+              <p class="lede">The administration says it will temporarily withhold $259.5 million in Medicaid funding to Minnesota while the state submits a corrective plan addressing fraud concerns. State officials pushed back, calling the move politically motivated and warning it could affect services for people who rely on the program.</p>
+              <figure>
+                <img src="news-assets/story2-medicaid.webp" alt="A miniature office diorama with cats in glasses reviewing paperwork labeled Medicaid, with a Minnesota outline on the wall." />
+                <figcaption><strong>Miniature scene:</strong> “Audit Cats at Work.” Tiny glasses, tiny forms, very large seriousness.</figcaption>
+              </figure>
+              <p class="source">Source: <a href="https://apnews.com/article/47b160fd664cdfeef355ae00ca5fecc0" target="_blank" rel="noreferrer">AP News</a></p>
+            </article>
+            <article class="story small">
+              <div class="kicker">Diplomacy &amp; Security</div>
+              <h2 class="headline">US and Iran are holding a third round of nuclear talks as more American forces deploy to the Mideast</h2>
+              <p class="subhead">Everyone’s at the table — claws sheathed, <strong>paws</strong> crossed.</p>
+              <p class="meta"><span><strong>Filed:</strong> Feb 26, 2026</span><span><strong>Where:</strong> Geneva</span></p>
+              <p class="lede">Indirect negotiations in Geneva — mediated by Oman — resume as the U.S. increases its military presence in the region. The talks focus on Iran’s nuclear program amid wider tensions, with both sides signaling diplomacy remains preferable even as pressure builds.</p>
+              <figure>
+                <img src="news-assets/story3-geneva.webp" alt="A miniature diplomatic roundtable diorama with cats as delegates, with Geneva scenery and U.S. and Iran flags behind." />
+                <figcaption><strong>Miniature scene:</strong> “Geneva, but Make It Meow.” Delegates, nameplates, and one tiny olive branch.</figcaption>
+              </figure>
+              <p class="source">Source: <a href="https://apnews.com/article/c1eb17f570b059f34071937c3f310fb6" target="_blank" rel="noreferrer">AP News</a></p>
+            </article>
+          </div>
+        </section>
+        <aside class="panel sidebar" aria-label="Sidebar">
+          <h2>Mews, in Brief</h2>
+          <ul class="briefs">
+            <li><strong>Trend:</strong> Big policies, bigger paperwork. Small cats, huge binders.</li>
+            <li><strong>Editor’s note:</strong> If you can’t fix the news, at least you can build it at 1:12 scale.</li>
+            <li><strong>How we illustrated:</strong> Each headline got a “cat diorama” prompt — miniature craft textures, macro depth-of-field, and maximum whisker gravitas.</li>
+          </ul>
+          <div class="story" style="margin-top:14px;">
+            <div class="kicker">Puns Desk</div>
+            <p class="lede" style="font-size:14.5px;">Today’s pun quota has been met, exceeded, and then knocked off the table. You’re welcome.</p>
+          </div>
+        </aside>
+      </div>
+    </main>
+    <footer>
+      <div>Built for you on <span class="mono">news.html</span> • Local images in <span class="mono">news-assets/</span></div>
+      <div>Tip line: If you see a typo, please <em>paw</em>se and let us know.</div>
+    </footer>
+  </div>
+</body>
+</html>

style.css DELETED Viewed

@@ -1,28 +0,0 @@
-body {
-	padding: 2rem;
-	font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
-}
-h1 {
-	font-size: 16px;
-	margin-top: 0;
-}
-p {
-	color: rgb(107, 114, 128);
-	font-size: 15px;
-	margin-bottom: 10px;
-	margin-top: 5px;
-}
-.card {
-	max-width: 620px;
-	margin: 0 auto;
-	padding: 16px;
-	border: 1px solid lightgray;
-	border-radius: 16px;
-}
-.card p:last-child {
-	margin-bottom: 0;
-}