Merge pull request #400 from ToposInstitute/demo_page

Help page for quick introduction

packages/frontend/src/help/quick_intro.mdx

@@ -0,0 +1,15 @@
+# Quick introduction
+
+Here are a few models created for a quick introduction to CatColab. 
+
+To visualize any of these models, open the menu in the upper-left
+of their page, click "new analysis", click the + symbol on the new pane that appears, and select "Visualization."
+
+These models are view-only, which means that while you can edit them, your edits will not be saved. If you duplicate
+the model in the same menu, you'll get a copy you (if you're logged in) own and can edit, save, and re-permission as you like.
+
+- [The ontology of CatColab](https://catcolab.org/model/0194fbf4-fddf-7a12-b88b-33015d17d8e7)
+- [An exemplar instance of this ontology](https://catcolab.org/diagram/0194fbf9-8d8f-7330-8a51-5e9da2ce31bc)
+- [A large causal loop diagram](https://catcolab.org/model/0194cf7f-e59a-7281-a0d9-dce4c68114e4)
+- [A causal loop diagram with delays](https://catcolab.org/model/0194d7b1-2a7d-7be2-a338-b607c61bf0d4)
+- [An SEIRV stock-flow model](https://catcolab.org/model/0195001d-3c7d-7cb3-9019-2f411cfa2663)

packages/frontend/src/help/routes.ts

@@ -26,4 +26,8 @@ export const helpRoutes: RouteDefinition[] = [
         matchFilters: theoryWithIdFilter,
         component: lazy(() => import("./theory")),
     },
+    {
+        path: "/quick-intro",
+        component: lazyMdx(() => import("./quick_intro.mdx")),
+    },
 ];