110 lines
4.9 KiB
HTML
110 lines
4.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>EcoSpecies</title>
|
|
<link rel="stylesheet" href="./styles.css">
|
|
</head>
|
|
<body>
|
|
<main class="page">
|
|
<section class="hero">
|
|
<p class="eyebrow">Marine Species Knowledge System</p>
|
|
<h1>EcoSpecies</h1>
|
|
<p class="lede">
|
|
A modern follow-on for the legacy EcoSpecies archive, starting with direct ingestion
|
|
of historical Species Life History text files.
|
|
</p>
|
|
<div class="auth-bar">
|
|
<input id="auth-token" type="password" placeholder="Bearer token for editor access">
|
|
<button id="auth-save" type="button">Use Token</button>
|
|
<button id="auth-clear" type="button" class="secondary-button">Clear</button>
|
|
<p id="auth-status" class="auth-status">Public access</p>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat">
|
|
<span id="species-count">0</span>
|
|
<label>Species loaded</label>
|
|
</div>
|
|
<div class="stat">
|
|
<span id="section-count">0</span>
|
|
<label>Parsed sections</label>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="workspace">
|
|
<aside class="panel panel-list">
|
|
<div class="panel-header">
|
|
<h2>Species</h2>
|
|
<input id="search" type="search" placeholder="Search common or scientific name">
|
|
<div id="archive-filter-group" class="archive-filter-group hidden">
|
|
<button type="button" class="archive-filter-button is-active" data-archive-filter="active">Active</button>
|
|
<button type="button" class="archive-filter-button" data-archive-filter="all">All</button>
|
|
<button type="button" class="archive-filter-button" data-archive-filter="archived">Archived</button>
|
|
</div>
|
|
</div>
|
|
<div id="species-list" class="species-list"></div>
|
|
</aside>
|
|
|
|
<section class="panel panel-detail">
|
|
<div id="detail-empty" class="empty-state">
|
|
<h2>Select a species</h2>
|
|
<p>Browse the migrated legacy corpus and inspect parsed sections from the original SLH files.</p>
|
|
</div>
|
|
|
|
<article id="detail" class="detail hidden">
|
|
<header class="detail-header">
|
|
<p id="detail-code" class="detail-code"></p>
|
|
<div class="detail-title-row">
|
|
<h2 id="detail-common-name"></h2>
|
|
<span id="detail-archive-badge" class="detail-badge hidden">Archived</span>
|
|
</div>
|
|
<p id="detail-scientific-name" class="detail-scientific-name"></p>
|
|
<p id="detail-summary" class="detail-summary"></p>
|
|
<p id="detail-archive-note" class="detail-archive-note hidden">
|
|
This record is archived. It is hidden from public endpoints but remains available to editors for audit and recovery.
|
|
</p>
|
|
</header>
|
|
<section id="editor-panel" class="detail-section editor-panel hidden">
|
|
<h3>Editor Controls</h3>
|
|
<label class="editor-label" for="editor-publication-status">Publication Status</label>
|
|
<select id="editor-publication-status">
|
|
<option value="draft">Draft</option>
|
|
<option value="review">Review</option>
|
|
<option value="published">Published</option>
|
|
</select>
|
|
<label class="editor-label" for="editor-summary">Summary</label>
|
|
<textarea id="editor-summary" rows="5" placeholder="Write a concise executive summary."></textarea>
|
|
<label class="editor-label" for="editor-notes">Editor Notes</label>
|
|
<textarea id="editor-notes" rows="4" placeholder="Internal editorial notes"></textarea>
|
|
<label class="archive-toggle">
|
|
<input id="editor-is-archived" type="checkbox">
|
|
<span>Archive this species</span>
|
|
</label>
|
|
<div class="editor-actions">
|
|
<button id="editor-save" type="button">Save Editorial Changes</button>
|
|
<p id="editor-status" class="editor-status"></p>
|
|
</div>
|
|
</section>
|
|
<section id="audit-panel" class="detail-section hidden">
|
|
<h3>Audit History</h3>
|
|
<div id="audit-list" class="audit-list"></div>
|
|
</section>
|
|
<div id="detail-sections" class="detail-sections"></div>
|
|
</article>
|
|
</section>
|
|
</section>
|
|
|
|
<footer class="footer">
|
|
<p>
|
|
This migration path preserves attribution for Dr. Peter Rubec, Dr. Diane Blackwood,
|
|
Dr. Welsbery R. Elsberry, and the Florida Fish and Wildlife Research Institute context
|
|
documented in the legacy project materials.
|
|
</p>
|
|
</footer>
|
|
</main>
|
|
<script src="./app.js" defer></script>
|
|
</body>
|
|
</html>
|