From b663e70c24ef3c99e0722604872853f4f331fa97 Mon Sep 17 00:00:00 2001
From: serros404 <serros404@gmail.com>
Date: Fri, 18 Sep 2026 08:25:39 -0300
Subject: [PATCH 1/2] feat: render /rss.xml as a readable page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Opening /rss.xml in a browser showed raw XML, which reads as a broken
page to anyone who is not technical. The feed existed and worked, but
nothing about it invited a human to subscribe.

Adds an XSL stylesheet, wired through @astrojs/rss's `stylesheet` option,
so the same URL renders as a page: what the feed is, the address to paste
into a reader, and the reports it carries. Feed readers ignore the
stylesheet and keep parsing the XML unchanged.

Styling copies the existing design system rather than inventing tokens —
#050505 ground, neutral-400 text, neutral-200 headings, #262626 borders,
mono, and the 40px tactical grid.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 public/rss-styles.xsl | 134 ++++++++++++++++++++++++++++++++++++++++++
 src/pages/rss.xml.ts  |   3 +
 2 files changed, 137 insertions(+)
 create mode 100644 public/rss-styles.xsl

diff --git a/public/rss-styles.xsl b/public/rss-styles.xsl
new file mode 100644
index 0000000..4dafc94
--- /dev/null
+++ b/public/rss-styles.xsl
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+  Folha de estilo do feed RSS.
+
+  Um navegador que abre /rss.xml sem isto mostra XML cru, o que parece erro
+  para quem não é técnico. Com esta folha, a mesma URL vira uma página legível
+  explicando o que é o feed e como assinar. Leitores de RSS ignoram a folha e
+  continuam lendo o XML normalmente.
+
+  Tokens copiados do design system: fundo #050505, texto neutral-400 (#a3a3a3),
+  títulos neutral-200 (#e5e5e5), bordas #262626, mono, grid tático de 40px.
+-->
+<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
+  <xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>
+
+  <xsl:template match="/">
+    <html lang="en">
+      <head>
+        <meta charset="utf-8"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <meta name="robots" content="noindex"/>
+        <title><xsl:value-of select="/rss/channel/title"/> &#8212; RSS</title>
+        <link rel="icon" type="image/png" href="/delta-favicon.png"/>
+        <style>
+          *{box-sizing:border-box;}
+          body{
+            margin:0; padding:0;
+            background-color:#050505;
+            background-image:
+              linear-gradient(to right, rgba(255,255,255,0.02) 1px, transparent 1px),
+              linear-gradient(to bottom, rgba(255,255,255,0.02) 1px, transparent 1px);
+            background-size:40px 40px;
+            color:#a3a3a3;
+            font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+            font-size:14px; line-height:1.65;
+            -webkit-font-smoothing:antialiased;
+          }
+          ::selection{background:#262626;color:#fff;}
+          .wrap{max-width:820px;margin:0 auto;padding:56px 20px 80px;}
+          a{color:inherit;text-decoration:none;transition:color .2s,border-color .2s;}
+
+          .tag{
+            display:inline-block;font-size:10px;letter-spacing:.2em;text-transform:uppercase;
+            color:#525252;border:1px solid #262626;padding:4px 9px;margin-bottom:22px;
+          }
+          h1{
+            margin:0 0 10px;color:#e5e5e5;font-size:clamp(1.5rem,4vw,2.1rem);
+            font-weight:700;text-transform:uppercase;letter-spacing:-.03em;
+          }
+          .sub{margin:0 0 28px;color:#737373;max-width:62ch;}
+
+          .how{border:1px solid #262626;background:rgba(255,255,255,.015);padding:18px 20px;margin-bottom:14px;}
+          .how h2{margin:0 0 10px;color:#e5e5e5;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;}
+          .how p{margin:0 0 10px;color:#a3a3a3;}
+          .how p:last-child{margin-bottom:0;}
+          .url{
+            display:block;border:1px solid #262626;background:#0a0a0a;color:#e5e5e5;
+            padding:11px 13px;margin:12px 0;word-break:break-all;font-size:13px;
+          }
+          .url:hover{border-color:#525252;}
+
+          .count{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#525252;margin:34px 0 14px;}
+
+          .item{border:1px solid #262626;background:rgba(255,255,255,.015);padding:20px;margin-bottom:10px;transition:border-color .2s;}
+          .item:hover{border-color:#525252;}
+          .meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#525252;margin-bottom:9px;}
+          .item h3{margin:0 0 9px;font-size:15px;line-height:1.35;color:#e5e5e5;font-weight:700;text-transform:none;letter-spacing:-.01em;}
+          .item a.t:hover h3{color:#fff;}
+          .item p{margin:0;color:#737373;font-size:13px;}
+
+          .foot{margin-top:44px;padding-top:22px;border-top:1px solid #262626;font-size:11px;letter-spacing:.06em;color:#525252;}
+          .foot a{border-bottom:1px solid #262626;}
+          .foot a:hover{color:#e5e5e5;border-color:#525252;}
+
+          @media (max-width:640px){ .wrap{padding:34px 16px 60px;} }
+        </style>
+      </head>
+      <body>
+        <div class="wrap">
+
+          <span class="tag">RSS Feed</span>
+          <h1><xsl:value-of select="/rss/channel/title"/></h1>
+          <p class="sub"><xsl:value-of select="/rss/channel/description"/></p>
+
+          <div class="how">
+            <h2>What this page is</h2>
+            <p>
+              This is an RSS feed. Paste the address below into a feed reader
+              &#8212; Feedly, NetNewsWire, Thunderbird, or a Discord/Slack bot
+              &#8212; and every new report lands there automatically.
+            </p>
+            <p>
+              No email, no signup, nothing collected. You subscribe; we never
+              learn who you are.
+            </p>
+            <a class="url">
+              <xsl:attribute name="href"><xsl:value-of select="/rss/channel/link"/>rss.xml</xsl:attribute>
+              <xsl:value-of select="/rss/channel/link"/>rss.xml
+            </a>
+          </div>
+
+          <p class="count">
+            <xsl:value-of select="count(/rss/channel/item)"/> reports in this feed
+          </p>
+
+          <xsl:for-each select="/rss/channel/item">
+            <div class="item">
+              <div class="meta">
+                <xsl:value-of select="substring(pubDate,6,11)"/>
+                <xsl:if test="category">
+                  <xsl:text> &#183; </xsl:text>
+                  <xsl:value-of select="category[2]"/>
+                </xsl:if>
+              </div>
+              <a class="t">
+                <xsl:attribute name="href"><xsl:value-of select="link"/></xsl:attribute>
+                <h3><xsl:value-of select="title"/></h3>
+              </a>
+              <p><xsl:value-of select="description"/></p>
+            </div>
+          </xsl:for-each>
+
+          <div class="foot">
+            <a>
+              <xsl:attribute name="href"><xsl:value-of select="/rss/channel/link"/></xsl:attribute>
+              &#8592; Back to <xsl:value-of select="/rss/channel/link"/>
+            </a>
+          </div>
+
+        </div>
+      </body>
+    </html>
+  </xsl:template>
+</xsl:stylesheet>
diff --git a/src/pages/rss.xml.ts b/src/pages/rss.xml.ts
index 4007c0e..e7fc1fa 100644
--- a/src/pages/rss.xml.ts
+++ b/src/pages/rss.xml.ts
@@ -11,6 +11,9 @@ export async function GET(context: APIContext) {
     title: '0xDelta Research',
     description: 'Offensive and defensive cybersecurity research — Red Team techniques, malware analysis, threat hunting, and more.',
     site: context.site!,
+    // Faz o navegador renderizar /rss.xml como página legível em vez de XML
+    // cru. Leitores de feed ignoram a folha e leem o XML normalmente.
+    stylesheet: '/rss-styles.xsl',
     items: posts.map(post => ({
       title: post.data.title,
       description: post.data.description,

From a406a3542df5ff830254a4ddb586cb29d7368726 Mon Sep 17 00:00:00 2001
From: serros404 <serros404@gmail.com>
Date: Fri, 18 Sep 2026 08:37:39 -0300
Subject: [PATCH 2/2] refine: make the whole feed card clickable
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The card already lit its border on hover, promising interactivity that
only the title delivered. Everything else looked clickable and was not.

Uses the stretched-link pattern the project already applies to operator
cards and the author card on reports — an absolutely positioned anchor
covering the card, with the report title as its aria-label. The title is
no longer wrapped in its own anchor, so there is one link per card rather
than two pointing at the same place.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 public/rss-styles.xsl | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/public/rss-styles.xsl b/public/rss-styles.xsl
index 4dafc94..0c67d81 100644
--- a/public/rss-styles.xsl
+++ b/public/rss-styles.xsl
@@ -61,11 +61,14 @@
 
           .count{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#525252;margin:34px 0 14px;}
 
-          .item{border:1px solid #262626;background:rgba(255,255,255,.015);padding:20px;margin-bottom:10px;transition:border-color .2s;}
+          .item{position:relative;border:1px solid #262626;background:rgba(255,255,255,.015);padding:20px;margin-bottom:10px;transition:border-color .2s;}
           .item:hover{border-color:#525252;}
+          /* Link esticado: clicar em qualquer area do card abre o relatorio.
+             Mesmo padrao usado nos cards de operador do site. */
+          .item .stretch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;cursor:pointer;}
           .meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#525252;margin-bottom:9px;}
           .item h3{margin:0 0 9px;font-size:15px;line-height:1.35;color:#e5e5e5;font-weight:700;text-transform:none;letter-spacing:-.01em;}
-          .item a.t:hover h3{color:#fff;}
+          .item:hover h3{color:#fff;}
           .item p{margin:0;color:#737373;font-size:13px;}
 
           .foot{margin-top:44px;padding-top:22px;border-top:1px solid #262626;font-size:11px;letter-spacing:.06em;color:#525252;}
@@ -105,6 +108,10 @@
 
           <xsl:for-each select="/rss/channel/item">
             <div class="item">
+              <a class="stretch">
+                <xsl:attribute name="href"><xsl:value-of select="link"/></xsl:attribute>
+                <xsl:attribute name="aria-label"><xsl:value-of select="title"/></xsl:attribute>
+              </a>
               <div class="meta">
                 <xsl:value-of select="substring(pubDate,6,11)"/>
                 <xsl:if test="category">
@@ -112,10 +119,7 @@
                   <xsl:value-of select="category[2]"/>
                 </xsl:if>
               </div>
-              <a class="t">
-                <xsl:attribute name="href"><xsl:value-of select="link"/></xsl:attribute>
-                <h3><xsl:value-of select="title"/></h3>
-              </a>
+              <h3><xsl:value-of select="title"/></h3>
               <p><xsl:value-of select="description"/></p>
             </div>
           </xsl:for-each>