STAMINA: add a Venn diagram of the three research areas - #113
Merged
Merged
Conversation
Adds _includes/stamina-diagram.html under the About intro: three pillar cards (social interaction technologies, social simulations & modelling, AI agents & safety), a crises -> applications flow, and the disciplines members come from. Plain HTML + inline SVG rather than a raster image, so the text stays selectable, scalable and screen-reader accessible, and the layout stacks on narrow screens. Styles live in stamina/css/plain-style.css. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
The three research areas are now shown as overlapping circles with the three-way intersection highlighted, which states the interdisciplinary point directly. Circles are large enough to hold the full area names, and the cards and their icons are dropped. Also reword the AI area. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Label positions were chosen by searching each single-area region for the point that maximizes the smallest distance to any circle edge. Spreading the circles (centres 200 apart, r=155) and widening the figure to 480px makes room for 18px labels, ~15.7px on screen, with 7-10px clearance. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Adds a small diagram to the top of the About section on
/stamina/: three overlapping circles for social interaction technologies, social simulations & modelling, and AI agents & safety, with the three-way overlap highlighted to show that STAMINA works at their intersection. Below it, a "crises → pro-social, pro-truth applications" pairing and a row of the disciplines members come from.Built as plain HTML + inline SVG (
_includes/stamina-diagram.html, styles instamina/css/plain-style.css) rather than a raster image, so the text stays selectable and screen-reader accessible, it scales without blurring, it adds a few KB instead of ~1 MB, and it stacks on narrow screens.Notes
Test plan
bundle exec jekyll buildsucceeds; checked the rendered page locally at desktop and phone widthsNote:
maincurrently fails to deploy for an unrelated reason — see the github-pages pin in thefix-jekyll-buildPR, which needs to land for this to reach the live site.🤖 Generated with Claude Code