Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>FAMILY-Ω-HRM-AGENT0-TOOLFORGE: Genealogy Singularity</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| :root { | |
| --primary: #1a365d; | |
| --secondary: #2d3748; | |
| --accent: #3182ce; | |
| --success: #38a169; | |
| --warning: #d69e2e; | |
| --danger: #e53e3e; | |
| --light: #f7fafc; | |
| --dark: #2d3748; | |
| } | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| box-sizing: border-box; | |
| } | |
| body { | |
| font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; | |
| background: linear-gradient(135deg, #1a365d 0%, #2d3748 100%); | |
| color: var(--light); | |
| line-height: 1.6; | |
| min-height: 100vh; | |
| } | |
| .container { | |
| max-width: 1400px; | |
| margin: 0 auto; | |
| padding: 1rem; | |
| } | |
| header { | |
| background: rgba(0, 0, 0, 0.7); | |
| backdrop-filter: blur(10px); | |
| padding: 1rem 0; | |
| border-bottom: 2px solid var(--accent); | |
| position: sticky; | |
| top: 0; | |
| z-index: 100; | |
| } | |
| .header-content { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| flex-wrap: wrap; | |
| } | |
| .logo { | |
| display: flex; | |
| align-items: center; | |
| gap: 1rem; | |
| } | |
| .logo-icon { | |
| font-size: 2rem; | |
| color: var(--accent); | |
| } | |
| .logo-text { | |
| font-size: 1.5rem; | |
| font-weight: 700; | |
| background: linear-gradient(90deg, #3182ce, #63b3ed); | |
| -webkit-background-clip: text; | |
| -webkit-text-fill-color: transparent; | |
| } | |
| .anycoder-link { | |
| color: var(--accent); | |
| text-decoration: none; | |
| font-size: 0.9rem; | |
| transition: color 0.3s; | |
| } | |
| .anycoder-link:hover { | |
| color: #63b3ed; | |
| text-decoration: underline; | |
| } | |
| .main-content { | |
| display: grid; | |
| grid-template-columns: 1fr 2fr 1fr; | |
| gap: 1.5rem; | |
| margin-top: 1.5rem; | |
| } | |
| .panel { | |
| background: rgba(45, 55, 72, 0.8); | |
| border-radius: 10px; | |
| padding: 1.5rem; | |
| box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); | |
| backdrop-filter: blur(5px); | |
| border: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| .panel-header { | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| margin-bottom: 1rem; | |
| padding-bottom: 0.5rem; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| .panel-title { | |
| font-size: 1.2rem; | |
| font-weight: 600; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| } | |
| .status-badge { | |
| background: var(--accent); | |
| color: white; | |
| padding: 0.2rem 0.5rem; | |
| border-radius: 4px; | |
| font-size: 0.8rem; | |
| } | |
| .subject-card { | |
| background: rgba(26, 54, 93, 0.5); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| margin-bottom: 1rem; | |
| border-left: 4px solid var(--accent); | |
| } | |
| .subject-name { | |
| font-weight: 700; | |
| margin-bottom: 0.5rem; | |
| font-size: 1.1rem; | |
| } | |
| .subject-variants { | |
| font-size: 0.9rem; | |
| color: #a0aec0; | |
| margin-bottom: 0.5rem; | |
| } | |
| .evidence-item { | |
| background: rgba(26, 54, 93, 0.5); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| margin-bottom: 1rem; | |
| border-left: 4px solid var(--success); | |
| } | |
| .evidence-item.plausible { | |
| border-left-color: var(--warning); | |
| } | |
| .evidence-item.catalogue { | |
| border-left-color: var(--accent); | |
| } | |
| .evidence-id { | |
| font-weight: 600; | |
| font-size: 0.9rem; | |
| margin-bottom: 0.3rem; | |
| } | |
| .evidence-desc { | |
| margin-bottom: 0.5rem; | |
| } | |
| .evidence-url { | |
| font-size: 0.8rem; | |
| color: #63b3ed; | |
| text-decoration: none; | |
| word-break: break-all; | |
| } | |
| .evidence-url:hover { | |
| text-decoration: underline; | |
| } | |
| .tool-item { | |
| background: rgba(26, 54, 93, 0.5); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| margin-bottom: 1rem; | |
| border-left: 4px solid var(--danger); | |
| } | |
| .tool-name { | |
| font-weight: 600; | |
| margin-bottom: 0.5rem; | |
| } | |
| .tool-desc { | |
| font-size: 0.9rem; | |
| margin-bottom: 0.5rem; | |
| } | |
| .tool-status { | |
| font-size: 0.8rem; | |
| color: #a0aec0; | |
| } | |
| .btn { | |
| background: var(--accent); | |
| color: white; | |
| border: none; | |
| padding: 0.7rem 1.2rem; | |
| border-radius: 6px; | |
| cursor: pointer; | |
| font-weight: 600; | |
| transition: background 0.3s; | |
| display: inline-flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| } | |
| .btn:hover { | |
| background: #2b6cb0; | |
| } | |
| .btn-forge { | |
| background: var(--danger); | |
| } | |
| .btn-forge:hover { | |
| background: #c53030; | |
| } | |
| .progress-bar { | |
| height: 6px; | |
| background: rgba(255, 255, 255, 0.1); | |
| border-radius: 3px; | |
| overflow: hidden; | |
| margin-top: 0.5rem; | |
| } | |
| .progress-fill { | |
| height: 100%; | |
| background: var(--success); | |
| width: 75%; | |
| } | |
| .iteration-display { | |
| background: rgba(26, 54, 93, 0.5); | |
| border-radius: 8px; | |
| padding: 1rem; | |
| margin-bottom: 1rem; | |
| } | |
| .iteration-title { | |
| font-weight: 700; | |
| margin-bottom: 0.5rem; | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| } | |
| .weak-node { | |
| background: rgba(229, 62, 62, 0.2); | |
| border-radius: 6px; | |
| padding: 0.8rem; | |
| margin-bottom: 0.5rem; | |
| border-left: 3px solid var(--danger); | |
| } | |
| .action-item { | |
| background: rgba(56, 161, 105, 0.2); | |
| border-radius: 6px; | |
| padding: 0.8rem; | |
| margin-bottom: 0.5rem; | |
| border-left: 3px solid var(--success); | |
| } | |
| .source-hierarchy { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 0.5rem; | |
| } | |
| .source-item { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| padding: 0.5rem; | |
| border-radius: 4px; | |
| background: rgba(26, 54, 93, 0.3); | |
| } | |
| .source-priority { | |
| width: 20px; | |
| height: 20px; | |
| border-radius: 50%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-size: 0.7rem; | |
| font-weight: 700; | |
| } | |
| .priority-1 { | |
| background: var(--success); | |
| } | |
| .priority-2 { | |
| background: var(--accent); | |
| } | |
| .priority-3 { | |
| background: var(--warning); | |
| } | |
| .priority-4 { | |
| background: #ed8936; | |
| } | |
| .priority-5 { | |
| background: #9f7aea; | |
| } | |
| footer { | |
| text-align: center; | |
| margin-top: 2rem; | |
| padding: 1rem 0; | |
| color: #a0aec0; | |
| font-size: 0.9rem; | |
| border-top: 1px solid rgba(255, 255, 255, 0.1); | |
| } | |
| @media (max-width: 1200px) { | |
| .main-content { | |
| grid-template-columns: 1fr 1fr; | |
| } | |
| .right-panel { | |
| grid-column: span 2; | |
| } | |
| } | |
| @media (max-width: 768px) { | |
| .main-content { | |
| grid-template-columns: 1fr; | |
| } | |
| .right-panel { | |
| grid-column: span 1; | |
| } | |
| .header-content { | |
| flex-direction: column; | |
| gap: 1rem; | |
| } | |
| } | |
| .confidence-meter { | |
| display: flex; | |
| align-items: center; | |
| gap: 0.5rem; | |
| margin-top: 0.5rem; | |
| } | |
| .confidence-dots { | |
| display: flex; | |
| gap: 0.2rem; | |
| } | |
| .confidence-dot { | |
| width: 8px; | |
| height: 8px; | |
| border-radius: 50%; | |
| background: rgba(255, 255, 255, 0.2); | |
| } | |
| .confidence-dot.active { | |
| background: var(--success); | |
| } | |
| .tool-forge-animation { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { | |
| opacity: 1; | |
| } | |
| 50% { | |
| opacity: 0.7; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| .execution-loop { | |
| display: flex; | |
| flex-direction: column; | |
| gap: 1rem; | |
| margin-top: 1rem; | |
| } | |
| .loop-step { | |
| display: flex; | |
| align-items: center; | |
| gap: 1rem; | |
| padding: 0.8rem; | |
| background: rgba(26, 54, 93, 0.3); | |
| border-radius: 6px; | |
| } | |
| .loop-number { | |
| width: 30px; | |
| height: 30px; | |
| border-radius: 50%; | |
| background: var(--accent); | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| font-weight: 700; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| <div class="container"> | |
| <div class="header-content"> | |
| <div class="logo"> | |
| <div class="logo-icon"> | |
| <i class="fas fa-sitemap"></i> | |
| </div> | |
| <div class="logo-text"> | |
| FAMILY-Ω-HRM-AGENT0-TOOLFORGE | |
| </div> | |
| </div> | |
| <div> | |
| <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="anycoder-link" target="_blank"> | |
| <i class="fas fa-code"></i> Built with anycoder | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <div class="container"> | |
| <div class="main-content"> | |
| <div class="left-panel panel"> | |
| <div class="panel-header"> | |
| <div class="panel-title"> | |
| <i class="fas fa-users"></i> Research Subjects | |
| </div> | |
| </div> | |
| <div class="subject-card"> | |
| <div class="subject-name">Trevor John Treglown</div> | |
| <div class="subject-variants"> | |
| Variants: Treglown/Treglowan/Treglwyn + Trevor/Trefor | |
| </div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill"></div> | |
| </div> | |
| </div> | |
| <div class="subject-card"> | |
| <div class="subject-name">Harley St John Peters</div> | |
| <div class="subject-variants"> | |
| Variants: Harley/Harleigh + StJohn/Sinjin + Peters/Petersen/Pieters | |
| </div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 60%"></div> | |
| </div> | |
| </div> | |
| <div class="panel-header" style="margin-top: 1.5rem;"> | |
| <div class="panel-title"> | |
| <i class="fas fa-tools"></i> Tool Registry | |
| </div> | |
| <div class="status-badge">ACTIVE</div> | |
| </div> | |
| <div class="tool-item tool-forge-animation"> | |
| <div class="tool-name">cornish_parish_ocr_tool</div> | |
| <div class="tool-desc">OCR processing for Cornish parish records</div> | |
| <div class="tool-status">Status: <span style="color: var(--success)">FORGED t=1</span></div> | |
| </div> | |
| <div class="tool-item"> | |
| <div class="tool-name">nz_parish_ocr</div> | |
| <div class="tool-desc">NZ parish record extraction</div> | |
| <div class="tool-status">Status: <span style="color: var(--warning)">QUEUED</span></div> | |
| </div> | |
| <div class="tool-item"> | |
| <div class="tool-name">aus_ww2_fuzzy_matcher</div> | |
| <div class="tool-desc">Fuzzy matching for Australian WW2 records</div> | |
| <div class="tool-status">Status: <span style="color: var(--warning)">QUEUED</span></div> | |
| </div> | |
| <button class="btn btn-forge" style="width: 100%; margin-top: 1rem;"> | |
| <i class="fas fa-hammer"></i> Forge New Tools | |
| </button> | |
| </div> | |
| <div class="center-panel panel"> | |
| <div class="panel-header"> | |
| <div class="panel-title"> | |
| <i class="fas fa-search"></i> Current Evidence Graph | |
| </div> | |
| <div class="status-badge">t=1</div> | |
| </div> | |
| <div class="iteration-display"> | |
| <div class="iteration-title"> | |
| <i class="fas fa-play-circle"></i> ITERATION t=1 INITIALIZATION | |
| </div> | |
| <div>1. Verify TREG-001 parents → FORGE cornish_parish_ocr → Cornwall OPC</div> | |
| <div>2. Confirm PETERS-002 birth → FORGE nz_parish_ocr → PapersPast</div> | |
| <div>3. TOOL_QUEUE: cornish_women_tracker, military_pension_linker</div> | |
| </div> | |
| <div class="evidence-item"> | |
| <div class="evidence-id">TREG-001 [CONFIRMED]</div> | |
| <div class="evidence-desc">Trevor John Treglown b.1927 Cornwall d.1998</div> | |
| <div> | |
| <a href="https://www.findmypast.co.uk/1939-register" class="evidence-url" target="_blank"> | |
| https://www.findmypast.co.uk/1939-register | |
| </a> | |
| </div> | |
| <div class="confidence-meter"> | |
| <span>Confidence:</span> | |
| <div class="confidence-dots"> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="evidence-item"> | |
| <div class="evidence-id">PETERS-002 [CONFIRMED]</div> | |
| <div class="evidence-desc">Harley St John Peters WW2 AUS service</div> | |
| <div> | |
| <a href="https://recordsearch.naa.gov.au/collection-search/results?query=Harley+Peters" class="evidence-url" | |
| target="_blank"> | |
| https://recordsearch.naa.gov.au/collection-search/results?query=Harley+Peters | |
| </a> | |
| </div> | |
| <div class="confidence-meter"> | |
| <span>Confidence:</span> | |
| <div class="confidence-dots"> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="evidence-item plausible"> | |
| <div class="evidence-id">TREG-014 [PLAUSIBLE]</div> | |
| <div class="evidence-desc">Parents John/Elizabeth Treglown</div> | |
| <div> | |
| <a href="https://www.findmypast.co.uk/1939register" class="evidence-url" target="_blank"> | |
| https://www.findmypast.co.uk/1939register | |
| </a> | |
| </div> | |
| <div class="confidence-meter"> | |
| <span>Confidence:</span> | |
| <div class="confidence-dots"> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot"></div> | |
| <div class="confidence-dot"></div> | |
| <div class="confidence-dot"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="evidence-item plausible"> | |
| <div class="evidence-id">PETERS-023 [PLAUSIBLE]</div> | |
| <div class="evidence-desc">b.1896 NZ</div> | |
| <div> | |
| <a href="https://paperspast.natlib.govt.nz/newspapers" class="evidence-url" target="_blank"> | |
| https://paperspast.natlib.govt.nz/newspapers | |
| </a> | |
| </div> | |
| <div class="confidence-meter"> | |
| <span>Confidence:</span> | |
| <div class="confidence-dots"> | |
| <div class="confidence-dot active"></div> | |
| <div class="confidence-dot"></div> | |
| <div class="confidence-dot"></div> | |
| <div class="confidence-dot"></div> | |
| <div class="confidence-dot"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="evidence-item catalogue"> | |
| <div class="evidence-id">TREG-023 [CATALOGUE]</div> | |
| <div class="evidence-desc">[PHOTO] John Treglown 1890s</div> | |
| <div> | |
| <a href="https://www.cornwall-opc-database.org/parish-records" class="evidence-url" target="_blank"> | |
| https://www.cornwall-opc-database.org/parish-records | |
| </a> | |
| </div> | |
| <div style="margin-top: 0.5rem;"> | |
| <span class="status-badge" style="background: var(--accent);">Significant</span> | |
| </div> | |
| </div> | |
| <div class="evidence-item catalogue"> | |
| <div class="evidence-id">PETERS-047 [CATALOGUE]</div> | |
| <div class="evidence-desc">[MILITARY] Harley DCM 1943</div> | |
| <div> | |
| <a href="https://recordsearch.naa.gov.au/service-files/NX147892" class="evidence-url" target="_blank"> | |
| https://recordsearch.naa.gov.au/service-files/NX147892 | |
| </a> | |
| </div> | |
| <div style="margin-top: 0.5rem;"> | |
| <span class="status-badge" style="background: var(--danger);">Infamous: Battle of Buna</span> | |
| </div> | |
| </div> | |
| <div class="execution-loop"> | |
| <div class="loop-step"> | |
| <div class="loop-number">1</div> | |
| <div>CURRICULUM: Generate frontier genealogy tasks</div> | |
| </div> | |
| <div class="loop-step"> | |
| <div class="loop-number">2</div> | |
| <div>TOOL_PROBE: Forge missing tools for task batch</div> | |
| </div> | |
| <div class="loop-step"> | |
| <div class="loop-number">3</div> | |
| <div>HRM: Execute tasks using Hierarchical Reasoning Model</div> | |
| </div> | |
| <div class="loop-step"> | |
| <div class="loop-number">4</div> | |
| <div>GRAPH_UPDATE: Integrate evidence with URL citations</div> | |
| </div> | |
| <div class="loop-step"> | |
| <div class="loop-number">5</div> | |
| <div>META_ANALYSIS: Identify weakest nodes → next optimal action</div> | |
| </div> | |
| <div class="loop-step"> | |
| <div class="loop-number">6</div> | |
| <div>SELF_EVOLVE: Update curriculum and executor agents</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="right-panel panel"> | |
| <div class="panel-header"> | |
| <div class="panel-title"> | |
| <i class="fas fa-project-diagram"></i> Agent0 Architecture | |
| </div> | |
| <div class="status-badge">ACTIVE</div> | |
| </div> | |
| <div class="source-hierarchy"> | |
| <div class="source-item"> | |
| <div class="source-priority priority-1">1</div> | |
| <div>UK GRO/FreeBMD [freebmd.org.uk], FamilySearch [familysearch.org]</div> | |
| </div> | |
| <div class="source-item"> | |
| <div class="source-priority priority-2">2</div> | |
| <div>Military CWGC [cwgc.org], NAA Australia [naa.gov.au]</div> | |
| </div> | |
| <div class="source-item"> | |
| <div class="source-priority priority-3">3</div> | |
| <div>Census 1891-1939 [findmypast.co.uk], PapersPast NZ</div> | |
| </div> | |
| <div class="source-item"> | |
| <div class="source-priority priority-4">4</div> | |
| <div>Newspapers Trove [trove.nla.gov.au], BNA</div> | |
| </div> | |
| <div class="source-item"> | |
| <div class="source-priority priority-5">5</div> | |
| <div>Language-specific (Cornish/kw, Dutch/NL, German/DE)</div> | |
| </div> | |
| <div class="panel-header" style="margin-top: 1.5rem;"> | |
| <div class="panel-title"> | |
| <i class="fas fa-exclamation-triangle"></i> Brick-Wall Analysis | |
| </div> | |
| </div> | |
| <div class="weak-node"> | |
| <div style="font-weight: 600;">TREG-014 Parent Verification</div> | |
| <div>Limited Cornish parish records online</div> | |
| </div> | |
| <div class="weak-node"> | |
| <div style="font-weight: 600;">PETERS-023 Birth Confirmation</div> | |
| <div>NZ parish records require OCR processing</div> | |
| </div> | |
| <div class="action-item"> | |
| <div style="font-weight: 600;">NEXT_ACTION:</div> | |
| <div>Deploy cornish_parish_ocr_tool on Cornwall OPC database</div> | |
| <div style="margin-top: 0.5rem; font-size: 0.9rem;"> | |
| RATIONALE: Direct parent verification needed for Treglown lineage | |
| </div> | |
| </div> | |
| <div class="action-item"> | |
| <div style="font-weight: 600;">BACKUP:</div> | |
| <div>Alternative Cornish genealogy sources</div> | |
| </div> | |
| <div class="panel-header" style="margin-top: 1.5rem;"> | |
| <div class="panel-title"> | |
| <i class="fas fa-chart-line"></i> Agent0 Evolution | |
| </div> | |
| </div> | |
| <div style="margin-bottom: 1rem;"> | |
| <div>CURRICULUM: Learned Cornish record patterns</div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 80%"></div> | |
| </div> | |
| <div style="margin-bottom: 1rem;"> | |
| <div>EXECUTOR: p=0.7→0.85</div> | |
| <div class="progress-bar"> | |
| <div class="progress-fill" style="width: 85%"></div> | |
| </div> | |
| <button class="btn" style="width: 100%; margin-top: 1rem;"> | |
| <i class="fas fa-sync-alt"></i> Execute Next Iteration | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <footer> | |
| <div class="container"> | |
| <p>FAMILY-Ω-HRM-AGENT0-TOOLFORGE: Ultimate Self-Evolving Genealogy Singularity</p> | |
| <p>Zero Hallucination Mandate - All Claims Source-Verified</p> | |
| </div> | |
| </footer> | |
| <script> | |
| document.addEventListener('DOMContentLoaded', function() { | |
| // Tool forging animation | |
| const toolItems = document.querySelectorAll('.tool-item'); | |
| toolItems.forEach(item => { | |
| if (item.classList.contains('tool-forge-animation')) { | |
| setInterval(() => { | |
| item.classList.toggle('tool-forge-animation'); | |
| }, 4000); | |
| } | |
| }); | |
| // Execute next iteration button | |
| const executeBtn = document.querySelector('.btn:last-child'); | |
| executeBtn.addEventListener('click', function() { | |
| alert('Executing iteration t=2: Deploying forged tools and expanding search parameters'); | |
| // Simulate tool execution | |
| const toolStatuses = document.querySelectorAll('.tool-status span'); | |
| toolStatuses.forEach(status => { | |
| if (status.textContent.includes('QUEUED')) { | |
| status.textContent = 'FORGED t=2'; | |
| status.style.color = '#38a169'; | |
| } | |
| }); | |
| }); | |
| // Forge new tools button | |
| const forgeBtn = document.querySelector('.btn-forge'); | |
| forgeBtn.addEventListener('click', function() { | |
| alert('Tool Gap Detector activated: Analyzing task requirements for new tool creation'); | |
| }); | |
| }); | |
| </script> | |
| </body> | |
| </html> |