welsberr
/
Avida-ED-App-Builder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial multi-app landing page.

This commit is contained in:
Wesley R. Elsberry 2025-10-29 00:10:44 -04:00
parent 1b1aa7f65d
commit 9d1c0ef9c6
1 changed files with 69 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
packaging/landing/index.html Normal file
View File

@ -0,0 +1,69 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Avida-ED Launcher</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
:root{--bg:#0e1117;--fg:#e6edf3;--muted:#9da7b3;--btn:#1f6feb;--btn2:#238636}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu}
.wrap{max-width:900px;margin:2.5rem auto;padding:0 1rem}
h1{font-size:1.8rem;margin:.2rem 0 1rem}
p{color:var(--muted)}
.cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:1.5rem 0}
.card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:1rem}
.card h2{margin:.2rem 0 .6rem;font-size:1.2rem}
.btns{display:flex;gap:.6rem;flex-wrap:wrap}
.btn{appearance:none;border:0;border-radius:10px;padding:.6rem .9rem;color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.btn.v4{background:var(--btn)}
.btn.v3{background:var(--btn2)}
.links a{color:#8ab4f8;text-decoration:none} .links a:hover{text-decoration:underline}
.sys{margin-top:1rem;font-size:.9rem;color:var(--muted)}
code{background:#0b0f14;padding:.1rem .3rem;border-radius:6px}
</style>
</head>
<body>
<div class="wrap">
<h1>Avida-ED: choose a version</h1>
<p>Select which version to run. This single app bundles both.</p>
<div class="cards">
<div class="card">
<h2>Avida-ED 4 (latest)</h2>
<p>Modern WebAssembly build (Eco). Recommended for most users.</p>
<div class="btns">
<a class="btn v4" href="/v4/index.html">Launch v4</a>
</div>
</div>
<div class="card">
<h2>Avida-ED 3 (classic)</h2>
<p>Legacy edition; useful for older lesson materials.</p>
<div class="btns">
<a class="btn v3" href="/v3/index.html">Launch v3</a>
</div>
</div>
</div>
<div class="links">
<h2>Links</h2>
<ul>
<li><a href="https://github.com/AvidaED" target="_blank" rel="noopener">Avida-ED on GitHub</a></li>
<li><a href="https://github.com/devosoft/avida" target="_blank" rel="noopener">Avida (core) on GitHub</a></li>
<li><a href="https://avida-ed.msu.edu/" target="_blank" rel="noopener">Avida-ED at MSU</a> · mirrors:
<a href="https://avida-ed.github.io/" target="_blank" rel="noopener">GitHub Pages</a>
</li>
</ul>
</div>
<div class="sys" id="sys"></div>
</div>
<script>
// Minimal diagnostics for users
const glok = !!document.createElement('canvas').getContext('webgl');
const txt = `WebGL: ${glok?'OK':'Unavailable'} · UA: ${navigator.userAgent}`;
document.getElementById('sys').textContent = txt;
</script>
</body>
</html>