Add links to new demo site

Author: thibaudcolas

README.md

@@ -2,7 +2,7 @@
 
 [![PyPI](https://img.shields.io/pypi/v/django-pattern-library.svg)](https://pypi.org/project/django-pattern-library/) [![PyPI downloads](https://img.shields.io/pypi/dm/django-pattern-library.svg)](https://pypi.org/project/django-pattern-library/) [![Travis](https://travis-ci.com/torchbox/django-pattern-library.svg?branch=master)](https://travis-ci.com/torchbox/django-pattern-library) [![Total alerts](https://img.shields.io/lgtm/alerts/g/torchbox/django-pattern-library.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/torchbox/django-pattern-library/alerts/)
 
-> UI pattern libraries for Django templates
+> UI pattern libraries for Django templates. Try our [online demo](https://torchbox.github.io/django-pattern-library/demo/pattern-library/).
 
 ![Screenshot of the pattern library UI, with navigation, pattern rendering, and configuration](https://raw.githubusercontent.com/torchbox/django-pattern-library/master/.github/pattern-library-screenshot.webp)
 
@@ -27,6 +27,13 @@ Pattern libraries will change your workflow for the better:
 
 Learn more by watching our presentation – [Reusable UI components: A journey from React to Wagtail](https://www.youtube.com/watch?v=isrOufI7TKc).
 
+## Online demo
+
+The pattern library is dependent on Django for rendering – but also supports exporting as a static site if needed. Try out our online demo:
+
+- For a component, [accordion.html](https://torchbox.github.io/django-pattern-library/demo/pattern-library/pattern/patterns/molecules/accordion/accordion.html)
+- For a page-level template, [person_page.html](https://torchbox.github.io/django-pattern-library/demo/pattern-library/pattern/patterns/pages/people/person_page.html)
+
 ## Documentation
 
 Documentation is available at [torchbox.github.io/django-pattern-library](https://torchbox.github.io/django-pattern-library/), with source files in the `docs` directory.

docs/getting-started.md

@@ -1,5 +1,7 @@
 # Getting started
 
+> If you just want to see django-pattern-library up and running, have a look at our [online demo](https://torchbox.github.io/django-pattern-library/demo/pattern-library/pattern/patterns/molecules/accordion/accordion.html).
+
 ## Installation
 
 django-pattern-library is available [on PyPI](https://pypi.org/project/django-pattern-library/). First install it in your Django project:

docs/index.md

@@ -25,6 +25,13 @@ Pattern libraries will change your workflow for the better:
 - They encourage code reuse – defining independent UI components, that can be reused across apps, or ported to other projects.
 - It makes it much simpler to test UI components – no need to figure out where they’re used across a site or app.
 
+## Online demo
+
+The pattern library is dependent on Django for rendering – but also supports exporting as a static site if needed. Try out our online demo:
+
+- For a component, [accordion.html](https://torchbox.github.io/django-pattern-library/demo/pattern-library/pattern/patterns/molecules/accordion/accordion.html)
+- For a page-level template, [person_page.html](https://torchbox.github.io/django-pattern-library/demo/pattern-library/pattern/patterns/pages/people/person_page.html)
+
 ## Why this exists
 
 We want to make it possible for developers to maintain large pattern libraries with minimal fuss – no copy-pasting of templates between a static library and the “production” templates.

mkdocs.yml

@@ -50,3 +50,4 @@ nav:
     - 'Concepts': 'reference/concepts.md'
     - 'Known issues': 'reference/known-issues.md'
     - 'Related projects': 'reference/related-projects.md'
+  - 'Online demo': '/django-pattern-library/demo/pattern-library/'