diff --git a/README.md b/README.md index f93ec6e..e5068d3 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,8 @@ Live at **https://eggzec.github.io/**. A hand built static site: Vite and TypeScript, with no UI framework. Animation uses [Motion](https://motion.dev) plus -[Lenis](https://lenis.darkroom.engineering) for smooth scrolling, and a canvas -Game of Life for the hero texture. +[Lenis](https://lenis.darkroom.engineering) for smooth scrolling, and an SVG +build-on of the logo mark for the hero. ## Layout @@ -15,13 +15,13 @@ Game of Life for the hero texture. index.html landing page 404.html custom not found page projects/ full project catalog, filterable by category -community/ maintainers, plus one page each +community/ maintainers partials/head.html shared
, injected at build time public/brand/ logo, project icons src/ main.ts single entry, mounts whatever a page contains data/site.ts projects and people. Edit content here - components/ nav, footer, cards, life field, reveals, marquee + components/ nav, footer, cards, mark draw, reveals, marquee lib/eggzec-block.ts the eggzec Block bitmap display font, as TypeScript styles/ tokens, base, layout, components, pages ``` @@ -48,18 +48,28 @@ Almost everything is data rather than markup, and it all lives in | --- | --- | | Projects, taglines, repository and docs and PyPI links | `PROJECTS` | | Human facing name when the repo name is not one | `display` on a project | -| Which projects lead the page | any project with an `icon` | +| Which projects lead the landing page | `LEAD` in `src/data/site.ts` | +| Who builds on our packages | `src/data/used-by.ts` | | Maintainers | `PEOPLE` | | Nav links | `NAV` | | Footer links | `COLUMNS` in `src/components/footer.ts` | -A project is featured on the landing page and in the nav menu when it has an -`icon`. That keeps the featured set in sync with the brand icon files under -`public/brand/icons/` automatically, with no second list to maintain. +`LEAD` names the projects the landing page and the nav menu open with, in +order. That used to be derived from which projects carried a brand icon, but +nearly all of them do now, so it stopped selecting anything — what a first-time +visitor should see first is a decision, not a side effect. The full catalog on +`/projects/` is grouped by category only, with no separate featured block, so no +card appears twice. Landing page statistics are counted from the catalog at runtime, so the numbers cannot drift from what is actually listed. +`src/data/used-by.ts` is the one generated file. It comes from GitHub's +dependency graph — the `network/dependents` listing for each repository — +filtered to named organisations and checked one at a time against the API. Only +pydoe, pyswarm, mcerp and soerp have any dependents, so that is what the list +draws on. Regenerate it by hand rather than trusting it to stay current. + ## Design Colours are the Electropop palette on white: @@ -68,7 +78,7 @@ Colours are the Electropop palette on white: | --- | --- | | Block fills, buttons, knockouts | Kiwi `#CCFF00` | | Accent text and links | Violet `#5200FF` | -| Sparks and newly born cells | Magenta `#F900FF` | +| Sparks and the byte cells | Magenta `#F900FF` | | Third accent | Orange `#FF6B00` | Kiwi is brilliant as a field with black on top of it and illegible as type on @@ -80,9 +90,13 @@ size, so there is no font file and no layout shift. Because the font is monospaced, the hero solves for letter tracking per line, which makes every line land at the same width and the same cap height. -The hero, footer and 404 page run Conway's Game of Life on a coarse grid. That -is the same glider hidden in the logo mark. Everything animated respects -`prefers-reduced-motion`. +The hero, the call to action panels, the footer rule and the 404 page draw the +logo mark rather than decorating around it. `src/components/mark-draw.ts` emits +one SVG: stepped violet traces run in from outside the frame and spark where +they meet the silhouette, a stack of kiwi bars grows out from the centre line to +fill the egg, the outline is traced, and the nine magenta byte cells land last. +It is CSS keyframes with a `--i` index per element, so it plays once, holds, and +costs nothing after that. Everything animated respects `prefers-reduced-motion`. ## Deploy diff --git a/community/index.html b/community/index.html index dac22cf..a76bb26 100644 --- a/community/index.html +++ b/community/index.html @@ -37,9 +37,7 @@diff --git a/community/laraib/index.html b/community/laraib/index.html deleted file mode 100644 index 86960e8..0000000 --- a/community/laraib/index.html +++ /dev/null @@ -1,34 +0,0 @@ - - - -
- - - - - Skip to content -@@ -30,18 +28,16 @@
- We build the numerical layer: - Fortran and C++ cores wrapped for Python, with uncertainty - propagation, design of experiments, and optimization on top. Everything is - published to PyPI, documented, and tested on every push. + Libraries for people who compute for a living, and the tools + that keep that work moving. All of it open source, and free to use.
Shipping
-Used by
+Projects
- Every project below is a repository you can clone today. Most ship a package, a - documentation site, and a CI pipeline that runs the tests on every push. + Every project below is a repository you can clone today, and a package you can + install.
@@ -133,71 +116,40 @@How we work
-01
-- Quadrature, linear algebra, and special functions stay in Fortran and C++. The API - you import is Python, built with f2py, SIP, and Meson. + Every repository is public and takes issues and pull requests. The way in is the + same one we use ourselves.
02
-- Propagate error by moments, by Monte Carlo, or by derivative. mcerp, soerp, and ad - cover all three against the same modelling code. + Projects stay released and documented for as long as people depend on them. Work + we no longer maintain is retired rather than left looking current.
03
-- Packages go to PyPI with a versioned docs site, Ruff and pytest in CI, and coverage - reported on the pull request that changed it. + National labs, universities, and industry build on these packages. Every name we + list links to the repository that does.
Toolchain
-- uv for environments, Meson and CMake for native builds, Ruff and pytest for the gate, - Zensical and Doxygen for the docs. -
-Community
- eggzec is maintained by three engineers working across Python, C++, Fortran, Java, and - Go. Issues and pull requests are welcome on every repository. + eggzec is maintained by a small group of engineers, in the open. Issues and pull + requests are welcome on every repository.
@@ -222,9 +174,7 @@@@ -252,5 +202,7 @@
- They are all built the same way. + Something missing, or something wrong?
- A numerical core in Fortran or C++, a small Python API on top, and a test suite
- that runs on every push. Pick one, read its README, and open an issue on
+ Pick a project, read its documentation, and open an issue on
${person.role}
${person.bio}
-${person.role}
-${person.bio}
-}.png)
+ `,
+ ).join('')
}
/**
diff --git a/src/components/draw-field.ts b/src/components/draw-field.ts
new file mode 100644
index 0000000..a4ed3ac
--- /dev/null
+++ b/src/components/draw-field.ts
@@ -0,0 +1,415 @@
+/**
+ * Draw field — the animated plate behind the page.
+ *
+ * astral.sh reveals the mark behind its headline with a Lottie built from an
+ * alpha track matte: one filled shape, uncovered by a stack of rounded bars
+ * whose widths grow from zero on staggered in-points, with trimmed strokes
+ * tracing in alongside. Nothing is random, it plays once, it resolves.
+ *
+ * The choreography here is that one; the subject is what eggzec actually
+ * builds. The anchor is ∇ℒ, traced straight out of `brand/icons/nlpql.svg` —
+ * the nabla outlined then filled through its bar matte, the script L written on
+ * block by block. Around it sit the methods: a contour plot with a descent
+ * stepping to the optimum, a residual curve falling to tolerance, a Wiener path
+ * with pollen drifting off it, a block of binary, and the equations themselves.
+ *
+ * All type is the site's own eggzec Block, the bitmap face the headlines use,
+ * extended here with the handful of maths glyphs the equations need. Every
+ * glyph is therefore drawn on the same grid, with the same merged runs and
+ * quarter-turn corners, as the nabla it sits beside.
+ *
+ * The build is declarative — one SVG plus CSS keyframes, delays driven by a
+ * `--i` index per element. JS emits markup and flips `animation-play-state`
+ * when the host scrolls in, so there is no animation loop and no per-frame
+ * work. The pollen is the one thing that keeps moving afterwards, and it does
+ * it on the compositor.
+ */
+
+import { inView } from 'motion'
+import { GLYPHS, bitmapPath } from '../lib/eggzec-block'
+import {
+ NABLA_BOX,
+ NABLA_COUNTER,
+ NABLA_OUTLINE,
+ SCRIPT_L,
+ SCRIPT_L_BOX,
+ SCRIPT_L_RADIUS,
+} from '../lib/nlpql-glyphs'
+import { prefersReducedMotion } from '../lib/env'
+
+type Point = [number, number]
+
+function round(n: number): number {
+ return Math.round(n * 1000) / 1000
+}
+
+function polyline(points: Point[]): string {
+ return points.map((p, i) => `${i === 0 ? 'M' : 'L'}${round(p[0])} ${round(p[1])}`).join('')
+}
+
+/** An ellipse as a path, so `pathLength` normalisation works everywhere. */
+function ellipsePath(cx: number, cy: number, rx: number, ry: number): string {
+ return `M${cx - rx} ${cy}A${rx} ${ry} 0 1 0 ${cx + rx} ${cy}A${rx} ${ry} 0 1 0 ${cx - rx} ${cy}Z`
+}
+
+/**
+ * Deterministic noise. The plate must be identical on every load — a hero that
+ * reshuffles between refreshes reads as a bug — so the Wiener path and the
+ * pollen drift come from a counter, not from `Math.random`.
+ */
+function noise(seed: number): number {
+ const x = Math.sin(seed * 12.9898) * 43758.5453
+ return x - Math.floor(x)
+}
+
+/* ========================================================================== *
+ * Type — eggzec Block, extended for maths
+ * ========================================================================== */
+
+/**
+ * The glyphs the equations need and the display font does not carry, authored
+ * on the same 5x7 body so they set on the same baseline and advance.
+ */
+const MATHS: ReadonlyThe projects we build on most, and keep documented and released.
-