From 42bf0c4a593f329fa79b63fe9121b8253a2d0ca3 Mon Sep 17 00:00:00 2001
From: Avvrik <avvrik@users.noreply.github.com>
Date: Tue, 26 Aug 2025 11:46:28 +0500
Subject: [PATCH] add twitter lists

---
 app/cross-chain/TwitterLoader.tsx        |  24 ----
 app/cross-chain/page.tsx                 | 142 ++++++++++-----------
 app/ethereum/EthereumTimelines.tsx       |  75 -----------
 app/ethereum/OrnellaWeb3.md              |  12 --
 app/ethereum/VitalikButerin.md           |  10 --
 app/ethereum/ethereumJoseph.md           |  12 --
 app/ethereum/francescoswiss.md           |  11 --
 app/ethereum/owocki.md                   |  12 --
 app/ethereum/page.tsx                    | 147 ++++++++++------------
 app/ethereum/sassal0x.md                 |  12 --
 app/solana/SolanaTimelines.tsx           |  58 ---------
 app/solana/TwitterLoader.tsx             |  24 ----
 app/solana/page.tsx                      | 154 +++++++++++------------
 app/solana/solana-twitter-0xmert.md      |  12 --
 app/solana/solana-twitter-aeyakovenko.md |  12 --
 app/solana/solana-twitter-bmigliaccio.md |  12 --
 app/solana/solana-twitter-foundation.md  |  10 --
 app/solana/solana-twitter-guibibeau.md   |  11 --
 app/solana/solana-twitter-turbine.md     |  11 --
 19 files changed, 210 insertions(+), 551 deletions(-)
 delete mode 100644 app/cross-chain/TwitterLoader.tsx
 delete mode 100644 app/ethereum/EthereumTimelines.tsx
 delete mode 100644 app/ethereum/OrnellaWeb3.md
 delete mode 100644 app/ethereum/VitalikButerin.md
 delete mode 100644 app/ethereum/ethereumJoseph.md
 delete mode 100644 app/ethereum/francescoswiss.md
 delete mode 100644 app/ethereum/owocki.md
 delete mode 100644 app/ethereum/sassal0x.md
 delete mode 100644 app/solana/SolanaTimelines.tsx
 delete mode 100644 app/solana/TwitterLoader.tsx
 delete mode 100644 app/solana/solana-twitter-0xmert.md
 delete mode 100644 app/solana/solana-twitter-aeyakovenko.md
 delete mode 100644 app/solana/solana-twitter-bmigliaccio.md
 delete mode 100644 app/solana/solana-twitter-foundation.md
 delete mode 100644 app/solana/solana-twitter-guibibeau.md
 delete mode 100644 app/solana/solana-twitter-turbine.md

diff --git a/app/cross-chain/TwitterLoader.tsx b/app/cross-chain/TwitterLoader.tsx
deleted file mode 100644
index 471fcec..0000000
--- a/app/cross-chain/TwitterLoader.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client'
-
-import Script from 'next/script'
-import { useEffect } from 'react'
-
-export default function TwitterLoader() {
-  // Re-hydrate embeds after mount / client navigations
-  useEffect(() => {
-    // Call once after script is available
-    const id = setTimeout(() => {
-      // @ts-ignore
-      if (window.twttr?.widgets?.load) window.twttr.widgets.load()
-    }, 0)
-    return () => clearTimeout(id)
-  }, [])
-
-  return (
-    <Script
-      id="twitter-widgets"
-      src="https://platform.twitter.com/widgets.js"
-      strategy="afterInteractive"
-    />
-  )
-}
diff --git a/app/cross-chain/page.tsx b/app/cross-chain/page.tsx
index d5eb8f4..3fb2a82 100644
--- a/app/cross-chain/page.tsx
+++ b/app/cross-chain/page.tsx
@@ -5,8 +5,8 @@ import matter from 'gray-matter'
 import { marked } from 'marked'
 import Link from 'next/link'
 import Image from 'next/image'
+import Script from 'next/script'
 import { ArrowLeft, Github, ExternalLink, ChevronRight } from 'lucide-react'
-import CrossChainTimelines from './CrossChainTimelines'
 
 export const runtime = 'nodejs'
 export const dynamic = 'force-static'
@@ -21,13 +21,8 @@ type ResourceMeta = {
   dateAdded?: string | Date
   level?: string
   category?: string
-  avatar?: string
-  bio?: string
-  displayName?: string
 }
 
-type TwitterProfile = { handle: string; title?: string; avatar?: string; bio?: string }
-
 const toLower = (s: unknown) => String(s || '').toLowerCase().trim()
 const arrLower = (a?: unknown[]) => (Array.isArray(a) ? a.map(toLower) : [])
 
@@ -43,12 +38,6 @@ const isCrossChainTag = (tags?: unknown) => {
   return t.some(x => keys.includes(x))
 }
 
