using demo.md and update content

Author: ijac13

docs/demo.md

@@ -5,10 +5,9 @@ icon: material/keyboard
 
 # Interactive Demos
 
-Try `Recce` without installing using this [online demo](https://reccehq.com/demo/).
-
-[Recce Online Demo](https://reccehq.com/demo/){ .md-button .md-button--primary }
+We provide interactive demos that show common ways to use Recce. You can try them right now without installing anything.
 
+[Try Demos](https://reccehq.com/demo/){ .md-button .md-button--primary } (No install)
 
 ## Examples
 

docs/styles/extra.css

@@ -7,13 +7,6 @@
   vertical-align: top;
 }
 
-.md-nav__item a.md-nav__link[href^="https://reccehq.com/demo/"] .md-ellipsis::before {
-  content: "⌨";
-  display: inline-block;
-  margin-right: 0.1rem;
-  vertical-align: top;
-  font-size: 1rem;
-}
 .md-nav__item a.md-nav__link[href^="https://"]:hover .md-ellipsis::before {
   filter: invert(46%) sepia(13%) saturate(2575%) hue-rotate(326deg) brightness(115%) contrast(106%);
 }

mkdocs.yml

@@ -35,7 +35,7 @@ nav:
   - Guides:
       - Overview:
           - index.md
-          - Interactive Demos: "https://reccehq.com/demo/"
+          - demo.md
       - Getting Started:
           - get-started.md
           - configure-diff.md