consultoria-as/project-afterlife
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
14279a878cbd42d07b8f4958cdcc479557c42bfe
project-afterlife/docs/social-media-posts.html
consultoria-as 0df69b38d5
Some checks failed
Deploy / deploy (push) Has been cancelled
Details
docs: add social media launch posts for Reddit and Threads 
HTML page with copy buttons containing all launch posts for
FusionFall and Drift City in English and Spanish.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-23 08:11:19 +00:00

634 lines
26 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Afterlife — Social Media Posts</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
background: #0a0a0f;
color: #e0e0e0;
line-height: 1.7;
}
header {
text-align: center;
padding: 60px 20px 40px;
background: linear-gradient(135deg, #0d1117 0%, #161b28 50%, #1a1025 100%);
border-bottom: 1px solid rgba(255,255,255,0.06);
}
header h1 {
font-size: 2.5rem;
font-weight: 800;
letter-spacing: -0.03em;
background: linear-gradient(135deg, #fff 0%, #8b9cf7 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: 8px;
}
header p {
color: #6b7280;
font-size: 1.1rem;
}
.container {
max-width: 900px;
margin: 0 auto;
padding: 40px 20px 80px;
}
/* Platform Sections */
.platform-section {
margin-bottom: 60px;
}
.platform-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 30px;
padding-bottom: 16px;
border-bottom: 1px solid rgba(255,255,255,0.08);
}
.platform-icon {
width: 44px;
height: 44px;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.4rem;
font-weight: 700;
flex-shrink: 0;
}
.platform-icon.reddit { background: #ff4500; color: #fff; }
.platform-icon.threads { background: #000; color: #fff; border: 1px solid rgba(255,255,255,0.2); }
.platform-header h2 {
font-size: 1.5rem;
font-weight: 700;
color: #fff;
}
.platform-header span {
font-size: 0.85rem;
color: #6b7280;
font-weight: 400;
}
/* Post Cards */
.post-card {
background: #12141c;
border: 1px solid rgba(255,255,255,0.06);
border-radius: 16px;
margin-bottom: 24px;
overflow: hidden;
transition: border-color 0.2s;
}
.post-card:hover {
border-color: rgba(255,255,255,0.12);
}
.post-meta {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 24px;
background: rgba(255,255,255,0.02);
border-bottom: 1px solid rgba(255,255,255,0.04);
}
.post-tags {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.tag {
font-size: 0.7rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.08em;
padding: 4px 10px;
border-radius: 6px;
background: rgba(255,255,255,0.06);
color: #9ca3af;
}
.tag.en { background: rgba(59,130,246,0.15); color: #60a5fa; }
.tag.es { background: rgba(251,146,60,0.15); color: #fb923c; }
.tag.long { background: rgba(168,85,247,0.15); color: #c084fc; }
.tag.medium { background: rgba(34,197,94,0.15); color: #4ade80; }
.tag.short { background: rgba(236,72,153,0.15); color: #f472b6; }
.copy-btn {
background: rgba(255,255,255,0.06);
border: 1px solid rgba(255,255,255,0.1);
color: #9ca3af;
padding: 6px 16px;
border-radius: 8px;
font-size: 0.8rem;
font-weight: 500;
cursor: pointer;
transition: all 0.2s;
display: flex;
align-items: center;
gap: 6px;
}
.copy-btn:hover {
background: rgba(255,255,255,0.1);
color: #fff;
}
.copy-btn.copied {
background: rgba(34,197,94,0.15);
border-color: rgba(34,197,94,0.3);
color: #4ade80;
}
.post-body {
padding: 24px;
}
.post-title {
font-size: 1.15rem;
font-weight: 700;
color: #fff;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255,255,255,0.06);
}
.post-content {
color: #c9cdd4;
font-size: 0.95rem;
}
.post-content p {
margin-bottom: 12px;
}
.post-content strong {
color: #fff;
font-weight: 600;
}
.post-content ul, .post-content ol {
margin: 8px 0 12px 20px;
}
.post-content li {
margin-bottom: 6px;
}
.post-content h3 {
color: #fff;
font-size: 1rem;
font-weight: 700;
margin: 20px 0 8px;
}
.post-content .game-highlight {
background: rgba(255,255,255,0.03);
border-left: 3px solid #6366f1;
padding: 12px 16px;
margin: 12px 0;
border-radius: 0 8px 8px 0;
}
.post-content .game-highlight.drift {
border-left-color: #06b6d4;
}
/* Threads style */
.threads-post .post-content {
font-size: 1.05rem;
line-height: 1.8;
}
.divider {
height: 1px;
background: rgba(255,255,255,0.06);
margin: 12px 0;
}
.subreddit-list {
color: #6b7280;
font-size: 0.8rem;
margin-top: 4px;
}
/* Responsive */
@media (max-width: 640px) {
header h1 { font-size: 1.8rem; }
.post-meta { flex-direction: column; gap: 12px; align-items: flex-start; }
.post-body { padding: 16px; }
}
</style>
</head>
<body>
<header>
<h1>Project Afterlife</h1>
<p>Social Media Launch Posts &mdash; FusionFall &amp; Drift City</p>
</header>
<div class="container">
<!-- ========== REDDIT ENGLISH ========== -->
<section class="platform-section">
<div class="platform-header">
<div class="platform-icon reddit">R</div>
<div>
<h2>Reddit &mdash; English</h2>
<span>3 versions adapted by subreddit</span>
</div>
</div>
<!-- Reddit EN Long -->
<div class="post-card" id="reddit-en-long">
<div class="post-meta">
<div class="post-tags">
<span class="tag en">English</span>
<span class="tag long">Long</span>
</div>
<div class="subreddit-list">r/gamepreservation &middot; r/Games</div>
<button class="copy-btn" onclick="copyPost('reddit-en-long')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-title">We're building Project Afterlife &mdash; a game preservation initiative. First titles: FusionFall and Drift City</div>
<div class="post-content">
<p>We're a small team of 4 developers working on something we believe matters: preserving online games that have been shut down.</p>
<h3>What is Project Afterlife?</h3>
<p>When an online game's servers go dark, everything disappears &mdash; the worlds, the communities, the stories. Project Afterlife aims to change that in two ways:</p>
<ol>
<li><strong>Private server restoration</strong> &mdash; We reverse-engineer and rebuild game servers so people can play these titles again.</li>
<li><strong>Interactive documentaries</strong> &mdash; For each restored game, we create a chapter-based documentary on our website featuring the game's history, its rise and fall, gameplay breakdowns, and community stories &mdash; all narrated by human voice actors in audiobook format.</li>
</ol>
<h3>Our first two games:</h3>
<div class="game-highlight">
<strong>FusionFall</strong> &mdash; Cartoon Network's ambitious MMO that dropped players into a post-apocalyptic world where Dexter, Ben 10, and the Kids Next Door fought side by side against an alien invasion. It was unlike anything else &mdash; a genuine MMO built around beloved cartoon characters, with real depth. When it shut down in 2013, an entire generation lost a world they grew up in.
</div>
<div class="game-highlight drift">
<strong>Drift City</strong> &mdash; A fast-paced MMO racing game set in a futuristic open-world city. Part racing, part RPG, part open-world exploration. Players tuned cars, ran missions, and drifted through neon-lit streets. It closed its doors in 2016, leaving behind a community that still talks about it.
</div>
<p>Both will get fully restored private servers and their own interactive documentaries &mdash; narrated chapters covering their creation, golden era, decline, shutdown, and resurrection.</p>
<h3>Funding model</h3>
<p>This is a 100% donation-funded initiative. No ads, no paywalls, no premium tiers. Patreon for recurring support, Ko-fi for one-time contributions. Full transparency on fund allocation.</p>
<h3>Current status</h3>
<p>We're in active development. The web platform is being built on our own self-hosted infrastructure. We're working on the server restoration and documentary content for both FusionFall and Drift City simultaneously.</p>
<p>If you played either of these games &mdash; or if you've ever lost an online game you loved &mdash; we'd appreciate your feedback and support.</p>
<p>More updates coming soon.</p>
</div>
</div>
</div>
<!-- Reddit EN Medium -->
<div class="post-card" id="reddit-en-medium">
<div class="post-meta">
<div class="post-tags">
<span class="tag en">English</span>
<span class="tag medium">Medium</span>
</div>
<div class="subreddit-list">r/MMORPG &middot; r/gaming</div>
<button class="copy-btn" onclick="copyPost('reddit-en-medium')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-title">Remember FusionFall? Drift City? We're bringing them back &mdash; introducing Project Afterlife</div>
<div class="post-content">
<p>We've all been there. A game you sunk hundreds of hours into announces it's closing. The servers go offline. And just like that, an entire world vanishes.</p>
<p><strong>Project Afterlife</strong> is a preservation initiative by a team of 4 developers. Our mission:</p>
<ul>
<li><strong>Restore discontinued online games</strong> by rebuilding their servers &mdash; free to play.</li>
<li><strong>Document their history</strong> through interactive web documentaries &mdash; narrated by real people, with images, video, and audio you can listen to like a podcast.</li>
</ul>
<h3>First two games:</h3>
<div class="game-highlight">
<strong>FusionFall</strong> &mdash; Cartoon Network's MMO where Dexter, Ben 10, and the KND fought aliens together. Shut down in 2013. An entire generation's childhood world, gone.
</div>
<div class="game-highlight drift">
<strong>Drift City</strong> &mdash; MMO street racing with RPG elements in a futuristic open world. Closed in 2016. The drifting, the tuning, the neon city &mdash; all of it lost.
</div>
<p>We're restoring both. Playable servers + full interactive documentaries telling their stories from birth to death to resurrection.</p>
<h3>Key details:</h3>
<ul>
<li>Completely free. Funded by voluntary donations only.</li>
<li>Multilingual (English + Spanish).</li>
<li>We cover all genres &mdash; if it was online and it's gone, it's a candidate.</li>
<li>Each game gets a full documentary experience, not just a wiki page.</li>
</ul>
<p>If you ever wished you could log into FusionFall one more time, or drift through those neon streets again &mdash; stay tuned.</p>
</div>
</div>
</div>
<!-- Reddit EN Short / Community -->
<div class="post-card" id="reddit-en-short">
<div class="post-meta">
<div class="post-tags">
<span class="tag en">English</span>
<span class="tag short">Community</span>
</div>
<div class="subreddit-list">r/FusionFall &middot; r/cartoonnetwork</div>
<button class="copy-btn" onclick="copyPost('reddit-en-short')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-title">Project Afterlife &mdash; We're restoring FusionFall with a private server and building an interactive documentary about its history</div>
<div class="post-content">
<p>FusionFall was special. A real MMO set in the Cartoon Network universe, with actual depth, real quests, and a community that genuinely cared. When it shut down in 2013, a lot of us lost something meaningful.</p>
<p>We're a team of 4 developers building <strong>Project Afterlife</strong> &mdash; a game preservation initiative. FusionFall is one of our first two titles (alongside Drift City).</p>
<h3>What we're doing:</h3>
<ul>
<li>Restoring a private server so you can explore the world again</li>
<li>Creating a full interactive documentary on our website &mdash; chapters covering FusionFall's creation, the Cartoon Network vision behind it, the community that formed, how the game evolved, why it shut down, and how we're bringing it back</li>
<li>All narrated by human voice actors in audiobook format &mdash; you can read along or just listen</li>
</ul>
<p>We're funded entirely by donations. No ads, no paywalls.</p>
<p>We'd love to hear from this community. What are your strongest memories of FusionFall? What moments should we make sure to cover in the documentary?</p>
<p>Updates coming soon.</p>
</div>
</div>
</div>
</section>
<!-- ========== REDDIT SPANISH ========== -->
<section class="platform-section">
<div class="platform-header">
<div class="platform-icon reddit">R</div>
<div>
<h2>Reddit &mdash; Espa&ntilde;ol</h2>
<span>Versi&oacute;n completa para comunidades hispanohablantes</span>
</div>
</div>
<div class="post-card" id="reddit-es">
<div class="post-meta">
<div class="post-tags">
<span class="tag es">Espa&ntilde;ol</span>
<span class="tag long">Largo</span>
</div>
<div class="subreddit-list">r/espanol &middot; r/latinoamerica</div>
<button class="copy-btn" onclick="copyPost('reddit-es')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-title">Estamos creando Project Afterlife &mdash; una iniciativa de preservaci&oacute;n de juegos online. Primeros t&iacute;tulos: FusionFall y Drift City</div>
<div class="post-content">
<p>Somos un equipo de 4 programadores trabajando en algo que creemos importante: preservar juegos online que han sido cerrados.</p>
<h3>&iquest;Qu&eacute; es Project Afterlife?</h3>
<p>Cuando los servidores de un juego online se apagan, todo desaparece: los mundos, las comunidades, las historias. Project Afterlife busca cambiar eso de dos formas:</p>
<ol>
<li><strong>Restauraci&oacute;n de servidores privados</strong> &mdash; Reconstruimos los servidores del juego para que la gente pueda volver a jugar.</li>
<li><strong>Documentales interactivos</strong> &mdash; Para cada juego restaurado, creamos un documental por cap&iacute;tulos en nuestra web: la historia del juego, su auge y ca&iacute;da, an&aacute;lisis de gameplay y relatos de la comunidad. Todo narrado por personas reales en formato audiolibro.</li>
</ol>
<h3>Nuestros dos primeros juegos:</h3>
<div class="game-highlight">
<strong>FusionFall</strong> &mdash; El ambicioso MMO de Cartoon Network que nos sumerg&iacute;a en un mundo post-apocal&iacute;ptico donde Dexter, Ben 10 y los Chicos del Barrio luchaban juntos contra una invasi&oacute;n alien&iacute;gena. Era &uacute;nico: un MMO real construido alrededor de los personajes que nos marcaron de ni&ntilde;os. Cuando cerr&oacute; en 2013, toda una generaci&oacute;n perdi&oacute; un mundo en el que creci&oacute;.
</div>
<div class="game-highlight drift">
<strong>Drift City</strong> &mdash; Un juego de carreras MMO ambientado en una ciudad futurista de mundo abierto. Parte carreras, parte RPG, parte exploraci&oacute;n. Tunear coches, misiones, y derrapar por calles iluminadas con ne&oacute;n. Cerr&oacute; en 2016 dejando atr&aacute;s una comunidad que a&uacute;n lo recuerda.
</div>
<p>Ambos tendr&aacute;n servidores privados restaurados y su propio documental interactivo &mdash; cap&iacute;tulos narrados cubriendo su creaci&oacute;n, era dorada, declive, cierre y resurrecci&oacute;n.</p>
<h3>Financiaci&oacute;n</h3>
<p>Iniciativa 100% financiada por donaciones. Sin anuncios, sin muros de pago. Patreon para apoyo recurrente, Ko-fi para donaciones puntuales. Transparencia total.</p>
<h3>Estado actual</h3>
<p>Estamos en desarrollo activo. La plataforma web se est&aacute; construyendo en nuestra propia infraestructura. Trabajamos en la restauraci&oacute;n de servidores y el contenido documental de FusionFall y Drift City simult&aacute;neamente.</p>
<p>Si jugaste a alguno de estos juegos &mdash; o si alguna vez perdiste un juego online que amabas &mdash; agradecemos tu feedback y apoyo.</p>
<p>M&aacute;s novedades pronto.</p>
</div>
</div>
</div>
</section>
<!-- ========== THREADS ENGLISH ========== -->
<section class="platform-section">
<div class="platform-header">
<div class="platform-icon threads">@</div>
<div>
<h2>Threads &mdash; English</h2>
<span>Main post + reply thread</span>
</div>
</div>
<div class="post-card threads-post" id="threads-en-1">
<div class="post-meta">
<div class="post-tags">
<span class="tag en">English</span>
<span class="tag short">Post 1</span>
</div>
<button class="copy-btn" onclick="copyPost('threads-en-1')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-content">
<p>Introducing Project Afterlife.</p>
<p>Two games that deserved better: FusionFall and Drift City. Both shut down. Both forgotten by their publishers. Not by us.</p>
<p>We're a team of 4 rebuilding their servers so you can play again &mdash; and creating interactive documentaries narrated by real humans telling the full story of each game.</p>
<p>Every game deserves an afterlife. These two are first.</p>
</div>
</div>
</div>
<div class="post-card threads-post" id="threads-en-2">
<div class="post-meta">
<div class="post-tags">
<span class="tag en">English</span>
<span class="tag short">Post 2 &mdash; Reply</span>
</div>
<button class="copy-btn" onclick="copyPost('threads-en-2')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-content">
<p>FusionFall: Cartoon Network's MMO. Dexter, Ben 10, KND &mdash; fighting aliens together in an actual open world. Shut down 2013.</p>
<p>Drift City: MMO street racing in a neon-lit futuristic city. RPG progression, open world, pure adrenaline. Shut down 2016.</p>
<p>We're restoring both. Playable servers + full narrated documentaries.</p>
<p>100% free. Funded only by donations. English + Spanish.</p>
<p>Stay tuned.</p>
</div>
</div>
</div>
</section>
<!-- ========== THREADS SPANISH ========== -->
<section class="platform-section">
<div class="platform-header">
<div class="platform-icon threads">@</div>
<div>
<h2>Threads &mdash; Espa&ntilde;ol</h2>
<span>Post principal + hilo de respuesta</span>
</div>
</div>
<div class="post-card threads-post" id="threads-es-1">
<div class="post-meta">
<div class="post-tags">
<span class="tag es">Espa&ntilde;ol</span>
<span class="tag short">Post 1</span>
</div>
<button class="copy-btn" onclick="copyPost('threads-es-1')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-content">
<p>Presentamos Project Afterlife.</p>
<p>Dos juegos que merec&iacute;an m&aacute;s: FusionFall y Drift City. Ambos cerrados. Ambos olvidados por sus distribuidoras. No por nosotros.</p>
<p>Somos un equipo de 4 reconstruyendo sus servidores para que puedas volver a jugar &mdash; y creando documentales interactivos narrados por personas reales contando la historia completa de cada juego.</p>
<p>Todo juego merece una segunda vida. Estos dos son los primeros.</p>
</div>
</div>
</div>
<div class="post-card threads-post" id="threads-es-2">
<div class="post-meta">
<div class="post-tags">
<span class="tag es">Espa&ntilde;ol</span>
<span class="tag short">Post 2 &mdash; Respuesta</span>
</div>
<button class="copy-btn" onclick="copyPost('threads-es-2')">
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg>
Copy
</button>
</div>
<div class="post-body">
<div class="post-content">
<p>FusionFall: El MMO de Cartoon Network. Dexter, Ben 10, los KND &mdash; luchando juntos contra alien&iacute;genas en un mundo abierto real. Cerrado en 2013.</p>
<p>Drift City: Carreras MMO en una ciudad futurista iluminada con ne&oacute;n. Progresi&oacute;n RPG, mundo abierto, adrenalina pura. Cerrado en 2016.</p>
<p>Estamos restaurando ambos. Servidores jugables + documentales narrados completos.</p>
<p>100% gratis. Financiado solo por donaciones. Espa&ntilde;ol + ingl&eacute;s.</p>
<p>Pronto m&aacute;s novedades.</p>
</div>
</div>
</div>
</section>
</div>
<script>
function copyPost(id) {
const card = document.getElementById(id);
const titleEl = card.querySelector('.post-title');
const contentEl = card.querySelector('.post-content');
let text = '';
if (titleEl) {
text += titleEl.textContent.trim() + '\n\n';
}
// Walk through content and build plain text
const children = contentEl.children;
for (const child of children) {
if (child.tagName === 'H3') {
text += '**' + child.textContent.trim() + '**\n\n';
} else if (child.tagName === 'P') {
let pText = child.innerHTML
.replace(/<strong>/g, '**')
.replace(/<\/strong>/g, '**')
.replace(/&mdash;/g, '—')
.replace(/&amp;/g, '&')
.replace(/<[^>]*>/g, '')
.replace(/&[a-z]+;/g, (m) => {
const map = {
'&iquest;': '?', '&ntilde;': 'n', '&aacute;': 'a',
'&eacute;': 'e', '&iacute;': 'i', '&oacute;': 'o',
'&uacute;': 'u', '&Aacute;': 'A', '&Eacute;': 'E',
'&Iacute;': 'I', '&Oacute;': 'O', '&Uacute;': 'U',
'&middot;': '·'
};
return map[m] || m;
});
text += pText.trim() + '\n\n';
} else if (child.tagName === 'UL') {
for (const li of child.querySelectorAll('li')) {
let liText = li.innerHTML
.replace(/<strong>/g, '**')
.replace(/<\/strong>/g, '**')
.replace(/&mdash;/g, '—')
.replace(/<[^>]*>/g, '');
text += '- ' + liText.trim() + '\n';
}
text += '\n';
} else if (child.tagName === 'OL') {
let i = 1;
for (const li of child.querySelectorAll('li')) {
let liText = li.innerHTML
.replace(/<strong>/g, '**')
.replace(/<\/strong>/g, '**')
.replace(/&mdash;/g, '—')
.replace(/<[^>]*>/g, '');
text += i + '. ' + liText.trim() + '\n';
i++;
}
text += '\n';
} else if (child.classList.contains('game-highlight')) {
let ghText = child.innerHTML
.replace(/<strong>/g, '**')
.replace(/<\/strong>/g, '**')
.replace(/&mdash;/g, '—')
.replace(/<[^>]*>/g, '');
text += ghText.trim() + '\n\n';
}
}
navigator.clipboard.writeText(text.trim()).then(() => {
const btn = card.querySelector('.copy-btn');
btn.classList.add('copied');
btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="20 6 9 17 4 12"/></svg> Copied!';
setTimeout(() => {
btn.classList.remove('copied');
btn.innerHTML = '<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg> Copy';
}, 2000);
});
}
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink