# Teasim > Elements, blocks, and the data behind a content site. ## Pages - [Introduction](https://teasim.com/index.md): Elements, blocks, and the data behind a content site — three packages split by what they produce. - [Project structure](https://teasim.com/project-structure.md): What astra create writes, where the boundary with the framework falls, and how the tree becomes the site. - [About](https://teasim.com/about.md): Why Teasim is three packages instead of one, and what that split is protecting. - [Acceptable use policy](https://teasim.com/acceptable-use-policies.md): Example acceptable use policy for the Teasim demonstration site. - [Approach](https://teasim.com/approach.md): How a change gets from an idea to master — measured, reviewed, and written down. - [Attributions](https://teasim.com/attributions.md): What this project is built on. - [Brand](https://teasim.com/brand.md): The frame, the type, and the rules that keep the surface quiet. - [Contributor agreement](https://teasim.com/cla.md): Example contributor terms for the Teasim packages. - [Cookie policy](https://teasim.com/cookie-policy.md): Example cookie policy for the Teasim demonstration site. - [DMCA policy](https://teasim.com/dmca-policy.md): Example copyright takedown policy for the Teasim demonstration site. - [Privacy policy](https://teasim.com/privacy-policy.md): Example privacy policy for the Teasim demonstration site. - [Services](https://teasim.com/services.md): What we do beyond publishing the packages. - [Subprocessors](https://teasim.com/subprocessors.md): Example subprocessor list for the Teasim demonstration site. - [Team](https://teasim.com/team.md): How the work is organised, and why the group stays small. - [Terms of service](https://teasim.com/terms.md): Example terms for the Teasim demonstration site. - [Values](https://teasim.com/values.md): What we optimise for when two reasonable options disagree. ## Components - [Accordion](https://teasim.com/components/accordion.md): Disclosure rows built on the native details element, with the browser owning the open state. - [Code](https://teasim.com/components/code.md): A highlighted listing in CodeBlock's frame, with every Shiki notation drawn. ## References - [createNavigation](https://teasim.com/references/create-navigation.md): Builds the sidebar tree once and binds every navigation lookup to it. ## Notes - [A class the extractor never saw](https://teasim.com/notes/a-class-the-extractor-never-saw.md) - [A hairline that vanished in high contrast](https://teasim.com/notes/a-hairline-that-vanished-in-high-contrast.md) - [Duplication worth keeping](https://teasim.com/notes/duplication-worth-keeping.md) - [Measure before you believe the audit](https://teasim.com/notes/measure-before-you-believe-the-audit.md) - [Name the thing focus lands on](https://teasim.com/notes/name-the-thing-focus-lands-on.md) - [Region or group — let the count decide](https://teasim.com/notes/region-or-group-let-the-count-decide.md) - [The build that ran twice](https://teasim.com/notes/the-build-that-ran-twice.md) - [The dev server that died on every build](https://teasim.com/notes/the-dev-server-that-died-on-every-build.md) - [The gate has to actually gate](https://teasim.com/notes/the-gate-has-to-actually-gate.md) - [Two packages, one line](https://teasim.com/notes/two-packages-one-line.md) ## Products - [@teasim/aster](https://teasim.com/products/aster.md): The page-level blocks — a documentation shell, a header run, a footer, a nav tree, a pager. - [@teasim/astra](https://teasim.com/products/astra.md): The content layer — navigation, validation, markdown twins, and the machine-readable routes. - [@teasim/astro](https://teasim.com/products/astro.md): Accessible elements that render the markup you would have written, and carry their behaviour with them.