index.html

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;600&display=swap">
<link rel="stylesheet" href="style.css"><title>Science</title></head>
<body><main class="page">
<h1>Science</h1>
<p class="lede">Physics, chemistry and math as things you can open, rotate and run in the browser.</p>

<nav aria-label="Contents">
<h2>Contents</h2>
<ul>
<li class="chapter" style="--c:var(--physics)">
<a class="head" href="Physics/"><span class="title">Physics</span><span class="leader"></span><span class="count">No entries yet</span></a>
<p>Motion, forces and fields, simulated live.</p>
</li>
<li class="chapter" style="--c:var(--chemistry)">
<a class="head" href="Chemistry/"><span class="title">Chemistry</span><span class="leader"></span><span class="count">1 entry</span></a>
<p>Elements, atoms and materials in 3D.</p>
<ul class="entries"><li><a href="Chemistry/periodic-table">Elementum 3D, the periodic table</a></li></ul>
</li>
<li class="chapter" style="--c:var(--math)">
<a class="head" href="Math/"><span class="title">Math</span><span class="leader"></span><span class="count">No entries yet</span></a>
<p>Shapes, functions and proofs you can see.</p>
</li>
</ul>
</nav>

<footer>Released under the MIT license. Source on <a href="https://github.com/RuHRabin/Science">GitHub</a>.</footer>
</main></body></html>