Spaces:

skander101
/

Deployables

Running

App Files Files Community

skander101 commited on Jul 6

Commit

c97c10a

1 Parent(s): ee82dfb

Add sponsors page + /api/v1/sponsors endpoint

Browse files

Files changed (3) hide show

templates/index.html +6 -3
templates/sponsors.html +126 -0
webapp.py +31 -0

templates/index.html CHANGED Viewed

@@ -194,9 +194,12 @@ body {
       <h1>News Digest</h1>
       <span>{{ total }} stories across {{ categories|length }} topics</span>
     </div>
-    <div class="status">
-      <span class="status-dot"></span>
-      {{ status }}
     </div>
   </div>
 </div>

       <h1>News Digest</h1>
       <span>{{ total }} stories across {{ categories|length }} topics</span>
     </div>
+    <div style="display:flex; align-items:center; gap:12px;">
+      <a href="/sponsors" class="btn" style="background:#334155; color:#94a3b8; font-size:13px;">🏢 Sponsors</a>
+      <span class="status">
+        <span class="status-dot"></span>
+        {{ status }}
+      </span>
     </div>
   </div>
 </div>

templates/sponsors.html ADDED Viewed

	@@ -0,0 +1,126 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Sponsors — News Digest</title>
+<link href="https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap" rel="stylesheet">
+<style>
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+body {
+  font-family: 'Inter', -apple-system, sans-serif;
+  background: #0f172a;
+  color: #e2e8f0;
+  min-height: 100vh;
+}
+.header {
+  background: linear-gradient(135deg, #1e293b, #0f172a);
+  border-bottom: 1px solid #1e293b;
+  padding: 20px 32px;
+  position: sticky;
+  top: 0;
+  z-index: 50;
+  backdrop-filter: blur(12px);
+}
+.header-inner {
+  max-width: 1400px;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-wrap: wrap;
+  gap: 12px;
+}
+.header h1 {
+  font-size: 22px;
+  font-weight: 700;
+  background: linear-gradient(135deg, #60a5fa, #a78bfa);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.back-btn {
+  padding: 8px 18px;
+  border-radius: 8px;
+  font-size: 13px;
+  font-weight: 500;
+  text-decoration: none;
+  background: #334155;
+  color: #94a3b8;
+  transition: background .15s;
+}
+.back-btn:hover { background: #475569; color: #e2e8f0; }
+.container { max-width: 1000px; margin: 0 auto; padding: 32px; }
+.grid { display: grid; gap: 16px; }
+.card {
+  background: #1e293b;
+  border-radius: 14px;
+  padding: 20px 24px;
+  border: 1px solid #334155;
+}
+.card h2 {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fbbf24;
+  margin-bottom: 4px;
+}
+.card .sub {
+  font-size: 12px;
+  color: #64748b;
+  margin-bottom: 12px;
+}
+.sources { display: flex; flex-wrap: wrap; gap: 6px; }
+.source-tag {
+  font-size: 12px;
+  padding: 4px 10px;
+  border-radius: 6px;
+  background: #334155;
+  color: #94a3b8;
+  border: 1px solid #475569;
+}
+.empty { text-align: center; padding: 60px 20px; color: #64748b; }
+.empty h2 { font-size: 18px; margin-bottom: 6px; }
+.count-badge {
+  font-size: 11px;
+  color: #818cf8;
+  background: rgba(129, 140, 248, 0.12);
+  padding: 2px 8px;
+  border-radius: 5px;
+  margin-left: 8px;
+}
+@media (max-width: 640px) {
+  .header { padding: 14px; }
+  .container { padding: 14px; }
+}
+</style>
+</head>
+<body>
+<div class="header">
+  <div class="header-inner">
+    <h1>News Digest — Sponsors</h1>
+    <a href="/" class="back-btn">← Back to News</a>
+  </div>
+</div>
+<div class="container">
+  {% if sponsors %}
+  <div class="grid">
+    {% for s in sponsors %}
+    <div class="card">
+      <h2>🏢 {{ s.name }}</h2>
+      <div class="sub">{{ s.source_count }} source{% if s.source_count != 1 %}s{% endif %}</div>
+      <div class="sources">
+        {% for domain in s.sources %}
+        <span class="source-tag">{{ domain }}</span>
+        {% endfor %}
+      </div>
+    </div>
+    {% endfor %}
+  </div>
+  {% else %}
+  <div class="empty">
+    <h2>No sponsor data yet</h2>
+    <p>Run a data refresh to populate sponsor information</p>
+  </div>
+  {% endif %}
+</div>
+</body>
+</html>

webapp.py CHANGED Viewed

@@ -224,6 +224,37 @@ def api_categories():
     return jsonify({"categories": CATEGORIES})
 @app.route("/api/v1/refresh", methods=["POST"])
 def api_refresh():
     threading.Thread(target=refresh_data, daemon=True).start()

     return jsonify({"categories": CATEGORIES})
+def _build_sponsors():
+    with cache_lock:
+        results = list(cached_results)
+    groups: dict[str, set[str]] = {}
+    for cluster in results:
+        for article in cluster.get("articles", []):
+            sponsor = article.get("sponsor", "")
+            domain = article.get("domain", "")
+            if sponsor:
+                if sponsor not in groups:
+                    groups[sponsor] = set()
+                groups[sponsor].add(domain)
+    return sorted(
+        [
+            {"name": s, "sources": sorted(doms), "source_count": len(doms)}
+            for s, doms in groups.items()
+        ],
+        key=lambda x: x["name"].lower(),
+    )
+@app.route("/api/v1/sponsors")
+def api_sponsors():
+    return jsonify({"sponsors": _build_sponsors()})
+@app.route("/sponsors")
+def sponsors_page():
+    return render_template("sponsors.html", sponsors=_build_sponsors(), categories=CATEGORIES)
 @app.route("/api/v1/refresh", methods=["POST"])
 def api_refresh():
     threading.Thread(target=refresh_data, daemon=True).start()