Hugging Face's logo

Spaces:
evalstate
/
testing-1-2-3
Running

App Files Community
evalstate HF Staff commited on
Commit
014c62d
·
verified ·
1 Parent(s): be6d590

Add newspaper homepage with cat diorama headlines

Browse files
Files changed (5) hide show
  1. README.md +8 -5
  2. assets/cat-headline-1.webp +0 -0
  3. assets/cat-headline-2.webp +0 -0
  4. assets/cat-headline-3.webp +0 -0
  5. news.html +183 -0
README.md CHANGED
@@ -1,10 +1,13 @@
1
  ---
2
- title: Testing 1 2 3
3
- emoji: 🏃
4
- colorFrom: indigo
5
- colorTo: pink
6
  sdk: static
 
7
  pinned: false
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
1
  ---
2
+ title: The Daily Purr
3
+ emoji: 🐾
4
+ colorFrom: yellow
5
+ colorTo: red
6
  sdk: static
7
+ app_file: news.html
8
  pinned: false
9
  ---
10
 
11
+ # The Daily Purr
12
+
13
+ A newspaper-style homepage featuring three recent, non-sensitive headlines with cat diorama illustrations.
assets/cat-headline-1.webp ADDED
assets/cat-headline-2.webp ADDED
assets/cat-headline-3.webp ADDED
news.html ADDED
@@ -0,0 +1,183 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>The Daily Purr — Cat Diorama Edition</title>
7
+ <style>
8
+ :root {
9
+ --paper: #f5f0e6;
10
+ --ink: #1f1b16;
11
+ --muted: #5f564a;
12
+ --rule: #b9aa95;
13
+ --accent: #8a2b1d;
14
+ }
15
+ * { box-sizing: border-box; }
16
+ body {
17
+ margin: 0;
18
+ background: #d8c8ad;
19
+ color: var(--ink);
20
+ font-family: Georgia, "Times New Roman", serif;
21
+ line-height: 1.45;
22
+ }
23
+ .paper {
24
+ max-width: 1100px;
25
+ margin: 20px auto;
26
+ padding: 20px 24px 30px;
27
+ background: var(--paper);
28
+ border: 1px solid #9c8c74;
29
+ box-shadow: 0 6px 20px rgba(0,0,0,.18);
30
+ }
31
+ .masthead {
32
+ text-align: center;
33
+ border-top: 4px double var(--ink);
34
+ border-bottom: 4px double var(--ink);
35
+ padding: 10px 0;
36
+ margin-bottom: 14px;
37
+ }
38
+ .masthead h1 {
39
+ margin: 0;
40
+ font-size: clamp(2rem, 7vw, 4rem);
41
+ letter-spacing: .05em;
42
+ text-transform: uppercase;
43
+ }
44
+ .meta {
45
+ display: flex;
46
+ justify-content: space-between;
47
+ flex-wrap: wrap;
48
+ gap: 8px;
49
+ border-bottom: 1px solid var(--rule);
50
+ color: var(--muted);
51
+ font-size: .95rem;
52
+ padding-bottom: 10px;
53
+ margin-bottom: 12px;
54
+ }
55
+ .lead {
56
+ font-size: 1.1rem;
57
+ padding: 10px 12px;
58
+ border-left: 4px solid var(--accent);
59
+ background: #efe7d8;
60
+ margin-bottom: 18px;
61
+ }
62
+ .grid {
63
+ display: grid;
64
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
65
+ gap: 16px;
66
+ }
67
+ article {
68
+ border: 1px solid var(--rule);
69
+ background: #f9f5ec;
70
+ display: flex;
71
+ flex-direction: column;
72
+ }
73
+ article img {
74
+ width: 100%;
75
+ height: 220px;
76
+ object-fit: cover;
77
+ border-bottom: 1px solid var(--rule);
78
+ }
79
+ .story {
80
+ padding: 12px;
81
+ }
82
+ .kicker {
83
+ color: var(--accent);
84
+ text-transform: uppercase;
85
+ letter-spacing: .07em;
86
+ font-size: .75rem;
87
+ margin-bottom: 6px;
88
+ font-weight: bold;
89
+ }
90
+ h2 {
91
+ margin: 0 0 8px;
92
+ font-size: 1.45rem;
93
+ line-height: 1.2;
94
+ }
95
+ .real-headline {
96
+ font-size: .95rem;
97
+ color: var(--muted);
98
+ border-top: 1px dashed var(--rule);
99
+ padding-top: 8px;
100
+ margin-top: 8px;
101
+ }
102
+ .source {
103
+ margin-top: 8px;
104
+ font-size: .92rem;
105
+ }
106
+ a { color: #113f67; }
107
+ .footer {
108
+ margin-top: 18px;
109
+ border-top: 1px solid var(--rule);
110
+ padding-top: 10px;
111
+ color: var(--muted);
112
+ font-size: .9rem;
113
+ text-align: center;
114
+ }
115
+ </style>
116
+ </head>
117
+ <body>
118
+ <main class="paper">
119
+ <header class="masthead">
120
+ <h1>The Daily Purr</h1>
121
+ </header>
122
+
123
+ <div class="meta">
124
+ <span>Thursday, February 26, 2026</span>
125
+ <span>Special Diorama Desk</span>
126
+ <span>Price: 3 Treats</span>
127
+ </div>
128
+
129
+ <section class="lead">
130
+ <strong>Front Page Brief:</strong> Three recent, non-sensitive headlines reimagined as handcrafted cat dioramas.
131
+ Yes, it’s serious journalism. No, the editors won’t apologize for the puns.
132
+ </section>
133
+
134
+ <section class="grid">
135
+ <article>
136
+ <img src="assets/cat-headline-1.webp" alt="Cat astronaut diorama celebrating a Crew-12 launch" />
137
+ <div class="story">
138
+ <div class="kicker">Space Beat</div>
139
+ <h2>Paws in Orbit: Crew-12 Has Liftoff</h2>
140
+ <p>
141
+ Tiny helmets, big dreams: our feline flight crew marks a successful mission moment with paws raised high.
142
+ One small meow for cat, one giant leap for cattitude.
143
+ </p>
144
+ <p class="real-headline"><strong>Real headline:</strong> “NASA’s SpaceX Crew-12 Launches to International Space Station” (February 13, 2026).</p>
145
+ <p class="source">Source: <a href="https://www.nasa.gov/news-release/nasas-spacex-crew-12-launches-to-international-space-station/" target="_blank" rel="noopener noreferrer">NASA</a></p>
146
+ </div>
147
+ </article>
148
+
149
+ <article>
150
+ <img src="assets/cat-headline-2.webp" alt="Cat rocket diorama inspired by Ariane 6 launch" />
151
+ <div class="story">
152
+ <div class="kicker">Europe Desk</div>
153
+ <h2>Fur-Boosted Launch: Purr-iane 6 Roars</h2>
154
+ <p>
155
+ Four boosters, full drama, and a runway of whiskered engineers.
156
+ The mission style is clear: if it flies, it purrs.
157
+ </p>
158
+ <p class="real-headline"><strong>Real headline:</strong> “More boosters, more power: Ariane 6 lifts off with four boosters for the first time” (February 12, 2026).</p>
159
+ <p class="source">Source: <a href="https://www.esa.int/Newsroom/Press_Releases/More_boosters_more_power_Ariane_6_lifts_off_with_four_boosters_for_the_first_time" target="_blank" rel="noopener noreferrer">European Space Agency (ESA)</a></p>
160
+ </div>
161
+ </article>
162
+
163
+ <article>
164
+ <img src="assets/cat-headline-3.webp" alt="Cat red carpet diorama inspired by BAFTA winners" />
165
+ <div class="story">
166
+ <div class="kicker">Culture & Arts</div>
167
+ <h2>Cat-FTA Night: Tuxedo Tails Take the Carpet</h2>
168
+ <p>
169
+ Flashbulbs pop, bow ties gleam, and the velvet ropes are strictly paws-only.
170
+ Awards season has never looked this whisker-sharp.
171
+ </p>
172
+ <p class="real-headline"><strong>Real headline:</strong> AP coverage of the 2026 BAFTA winners, including major wins for <em>Conclave</em> and <em>The Brutalist</em> (published February 22, 2026).</p>
173
+ <p class="source">Source: <a href="https://apnews.com/" target="_blank" rel="noopener noreferrer">AP News</a></p>
174
+ </div>
175
+ </article>
176
+ </section>
177
+
178
+ <div class="footer">
179
+ Generated with cat-safe puns and a strict no-drama newsroom policy.
180
+ </div>
181
+ </main>
182
+ </body>
183
+ </html>