~kris/9p

krisyotam.net

krisyotam.net/d/notes/gaia-online.html -rw-r--r-- 3.0 KiB
8bfa4b74 — Kris Yotam ci: declare SourceHut source for push builds a month ago 
                                                                                
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

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Gaia Online | Kris Yotam</title>
    <link rel="stylesheet" href="../../c/site.css">
    <meta name="description" content="notes on Gaia Online as a formative virtual world — avatars, forums, currency, and early-2000s internet culture">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <div class="mode-container">
      <input type="radio" name="theme" id="theme-auto" checked>
      <label for="theme-auto" class="auto" title="Auto theme"></label>
      <input type="radio" name="theme" id="theme-light">
      <label for="theme-light" class="light" title="Light theme"></label>
      <input type="radio" name="theme" id="theme-dark">
      <label for="theme-dark" class="dark" title="Dark theme"></label>
    </div>
    <div class="top-bar" role="navigation">
      <a href="../../index.html" title="Main page"><img src="../../c/sigma.svg" alt="Main page"></a>
      <a href="../../about.html" title="About"><img src="../../c/news.svg" alt="About"></a>
      <a href="#" title="Code"><img src="../../c/code.svg" alt="Code"></a>
      <a href="../../pics.html" title="Photography"><img src="../../c/camera.svg" alt="Photography"></a>
      <a href="#" title="Pictures"><img src="../../c/picture.svg" alt="Pictures"></a>
      <a href="../../vids.html" title="Videos"><img src="../../c/video.svg" alt="Videos"></a>
      <a href="#" title="Donations"><img src="../../c/beer.svg" alt="Donations"></a>
      <a href="#" title="Social"><img src="../../c/elephant.svg" alt="Social"></a>
    </div>
    <h1>Gaia Online</h1>
    <div class="keepws">
(<span class="bold">notes</span>
  (date 2025-06-10)
  (category <a href="../../notes.html">technology</a>)
  (status <span class="status-growing">growing</span>)
  (confidence certain)
  (importance 7)
  (tags personal digital gaming))
    </div>
    <p class="preview">notes on Gaia Online as a formative virtual world — avatars, forums, currency, and early-2000s internet culture</p>
    <div class="prose">
<h3>Interactive Family Tree Component Demo</h3>
<p>Here's a demonstration of my interactive family tree component, showcasing the Rothschild banking dynasty:</p>
<p>This component features:</p>
<ul>
<li><strong>Compact preview mode</strong> with expandable tree view</li>
<li><strong>Interactive family member cards</strong> with detailed biographical information</li>
<li><strong>Relationship navigation</strong> between parents, spouses, and children</li>
<li><strong>Pannable full-screen view</strong> for exploring large family trees</li>
<li><strong>Visual connections</strong> showing family relationships across generations</li>
</ul>
<p>Click on any family member to view their detailed information, including birth/death dates, biographical notes, and family connections. The tree starts with Mayer Amschel Rothschild, the founder of the banking dynasty, and shows how his five sons established banking houses across Europe in Frankfurt, Vienna, London, Naples, and Paris.</p>
    </div>
  </body>
</html>