S33R/index.html at main · clivoa/S33R · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
---
layout: null
permalink: /
---
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="icon" type="image/svg+xml" href="{{ '/brand/favicon.svg' | relative_url }}" />
  <link rel="icon" type="image/png" sizes="32x32" href="{{ '/brand/favicon-32.png' | relative_url }}" />
  <link rel="icon" type="image/png" sizes="16x16" href="{{ '/brand/favicon-16.png' | relative_url }}" />
  <link rel="apple-touch-icon" href="{{ '/brand/apple-touch-icon.png' | relative_url }}" />
  <title>S33R — Security Intelligence Feed</title>
  <script src="{{ '/ui.js' | relative_url }}"></script>
  <link rel="stylesheet" href="{{ '/s33r-feed.css' | relative_url }}" />

  <script>window.S33R = { base: "{{ '/' | relative_url }}", data: "{{ '/data' | relative_url }}", feed: "{{ '/data/news_recent.json' | relative_url }}" };</script>
</head>
<body>
  <div class="app">

    <!-- ══ Activity rail ══ -->
    <nav class="rail" aria-label="Sections">
      <div class="rail-logo" title="S33R — the SEER">
        <svg width="25" height="25" viewBox="0 0 64 64"><path d="M11 59 C11 30 17 6 32 6 C47 6 53 30 53 59 Z" fill="#37425a"/><path d="M22 30 C22 17 26 12 32 12 C38 12 42 17 42 30 C42 41 38 48 32 48 C26 48 22 41 22 30 Z" fill="#0c0f16"/><path d="M24 31 C25 41 28 49 32 51 C36 49 39 41 40 31 C36 36 28 36 24 31 Z" fill="#e8edf4"/><circle cx="37" cy="25" r="8.1" fill="#f5a623" opacity="0.10"/><circle cx="37" cy="25" r="4.9" fill="#f5a623" opacity="0.20"/><circle cx="37" cy="25" r="2.6" fill="#f5a623"/><circle cx="36.2" cy="24.2" r="1.05" fill="#fff" opacity="0.85"/></svg>
      </div>
      <a class="rail-link on" href="{{ '/' | relative_url }}" aria-current="page"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M4 11a9 9 0 0 1 9 9"/><path d="M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg>FEED</a>
      <a class="rail-link" href="{{ '/morning/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M5 5l1.5 1.5M17.5 17.5 19 19M2 12h2M20 12h2M5 19l1.5-1.5M17.5 6.5 19 5"/></svg>AM</a>
      <a class="rail-link" href="{{ '/trend/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>TREND</a>
      <a class="rail-link" href="{{ '/history/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 16 14"/></svg>HIST</a>
      <a class="rail-link" href="{{ '/briefs/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>BRIEF</a>
      <a class="rail-link" href="{{ '/archive/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><polyline points="21 8 21 21 3 21 3 8"/><rect x="1" y="3" width="22" height="5"/></svg>ARCH</a>
      <a class="rail-link" href="{{ '/archive-overview/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/></svg>OVR</a>
      <a class="rail-link" href="{{ '/sources/' | relative_url }}"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12.5a11 11 0 0 1 14 0"/><path d="M1.5 9a16 16 0 0 1 21 0"/><circle cx="12" cy="20" r="1"/></svg>SRC</a>
      <div class="rail-spacer"></div>
      <a class="rail-github" href="https://github.com/clivoa/S33R" target="_blank" rel="noopener noreferrer" title="Open S33R on GitHub" aria-label="Open S33R on GitHub"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.4 5.4 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.24-.82 2.18-.74.33-2.58.94-3.68-1.18 0 0-.68-1.23-2-1.32 0 0-1.28-.02-.09.8 0 0 .86.4 1.46 1.92 0 0 .77 2.57 4.27 1.7V22"/></svg></a>
      <button class="rail-theme" id="rail-theme" title="Toggle theme (Shift+T)">◐</button>
    </nav>

    <!-- ══ Categories rail ══ -->
    <aside class="filters" aria-label="Filters">
      <div>
        <div class="brand-block"><svg width="22" height="22" viewBox="0 0 64 64" style="flex-shrink:0"><path d="M11 59 C11 30 17 6 32 6 C47 6 53 30 53 59 Z" fill="#37425a"/><path d="M22 30 C22 17 26 12 32 12 C38 12 42 17 42 30 C42 41 38 48 32 48 C26 48 22 41 22 30 Z" fill="#0c0f16"/><path d="M24 31 C25 41 28 49 32 51 C36 49 39 41 40 31 C36 36 28 36 24 31 Z" fill="#e8edf4"/><circle cx="37" cy="25" r="8.1" fill="#f5a623" opacity="0.10"/><circle cx="37" cy="25" r="4.9" fill="#f5a623" opacity="0.20"/><circle cx="37" cy="25" r="2.6" fill="#f5a623"/><circle cx="36.2" cy="24.2" r="1.05" fill="#fff" opacity="0.85"/></svg><span class="brand-mark">S33R</span></div>
        <span class="live-pill">LIVE INTEL</span>
        <p class="filters-tagline"><span class="js-feed-count">702</span> feeds monitored · classified &amp; scored hourly</p>
      </div>
      <section class="f-group">
        <h2 class="f-title">Categories</h2>
        <div class="cat-list" id="cat-list"></div>
      </section>
      <section class="f-group">
        <h2 class="f-title">Smart groups</h2>
        <p class="f-help">Items are auto-tagged from keywords in title &amp; summary — <b>Ransomware</b>, <b>Exploit / PoC</b>, <b>Threat Actors</b>, <b>Cloud / SaaS</b> and more.</p>
      </section>
    </aside>

    <!-- ══ Main ══ -->
    <main class="main">
      <div class="threat">
        <span class="lab">THREAT LEVEL</span>
        <span class="lvl" id="threat-lvl">—</span>
        <span class="bars" id="threat-bars"></span>
        <span class="meta"><span><span class="js-feed-count">702</span> FEEDS</span><span>UPDATED <b class="js-updated">—</b></span></span>
      </div>

      <header class="warroom">
        <div class="wr-top">
          <div>
            <h1 class="wr-title" id="wr-title">Loading intelligence feed…</h1>
            <p class="wr-sub">LIVE OPERATIONAL SUMMARY · UPDATED <span class="js-updated">—</span></p>
          </div>
          <div class="wr-actions">
            <button class="btn" id="a-csv"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>Export CSV</button>
            <button class="btn primary" id="a-cves"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>Copy CVEs</button>
          </div>
        </div>
      </header>

      <div class="ribbon">
        <div class="metric"><div class="tick"><i style="width:62%"></i></div><div class="lbl">Last 24h</div><div class="val is-loading" id="m-24h">—</div><div class="sub" id="m-24h-sub">items in feed</div></div>
        <div class="metric accent"><div class="tick"><i style="width:80%"></i></div><div class="lbl">Last 7 days</div><div class="val is-loading" id="m-7d">—</div><div class="sub">items collected</div></div>
        <div class="metric danger"><div class="tick"><i style="width:95%"></i></div><div class="lbl">High signal</div><div class="val is-loading" id="m-hot">—</div><div class="sub">critical / high operational tier</div></div>
        <div class="metric warn"><div class="tick"><i style="width:48%"></i></div><div class="lbl">CVEs tracked</div><div class="val is-loading" id="m-cve">—</div><div class="sub">unique identifiers</div></div>
      </div>

      <div class="toolbar">
        <div class="tool-row">
          <div class="search">
            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg>
            <input id="search-input" type="text" placeholder="Search 0-day, threat actor, CVE-2026-XXXX…  ( press / )" autocomplete="off" aria-label="Search headlines" />
            <button class="clear hidden" id="search-clear" title="Clear" aria-label="Clear search">×</button>
          </div>
          <div class="seg" id="twin">
            <button class="on" data-h="24">24H</button><button data-h="72">72H</button><button data-h="168">7D</button><button data-h="0">ALL</button>
          </div>
          <div class="select-wrap">
            <select id="sort" aria-label="Sort">
              <option value="priority">Signal score</option>
              <option value="latest">Latest first</option>
              <option value="oldest">Oldest first</option>
              <option value="source">Source (A–Z)</option>
            </select>
          </div>
          <label class="check"><input type="checkbox" id="high" /> HIGH-SIGNAL ONLY</label>
        </div>

        <div class="analyst" aria-label="Analyst tools">
          <span class="grp-lbl">Analyst Tools</span>
          <div class="tool-row" id="quick" style="gap:6px">
            <button class="chip" data-kw="CVE-">CVE</button>
            <button class="chip" data-kw="ransomware">Ransomware</button>
            <button class="chip" data-kw="exploit">Exploit</button>
            <button class="chip" data-kw="APT">APT</button>
            <button class="chip" data-kw="phishing">Phishing</button>
            <button class="chip" data-kw="zero-day">Zero-day</button>
          </div>
          <span class="sep"></span>
          <button class="tbtn" id="t-links">Copy links</button>
          <button class="tbtn" id="t-cves">Copy CVEs</button>
          <button class="tbtn" id="t-csv">Export CSV</button>
          <button class="tbtn" id="t-md">Export brief (MD)</button>
          <span class="kbd-hint"><kbd>/</kbd> search<kbd>Esc</kbd> clear<kbd>⇧T</kbd> theme</span>
        </div>
      </div>

      <div class="status">
        <span class="l" id="status-count">Loading…</span>
        <span class="r" id="status-meta"></span>
      </div>

      <section id="feed" class="feed" aria-live="polite">
        <div class="skel"><div class="skel-row"></div><div class="skel-row"></div><div class="skel-row"></div><div class="skel-row"></div></div>
      </section>
    </main>

    <!-- ══ Intel rail ══ -->
    <aside class="intel" aria-label="Live intelligence">
      <div class="ipanel">
        <div class="ih">Top CVEs · window <span class="ct" id="intel-cve-ct">0</span></div>
        <div id="intel-cves"></div>
      </div>
      <div class="ipanel">
        <div class="ih">Smart groups · share</div>
        <div id="intel-groups"></div>
      </div>
      <div class="ipanel">
        <div class="ih">Top sources</div>
        <div id="intel-src"></div>
      </div>
    </aside>

  </div>
  <script src="{{ '/s33r-feed.js' | relative_url }}"></script>
</body>
</html>