-const isTwitterTag = (tags?: unknown) => {
-  if (!Array.isArray(tags)) return false
-  const t = tags.map(toLower)
-  return t.includes('twitter') || t.includes('x') || t.includes('twitter profile')
-}
-
 const isGithub = (url?: string) => {
   if (!url) return false
   try {
@@ -74,26 +63,23 @@ function haystack(meta: ResourceMeta) {
 const containsPhrase = (hay: string, phrase: string) => hay.includes(` ${phrase.toLowerCase()} `)
 const containsAny = (hay: string, items: string[]) => items.some((p) => containsPhrase(hay, p))
 
-// NEW classifier → 'guides' | 'code' | 'courses'
+// Classifier → 'guides' | 'code' | 'courses'
 function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   const hay = haystack(meta)
   const tags = arrLower(meta.tags)
 
-  // Courses (books, bootcamps, cohorts, workshops)
   const courseSignals = [
     'course','courses','bootcamp','academy','curriculum','lesson','lectures','mooc',
     'program','tutorial series','cohort','workshop','training','learn'
   ]
   if (tags.includes('book') || containsAny(hay, courseSignals)) return 'courses'
 
-  // Code & Templates (GitHub or code-y hints)
   const codeSignals = [
     'template','templates','starter','starter kit','boilerplate','example','examples','sample','samples',
     'repo','repository','scaffold','sdk','library','cookbook','reference implementation'
   ]
   if (isGithub(meta.url) || containsAny(hay, codeSignals)) return 'code'
 
-  // Guides & Docs (default)
   const guideSignals = [
     'docs','documentation','reference','api reference','guide','guides','how to','how-to','tutorial','handbook',
     'overview','walkthrough','article','blog','deep dive','concepts','introduction','intro','primer','fundamentals'
@@ -107,31 +93,6 @@ function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   return 'guides'
 }
 
-// Extract @handle from authors/url/title
-function extractTwitterHandle(meta: ResourceMeta): string | null {
-  const handleRe = /^@?([A-Za-z0-9_]{1,15})$/
-  for (const a of meta.authors || []) {
-    const m = String(a).trim().match(handleRe)
-    if (m) return m[1]
-  }
-  if (meta.url) {
-    try {
-      const u = new URL(meta.url)
-      const host = u.hostname.replace(/^www\./, '')
-      if (host === 'twitter.com' || host === 'x.com') {
-        const seg = u.pathname.split('/').filter(Boolean)[0] || ''
-        const m = seg.match(handleRe)
-        if (m) return m[1]
-      }
-    } catch {}
-  }
-  if (meta.title?.trim().startsWith('@')) {
-    const m = meta.title.trim().match(handleRe)
-    if (m) return m[1]
-  }
-  return null
-}
-
 // Blog MD -> HTML
 async function getBlogHtml() {
   try {
@@ -144,41 +105,21 @@ async function getBlogHtml() {
   }
 }
 
-// Read .md files for cross-chain page
+// Read .md files for cross-chain page (resources only; Twitter removed)
 async function getCrossChainContent(): Promise<{
   resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[]
-  profiles: TwitterProfile[]
 }> {
   const dir = path.join(process.cwd(), 'app', 'cross-chain')
   const files = await fs.promises.readdir(dir)
   const mdFiles = files.filter(f => f.toLowerCase().endsWith('.md') && f.toLowerCase() !== 'blogpost.md')
 
   const resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[] = []
-  const handles = new Set<string>()
-  const profiles: TwitterProfile[] = []
 
   for (const file of mdFiles) {
     const raw = await fs.promises.readFile(path.join(dir, file), 'utf-8')
     const { data } = matter(raw)
     const meta = data as ResourceMeta
 
-    if (isTwitterTag(meta.tags)) {
-      const h = extractTwitterHandle(meta)
-      if (h) {
-        const key = h.toLowerCase()
-        if (!handles.has(key)) {
-          handles.add(key)
-          profiles.push({
-            handle: h,
-            title: meta.displayName || meta.title,
-            avatar: typeof meta.avatar === 'string' ? meta.avatar : undefined,
-            bio: typeof meta.bio === 'string' ? meta.bio : undefined,
-          })
-        }
-      }
-      continue
-    }
-
     if (!isCrossChainTag(meta.tags)) continue
     if (!meta.url) continue
 
@@ -198,14 +139,13 @@ async function getCrossChainContent(): Promise<{
   }
 
   resources.sort((a, b) => (new Date(b.dateAdded || 0).getTime()) - (new Date(a.dateAdded || 0).getTime()))
-  return { resources, profiles }
+  return { resources }
 }
 
 export default async function CrossChainPage() {
   const [blogContent, content] = await Promise.all([getBlogHtml(), getCrossChainContent()])
-  const { resources, profiles } = content
+  const { resources } = content
 
-  // NEW buckets
   const guidesDocs    = resources.filter(r => r.section === 'guides')
   const codeTemplates = resources.filter(r => r.section === 'code')
   const courses       = resources.filter(r => r.section === 'courses')
@@ -254,6 +194,9 @@ export default async function CrossChainPage() {
       </section>
     ) : null
 
+  const listId = '1959979019140563201'
+  const listUrl = 'https://x.com/i/lists/1959979019140563201'
+
   return (
     <div className="min-h-screen bg-black">
       {/* Contained Banner */}
@@ -296,20 +239,69 @@ export default async function CrossChainPage() {
           </div>
         </details>
 
-        {/* NEW auto sections */}
+        {/* Auto sections */}
         <Section title="Guides & Docs" items={guidesDocs} />
         <Section title="Code & Templates" items={codeTemplates} />
         <Section title="Courses" items={courses} />
 
-        {/* Cross-Chain Twitter */}
-        {profiles.length > 0 && (
-          <section className="mb-12">
-            <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">
-              Cross-Chain Twitter
-            </h2>
-            <CrossChainTimelines profiles={profiles} />
-          </section>
-        )}
+        {/* New: Interactive Twitter List section */}
+        <section className="mb-12">
+          <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">
+            Cross-chain infra and dev tooling in one place
+          </h2>
+
+          <div className="rounded-lg border border-white/10 bg-[#1a1a1a] p-4">
+            <div className="mb-3 text-sm text-white/70">
+              Curated accounts worth following{' '}
+              <a
+                className="text-[#73FDEA] hover:text-[#FF00AA]"
+                href={listUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                (open on X)
+              </a>.
+            </div>
+
+            {/* Programmatic timeline container */}
+            <div id="x-list-xchain" />
+
+            {/* Hidden fallback hint */}
+            <div id="x-fallback-xchain" className="hidden mt-3 text-xs text-white/60">
+              If you see “Nothing to see here”, enable third-party cookies or disable tracker blockers
+              for this site, then refresh. You can also open the list directly on X.
+            </div>
+          </div>
+
+          {/* Load widgets.js */}
+          <Script src="https://platform.twitter.com/widgets.js" strategy="afterInteractive" />
+
+          {/* Create the timeline and reveal fallback if the iframe never mounts */}
+          <Script id="x-init-xchain" strategy="afterInteractive">
+            {`
+              (function initXChainList(){
+                function mount() {
+                  var el = document.getElementById('x-list-xchain');
+                  if (!window.twttr || !window.twttr.widgets || !el) return setTimeout(mount, 80);
+                  if (el.dataset.mounted) return;
+                  el.dataset.mounted = '1';
+                  window.twttr.widgets.createTimeline(
+                    { sourceType: 'list', id: '${listId}' },
+                    el,
+                    { theme: 'dark', height: 620, dnt: true }
+                  );
+                  setTimeout(function(){
+                    if (!el.querySelector('iframe')) {
+                      var fb = document.getElementById('x-fallback-xchain');
+                      if (fb) fb.classList.remove('hidden');
+                    }
+                  }, 3000);
+                }
+                mount();
+              })();
+            `}
+          </Script>
+        </section>
 
         {/* CTA */}
         <div className="mt-12 bg-gradient-to-r from-[#8E1CF1] to-[#FF00AA] rounded-lg p-8 text-center">
diff --git a/app/ethereum/EthereumTimelines.tsx b/app/ethereum/EthereumTimelines.tsx
deleted file mode 100644
index a6b80b3..0000000
--- a/app/ethereum/EthereumTimelines.tsx
+++ /dev/null
@@ -1,75 +0,0 @@
-'use client'
-
-type Profile = {
-  handle: string
-  title?: string
-  avatar?: string
-  bio?: string
-  displayName?: string
-}
-
-function displayNameOf(p: Profile) {
-  if (p.displayName && p.displayName.trim()) return p.displayName.trim()
-  if (p.title && !p.title.startsWith('@')) return p.title.trim()
-  return p.handle.replace(/^@/, '')
-}
-
-export default function EthereumTimelines({ profiles }: { profiles: Profile[] }) {
-  if (!profiles || profiles.length === 0) return null
-
-  return (
-    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-      {profiles.map((p) => {
-        const raw = p.handle.replace(/^@/, '').trim()
-        const handle = raw.toLowerCase()                      // 👈 normalize to lowercase
-        const name = displayNameOf(p)
-        const sameAsHandle = name.replace(/^@/, '').toLowerCase() === handle
-
-        const avatar =
-          (p.avatar && p.avatar.trim()) || `https://unavatar.io/twitter/${handle}`
-
-        return (
-          <div key={handle} className="rounded-lg border border-white/10 bg-[#0f0f10] p-4 hover:border-white/20 transition-colors">
-            <div className="flex items-start gap-3">
-              <div className="relative h-10 w-10 rounded-full overflow-hidden bg-[#1a1a1a] border border-white/10 shrink-0">
-                {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img
-                  src={avatar}
-                  alt={`@${handle} avatar`}
-                  className="h-full w-full object-cover"
-                  onError={(e) => {
-                    (e.currentTarget as HTMLImageElement).src = `https://unavatar.io/twitter/${handle}`
-                  }}
-                />
-              </div>
-
-              <div className="min-w-0">
-                {sameAsHandle ? (
-                  <span className="text-white font-semibold truncate">@{handle}</span>
-                ) : (
-                  <div className="flex items-center gap-2">
-                    <span className="text-white font-semibold truncate">{name}</span>
-                    <span className="text-white/50 truncate">@{handle}</span>
-                  </div>
-                )}
-
-                {p.bio && <p className="text-white/70 text-sm mt-1 line-clamp-3">{p.bio}</p>}
-
-                <div className="mt-3">
-                  <a
-                    href={`https://x.com/${handle}`}        // 👈 use lowercase handle in URL too
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-xs px-2.5 py-1 rounded bg-white text-black hover:bg-gray-200 font-medium transition-colors"
-                  >
-                    View Profile
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
diff --git a/app/ethereum/OrnellaWeb3.md b/app/ethereum/OrnellaWeb3.md
deleted file mode 100644
index a339c58..0000000
--- a/app/ethereum/OrnellaWeb3.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@OrnellaWeb3"
-description: "X/Twitter profile"
-authors: ["@OrnellaWeb3"]
-tags: ["Ethereum", "Twitter"]
-languages: ["General"]
-url: "https://x.com/OrnellaWeb3"
-avatar: "https://x.com/OrnellaWeb3/photo"  # or any image URL
-bio: "I work for @ethereum at @ethereumfndn"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/ethereum/VitalikButerin.md b/app/ethereum/VitalikButerin.md
deleted file mode 100644
index b35079c..0000000
--- a/app/ethereum/VitalikButerin.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: "@VitalikButerin"
-description: "X/Twitter profile"
-authors: ["@VitalikButerin"]
-tags: ["Ethereum", "Twitter"]
-url: "https://x.com/VitalikButerin"
-avatar: "https://x.com/VitalikButerin/photo"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/ethereum/ethereumJoseph.md b/app/ethereum/ethereumJoseph.md
deleted file mode 100644
index 25e8e0d..0000000
--- a/app/ethereum/ethereumJoseph.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@ethereumJoseph"
-description: "X/Twitter profile"
-authors: ["@ethereumJoseph"]
-tags: ["Ethereum", "Twitter"]
-languages: ["General"]
-url: "https://x.com/ethereumJoseph"
-avatar: "https://x.com/ethereumJoseph/photo"  # or any image URL
-bio: "Co-founder of  @ethereum | Founder of @Consensys"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/ethereum/francescoswiss.md b/app/ethereum/francescoswiss.md
deleted file mode 100644
index d50f0b3..0000000
--- a/app/ethereum/francescoswiss.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: "@francescoswiss"
-description: "X/Twitter profile"
-authors: ["@francescoswiss"]
-tags: ["Ethereum", "Twitter"]
-url: "https://x.com/francescoswiss"
-avatar: "https://x.com/francescoswiss/photo"  # or any image URL
-bio: "Not Forbes 30 under 30 |🇨🇭🧠 DevRel @consensys @MetaMask"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/ethereum/owocki.md b/app/ethereum/owocki.md
deleted file mode 100644
index 90f4fae..0000000
--- a/app/ethereum/owocki.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@owocki"
-description: "X/Twitter profile"
-authors: ["@owocki"]
-tags: ["Ethereum", "Twitter"]
-languages: ["General"]
-url: "https://x.com/owocki"
-avatar: "https://x.com/owocki/photo"  # or any image URL
-bio: "etheruem localist, DAO cartographer, EVM whisperer, shitpost artist + chaos magician @allo_capital/@gitcoin"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/ethereum/page.tsx b/app/ethereum/page.tsx
index f4fbda5..6cbd12e 100644
--- a/app/ethereum/page.tsx
+++ b/app/ethereum/page.tsx
@@ -5,8 +5,8 @@ import matter from 'gray-matter'
 import { marked } from 'marked'
 import Link from 'next/link'
 import Image from 'next/image'
+import Script from 'next/script'
 import { ArrowLeft, Github, ExternalLink, ChevronRight } from 'lucide-react'
-import EthereumTimelines from './EthereumTimelines'
 
 export const runtime = 'nodejs'
 export const dynamic = 'force-static'
@@ -21,18 +21,6 @@ type ResourceMeta = {
   dateAdded?: string | Date
   level?: string
   category?: string
-  // twitter extras
-  avatar?: string
-  bio?: string
-  displayName?: string
-}
-
-type TwitterProfile = {
-  handle: string
-  title?: string
-  avatar?: string
-  bio?: string
-  displayName?: string
 }
 
 // ---------- helpers ----------
@@ -42,9 +30,6 @@ const arrLower = (a?: unknown[]) => (Array.isArray(a) ? a.map(toLower) : [])
 const isEthereumTag = (tags?: unknown) =>
   Array.isArray(tags) && tags.map(toLower).some(t => ['ethereum','eth','evm','ethereum dev'].includes(t))
 
-const isTwitterTag = (tags?: unknown) =>
-  Array.isArray(tags) && tags.map(toLower).some(t => ['twitter','x','twitter profile'].includes(t))
-
 const isGithub = (url?: string) => {
   if (!url) return false
   try {
@@ -68,8 +53,7 @@ function haystack(meta: ResourceMeta) {
 const containsPhrase = (hay: string, phrase: string) => hay.includes(` ${phrase.toLowerCase()} `)
 const containsAny = (hay: string, items: string[]) => items.some(p => containsPhrase(hay, p))
 
-// Classifier → 'guides' | 'code' | 'courses'  (Ecosystem removed)
-// Anything that would've been "ecosystem" now falls under Guides & Docs unless it matches Code or Courses.
+// Classifier → 'guides' | 'code' | 'courses'
 function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   const hay = haystack(meta)
   const tags = arrLower(meta.tags)
@@ -86,7 +70,6 @@ function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   ]
   if (isGithub(meta.url) || containsAny(hay, codeSignals)) return 'code'
 
-  // Fold prior "ecosystem" hints into Guides & Docs
   const ecosystemSignals = [
     'node.js','nodejs','npm','pnpm','yarn','nvm',
     'hardhat','foundry','forge','anvil','remix',
@@ -103,36 +86,9 @@ function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   ]
 
   if (containsAny(hay, guideSignals) || containsAny(hay, ecosystemSignals)) return 'guides'
-
-  // Default to Guides & Docs
   return 'guides'
 }
 
-// Twitter handle extraction
-function extractTwitterHandle(meta: ResourceMeta): string | null {
-  const handleRe = /^@?([A-Za-z0-9_]{1,15})$/
-  for (const a of meta.authors || []) {
-    const m = String(a).trim().match(handleRe)
-    if (m) return m[1]
-  }
-  if (meta.url) {
-    try {
-      const u = new URL(meta.url)
-      const host = u.hostname.replace(/^www\./,'')
-      if (host === 'twitter.com' || host === 'x.com') {
-        const seg = u.pathname.split('/').filter(Boolean)[0] || ''
-        const m = seg.match(handleRe)
-        if (m) return m[1]
-      }
-    } catch {}
-  }
-  if (meta.title?.trim().startsWith('@')) {
-    const m = meta.title.trim().match(handleRe)
-    if (m) return m[1]
-  }
-  return null
-}
-
 // Blog MD -> HTML
 async function getBlogHtml() {
   try {
@@ -145,44 +101,21 @@ async function getBlogHtml() {
   }
 }
 
-// Read .md and split into resources + twitter profiles
+// Read .md and collect resources
 async function getEthereumContent(): Promise<{
   resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[]
-  profiles: TwitterProfile[]
 }> {
   const dir = path.join(process.cwd(), 'app', 'ethereum')
   const files = await fs.promises.readdir(dir)
   const mdFiles = files.filter(f => f.toLowerCase().endsWith('.md') && f.toLowerCase() !== 'blogpost.md')
 
   const resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[] = []
-  const profiles: TwitterProfile[] = []
-  const seen = new Set<string>()
 
   for (const file of mdFiles) {
     const raw = await fs.promises.readFile(path.join(dir, file), 'utf-8')
     const { data } = matter(raw)
     const meta = data as ResourceMeta
 
-    // Twitter profiles
-    if (isTwitterTag(meta.tags)) {
-      const h = extractTwitterHandle(meta)
-      if (h) {
-        const key = h.toLowerCase()
-        if (!seen.has(key)) {
-          seen.add(key)
-          profiles.push({
-            handle: h,
-            title: meta.title,
-            displayName: meta.displayName,
-            avatar: typeof meta.avatar === 'string' ? meta.avatar : undefined,
-            bio: typeof meta.bio === 'string' ? meta.bio : undefined,
-          })
-        }
-      }
-      continue
-    }
-
-    // Normal resources
     if (!isEthereumTag(meta.tags)) continue
     if (!meta.url) continue
 
@@ -202,12 +135,12 @@ async function getEthereumContent(): Promise<{
   }
 
   resources.sort((a, b) => (new Date(b.dateAdded || 0).getTime()) - (new Date(a.dateAdded || 0).getTime()))
-  return { resources, profiles }
+  return { resources }
 }
 
 export default async function EthereumPage() {
   const [blogContent, content] = await Promise.all([getBlogHtml(), getEthereumContent()])
-  const { resources, profiles } = content
+  const { resources } = content
 
   const guidesDocs    = resources.filter(r => r.section === 'guides')
   const codeTemplates = resources.filter(r => r.section === 'code')
@@ -254,6 +187,9 @@ export default async function EthereumPage() {
       </section>
     ) : null
 
+  const ethListId = '1959975314357916004'
+  const ethListUrl = 'https://x.com/i/lists/1959975314357916004'
+
   return (
     <div className="min-h-screen bg-black">
       {/* Banner */}
@@ -291,18 +227,69 @@ export default async function EthereumPage() {
           </div>
         </details>
 
-        {/* Auto sections (Ecosystem removed) */}
+        {/* Auto sections */}
         <Section title="Guides & Docs" items={guidesDocs} />
         <Section title="Code & Templates" items={codeTemplates} />
         <Section title="Courses" items={courses} />
 
-        {/* Ethereum Twitter (unchanged) */}
-        {profiles.length > 0 && (
-          <section className="mb-12">
-            <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">Ethereum Twitter</h2>
-            <EthereumTimelines profiles={profiles} />
-          </section>
-        )}
+        {/* New: Interactive Twitter List section (Early-Stage style) */}
+        <section className="mb-12">
+          <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">
+            Ethereum’s core builders shaping the ecosystem
+          </h2>
+
+          <div className="rounded-lg border border-white/10 bg-[#1a1a1a] p-4">
+            <div className="mb-3 text-sm text-white/70">
+              Curated accounts worth following{' '}
+              <a
+                className="text-[#73FDEA] hover:text-[#FF00AA]"
+                href={ethListUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                (open on X)
+              </a>.
+            </div>
+
+            {/* Programmatic timeline container */}
+            <div id="x-list-eth" />
+
+            {/* Hidden fallback hint */}
+            <div id="x-fallback-eth" className="hidden mt-3 text-xs text-white/60">
+              If you see “Nothing to see here”, enable third-party cookies or disable tracker blockers
+              for this site, then refresh. You can also open the list directly on X.
+            </div>
+          </div>
+
+          {/* Load widgets.js once it’s safe */}
+          <Script src="https://platform.twitter.com/widgets.js" strategy="afterInteractive" />
+
+          {/* Create the timeline and reveal fallback if the iframe never mounts */}
+          <Script id="x-init-eth" strategy="afterInteractive">
+            {`
+              (function initEthList(){
+                function mount() {
+                  var el = document.getElementById('x-list-eth');
+                  if (!window.twttr || !window.twttr.widgets || !el) return setTimeout(mount, 80);
+                  if (el.dataset.mounted) return;
+                  el.dataset.mounted = '1';
+                  window.twttr.widgets.createTimeline(
+                    { sourceType: 'list', id: '${ethListId}' },
+                    el,
+                    { theme: 'dark', height: 620, dnt: true }
+                  );
+                  setTimeout(function(){
+                    if (!el.querySelector('iframe')) {
+                      var fb = document.getElementById('x-fallback-eth');
+                      if (fb) fb.classList.remove('hidden');
+                    }
+                  }, 3000);
+                }
+                mount();
+              })();
+            `}
+          </Script>
+        </section>
 
         {/* CTA */}
         <div className="mt-12 bg-gradient-to-r from-[#8E1CF1] to-[#FF00AA] rounded-lg p-8 text-center">
diff --git a/app/ethereum/sassal0x.md b/app/ethereum/sassal0x.md
deleted file mode 100644
index 706085b..0000000
--- a/app/ethereum/sassal0x.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@sassal0x"
-description: "X/Twitter profile"
-authors: ["@sassal0x"]
-tags: ["Ethereum", "Twitter"]
-languages: ["General"]
-url: "https://x.com/sassal0x"
-avatar: "https://x.com/sassal0x/photo"  # or any image URL
-bio: "Independent Ethereum educator, angel investor and advisor"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/SolanaTimelines.tsx b/app/solana/SolanaTimelines.tsx
deleted file mode 100644
index d365a1f..0000000
--- a/app/solana/SolanaTimelines.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-'use client'
-
-type TwitterProfile = {
-  handle: string
-  title?: string
-  avatar?: string
-  bio?: string
-}
-
-export default function SolanaTimelines({ profiles }: { profiles: TwitterProfile[] }) {
-  return (
-    <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
-      {profiles.map((p) => {
-        const handle = p.handle.replace(/^@/, '')
-        const avatar = p.avatar || `https://unavatar.io/twitter/${handle}`
-
-        return (
-          <div
-            key={handle}
-            className="rounded-lg border border-white/10 bg-[#0f0f10] p-4 hover:border-white/20 transition-colors"
-          >
-            <div className="flex items-start gap-3">
-              <div className="relative h-10 w-10 rounded-full overflow-hidden bg-[#1a1a1a] border border-white/10 shrink-0">
-                {/* eslint-disable-next-line @next/next/no-img-element */}
-                <img
-                  src={avatar}
-                  alt={`@${handle} avatar`}
-                  className="h-full w-full object-cover"
-                  onError={(e) => {
-                    (e.currentTarget as HTMLImageElement).src = `https://unavatar.io/twitter/${handle}`
-                  }}
-                />
-              </div>
-
-              <div className="min-w-0 flex-1">
-                <div className="text-white font-semibold truncate">@{handle}</div>
-                {p.bio ? (
-                  <p className="text-white/70 text-sm mt-1 line-clamp-3">{p.bio}</p>
-                ) : null}
-
-                <div className="mt-3">
-                  <a
-                    href={`https://x.com/${handle}`}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="inline-flex items-center rounded-md bg-white text-black px-3 py-1.5 text-xs font-medium hover:bg-gray-200 transition-colors"
-                  >
-                    View Profile
-                  </a>
-                </div>
-              </div>
-            </div>
-          </div>
-        )
-      })}
-    </div>
-  )
-}
diff --git a/app/solana/TwitterLoader.tsx b/app/solana/TwitterLoader.tsx
deleted file mode 100644
index 471fcec..0000000
--- a/app/solana/TwitterLoader.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-'use client'
-
-import Script from 'next/script'
-import { useEffect } from 'react'
-
-export default function TwitterLoader() {
-  // Re-hydrate embeds after mount / client navigations
-  useEffect(() => {
-    // Call once after script is available
-    const id = setTimeout(() => {
-      // @ts-ignore
-      if (window.twttr?.widgets?.load) window.twttr.widgets.load()
-    }, 0)
-    return () => clearTimeout(id)
-  }, [])
-
-  return (
-    <Script
-      id="twitter-widgets"
-      src="https://platform.twitter.com/widgets.js"
-      strategy="afterInteractive"
-    />
-  )
-}
diff --git a/app/solana/page.tsx b/app/solana/page.tsx
index 5b5a017..c20664d 100644
--- a/app/solana/page.tsx
+++ b/app/solana/page.tsx
@@ -5,8 +5,8 @@ import matter from 'gray-matter'
 import { marked } from 'marked'
 import Link from 'next/link'
 import Image from 'next/image'
+import Script from 'next/script'
 import { ArrowLeft, Github, ExternalLink, ChevronRight } from 'lucide-react'
-import SolanaTimelines from './SolanaTimelines'
 
 export const runtime = 'nodejs'
 export const dynamic = 'force-static' // keep static; no API calls needed
@@ -21,14 +21,8 @@ type ResourceMeta = {
   dateAdded?: string | Date
   level?: string
   category?: string
-  // optional for Twitter profiles
-  avatar?: string
-  bio?: string
-  displayName?: string
 }
 
-type TwitterProfile = { handle: string; title?: string; avatar?: string; bio?: string }
-
 // ---------- helpers ----------
 const toLower = (s: unknown) => String(s || '').toLowerCase().trim()
 const arrLower = (a?: unknown[]) => (Array.isArray(a) ? a.map(toLower) : [])
@@ -36,13 +30,13 @@ const arrLower = (a?: unknown[]) => (Array.isArray(a) ? a.map(toLower) : [])
 const isSolanaTag = (tags?: unknown) => {
   if (!Array.isArray(tags)) return false
   const t = tags.map(toLower)
-  return t.includes('solana') || t.includes('sol') || t.includes('svm') || t.includes('solana dev') || t.includes('solana program')
-}
-
-const isTwitterTag = (tags?: unknown) => {
-  if (!Array.isArray(tags)) return false
-  const t = tags.map(toLower)
-  return t.includes('twitter') || t.includes('x') || t.includes('twitter profile')
+  return (
+    t.includes('solana') ||
+    t.includes('sol') ||
+    t.includes('svm') ||
+    t.includes('solana dev') ||
+    t.includes('solana program')
+  )
 }
 
 const isGithub = (url?: string) => {
@@ -71,7 +65,7 @@ function haystack(meta: ResourceMeta) {
 const containsPhrase = (hay: string, phrase: string) => hay.includes(` ${phrase.toLowerCase()} `)
 const containsAny = (hay: string, items: string[]) => items.some((p) => containsPhrase(hay, p))
 
-// New classifier → 'guides' | 'code' | 'courses'
+// Classifier → 'guides' | 'code' | 'courses'
 function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   const hay = haystack(meta)
   const tags = arrLower(meta.tags)
@@ -105,31 +99,6 @@ function classify(meta: ResourceMeta): 'guides' | 'code' | 'courses' {
   return 'guides'
 }
 
-// Pull @handle from authors/url/title
-function extractTwitterHandle(meta: ResourceMeta): string | null {
-  const handleRe = /^@?([A-Za-z0-9_]{1,15})$/
-  for (const a of meta.authors || []) {
-    const m = String(a).trim().match(handleRe)
-    if (m) return m[1]
-  }
-  if (meta.url) {
-    try {
-      const u = new URL(meta.url)
-      const host = u.hostname.replace(/^www\./, '')
-      if (host === 'twitter.com' || host === 'x.com') {
-        const seg = u.pathname.split('/').filter(Boolean)[0] || ''
-        const m = seg.match(handleRe)
-        if (m) return m[1]
-      }
-    } catch {}
-  }
-  if (meta.title?.trim().startsWith('@')) {
-    const m = meta.title.trim().match(handleRe)
-    if (m) return m[1]
-  }
-  return null
-}
-
 // Blog MD -> HTML
 async function getBlogHtml() {
   try {
@@ -142,44 +111,21 @@ async function getBlogHtml() {
   }
 }
 
-// Read .md files: resources + twitter profiles (avatar/bio pulled from frontmatter)
+// Read .md files: resources only (Twitter section removed)
 async function getSolanaContent(): Promise<{
   resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[]
-  profiles: TwitterProfile[]
 }> {
   const dir = path.join(process.cwd(), 'app', 'solana')
   const files = await fs.promises.readdir(dir)
   const mdFiles = files.filter(f => f.toLowerCase().endsWith('.md') && f.toLowerCase() !== 'blogpost.md')
 
   const resources: (ResourceMeta & { key: string; section: ReturnType<typeof classify> })[] = []
-  const handles = new Set<string>()
-  const profiles: TwitterProfile[] = []
 
   for (const file of mdFiles) {
     const raw = await fs.promises.readFile(path.join(dir, file), 'utf-8')
     const { data } = matter(raw)
     const meta = data as ResourceMeta
 
-    // Twitter-profile files (by tag)
-    if (isTwitterTag(meta.tags)) {
-      const h = extractTwitterHandle(meta)
-      if (h) {
-        const key = h.toLowerCase()
-        if (!handles.has(key)) {
-          handles.add(key)
-          profiles.push({
-            handle: h,
-            // prefer displayName if set, else keep title (often @handle)
-            title: meta.displayName || meta.title,
-            avatar: typeof meta.avatar === 'string' ? meta.avatar : undefined,
-            bio: typeof meta.bio === 'string' ? meta.bio : undefined,
-          })
-        }
-      }
-      continue // do NOT include as resource card
-    }
-
-    // Normal resource cards: need Solana tag + url
     if (!isSolanaTag(meta.tags)) continue
     if (!meta.url) continue
 
@@ -201,14 +147,14 @@ async function getSolanaContent(): Promise<{
   // newest first for resources
   resources.sort((a, b) => (new Date(b.dateAdded || 0).getTime()) - (new Date(a.dateAdded || 0).getTime()))
 
-  return { resources, profiles }
+  return { resources }
 }
 
 export default async function SolanaPage() {
   const [blogContent, content] = await Promise.all([getBlogHtml(), getSolanaContent()])
-  const { resources, profiles } = content
+  const { resources } = content
 
-  // New buckets
+  // Buckets
   const guidesDocs    = resources.filter(r => r.section === 'guides')
   const codeTemplates = resources.filter(r => r.section === 'code')
   const courses       = resources.filter(r => r.section === 'courses')
@@ -257,6 +203,9 @@ export default async function SolanaPage() {
       </section>
     ) : null
 
+  const listId = '1959976961242980629'
+  const listUrl = 'https://x.com/i/lists/1959976961242980629'
+
   return (
     <div className="min-h-screen bg-black">
       {/* Contained Banner */}
@@ -281,7 +230,7 @@ export default async function SolanaPage() {
           </Link>
           <h1 className="text-xl md:text-2xl font-display font-bold text-white mb-3">Solana</h1>
           <p className="text-lg text-white/90 max-w-3xl">
-            Explore Solana’s account model, Rust/Anchor programming, and program deployment. Building dApps using
+            Explore Solana’s account model, Rust/Anchor programming, and program deployment. Build dApps with
             Solana-native tools and work with SPL tokens, PDAs, and the Anchor framework.
           </p>
         </div>
@@ -299,20 +248,69 @@ export default async function SolanaPage() {
           </div>
         </details>
 
-        {/* New auto sections */}
+        {/* Auto sections */}
         <Section title="Guides & Docs" items={guidesDocs} />
         <Section title="Code & Templates" items={codeTemplates} />
         <Section title="Courses" items={courses} />
 
-        {/* Solana Twitter (unchanged) */}
-        {profiles.length > 0 && (
-          <section className="mb-12">
-            <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">
-              Solana Twitter
-            </h2>
-            <SolanaTimelines profiles={profiles} />
-          </section>
-        )}
+        {/* New: Interactive Twitter List section */}
+        <section className="mb-12">
+          <h2 className="text-lg md:text-xl font-display font-semibold text-white mb-4">
+            Solana’s core builders shaping the ecosystem
+          </h2>
+
+          <div className="rounded-lg border border-white/10 bg-[#1a1a1a] p-4">
+            <div className="mb-3 text-sm text-white/70">
+              Curated accounts worth following{' '}
+              <a
+                className="text-[#73FDEA] hover:text-[#FF00AA]"
+                href={listUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                (open on X)
+              </a>.
+            </div>
+
+            {/* Programmatic timeline container */}
+            <div id="x-list-sol" />
+
+            {/* Hidden fallback hint */}
+            <div id="x-fallback-sol" className="hidden mt-3 text-xs text-white/60">
+              If you see “Nothing to see here”, enable third-party cookies or disable tracker blockers
+              for this site, then refresh. You can also open the list directly on X.
+            </div>
+          </div>
+
+          {/* Load widgets.js */}
+          <Script src="https://platform.twitter.com/widgets.js" strategy="afterInteractive" />
+
+          {/* Create the timeline and reveal fallback if the iframe never mounts */}
+          <Script id="x-init-sol" strategy="afterInteractive">
+            {`
+              (function initSolList(){
+                function mount() {
+                  var el = document.getElementById('x-list-sol');
+                  if (!window.twttr || !window.twttr.widgets || !el) return setTimeout(mount, 80);
+                  if (el.dataset.mounted) return;
+                  el.dataset.mounted = '1';
+                  window.twttr.widgets.createTimeline(
+                    { sourceType: 'list', id: '${listId}' },
+                    el,
+                    { theme: 'dark', height: 620, dnt: true }
+                  );
+                  setTimeout(function(){
+                    if (!el.querySelector('iframe')) {
+                      var fb = document.getElementById('x-fallback-sol');
+                      if (fb) fb.classList.remove('hidden');
+                    }
+                  }, 3000);
+                }
+                mount();
+              })();
+            `}
+          </Script>
+        </section>
 
         {/* CTA */}
         <div className="mt-12 bg-gradient-to-r from-[#8E1CF1] to-[#FF00AA] rounded-lg p-8 text-center">
diff --git a/app/solana/solana-twitter-0xmert.md b/app/solana/solana-twitter-0xmert.md
deleted file mode 100644
index 80217f3..0000000
--- a/app/solana/solana-twitter-0xmert.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@0xMert_"
-description: "X/Twitter profile"
-authors: ["@0xMert_"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/0xMert_"
-avatar: "https://x.com/0xMert_/photo"  # or any image URL
-bio: "ceo @heliuslabs, ex @coinbase — Solana RPCs, APIs, trading infra: http://helius.dev "  # optional
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/solana-twitter-aeyakovenko.md b/app/solana/solana-twitter-aeyakovenko.md
deleted file mode 100644
index c5b7f01..0000000
--- a/app/solana/solana-twitter-aeyakovenko.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@aeyakovenko"
-description: "X/Twitter profile"
-authors: ["@aeyakovenko"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/aeyakovenko"
-avatar: "https://x.com/aeyakovenko/photo"  # or any image URL
-bio: "Co-Founder of Solana Labs."  # optional
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/solana-twitter-bmigliaccio.md b/app/solana/solana-twitter-bmigliaccio.md
deleted file mode 100644
index c3235c7..0000000
--- a/app/solana/solana-twitter-bmigliaccio.md
+++ /dev/null
@@ -1,12 +0,0 @@
----
-title: "@b_migliaccio"
-description: "X/Twitter profile"
-authors: ["@b_migliaccio"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/b_migliaccio"
-avatar: "https://x.com/b_migliaccio/photo"  # or any image URL
-bio: "building things 🛠️ @SolanaFndn"  # optional
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/solana-twitter-foundation.md b/app/solana/solana-twitter-foundation.md
deleted file mode 100644
index 2f1d2c9..0000000
--- a/app/solana/solana-twitter-foundation.md
+++ /dev/null
@@ -1,10 +0,0 @@
----
-title: "@SolanaFndn"
-description: "X/Twitter profile"
-authors: ["@SolanaFndn"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/SolanaFndn"
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/solana-twitter-guibibeau.md b/app/solana/solana-twitter-guibibeau.md
deleted file mode 100644
index 978f70d..0000000
--- a/app/solana/solana-twitter-guibibeau.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: "@GuiBibeau"
-description: "X/Twitter profile"
-authors: ["@GuiBibeau"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/GuiBibeau"
-bio: "Education @solanafndn, YouTuber https://guibibeau.com"  # optional
-dateAdded: 2025-08-12
-category: "Twitter"
----
diff --git a/app/solana/solana-twitter-turbine.md b/app/solana/solana-twitter-turbine.md
deleted file mode 100644
index 2ad3173..0000000
--- a/app/solana/solana-twitter-turbine.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-title: "@solanaturbine"
-description: "X/Twitter profile"
-authors: ["@solanaturbine"]
-tags: ["Solana", "Twitter"]
-languages: ["General"]
-url: "https://x.com/solanaturbine"
-bio: "The premiere developer institute, innovation lab, research hub, talent source, dev shop on @solana. The Solana Talent Engine."  # optional
-dateAdded: 2025-08-12
-category: "Twitter"
----