1be39727f8
Full-detail natal charts: 21 bodies/points, 7 house systems, 11 aspect types with applying/separating, dignities, declination parallels, sect/balances/moon phase, offline city search with historical IANA time atlas, SVG wheel, and a written interpretation report. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
107 lines
3.7 KiB
HTML
107 lines
3.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>NATEGODD — Natal Chart Generator</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>NATE<span>GODD</span></h1>
|
|
<p class="tag">natal chart generator · swiss ephemeris precision</p>
|
|
</header>
|
|
|
|
<main>
|
|
<section id="form-card">
|
|
<form id="chart-form" autocomplete="off">
|
|
<div class="row">
|
|
<label>Name
|
|
<input type="text" id="f-name" placeholder="optional">
|
|
</label>
|
|
</div>
|
|
<div class="row triple">
|
|
<label>Date of birth
|
|
<input type="date" id="f-date" required min="1800-01-01" max="2399-12-31">
|
|
</label>
|
|
<label>Time
|
|
<input type="time" id="f-time" value="12:00" step="60">
|
|
</label>
|
|
<label class="check"><input type="checkbox" id="f-unknown"> time unknown</label>
|
|
</div>
|
|
<div class="row">
|
|
<label>Birthplace
|
|
<input type="text" id="f-place" placeholder="start typing a city…" spellcheck="false">
|
|
</label>
|
|
<div id="city-results" hidden></div>
|
|
</div>
|
|
<details id="manual-loc">
|
|
<summary>manual coordinates / timezone</summary>
|
|
<div class="row triple">
|
|
<label>Latitude <input type="number" id="f-lat" step="any" min="-90" max="90" placeholder="-33.8688"></label>
|
|
<label>Longitude <input type="number" id="f-lon" step="any" min="-180" max="180" placeholder="151.2093"></label>
|
|
<label>UTC offset <input type="number" id="f-offset" step="any" min="-14" max="14" placeholder="auto"></label>
|
|
</div>
|
|
</details>
|
|
<div class="row triple">
|
|
<label>House system
|
|
<select id="f-houses">
|
|
<option value="P" selected>Placidus</option>
|
|
<option value="K">Koch</option>
|
|
<option value="W">Whole Sign</option>
|
|
<option value="E">Equal</option>
|
|
<option value="O">Porphyry</option>
|
|
<option value="C">Campanus</option>
|
|
<option value="R">Regiomontanus</option>
|
|
</select>
|
|
</label>
|
|
<button type="submit" id="go">Cast Chart ✶</button>
|
|
<select id="saved-charts" title="saved charts"><option value="">— saved charts —</option></select>
|
|
</div>
|
|
<p id="form-error" hidden></p>
|
|
</form>
|
|
</section>
|
|
|
|
<section id="results" hidden>
|
|
<div id="chart-header"></div>
|
|
<nav id="tabs">
|
|
<button data-tab="wheel" class="active">Wheel</button>
|
|
<button data-tab="positions">Positions</button>
|
|
<button data-tab="aspects">Aspects</button>
|
|
<button data-tab="report">Report</button>
|
|
</nav>
|
|
<div id="tab-wheel" class="tab active">
|
|
<div id="wheel-box"></div>
|
|
<div id="wheel-side">
|
|
<div id="balances"></div>
|
|
<div id="moonphase"></div>
|
|
</div>
|
|
</div>
|
|
<div id="tab-positions" class="tab">
|
|
<h3>Planets & Points</h3>
|
|
<table id="pos-table"></table>
|
|
<h3>Angles</h3>
|
|
<table id="angle-table"></table>
|
|
<h3>House Cusps</h3>
|
|
<table id="house-table"></table>
|
|
</div>
|
|
<div id="tab-aspects" class="tab">
|
|
<h3>Aspect Grid</h3>
|
|
<div class="scrollx"><table id="aspect-grid"></table></div>
|
|
<h3>Aspect List</h3>
|
|
<table id="aspect-list"></table>
|
|
<h3>Declination Parallels</h3>
|
|
<table id="parallel-list"></table>
|
|
</div>
|
|
<div id="tab-report" class="tab">
|
|
<div id="report"></div>
|
|
<button id="print-btn" type="button">🖨 Print report</button>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>NATEGODD · geocentric tropical zodiac · Swiss Ephemeris · IANA historical time atlas</footer>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|