EncodeTheCode’s gists

EncodeTheCode / skill_tree_rpg_revision5_v1.htm

Created December 20, 2025 13:23

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>WoW-Style Rogue Talent Mock</title>
	<style>
	body { margin:0; background:#081018; color:#e6eef6; font-family:Arial }
	canvas { background:#0b1324; display:block; margin:10px auto; border-radius:8px }
	.overlay { position:fixed; inset:0; background:rgba(0,0,0,.6); display:none; align-items:center; justify-content:center }
	.window { background:#0e1628; padding:16px; width:1000px; border-radius:12px; display:flex; gap:12px }

EncodeTheCode / skill_tree_rpg_revision4_v5.htm

Created December 20, 2025 13:22

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision4_v4.htm

Created December 20, 2025 13:18

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision4_v3.htm

Created December 20, 2025 13:14

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision4_v2.htm

Created December 20, 2025 13:11

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision4_v1.htm

Created December 20, 2025 13:10

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision3_v1.htm

Created December 20, 2025 13:06

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_revision2_v1.htm

Created December 20, 2025 13:04

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>Rogue Talent Mock</title>
	<style>
	body {
	margin:0;
	background:#0b1220;
	color:#e5e7eb;

EncodeTheCode / skill_tree_rpg_v3.htm

Created December 20, 2025 12:54

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}

EncodeTheCode / skill_tree_rpg_v2.htm

Created December 20, 2025 12:52

	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width,initial-scale=1" />
	<title>Rogue — Talent Build Mock (HTML5 + JS)</title>
	<style>
	:root{--bg:#0f1724;--panel:#0b1220;--accent:#0ea5e9;--muted:#94a3b8;--node:#111827}
	html,body{height:100%;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#071226 0%, #021017 100%);color:#e6eef6}
	#game-wrap{display:flex;height:100vh;gap:12px;padding:12px;box-sizing:border-box}