├── .eslintignore ├── .eslintrc.json ├── .github └── workflows │ └── lint-and-test.yml ├── .gitignore ├── .stylelintrc.json ├── CHANGELOG.md ├── README.md ├── babel.config.js ├── package.json ├── screenshot.png └── src ├── HashNavigation.js ├── HashNavigation.test.js ├── ViewSwitcher.js ├── assets └── preview.png ├── components ├── AboutSchematics │ ├── AboutSchematics.js │ └── about-schematics.css ├── Diagram │ ├── Diagram.js │ ├── DiagramFactory.js │ ├── Figure14Diagram.js │ ├── Figure18Diagram │ │ ├── Figure18BoxedText.js │ │ ├── Figure18Diagram.js │ │ ├── Figure18DiagramGridCoordinateSystem.js │ │ └── data.js │ ├── Figure20Diagram │ │ ├── Figure20Animations.js │ │ ├── Figure20Diagram.js │ │ ├── Figure20PointerEvents.js │ │ ├── Figure20RowBarDrawing.js │ │ └── Figure20WaveCoordinates.js │ ├── Figure36Diagram │ │ ├── Figure36Diagram.js │ │ ├── PendulumArm.js │ │ ├── PendulumTrajectoryArrow.js │ │ ├── clickable.js │ │ └── swingable.js │ ├── Figure42Diagram.js │ ├── Figure43Diagram │ │ ├── Figure43Diagram.js │ │ └── figure-43-diagram.css │ └── diagram.css ├── SVGShapes │ ├── SVGShapeFactory.js │ ├── SVGShapeFeatures.js │ └── SVGShapes.js ├── ScanLines.js ├── SchematicsFigure │ ├── CaptionTyping.js │ ├── CaptionTyping.test.js │ ├── FigureCaption.js │ ├── SchematicsFigure.js │ ├── schematics-figure-placements.css │ └── schematics-figure.css ├── SchematicsFigurePreviews │ ├── SchematicsFigurePreviews.js │ └── schematics-figure-previews.css └── SchematicsFigureToolbar │ ├── SchematicsFigureToolbar.js │ └── schematics-figure-toolbar.css ├── css ├── aside.css ├── button.css ├── color-schemes.css ├── custom-media.css ├── footer.css ├── grid.css ├── header.css ├── main.css ├── reset.css ├── rhythm-and-scale.css ├── shared-animations.css └── sr-only.css ├── favicons ├── apple-touch-icon.png ├── favicon-192.png ├── favicon-32.ico ├── favicon-512.png ├── favicon.svg └── manifest.webmanifest ├── figureData.js ├── helpers ├── BezierEasing.js ├── BezierEasing.test.js ├── Duration.js ├── Duration.test.js ├── TimerManager.js ├── TimerManager.test.js ├── animateWithEasing.js ├── arcCalculations.js ├── random.js ├── sequentialActionRunning.js ├── smoothScroll.js └── transitionWithClasses.js ├── index.html ├── main.css └── main.js /.eslintignore: -------------------------------------------------------------------------------- 1 | **/*.test.js -------------------------------------------------------------------------------- /.eslintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/.eslintrc.json -------------------------------------------------------------------------------- /.github/workflows/lint-and-test.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/.github/workflows/lint-and-test.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | .DS_Store -------------------------------------------------------------------------------- /.stylelintrc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/.stylelintrc.json -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/CHANGELOG.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/README.md -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/babel.config.js -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/package.json -------------------------------------------------------------------------------- /screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/screenshot.png -------------------------------------------------------------------------------- /src/HashNavigation.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/HashNavigation.js -------------------------------------------------------------------------------- /src/HashNavigation.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/HashNavigation.test.js -------------------------------------------------------------------------------- /src/ViewSwitcher.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/ViewSwitcher.js -------------------------------------------------------------------------------- /src/assets/preview.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/assets/preview.png -------------------------------------------------------------------------------- /src/components/AboutSchematics/AboutSchematics.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/AboutSchematics/AboutSchematics.js -------------------------------------------------------------------------------- /src/components/AboutSchematics/about-schematics.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/AboutSchematics/about-schematics.css -------------------------------------------------------------------------------- /src/components/Diagram/Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/DiagramFactory.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/DiagramFactory.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure14Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure14Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure18Diagram/Figure18BoxedText.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure18Diagram/Figure18BoxedText.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure18Diagram/Figure18Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure18Diagram/Figure18Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure18Diagram/Figure18DiagramGridCoordinateSystem.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure18Diagram/Figure18DiagramGridCoordinateSystem.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure18Diagram/data.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure18Diagram/data.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure20Diagram/Figure20Animations.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure20Diagram/Figure20Animations.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure20Diagram/Figure20Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure20Diagram/Figure20Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure20Diagram/Figure20PointerEvents.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure20Diagram/Figure20PointerEvents.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure20Diagram/Figure20RowBarDrawing.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure20Diagram/Figure20RowBarDrawing.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure20Diagram/Figure20WaveCoordinates.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure20Diagram/Figure20WaveCoordinates.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure36Diagram/Figure36Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure36Diagram/Figure36Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure36Diagram/PendulumArm.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure36Diagram/PendulumArm.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure36Diagram/PendulumTrajectoryArrow.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure36Diagram/PendulumTrajectoryArrow.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure36Diagram/clickable.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure36Diagram/clickable.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure36Diagram/swingable.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure36Diagram/swingable.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure42Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure42Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure43Diagram/Figure43Diagram.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure43Diagram/Figure43Diagram.js -------------------------------------------------------------------------------- /src/components/Diagram/Figure43Diagram/figure-43-diagram.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/Figure43Diagram/figure-43-diagram.css -------------------------------------------------------------------------------- /src/components/Diagram/diagram.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/Diagram/diagram.css -------------------------------------------------------------------------------- /src/components/SVGShapes/SVGShapeFactory.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SVGShapes/SVGShapeFactory.js -------------------------------------------------------------------------------- /src/components/SVGShapes/SVGShapeFeatures.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SVGShapes/SVGShapeFeatures.js -------------------------------------------------------------------------------- /src/components/SVGShapes/SVGShapes.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SVGShapes/SVGShapes.js -------------------------------------------------------------------------------- /src/components/ScanLines.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/ScanLines.js -------------------------------------------------------------------------------- /src/components/SchematicsFigure/CaptionTyping.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/CaptionTyping.js -------------------------------------------------------------------------------- /src/components/SchematicsFigure/CaptionTyping.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/CaptionTyping.test.js -------------------------------------------------------------------------------- /src/components/SchematicsFigure/FigureCaption.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/FigureCaption.js -------------------------------------------------------------------------------- /src/components/SchematicsFigure/SchematicsFigure.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/SchematicsFigure.js -------------------------------------------------------------------------------- /src/components/SchematicsFigure/schematics-figure-placements.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/schematics-figure-placements.css -------------------------------------------------------------------------------- /src/components/SchematicsFigure/schematics-figure.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigure/schematics-figure.css -------------------------------------------------------------------------------- /src/components/SchematicsFigurePreviews/SchematicsFigurePreviews.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigurePreviews/SchematicsFigurePreviews.js -------------------------------------------------------------------------------- /src/components/SchematicsFigurePreviews/schematics-figure-previews.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigurePreviews/schematics-figure-previews.css -------------------------------------------------------------------------------- /src/components/SchematicsFigureToolbar/SchematicsFigureToolbar.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigureToolbar/SchematicsFigureToolbar.js -------------------------------------------------------------------------------- /src/components/SchematicsFigureToolbar/schematics-figure-toolbar.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/components/SchematicsFigureToolbar/schematics-figure-toolbar.css -------------------------------------------------------------------------------- /src/css/aside.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/aside.css -------------------------------------------------------------------------------- /src/css/button.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/button.css -------------------------------------------------------------------------------- /src/css/color-schemes.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/color-schemes.css -------------------------------------------------------------------------------- /src/css/custom-media.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/custom-media.css -------------------------------------------------------------------------------- /src/css/footer.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/footer.css -------------------------------------------------------------------------------- /src/css/grid.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/grid.css -------------------------------------------------------------------------------- /src/css/header.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/header.css -------------------------------------------------------------------------------- /src/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/main.css -------------------------------------------------------------------------------- /src/css/reset.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/reset.css -------------------------------------------------------------------------------- /src/css/rhythm-and-scale.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/rhythm-and-scale.css -------------------------------------------------------------------------------- /src/css/shared-animations.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/shared-animations.css -------------------------------------------------------------------------------- /src/css/sr-only.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/css/sr-only.css -------------------------------------------------------------------------------- /src/favicons/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/apple-touch-icon.png -------------------------------------------------------------------------------- /src/favicons/favicon-192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/favicon-192.png -------------------------------------------------------------------------------- /src/favicons/favicon-32.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/favicon-32.ico -------------------------------------------------------------------------------- /src/favicons/favicon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/favicon-512.png -------------------------------------------------------------------------------- /src/favicons/favicon.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/favicon.svg -------------------------------------------------------------------------------- /src/favicons/manifest.webmanifest: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/favicons/manifest.webmanifest -------------------------------------------------------------------------------- /src/figureData.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/figureData.js -------------------------------------------------------------------------------- /src/helpers/BezierEasing.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/BezierEasing.js -------------------------------------------------------------------------------- /src/helpers/BezierEasing.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/BezierEasing.test.js -------------------------------------------------------------------------------- /src/helpers/Duration.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/Duration.js -------------------------------------------------------------------------------- /src/helpers/Duration.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/Duration.test.js -------------------------------------------------------------------------------- /src/helpers/TimerManager.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/TimerManager.js -------------------------------------------------------------------------------- /src/helpers/TimerManager.test.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/TimerManager.test.js -------------------------------------------------------------------------------- /src/helpers/animateWithEasing.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/animateWithEasing.js -------------------------------------------------------------------------------- /src/helpers/arcCalculations.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/arcCalculations.js -------------------------------------------------------------------------------- /src/helpers/random.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/random.js -------------------------------------------------------------------------------- /src/helpers/sequentialActionRunning.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/sequentialActionRunning.js -------------------------------------------------------------------------------- /src/helpers/smoothScroll.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/smoothScroll.js -------------------------------------------------------------------------------- /src/helpers/transitionWithClasses.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/helpers/transitionWithClasses.js -------------------------------------------------------------------------------- /src/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/index.html -------------------------------------------------------------------------------- /src/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/main.css -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/elisehein/schematics/HEAD/src/main.js --------------------------------------------------------------------------------