docs(web!): get new web design up

Serve the new look, update licensing.
2026-06-20 20:48:00 +02:00 · 2026-06-18 04:51:25 -04:00
parent 4e26ae486b
commit 12b3ddc240
27 changed files with 2464 additions and 1400 deletions
@@ -0,0 +1,165 @@
+.md-sidebar {
+  background-color: var(--bg-color) !important;
+}
+
+.md-sidebar__scrollwrap {
+  overflow-x: hidden;
+}
+
+.md-header__topic {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.75rem;
+  letter-spacing: -0.02em;
+  opacity: 0.9;
+}
+
+.md-typeset h1::before,
+div[data-md-component="content"] > h1::before {
+  content: 'λ ';
+  color: var(--text-primary);
+  font-family: 'JetBrains Mono';
+  white-space: pre;
+}
+
+.md-typeset h2::before,
+div[data-md-component="content"] > h2::before {
+  color: var(--text-primary);
+  font-family: 'JetBrains Mono';
+  white-space: pre;
+}
+
+.md-typeset h3::before,
+div[data-md-component="content"] > h3::before {
+  color: var(--text-primary);
+  font-family: 'JetBrains Mono';
+  white-space: pre;
+}
+
+.md-header__button.md-icon {
+  padding: 0.5em;
+  animation: none !important;
+}
+
+nav[data-md-level="1"] .md-nav__link,
+nav[data-md-level="2"] .md-nav__link {
+  font-family: var(--code-font);
+  font-size: 0.9rem;
+  text-transform: none;
+  letter-spacing: 0.01em;
+  color: var(--text-primary);
+}
+
+.md-sidebar.nav-primary > nav > .md-nav__list > li > .md-nav__link {
+  font-weight: 600;
+  padding-left: 0;
+}
+
+.md-sidebar.nav-primary > nav > .md-nav__list > li.is-parent > .md-nav__nested > li > a {
+  color: var(--text-secondary);
+}
+
+.md-sidebar.nav-primary > nav > .md-nav__list > li.is-parent > .md-nav__nested > li > a:hover,
+.md-sidebar.nav-primary > nav > .md-nav__list > li.is-parent > .md-nav__nested > li > a.md-nav--opened {
+  color: var(--crt-red);
+}
+
+.md-sidebar__section.md-nav__inner > .md-nav__title {
+  font-family: var(--text-primary);
+  font-size: 0.75rem;
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  color: var(--text-muted);
+  padding: 0.75em 1.5em 0.25em;
+}
+
+.md-sidebar__inner > .md-nav__title {
+  font-family: 'JetBrains Mono', monospace;
+  font-size: 0.8rem;
+  color: var(--crt-red);
+  padding: 1em 1.5em;
+}
+
+.md-sidebar__inner > .md-nav__title::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  width: 4px;
+}
+
+.md-typeset {
+  max-width: none;
+}
+
+.quick-access,
+div[data-md-include]:has(h3:contains("Quick Access")) {
+  border-top: 1px solid var(--border-color);
+  margin-top: 3em;
+  padding-top: 2em;
+}
+
+.md-typeset .md-typeset__grid,
+div[data-md-type="grid"] {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+  gap: 1.5em;
+}
+
+.quick-access-card,
+.md-typeset__section:not(:last-child) {
+  background: var(--bg-color);
+  border: 1px solid var(--border-color);
+  border-radius: 6px;
+  padding: 1.25em;
+}
+
+.quick-access-card h3 {
+  font-family: var(--code-font);
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+  color: var(--crt-green);
+}
+
+.quick-access-card > p {
+  color: var(--text-secondary);
+  font-size: 0.9rem;
+  margin-bottom: 1em;
+}
+
+.quick-access-card .md-icon,
+.quick-access-card svg {
+  width: 2.5em;
+  height: 2.5em;
+  color: var(--crt-green);
+  margin-bottom: 0.75em;
+}
+
+.quick-access-card a:hover {
+  text-decoration-color: var(--crt-green);
+}
+
+.md-footer-meta {
+  background-color: var(--bg-primary) !important;
+  border-top: 1px solid var(--border-color);
+}
+
+pre[role="presentation"] [data-line] {
+  padding-left: calc(var(--per-page) * 0.75em + 1.25em);
+}
+
+.md-typeset a {
+  color:var(--crt-green);
+  word-break:break-word
+}
+
+.md-typeset h1,
+.md-typeset h2,
+.md-typeset h3 {
+  animation: fadeIn 0.4s ease-out;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; transform: translateY(-10px); }
+  to { opacity: 1; transform: translateY(0); }
+}