simplex-web 0.2.1__tar.gz → 0.2.2__tar.gz

{simplex_web-0.2.1 → simplex_web-0.2.2}/.gitignore

@@ -27,8 +27,8 @@ decks/**/slides/files/
 # Generated site
 site/
 
-# Vendored web runtime assets (fetched on demand by simplex.web.vendor)
-src/simplex/web/static/tailwind.js
+# Vendored web runtime assets (fetched/compiled on demand by simplex.web.vendor)
+src/simplex/web/static/tailwind.css
 src/simplex/web/static/htmx.min.js
 src/simplex/web/static/katex/
 src/simplex/web/static/reveal.js/

{simplex_web-0.2.1 → simplex_web-0.2.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: simplex-web
-Version: 0.2.1
+Version: 0.2.2
 Summary: Manim-slides presentation framework with a generated web portal.
 Project-URL: Homepage, https://github.com/shlomi-perles/simplex
 Project-URL: Issues, https://github.com/shlomi-perles/simplex/issues
@@ -27,7 +27,7 @@ Classifier: Typing :: Typed
 Requires-Python: >=3.13
 Requires-Dist: av>=15.0
 Requires-Dist: jinja2>=3.1
-Requires-Dist: manim-simplex>=0.2.0
+Requires-Dist: manim-simplex>=0.2.1
 Requires-Dist: manim-slides>=5.1.7
 Requires-Dist: markdown-it-py>=3.0
 Requires-Dist: mdit-py-plugins>=0.4
@@ -233,6 +233,9 @@ nav = [
 ]
 ```
 
+Links labeled `GitHub` are shown as the footer GitHub icon, next to the
+`Built with Simplex` mark.
+
 Deployment-only settings are read from environment variables:
 
 - `SIMPLEX_BASE_URL`

{simplex_web-0.2.1 → simplex_web-0.2.2}/README.md

@@ -188,6 +188,9 @@ nav = [
 ]
 ```
 
+Links labeled `GitHub` are shown as the footer GitHub icon, next to the
+`Built with Simplex` mark.
+
 Deployment-only settings are read from environment variables:
 
 - `SIMPLEX_BASE_URL`

{simplex_web-0.2.1 → simplex_web-0.2.2}/pyproject.toml

@@ -32,7 +32,7 @@ classifiers = [
   "Typing :: Typed",
 ]
 dependencies = [
-  "manim-simplex>=0.2.0",
+  "manim-simplex>=0.2.1",
   "manim-slides>=5.1.7",
   "pydantic>=2.7",
   "pydantic-settings>=2.3",
@@ -72,7 +72,7 @@ license-files = ["LICENSE"]
 name = "simplex-web"
 readme = "README.md"
 requires-python = ">=3.13"
-version = "0.2.1"
+version = "0.2.2"
 
 [project.scripts]
 simplex = "simplex.cli.commands:app"
@@ -109,7 +109,7 @@ artifacts = [
   "src/simplex/web/static/htmx.min.js",
   "src/simplex/web/static/katex/**/*",
   "src/simplex/web/static/reveal.js/**/*",
-  "src/simplex/web/static/tailwind.js",
+  "src/simplex/web/static/tailwind.input.css",
 ]
 only-include = [
   "LICENSE",
@@ -130,7 +130,7 @@ artifacts = [
   "src/simplex/web/static/htmx.min.js",
   "src/simplex/web/static/katex/**/*",
   "src/simplex/web/static/reveal.js/**/*",
-  "src/simplex/web/static/tailwind.js",
+  "src/simplex/web/static/tailwind.input.css",
 ]
 packages = ["src/simplex"]
 

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/builder.py

@@ -18,6 +18,7 @@ No render cache. Manim's per-animation cache + ``save_sections=True``
 """
 
 import contextlib
+import hashlib
 import shutil
 import subprocess
 from datetime import UTC, datetime, time
@@ -36,6 +37,28 @@ from simplex.web.bibliography import Bibliography
 from simplex.web.site_config import SiteConfig
 
 
+def _static_source_dir() -> Path:
+    return Path(__file__).parent / "static"
+
+
+def _file_version(path: Path) -> str:
+    """Short content hash for cache-busting generated asset URLs."""
+    if not path.exists() or not path.is_file():
+        return ""
+    digest = hashlib.blake2s(digest_size=6)
+    with path.open("rb") as f:
+        for chunk in iter(lambda: f.read(1024 * 1024), b""):
+            digest.update(chunk)
+    return digest.hexdigest()
+
+
+def _with_version(url: str, version: str) -> str:
+    if not version:
+        return url
+    separator = "&" if "?" in url else "?"
+    return f"{url}{separator}v={version}"
+
+
 def _jinja(site_cfg: SiteConfig) -> Environment:
     env = Environment(
         loader=PackageLoader("simplex.web", "templates"),
@@ -45,7 +68,9 @@ def _jinja(site_cfg: SiteConfig) -> Environment:
     )
 
     def static(path: str) -> str:
-        return site_cfg.url("static/" + path.lstrip("/"))
+        clean = path.lstrip("/")
+        url = site_cfg.url("static/" + clean)
+        return _with_version(url, _file_version(_static_source_dir() / clean))
 
     globals_: dict[str, Any] = cast(dict[str, Any], env.globals)
     globals_["static"] = static
@@ -55,13 +80,13 @@ def _jinja(site_cfg: SiteConfig) -> Environment:
 
 def _copy_static(site_dir: Path) -> None:
     """Copy bundled static assets into ``site/static/``."""
-    src = Path(__file__).parent / "static"
+    src = _static_source_dir()
     src.mkdir(parents=True, exist_ok=True)
     vendor.ensure(src)
     dst = site_dir / "static"
     dst.mkdir(parents=True, exist_ok=True)
     for entry in src.iterdir():
-        if entry.name in {"README.md", ".gitkeep"}:
+        if entry.name in {"README.md", ".gitkeep", "tailwind.input.css"}:
             continue
         target = dst / entry.name
         if entry.is_dir():
@@ -178,7 +203,7 @@ def _build_deck(
         for main in manifest.main_slides
     )
 
-    html.render_html(
+    slides_html = html.render_html(
         deck,
         manifest.model_copy(update={"main_slides": enriched}),
         output_dir=deck_out,
@@ -206,6 +231,7 @@ def _build_deck(
         has_notes_pdf=_has_notes_pdf(deck_out),
         notes_html=notes_html,
         palette_css=render_web_css(deck.resolved_web_palette()),
+        slides_version=_file_version(slides_html),
     )
     (deck_out / "index.html").write_text(page, encoding="utf-8")
     return (

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/sidenotes.py

@@ -69,7 +69,9 @@ def _extract_bodies(html: str) -> dict[str, str]:
 
 def _render_sidenote(n: str, num: str, body: str) -> str:
     return (
-        f'<label for="sn-toggle-{n}" class="sidenote-ref" id="snref-{n}">{num}</label>'
+        f'<label for="sn-toggle-{n}" class="sidenote-ref" id="snref-{n}" '
+        f'role="button" tabindex="0" aria-controls="sn-{n}" aria-expanded="false">'
+        f"{num}</label>"
         f'<input type="checkbox" id="sn-toggle-{n}" class="sidenote-toggle" '
         'aria-hidden="true" />'
         f'<aside class="sidenote" id="sn-{n}" role="note">{body}</aside>'

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/site_config.py

@@ -9,6 +9,7 @@ import os
 import tomllib
 from pathlib import Path
 from typing import Any, Self
+from urllib.parse import urlparse
 
 from pydantic import BaseModel, ConfigDict
 
@@ -44,6 +45,17 @@ class SiteConfig(BaseModel):
             return f"/{clean}"
         return f"{base}/{clean}"
 
+    def is_external_url(self, href: str) -> bool:
+        """Return true for links that should not be prefixed by `base_url`."""
+        parsed = urlparse(href)
+        return bool(parsed.scheme or parsed.netloc)
+
+    def nav_url(self, href: str) -> str:
+        """Resolve a committed nav href without breaking external links."""
+        if self.is_external_url(href) or href.startswith("#"):
+            return href
+        return self.url(href)
+
     @classmethod
     def load(cls, repo_root: Path | None = None) -> Self:
         repo_root = repo_root or Path.cwd()

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/static/README.md

@@ -6,11 +6,15 @@ Vendored runtime assets, copied verbatim to `site/static/` at build time.
 
 - `simplex.css` -- site-specific styles (carousel, deck page, academic
   notes typography, Tufte sidenotes, citations, bibliography).
-- `viewer.js` -- parent-page bridge for the deck iframe + carousel arrows.
+- `tailwind.input.css` -- Tailwind v4 source (CSS-first config + `@source`
+  globs). Compiled to `tailwind.css` by `simplex.web.vendor`.
+- `viewer.js`, `notes.js` -- parent-page bridge for the deck iframe + carousel
+  arrows, and the standalone notes view.
 
 ## Vendored for builds (not committed)
 
-- `tailwind.js` (Tailwind Play CDN -- JIT runtime, required for arbitrary-value classes)
+- `tailwind.css` (compiled from `tailwind.input.css` by the Tailwind v4
+  standalone CLI; binary cached per-user, not shipped in the wheel)
 - `katex/` (CSS + fonts + JS + auto-render)
 - `reveal.js/` (`reveal.js`, `reveal.css`, `reset.css`)
 - `htmx.min.js` (optional, kept for future progressive enhancement)
@@ -20,4 +24,5 @@ Vendored runtime assets, copied verbatim to `site/static/` at build time.
 ## Don't
 
 - Don't load these via CDN -- vendoring keeps Pages offline-safe.
-- Don't edit the vendored files; upgrade them with `scripts/vendor.sh`.
+- Don't edit the vendored files; bump pinned versions in
+  `simplex/web/vendor.py` and let the next build refetch.

simplex_web-0.2.2/src/simplex/web/static/notes.js

@@ -0,0 +1,183 @@
+/* Auto-fit display math + viewer plumbing for the notes pane.
+ *
+ * KaTeX renders display equations at their natural width; long lines
+ * overflow the .deck-notes column and force a horizontal scroll bar.
+ * We measure each `.katex-display` against its container and apply a
+ * `transform: scale(...)` to shrink it just enough to fit -- so the
+ * reader never has to scroll for math that's only a little too wide.
+ *
+ * Equations narrower than the column are untouched. Equations that
+ * would have to shrink past `MIN_SCALE` keep their scroll bar (we
+ * don't want to render math at unreadable sizes).
+ */
+
+(function () {
+  "use strict";
+
+  var MIN_SCALE = 0.55;
+
+  function fitOne(host) {
+    var inner = host.querySelector(".katex");
+    if (!inner) return;
+
+    // Reset state from prior runs so resize re-measures naturally.
+    inner.style.removeProperty("transform");
+    inner.style.removeProperty("transform-origin");
+    inner.style.removeProperty("display");
+    host.style.removeProperty("min-height");
+    host.classList.remove("katex-fitted");
+
+    var available = host.clientWidth;
+    var natural = inner.scrollWidth;
+    if (!available || !natural || natural <= available) return;
+
+    var scale = available / natural;
+    if (scale < MIN_SCALE) return; // leave scrollbar -- too wide to scale.
+
+    inner.style.transformOrigin = "left top";
+    inner.style.transform = "scale(" + scale + ")";
+    inner.style.display = "block";
+    // `transform` doesn't affect layout, so we reclaim the height the
+    // scaled equation would have used; otherwise an empty band appears
+    // below the math.
+    var scaledHeight = inner.offsetHeight * scale;
+    host.style.minHeight = scaledHeight + "px";
+    host.classList.add("katex-fitted");
+  }
+
+  function fitAll() {
+    var hosts = document.querySelectorAll(".deck-notes .katex-display");
+    for (var i = 0; i < hosts.length; i++) fitOne(hosts[i]);
+  }
+
+  function initSidenotePopovers() {
+    var refs = document.querySelectorAll(".sidenote-ref[for]");
+    if (!refs.length) return;
+
+    var narrow = window.matchMedia ? window.matchMedia("(max-width: 1279px)") : null;
+    var popover = null;
+    var activeRef = null;
+
+    function isNarrow() {
+      return !narrow || narrow.matches;
+    }
+
+    function noteFor(ref) {
+      var input = document.getElementById(ref.getAttribute("for") || "");
+      var note = input && input.nextElementSibling;
+      if (!note || !note.classList || !note.classList.contains("sidenote")) return null;
+      return note;
+    }
+
+    function ensurePopover() {
+      if (popover) return popover;
+      popover = document.createElement("div");
+      popover.className = "sidenote-popover";
+      popover.setAttribute("role", "dialog");
+      popover.setAttribute("aria-modal", "true");
+      popover.setAttribute("aria-hidden", "true");
+      popover.innerHTML =
+        '<button type="button" class="sidenote-popover-backdrop" data-sidenote-close aria-label="Close note"></button>' +
+        '<div class="sidenote-popover-sheet">' +
+        '<div class="sidenote-popover-header">' +
+        '<span data-sidenote-title>Note</span>' +
+        '<button type="button" class="sidenote-popover-close" data-sidenote-close aria-label="Close note">x</button>' +
+        "</div>" +
+        '<div class="sidenote-popover-content" data-sidenote-content></div>' +
+        "</div>";
+      document.body.appendChild(popover);
+      popover.querySelectorAll("[data-sidenote-close]").forEach(function (btn) {
+        btn.addEventListener("click", close);
+      });
+      return popover;
+    }
+
+    function close() {
+      if (!popover) return;
+      popover.classList.remove("is-open");
+      popover.setAttribute("aria-hidden", "true");
+      document.body.classList.remove("sidenote-popover-open");
+      if (activeRef) {
+        activeRef.setAttribute("aria-expanded", "false");
+        try { activeRef.focus({ preventScroll: true }); } catch (_) { activeRef.focus(); }
+      }
+      activeRef = null;
+    }
+
+    function open(ref) {
+      var note = noteFor(ref);
+      if (!note) return;
+      var sheet = ensurePopover();
+      var content = sheet.querySelector("[data-sidenote-content]");
+      var title = sheet.querySelector("[data-sidenote-title]");
+      var closeBtn = sheet.querySelector(".sidenote-popover-close");
+      if (content) content.innerHTML = note.innerHTML;
+      if (title) title.textContent = "Note " + ref.textContent.trim();
+      activeRef = ref;
+      ref.setAttribute("aria-expanded", "true");
+      sheet.classList.add("is-open");
+      sheet.setAttribute("aria-hidden", "false");
+      document.body.classList.add("sidenote-popover-open");
+      if (content && window.renderMathInElement) {
+        try {
+          window.renderMathInElement(content, {
+            delimiters: [
+              { left: "\\[", right: "\\]", display: true },
+              { left: "\\(", right: "\\)", display: false },
+            ],
+            throwOnError: false,
+            ignoredTags: ["script", "noscript", "style", "textarea", "pre", "code"],
+          });
+        } catch (_) {}
+      }
+      if (closeBtn) {
+        try { closeBtn.focus({ preventScroll: true }); } catch (_) { closeBtn.focus(); }
+      }
+    }
+
+    refs.forEach(function (ref) {
+      ref.addEventListener("click", function (e) {
+        if (!isNarrow()) return;
+        e.preventDefault();
+        open(ref);
+      });
+      ref.addEventListener("keydown", function (e) {
+        if (!isNarrow()) return;
+        if (e.key !== "Enter" && e.key !== " ") return;
+        e.preventDefault();
+        open(ref);
+      });
+    });
+
+    document.addEventListener("keydown", function (e) {
+      if (e.key === "Escape") close();
+    });
+    if (narrow && typeof narrow.addEventListener === "function") {
+      narrow.addEventListener("change", function () {
+        if (!isNarrow()) close();
+      });
+    }
+  }
+
+  // Expose for the KaTeX onload hook in base.html to call once math is
+  // typeset.
+  window.simplexFitMath = fitAll;
+
+  // Re-fit on viewport changes (debounced via rAF).
+  var pending = null;
+  function schedule() {
+    if (pending !== null) cancelAnimationFrame(pending);
+    pending = requestAnimationFrame(function () {
+      pending = null;
+      fitAll();
+    });
+  }
+  window.addEventListener("resize", schedule);
+  window.addEventListener("load", schedule);
+
+  if (document.readyState === "loading") {
+    document.addEventListener("DOMContentLoaded", initSidenotePopovers);
+  } else {
+    initSidenotePopovers();
+  }
+})();

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/static/simplex.css

@@ -390,13 +390,38 @@ body {
   text-decoration: none;
 }
 .site-footer a:hover { color: var(--canvas-text); }
+.site-footer a.site-footer-simplex,
+.site-footer a.site-footer-simplex:hover {
+  color: #e50914;
+  font-weight: 900;
+  text-decoration: underline;
+  text-decoration-thickness: 2px;
+  text-underline-offset: 0.16em;
+}
+.site-footer-github {
+  width: 2.2rem;
+  height: 2.2rem;
+  justify-content: center;
+  border-radius: 999px;
+  color: var(--canvas-muted);
+}
+.site-footer-github:hover {
+  background: var(--site-surface-hover);
+  color: var(--canvas-text);
+}
+.site-footer-github .github-square-icon {
+  width: 1.45rem;
+  height: 1.45rem;
+}
 @media (max-width: 760px) {
   .site-nav-wrap {
-    width: 100vw;
+    width: auto;
+    max-width: 100%;
     box-sizing: border-box;
     padding: 0.75rem 0.5rem 0.45rem;
   }
   .site-navbar {
+    position: relative;
     display: flex;
     flex-wrap: nowrap;
     width: 100%;
@@ -406,24 +431,32 @@ body {
     align-items: center;
     gap: 0.25rem;
     padding: 0.35rem;
+    overflow: visible;
   }
   .site-brand {
     flex: 0 1 auto;
     min-width: 0;
+    max-width: calc(100% - 5.45rem);
     padding: 0 0.65rem;
     justify-content: flex-start;
   }
+  .site-brand > span {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
   .site-nav-links {
-    flex: 0 1 auto;
-    width: auto;
-    overflow: visible;
-    padding: 0;
+    display: none;
   }
   .site-nav-actions {
+    position: static;
+    transform: none;
     flex: 0 0 auto;
     width: auto;
+    min-width: 0;
     justify-content: flex-end;
-    margin-left: 0;
+    margin-left: auto;
+    z-index: auto;
   }
   .site-resource-link {
     width: 2.45rem;
@@ -725,6 +758,8 @@ body {
   border-radius: var(--radius-card);
   border: 1px solid var(--border);
   padding: 0.9rem;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
 }
 @media (min-width: 1024px) {
   .deck-sidebar {
@@ -750,6 +785,12 @@ body {
   display: flex;
   flex-direction: column;
   gap: 0.6rem;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+.deck-sidebar::-webkit-scrollbar,
+.deck-slide-list::-webkit-scrollbar {
+  display: none;
 }
 @media (max-width: 1023px) {
   .deck-slide-list {
@@ -760,11 +801,6 @@ body {
     padding-bottom: 0.4rem;
     scrollbar-color: var(--fg-dim) transparent;
   }
-  .deck-slide-list::-webkit-scrollbar { height: 6px; }
-  .deck-slide-list::-webkit-scrollbar-thumb {
-    background: var(--fg-dim);
-    border-radius: 4px;
-  }
   .deck-slide-list > li {
     flex: 0 0 220px;
     scroll-snap-align: start;
@@ -1329,6 +1365,10 @@ body {
 .sidenote-ref::before { content: "["; }
 .sidenote-ref::after { content: "]"; }
 .sidenote-ref:hover { background: rgba(138, 90, 0, 0.12); }
+.sidenote-ref[role="button"]:focus-visible {
+  outline: 2px solid var(--notes-accent);
+  outline-offset: 2px;
+}
 
 .sidenote {
   display: block;
@@ -1372,6 +1412,91 @@ body {
   }
 }
 
+.sidenote-popover {
+  position: fixed;
+  inset: 0;
+  z-index: 120;
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 170ms ease;
+}
+.sidenote-popover.is-open {
+  opacity: 1;
+  pointer-events: auto;
+}
+.sidenote-popover-backdrop {
+  position: absolute;
+  inset: 0;
+  border: 0;
+  background: rgba(8, 10, 12, 0.58);
+  backdrop-filter: blur(8px);
+}
+.sidenote-popover-sheet {
+  position: absolute;
+  left: max(0.75rem, env(safe-area-inset-left));
+  right: max(0.75rem, env(safe-area-inset-right));
+  bottom: max(0.75rem, env(safe-area-inset-bottom));
+  max-height: min(70vh, 32rem);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--notes-rule);
+  border-radius: 8px;
+  background: var(--notes-bg);
+  color: var(--notes-fg);
+  box-shadow: 0 26px 80px -32px rgba(0, 0, 0, 0.65);
+  transform: translateY(1rem);
+  transition: transform 190ms ease;
+}
+.sidenote-popover.is-open .sidenote-popover-sheet {
+  transform: translateY(0);
+}
+.sidenote-popover-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+  padding: 0.75rem 0.9rem;
+  border-bottom: 1px solid var(--notes-rule);
+  font-family: var(--font-sans);
+  color: var(--notes-accent);
+  font-size: 0.78rem;
+  font-weight: 900;
+  text-transform: uppercase;
+  letter-spacing: 0;
+}
+.sidenote-popover-close {
+  width: 2rem;
+  height: 2rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid var(--notes-rule);
+  border-radius: 999px;
+  background: var(--notes-sidenote-bg);
+  color: var(--notes-fg);
+  font-family: var(--font-sans);
+  font-size: 1rem;
+  font-weight: 900;
+  line-height: 1;
+  cursor: pointer;
+}
+.sidenote-popover-content {
+  overflow: auto;
+  padding: 0.95rem 1rem 1.05rem;
+  font-family: var(--font-sans);
+  font-size: 0.95rem;
+  line-height: 1.55;
+  color: var(--notes-fg-soft);
+  text-align: left;
+  hyphens: manual;
+}
+.sidenote-popover-content > :first-child { margin-top: 0; }
+.sidenote-popover-content > :last-child { margin-bottom: 0; }
+body.sidenote-popover-open {
+  overflow: hidden;
+}
+
 /* ------------------------------------------------------------------ */
 /* Facelift overrides                                                  */
 /* ------------------------------------------------------------------ */
@@ -1615,9 +1740,13 @@ body {
   background: var(--site-bg);
   transition: filter 180ms ease;
 }
-.deck-grid.is-grayscale .deck-iframe,
-.deck-grid.is-grayscale .deck-slide-thumb img {
-  filter: grayscale(1);
+.deck-grid.is-light-preview .deck-viewer-frame,
+.deck-grid.is-light-preview .deck-slide-thumb {
+  background: #f4f4f4;
+}
+.deck-grid.is-light-preview .deck-iframe,
+.deck-grid.is-light-preview .deck-slide-thumb img {
+  filter: invert(1) hue-rotate(180deg) saturate(0.9) contrast(0.96) brightness(1.08);
 }
 .deck-controls {
   justify-content: space-between;
@@ -1698,7 +1827,7 @@ body {
 .deck-settings-panel {
   position: absolute;
   right: 0;
-  top: calc(100% + 0.45rem);
+  bottom: calc(100% + 0.45rem);
   z-index: 50;
   width: 15rem;
   padding: 0.45rem;
@@ -1706,6 +1835,7 @@ body {
   border-radius: 8px;
   background: var(--site-surface-solid);
   box-shadow: var(--shadow-card);
+  transform-origin: bottom right;
 }
 .deck-setting-row {
   display: flex;

simplex_web-0.2.2/src/simplex/web/static/tailwind.input.css

@@ -0,0 +1,16 @@
+/* Tailwind CSS v4 source for the Simplex portal.
+ *
+ * Compiled to `tailwind.css` (gitignored) by `simplex.web.vendor` at build
+ * time using the v4 standalone CLI. Sources below are scanned for class
+ * names; only the utilities actually used in the templates end up in the
+ * output, so the shipped stylesheet stays tiny.
+ *
+ * To add new sources (e.g. user-deck HTML), append more `@source` lines.
+ * Theme tweaks belong in a `@theme { ... }` block here -- not in a
+ * `tailwind.config.js`, which v4 has replaced with CSS-first config.
+ */
+
+@import "tailwindcss";
+
+@source "../templates/**/*.html";
+@source "../templates/**/*.j2";

{simplex_web-0.2.1 → simplex_web-0.2.2}/src/simplex/web/static/viewer.js

@@ -269,7 +269,7 @@
 
     function syncColorSetting() {
       if (!colorSetting) return;
-      deck.classList.toggle("is-grayscale", !colorSetting.checked);
+      deck.classList.toggle("is-light-preview", colorSetting.checked);
     }
 
     function closeSettings() {