From a352e34129cd0948e06c8c18dfd6fae2053e83c2 Mon Sep 17 00:00:00 2001
From: Cody Tolene <codyatolene@gmail.com>
Date: Wed, 3 Aug 2022 01:39:48 -0500
Subject: [PATCH] Doc and example updates

---
 README.md                | 12 +++++-------
 package-lock.json        |  2 +-
 package.json             |  2 +-
 src/app/app.component.ts |  9 +++++----
 4 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/README.md b/README.md
index c109865..d73cd31 100644
--- a/README.md
+++ b/README.md
@@ -16,6 +16,7 @@
 [![Node Version](https://badgen.net/npm/node/@proangular/ngx-gist)](https://www.npmjs.com/@proangular/ngx-gist)
 [![Package Downloads](https://badgen.net/npm/dw/@proangular/ngx-gist)](https://www.npmjs.com/@proangular/ngx-gist)
 [![Size](https://img.shields.io/bundlephobia/minzip/@proangular/ngx-gist.svg)](https://bundlephobia.com/result?p=ProAngular/ngx-gist)
+[![Demo Status](https://badgen.net/badge/Demo/Online/green)](https://www.ProAngular.com/demos/ngx-gist)
 [![Website Status](https://img.shields.io/website?down_color=lightgrey&down_message=Offline&label=Website&up_color=green&up_message=Online&url=https%3A%2F%2Fwww.proangular.com)](https://www.proangular.com)
 [![Gitter Chat](https://badges.gitter.im/ProAngular/lobby.svg)](https://gitter.im/ProAngular/community)
 [![Discord Chat](https://img.shields.io/discord/1003103094588055552?label=Discord)](https://discord.com/channels/1003103094588055552)
@@ -24,11 +25,6 @@
 [![GitHub Package Status](https://github.com/ProAngular/ngx-gist/actions/workflows/on-merge-main-deploy-gpr.yml/badge.svg)](https://github.com/ProAngular/ngx-gist/actions/workflows/on-merge-main-deploy-gpr.yml)
 [![npmjs Package Status](https://github.com/ProAngular/ngx-gist/actions/workflows/on-merge-main-deploy-npmjs.yml/badge.svg)](https://github.com/ProAngular/ngx-gist/actions/workflows/on-merge-main-deploy-npmjs.yml)
 
-<!--
-[![StackBlitz](https://badgen.net/badge/StackBlitz/Offline/red)]()
-[![Demo](https://badgen.net/badge/Demo/Offline/red)]()
--->
-
 ## Table of Contents
 
 - [Information](#information)
@@ -58,7 +54,7 @@ More info in the following links:
 
 ## Description
 
-Behold, this package contains an Angular Material and HighlighJs styled element which displays your GitHub gists in a conveniant, easy to view interface. Don't have a gist? No problem, display your own code snippets by just passing in the same model! All files from the remote/local gist are displayed in separate tabs for users to easily navigate. Many optional features and themes are available. 
+Behold, this package contains an Angular Material and HighlighJs styled element which displays your GitHub gists in a conveniant, easy to view interface. Don't have a gist? No problem, display your own code snippets by just passing in a direct model (`NgxGist.create({ ... })`)! All files from the remote/local gist are displayed in separate tabs for users to easily navigate. Many optional features and themes are available. 
 
 GitHub gists can be created here: https://gist.github.com/
 
@@ -72,6 +68,8 @@ Enjoy!
   <img src="src/assets/images/demo-gist.gif" />
 </p>
 
+Live demo here: [https://www.ProAngular.com/demos/ngx-gist](https://www.ProAngular.com/demos/ngx-gist)
+
 <a name="installation"/>
 
 ## Installation
@@ -213,7 +211,7 @@ You can also display any number of specific files by name.
 
 ### Displaying a basic code snippet (without a remote gist)
 
-These are not fetched from GitHub and are brought in elsewhere from your application (seperate HTTP request, or statically for example). With this method you can display code snippets without having to create a remote gist. Also, please notice here that no "Open Gist on GitHub" link will display as well.
+These are not fetched from GitHub and are brought in elsewhere from your application (seperate HTTP request, or statically for example). With this method you can display code snippets without having to create a remote gist. You can easily create a new code snippet/gist object using `NgxGist.create({ ... })`. Note: no "Open Gist on GitHub" link will display.
 ```html
 <ngx-gist [gist]="localGistObject"></ngx-gist>
 ```
diff --git a/package-lock.json b/package-lock.json
index 9345f20..34658c0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "@proangular/ngx-gist",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
diff --git a/package.json b/package.json
index ff4a337..5a2914c 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@proangular/ngx-gist",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "An Angular Material and HighlighJs styled display box for GitHub gist and local code snippets.",
   "author": "Pro Angular <webmaster@proangular.com>",
   "homepage": "https://www.proangular.com",
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 603bbbc..26df444 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -65,10 +65,11 @@ import { Component } from '@angular/core';
       <h4>DISPLAYING A BASIC CODE SNIPPET (WITHOUT A REMOTE GIST)</h4>
       <p>
         These are not fetched from GitHub and are brought in elsewhere from your
-        application (separate HTTP request, or statically, for example). With
-        this method, you can display code snippets without having to create a
-        remote gist. Also, please notice here that no "Open Gist on GitHub" link
-        is displayed here.
+        application (seperate HTTP request, or statically for example). With
+        this method you can display code snippets without having to create a
+        remote gist. You can easily create a new code snippet/gist object using
+        <code>NgxGist.create({{ '{' }} ... {{ '}' }})</code>. Note: no "Open
+        Gist on GitHub" link will display.
       </p>
       <ngx-gist [gist]="localGistObject"></ngx-gist>