diff --git a/.deploy/docker-compose-template.yml b/.deploy/docker-compose-template.yml
new file mode 100644
index 0000000..03bd7d3
--- /dev/null
+++ b/.deploy/docker-compose-template.yml
@@ -0,0 +1,21 @@
+version: "3.9"
+services:
+    ${APP_NAME}:
+        image: ghcr.io/${IMAGE_REPO}:${RELEASE_VERSION}
+        restart: always
+        ports:
+            - "5000"
+        environment:
+            VIRTUAL_HOST: ${HOST_DOMAIN}
+            LETSENCRYPT_HOST: ${HOST_DOMAIN}
+            LETSENCRYPT_EMAIL: ${LETSENCRYPT_EMAIL}
+        volumes:
+            - ${APP_NAME}-mydb:/app/App_Data
+
+networks:
+  default:
+    name: nginx
+    external: true
+
+volumes:
+    ${APP_NAME}-mydb:
diff --git a/.github/workflows/README.md b/.github/workflows/README.md
new file mode 100644
index 0000000..1f3ff5a
--- /dev/null
+++ b/.github/workflows/README.md
@@ -0,0 +1,144 @@
+# ServiceStack mix GitHub Actions
+`release.yml` generated from `x mix release-ecr-aws`, this template in designed to help with automating CI deployments to AWS ECS and dedicated AWS ECS cluster.
+This is a cheap way to start without an AWS Application Load Balancer (ALB) and also be in a situation that will easier to add one once the web service needs additional scale or high availability.
+
+## Overview
+`release.yml` is designed to work with a ServiceStack app templates deploying directly to a single server in a dedicated ECS cluster via templated GitHub Actions.
+
+## Setup
+### Create unique ECS cluster
+For this setup, it is best to create a separate cluster as cluster will only have the single instance in it running.
+This pattern is to start from a good base with AWS ECS and automated CI deployment while avoiding the higher costs of needing to run an application load balancer (ALB).
+
+If/when you can justify the cost of an ALB for easier scaling and zero downtime deployment, the GitHub Action `release.yml` can be slightly modified to be used with a re-created or different ECS Service that is configured to be used with an Application Load Balancer and Target Group.
+
+### Elastic IP (optional)
+The reason you might want to register this first is because we are only running one EC2 instance and hosting our own `nginx-proxy` on the same instance as the applications.
+Since an `A` record will be pointing there, one advantage of not using an auto-assigned IP is that we can reassign the elastic IP if for what ever reason the instance goes down or is lost.
+
+## Launch to EC2 Instance
+When launching the EC2 instance, you'll need to select an 'ECS optimized' AMI as the image used for your instance.
+### Choose AMI
+The easiest way to find the latest Amazon Linux 2 image for this is to go to the [AWS documentation for ECS-optimized AMIs and look up your region here](https://docs.aws.amazon.com/AmazonECS/latest/developerguide/ecs-optimized_AMI.html#ecs-optimized-ami-linux).
+
+Using the AMI ID (starts with `ami-`) at the bottom, search in the 'Community AMIs' tab on the first step of the `Launch EC2 Instance` wizard.
+
+### Choose Instance Type
+A t2.micro or larger will work fine, this pattern can be used to host multiple applications on the 1 server so if the number of applications gets larger, you might need a larger instance type.
+> Note this pattern is suitable for testing prototypes or low traffic applications as it is cost effective and makes it easy to bundle multiple apps onto 1 EC2 instance.
+
+### Configure Instance
+Under `IAM role`, use the `ecsInstanceRole`, if this is not available, see [AWS documentation for the process of checking if it exists and creating it if needed](https://docs.aws.amazon.com/AmazonECS/latest/developerguide/instance_IAM_role.html).
+
+You will also want to add the following Userdata script (in the `Configure` step of the launch wizard) with your own `ECS_CLUSTER` value. This tells the ecs-agent running on the instance which ECS cluster the instance should join.
+
+```bash
+#!/bin/bash
+cat <<EOS >/etc/ecs/ecs.config
+ECS_CLUSTER=sharpscripts
+ECS_AVAILABLE_LOGGING_DRIVERS=["awslogs", "syslog"]
+ECS_ENABLE_CONTAINER_METADATA=true
+EOS
+```
+
+Note down your cluster name as it will need to be used to create the cluster in ECS before it is visible.
+See [`ECS Container Agent Configuration`](https://docs.aws.amazon.com/AmazonECS/latest/developerguide/ecs-agent-config.html) for more information.
+
+### Add Storage
+The default of 30gb is fine but take into account how large/how many applications you'll have running.
+
+### Configure Security Groups
+You'll want to expose at least ports 80 and 443.
+
+### Setup Docker-compose and nginx-proxy
+To let your server handle multiple ServiceStack applications and automate the generation and management of TLS certificates, an additional docker-compose file is provided via the `x mix` template, `nginx-proxy-compose.yml`. This docker-compose file is ready to run and can be copied to the deployment server.
+> This is done via docker-compose rather than via ECS for simplicity. 
+
+For example, once copied to remote `~/nginx-proxy-compose.yml`, the following command can be run on the remote server.
+
+```
+docker-compose -f ~/nginx-proxy-compose.yml up -d
+```
+
+This will run an nginx reverse proxy along with a companion container that will watch for additional containers in the same docker network and attempt to initialize them with valid TLS certificates.
+
+## GitHub Repository setup
+The `release.yml` assumes 6 secrets have been setup.
+
+- AWS_ACCESS_KEY_ID - AWS access key for programmatic access to AWS APIs.
+- AWS_SECRET_ACCESS_KEY - AWS access secrets for programmatic access to AWS APIs.
+- AWS_REGION - default region for AWS API calls.
+- AWS_ECS_CLUSTER - Cluster name in ECS, this should match the value in your Userdata.
+- HOST_DOMAIN - Domain/submain of your application, eg `sharpscript.example.com` .
+- LETSENCRYPT_EMAIL - Email address, required for Let's Encrypt automated TLS certificates.
+
+These secrets are used to populate variables within GitHub Actions and other configuration files.
+
+For the AWS access, a separate user specifically for deploying via GitHub Actions should be used.
+
+The policies required for the complete initial setup will be: 
+- `AmazonEC2ContainerRegistryFullAccess`
+- `AmazonECS_FullAccess`
+
+Once the application is successfully deployed the first time, reduced access for both ECR and ECS can be used instead. For application updates, the GitHub Action can use the following policy.
+
+```json
+{
+    "Version": "2012-10-17",
+    "Statement": [
+        {
+            "Sid": "VisualEditor0",
+            "Effect": "Allow",
+            "Action": [
+                "ecr:GetRegistryPolicy",
+                "ecr:PutImageTagMutability",
+                "ecr:GetDownloadUrlForLayer",
+                "ecr:DescribeRegistry",
+                "ecr:GetAuthorizationToken",
+                "ecr:ListTagsForResource",
+                "ecr:UploadLayerPart",
+                "ecr:ListImages",
+                "ecr:PutImage",
+                "ecr:UntagResource",
+                "ecr:BatchGetImage",
+                "ecr:CompleteLayerUpload",
+                "ecr:DescribeImages",
+                "ecr:TagResource",
+                "ecr:DescribeRepositories",
+                "ecr:InitiateLayerUpload",
+                "ecr:BatchCheckLayerAvailability",
+                "ecr:ReplicateImage",
+                "ecr:GetRepositoryPolicy",
+                "ecs:SubmitTaskStateChange",
+                "ecs:UpdateContainerInstancesState",
+                "ecs:RegisterContainerInstance",
+                "ecs:DescribeTaskDefinition",
+                "ecs:DescribeClusters",
+                "ecs:ListServices",
+                "ecs:UpdateService",
+                "ecs:ListTasks",
+                "ecs:ListTaskDefinitionFamilies",
+                "ecs:RegisterTaskDefinition",
+                "ecs:SubmitContainerStateChange",
+                "ecs:StopTask",
+                "ecs:DescribeServices",
+                "ecs:ListContainerInstances",
+                "ecs:DescribeContainerInstances",
+                "ecs:DeregisterContainerInstance",
+                "ecs:TagResource",
+                "ecs:DescribeTasks",
+                "ecs:UntagResource",
+                "ecs:ListTaskDefinitions",
+                "ecs:ListClusters"
+            ],
+            "Resource": "*"
+        }
+    ]
+}
+```
+> Further permission reduction can be done by reducing what resources can be accessed.
+> Application permissions can be controlled via `taskRoleArn`, see [AWS docs for details](https://docs.aws.amazon.com/AmazonECS/latest/developerguide/task-iam-roles.html).
+
+## What's the process of the `release.yml`?
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/release-ecr-aws-diagram.png)
diff --git a/.github/workflows/build.yml b/.github/workflows/build.yml
new file mode 100644
index 0000000..7d9b802
--- /dev/null
+++ b/.github/workflows/build.yml
@@ -0,0 +1,24 @@
+name: Build
+
+on:
+  pull_request: {}
+  push:
+    branches:
+      - '**'        # matches every branch
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: checkout
+        uses: actions/checkout@v3
+
+      - name: Setup dotnet
+        uses: actions/setup-dotnet@v3
+        with:
+          dotnet-version: '8.*'
+
+      - name: build
+        run: dotnet build
+        working-directory: .
+
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
new file mode 100644
index 0000000..698a67f
--- /dev/null
+++ b/.github/workflows/release.yml
@@ -0,0 +1,69 @@
+name: Build container
+permissions:
+  packages: write
+  contents: write
+on:
+  # Triggered on new GitHub Release
+  release:
+    types: [published]
+  # Triggered on every successful Build action
+  workflow_run:
+    workflows: ["Build"]
+    branches: [main,master]
+    types:
+      - completed
+  # Manual trigger for rollback to specific release or redeploy latest
+  workflow_dispatch:
+    inputs:
+      version:
+        default: latest
+        description: Tag you want to release.
+        required: true
+
+jobs:
+  push_to_registry:
+    runs-on: ubuntu-latest
+    if: ${{ github.event.workflow_run.conclusion != 'failure' }}
+    steps:
+      # Checkout latest or specific tag
+      - name: checkout
+        if: ${{ github.event.inputs.version == '' || github.event.inputs.version == 'latest' }}
+        uses: actions/checkout@v3
+      - name: checkout tag
+        if: ${{ github.event.inputs.version != '' && github.event.inputs.version != 'latest' }}
+        uses: actions/checkout@v3
+        with:
+          ref: refs/tags/${{ github.event.inputs.version }}
+      
+      # Assign environment variables used in subsequent steps
+      - name: Env variable assignment
+        run: echo "image_repository_name=$(echo ${{ github.repository }} | tr '[:upper:]' '[:lower:]')" >> $GITHUB_ENV
+      # TAG_NAME defaults to 'latest' if not a release or manual deployment
+      - name: Assign version
+        run: |
+          echo "TAG_NAME=latest" >> $GITHUB_ENV
+          if [ "${{ github.event.release.tag_name }}" != "" ]; then
+            echo "TAG_NAME=${{ github.event.release.tag_name }}" >> $GITHUB_ENV
+          fi;
+          if [ "${{ github.event.inputs.version }}" != "" ]; then
+            echo "TAG_NAME=${{ github.event.inputs.version }}" >> $GITHUB_ENV
+          fi;
+
+      # Authenticate, build and push to GitHub Container Registry (ghcr.io)
+      - name: Login to GitHub Container Registry
+        uses: docker/login-action@v3
+        with:
+          registry: ghcr.io
+          username: ${{ github.repository_owner }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+      
+      # Build and push new docker image, skip for manual redeploy other than 'latest'
+      - name: Build and push Docker images
+        uses: docker/build-push-action@v6
+        if: ${{ github.event.inputs.version == '' || github.event.inputs.version == 'latest' }}
+        with:
+          file: Dockerfile
+          context: .
+          push: true
+          tags: ghcr.io/${{ env.image_repository_name }}:${{ env.TAG_NAME }}
+  
diff --git a/.kamal/hooks/docker-setup.sample b/.kamal/hooks/docker-setup.sample
new file mode 100755
index 0000000..2fb07d7
--- /dev/null
+++ b/.kamal/hooks/docker-setup.sample
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+echo "Docker set up on $KAMAL_HOSTS..."
diff --git a/.kamal/hooks/post-deploy.sample b/.kamal/hooks/post-deploy.sample
new file mode 100755
index 0000000..75efafc
--- /dev/null
+++ b/.kamal/hooks/post-deploy.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+
+# A sample post-deploy hook
+#
+# These environment variables are available:
+# KAMAL_RECORDED_AT
+# KAMAL_PERFORMER
+# KAMAL_VERSION
+# KAMAL_HOSTS
+# KAMAL_ROLE (if set)
+# KAMAL_DESTINATION (if set)
+# KAMAL_RUNTIME
+
+echo "$KAMAL_PERFORMER deployed $KAMAL_VERSION to $KAMAL_DESTINATION in $KAMAL_RUNTIME seconds"
diff --git a/.kamal/hooks/post-proxy-reboot.sample b/.kamal/hooks/post-proxy-reboot.sample
new file mode 100755
index 0000000..1435a67
--- /dev/null
+++ b/.kamal/hooks/post-proxy-reboot.sample
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+echo "Rebooted kamal-proxy on $KAMAL_HOSTS"
diff --git a/.kamal/hooks/pre-build.sample b/.kamal/hooks/pre-build.sample
new file mode 100755
index 0000000..f87d811
--- /dev/null
+++ b/.kamal/hooks/pre-build.sample
@@ -0,0 +1,51 @@
+#!/bin/sh
+
+# A sample pre-build hook
+#
+# Checks:
+# 1. We have a clean checkout
+# 2. A remote is configured
+# 3. The branch has been pushed to the remote
+# 4. The version we are deploying matches the remote
+#
+# These environment variables are available:
+# KAMAL_RECORDED_AT
+# KAMAL_PERFORMER
+# KAMAL_VERSION
+# KAMAL_HOSTS
+# KAMAL_ROLE (if set)
+# KAMAL_DESTINATION (if set)
+
+if [ -n "$(git status --porcelain)" ]; then
+  echo "Git checkout is not clean, aborting..." >&2
+  git status --porcelain >&2
+  exit 1
+fi
+
+first_remote=$(git remote)
+
+if [ -z "$first_remote" ]; then
+  echo "No git remote set, aborting..." >&2
+  exit 1
+fi
+
+current_branch=$(git branch --show-current)
+
+if [ -z "$current_branch" ]; then
+  echo "Not on a git branch, aborting..." >&2
+  exit 1
+fi
+
+remote_head=$(git ls-remote $first_remote --tags $current_branch | cut -f1)
+
+if [ -z "$remote_head" ]; then
+  echo "Branch not pushed to remote, aborting..." >&2
+  exit 1
+fi
+
+if [ "$KAMAL_VERSION" != "$remote_head" ]; then
+  echo "Version ($KAMAL_VERSION) does not match remote HEAD ($remote_head), aborting..." >&2
+  exit 1
+fi
+
+exit 0
diff --git a/.kamal/hooks/pre-connect.sample b/.kamal/hooks/pre-connect.sample
new file mode 100755
index 0000000..18e61d7
--- /dev/null
+++ b/.kamal/hooks/pre-connect.sample
@@ -0,0 +1,47 @@
+#!/usr/bin/env ruby
+
+# A sample pre-connect check
+#
+# Warms DNS before connecting to hosts in parallel
+#
+# These environment variables are available:
+# KAMAL_RECORDED_AT
+# KAMAL_PERFORMER
+# KAMAL_VERSION
+# KAMAL_HOSTS
+# KAMAL_ROLE (if set)
+# KAMAL_DESTINATION (if set)
+# KAMAL_RUNTIME
+
+hosts = ENV["KAMAL_HOSTS"].split(",")
+results = nil
+max = 3
+
+elapsed = Benchmark.realtime do
+  results = hosts.map do |host|
+    Thread.new do
+      tries = 1
+
+      begin
+        Socket.getaddrinfo(host, 0, Socket::AF_UNSPEC, Socket::SOCK_STREAM, nil, Socket::AI_CANONNAME)
+      rescue SocketError
+        if tries < max
+          puts "Retrying DNS warmup: #{host}"
+          tries += 1
+          sleep rand
+          retry
+        else
+          puts "DNS warmup failed: #{host}"
+          host
+        end
+      end
+
+      tries
+    end
+  end.map(&:value)
+end
+
+retries = results.sum - hosts.size
+nopes = results.count { |r| r == max }
+
+puts "Prewarmed %d DNS lookups in %.2f sec: %d retries, %d failures" % [ hosts.size, elapsed, retries, nopes ]
diff --git a/.kamal/hooks/pre-deploy.sample b/.kamal/hooks/pre-deploy.sample
new file mode 100755
index 0000000..1b280c7
--- /dev/null
+++ b/.kamal/hooks/pre-deploy.sample
@@ -0,0 +1,109 @@
+#!/usr/bin/env ruby
+
+# A sample pre-deploy hook
+#
+# Checks the Github status of the build, waiting for a pending build to complete for up to 720 seconds.
+#
+# Fails unless the combined status is "success"
+#
+# These environment variables are available:
+# KAMAL_RECORDED_AT
+# KAMAL_PERFORMER
+# KAMAL_VERSION
+# KAMAL_HOSTS
+# KAMAL_COMMAND
+# KAMAL_SUBCOMMAND
+# KAMAL_ROLE (if set)
+# KAMAL_DESTINATION (if set)
+
+# Only check the build status for production deployments
+if ENV["KAMAL_COMMAND"] == "rollback" || ENV["KAMAL_DESTINATION"] != "production"
+  exit 0
+end
+
+require "bundler/inline"
+
+# true = install gems so this is fast on repeat invocations
+gemfile(true, quiet: true) do
+  source "https://rubygems.org"
+
+  gem "octokit"
+  gem "faraday-retry"
+end
+
+MAX_ATTEMPTS = 72
+ATTEMPTS_GAP = 10
+
+def exit_with_error(message)
+  $stderr.puts message
+  exit 1
+end
+
+class GithubStatusChecks
+  attr_reader :remote_url, :git_sha, :github_client, :combined_status
+
+  def initialize
+    @remote_url = `git config --get remote.origin.url`.strip.delete_prefix("https://github.com/")
+    @git_sha = `git rev-parse HEAD`.strip
+    @github_client = Octokit::Client.new(access_token: ENV["GITHUB_TOKEN"])
+    refresh!
+  end
+
+  def refresh!
+    @combined_status = github_client.combined_status(remote_url, git_sha)
+  end
+
+  def state
+    combined_status[:state]
+  end
+
+  def first_status_url
+    first_status = combined_status[:statuses].find { |status| status[:state] == state }
+    first_status && first_status[:target_url]
+  end
+
+  def complete_count
+    combined_status[:statuses].count { |status| status[:state] != "pending"}
+  end
+
+  def total_count
+    combined_status[:statuses].count
+  end
+
+  def current_status
+    if total_count > 0
+      "Completed #{complete_count}/#{total_count} checks, see #{first_status_url} ..."
+    else
+      "Build not started..."
+    end
+  end
+end
+
+
+$stdout.sync = true
+
+puts "Checking build status..."
+attempts = 0
+checks = GithubStatusChecks.new
+
+begin
+  loop do
+    case checks.state
+    when "success"
+      puts "Checks passed, see #{checks.first_status_url}"
+      exit 0
+    when "failure"
+      exit_with_error "Checks failed, see #{checks.first_status_url}"
+    when "pending"
+      attempts += 1
+    end
+
+    exit_with_error "Checks are still pending, gave up after #{MAX_ATTEMPTS * ATTEMPTS_GAP} seconds" if attempts == MAX_ATTEMPTS
+
+    puts checks.current_status
+    sleep(ATTEMPTS_GAP)
+    checks.refresh!
+  end
+rescue Octokit::NotFound
+  exit_with_error "Build status could not be found"
+end
diff --git a/.kamal/hooks/pre-proxy-reboot.sample b/.kamal/hooks/pre-proxy-reboot.sample
new file mode 100755
index 0000000..061f805
--- /dev/null
+++ b/.kamal/hooks/pre-proxy-reboot.sample
@@ -0,0 +1,3 @@
+#!/bin/sh
+
+echo "Rebooting kamal-proxy on $KAMAL_HOSTS..."
diff --git a/.kamal/secrets b/.kamal/secrets
new file mode 100644
index 0000000..690aa96
--- /dev/null
+++ b/.kamal/secrets
@@ -0,0 +1,18 @@
+# Secrets defined here are available for reference under registry/password, env/secret, builder/secrets,
+# and accessories/*/env/secret in config/deploy.yml. All secrets should be pulled from either
+# password manager, ENV, or a file. DO NOT ENTER RAW CREDENTIALS HERE! This file needs to be safe for git.
+
+# Option 1: Read secrets from the environment
+KAMAL_REGISTRY_PASSWORD=$KAMAL_REGISTRY_PASSWORD
+KAMAL_REGISTRY_USERNAME=$KAMAL_REGISTRY_USERNAME
+
+# Option 2: Read secrets via a command
+# RAILS_MASTER_KEY=$(cat config/master.key)
+
+# Option 3: Read secrets via kamal secrets helpers
+# These will handle logging in and fetching the secrets in as few calls as possible
+# There are adapters for 1Password, LastPass + Bitwarden
+#
+# SECRETS=$(kamal secrets fetch --adapter 1password --account my-account --from MyVault/MyItem KAMAL_REGISTRY_PASSWORD RAILS_MASTER_KEY)
+# KAMAL_REGISTRY_PASSWORD=$(kamal secrets extract KAMAL_REGISTRY_PASSWORD $SECRETS)
+# RAILS_MASTER_KEY=$(kamal secrets extract RAILS_MASTER_KEY $SECRETS)
diff --git a/.travis.yml b/.travis.yml
deleted file mode 100644
index fe0d675..0000000
--- a/.travis.yml
+++ /dev/null
@@ -1,19 +0,0 @@
-language: csharp
-os: linux
-dist: trusty
-sudo: required
-dotnet: 2.1.3
-mono: none
-env: DOTNETCORE=1
-services:
-  - docker
-addons:
-  apt:
-    packages:
-      - docker-ce
-script:
-  - chmod +x ./deploy-envs.sh
-  - chmod +x ./scripts/build.sh
-  - chmod +x ./scripts/deploy.sh
-  - cd scripts && ./build.sh
-  - if [ "$TRAVIS_BRANCH" == "master" ]; then ./deploy.sh; fi
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
index e4b2363..ed180eb 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -6,7 +6,7 @@
             "type": "coreclr",
             "request": "launch",
             "preLaunchTask": "build",
-            "program": "${workspaceRoot}/src/bin/Debug/netcoreapp2.1/TemplatePages.dll",
+            "program": "${workspaceRoot}/src/bin/Debug/netcoreapp2.1/SharpScript.dll",
             "args": [],
             "cwd": "${workspaceRoot}/src",
             "stopAtEntry": false,
@@ -17,7 +17,7 @@
             "type": "coreclr",
             "request": "launch",
             "preLaunchTask": "build",
-            "program": "${workspaceRoot}/src/bin/Debug/netcoreapp2.1/TemplatePages.dll",
+            "program": "${workspaceRoot}/src/bin/Debug/netcoreapp2.1/SharpScript.dll",
             "args": [],
             "cwd": "${workspaceRoot}/src",
             "stopAtEntry": false,
diff --git a/AppHost.cs b/AppHost.cs
new file mode 100644
index 0000000..a4e65f7
--- /dev/null
+++ b/AppHost.cs
@@ -0,0 +1,183 @@
+using System;
+using System.IO;
+using System.Collections.Generic;
+using System.Linq;
+using System.Collections;
+using ServiceStack;
+using ServiceStack.IO;
+using ServiceStack.Script;
+using ServiceStack.Text;
+using ServiceStack.Data;
+using ServiceStack.OrmLite;
+using ServiceStack.Configuration;
+using Funq;
+
+namespace SharpScript;
+
+public class AppHost : AppHostBase
+{
+    public AppHost()
+        : base("#Script Pages", typeof(ScriptServices).Assembly) { }
+
+    public ScriptContext LinqContext;
+
+    public override void Configure(Container container)
+    {
+        SetConfig(new HostConfig { 
+            DebugMode = AppSettings.Get("DebugMode", Env.IsWindows),
+        });
+
+        Plugins.Add(new ServiceStack.Api.OpenApi.OpenApiFeature());
+
+        var path = MapProjectPath("~/wwwroot/assets/js/customers.json");
+        var json = File.ReadAllText(path);
+        TemplateQueryData.Customers = json.FromJson<List<Customer>>();
+
+        container.Register<ICustomers>(c => new Customers(TemplateQueryData.Customers));
+        container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory(":memory:", SqliteDialect.Provider));
+
+        using (var db = container.Resolve<IDbConnectionFactory>().Open())
+        {
+            db.CreateTable<Order>();
+            db.CreateTable<Customer>();
+            db.CreateTable<Product>();
+            TemplateQueryData.Customers.Each(x => db.Save(x, references:true));
+            db.InsertAll(TemplateQueryData.Products);
+
+            db.CreateTable<Quote>();
+            db.Insert(new Quote { Id = 1, Url = "https://gist.githubusercontent.com/gistlyn/0ab7494dfbff78466ef622d501662027/raw/b3dd1e9f8e82c169a32829071aa7f761c6494843/quote.md" });
+        }
+
+        Plugins.Add(new AutoQueryFeature { MaxLimit = 100 });
+
+        Plugins.Add(new AutoQueryDataFeature { MaxLimit = 100 }
+            .AddDataSource(ctx => ctx.ServiceSource<GithubRepo>(ctx.Dto.ConvertTo<GetGithubRepos>(), 
+                HostContext.Cache, TimeSpan.FromMinutes(10)))
+        );
+
+        var customFilters = new CustomScriptMethods();
+        Plugins.Add(new SharpPagesFeature {
+            ScriptLanguages = { ScriptLisp.Language },
+            ScriptMethods = { 
+                customFilters,
+                new DbScriptsAsync()
+            },
+            FilterTransformers = {
+                ["convertScriptToCodeBlocks"] = GitHubMarkdownScripts.convertScriptToCodeBlocks,
+                ["convertScriptToLispBlocks"] = GitHubMarkdownScripts.convertScriptToLispBlocks,
+            },
+            Args = {
+                ["products"] = TemplateQueryData.Products
+            },
+            ScriptTypes = {
+                typeof(Ints),
+                typeof(Adder),
+                typeof(StaticLog),
+                typeof(InstanceLog),
+                typeof(GenericStaticLog<>),
+            },
+            RenderExpressionExceptions = true,
+            MetadataDebugAdminRole = RoleNames.AllowAnon,
+            ExcludeFiltersNamed = { "dbExec" }
+        });
+
+        AfterInitCallbacks.Add(host => {
+            var feature = GetPlugin<SharpPagesFeature>();
+
+            var files = GetVirtualFileSources().First(x => x is FileSystemVirtualFiles);
+            foreach (var file in files.GetDirectory("docs").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.DocsIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            foreach (var file in files.GetDirectory("sharp-apps").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.AppsIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            foreach (var file in files.GetDirectory("scode").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.CodeIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            foreach (var file in files.GetDirectory("lisp").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.LispIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            foreach (var file in files.GetDirectory("usecases").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.UseCasesIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            foreach (var file in files.GetDirectory("linq").GetAllMatchingFiles("*.html"))
+            {
+                var page = feature.GetPage(file.VirtualPath).Init().Result;
+                if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
+                {
+                    customFilters.LinqIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
+                }
+            }
+
+            var protectedScriptNames = new HashSet<string>(ScriptMethodInfo.GetMethodsAvailable(typeof(ProtectedScripts)).Map(x => x.Name));
+
+            LinqContext = new ScriptContext {
+                ScriptLanguages = { ScriptLisp.Language },
+                Args = {
+                    [ScriptConstants.DefaultDateFormat] = "yyyy/MM/dd",
+                    ["products"] = TemplateQueryData.Products,
+                    ["products-list"] = Lisp.ToCons(TemplateQueryData.Products),
+                    ["customers"] = TemplateQueryData.Customers,
+                    ["customers-list"] = Lisp.ToCons(TemplateQueryData.Customers),
+                    ["comparer"] = new CaseInsensitiveComparer(),
+                    ["anagramComparer"] = new AnagramEqualityComparer(),
+                },
+                ScriptTypes = {
+                    typeof(DateTime),
+                    typeof(CaseInsensitiveComparer),
+                    typeof(AnagramEqualityComparer),
+                },
+                ScriptMethods = {
+                    new ProtectedScripts()
+                },
+            };
+            protectedScriptNames.Each(x => LinqContext.ExcludeFiltersNamed.Add(x));
+            LinqContext.Init();
+        });
+    }
+
+    public string GetPath(string virtualPath)
+    {
+        var path = "/" + virtualPath.LastLeftPart('.');
+        if (path.EndsWith("/index"))
+            path = path.Substring(0, path.Length - "index".Length);
+
+        return path;
+    }
+}
+
+public class Quote
+{
+    public int Id { get; set; }
+    public string Url { get; set; }
+}
diff --git a/Dockerfile b/Dockerfile
index a0e853a..48dad51 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -1,13 +1,13 @@
-FROM microsoft/dotnet:2.1-sdk AS build-env
-COPY src /app
-WORKDIR /app
+FROM mcr.microsoft.com/dotnet/sdk:8.0 AS build
+WORKDIR /source
 
-RUN dotnet restore --configfile NuGet.Config
-RUN dotnet publish -c Release -o out
+COPY . .
+RUN dotnet restore SharpScript.csproj
+RUN dotnet publish SharpScript.csproj -c release -o /app --no-restore
 
-# Build runtime image
-FROM microsoft/dotnet:2.1-aspnetcore-runtime
+FROM mcr.microsoft.com/dotnet/aspnet:8.0 AS runtime
+LABEL service="sharpscript"
 WORKDIR /app
-COPY --from=build-env /app/out .
-ENV ASPNETCORE_URLS http://*:5000
-ENTRYPOINT ["dotnet", "TemplatePages.dll"]
\ No newline at end of file
+ENV ASPNETCORE_URLS=http://+:8080
+COPY --from=build /app ./
+ENTRYPOINT ["dotnet", "SharpScript.dll"]
diff --git a/NuGet.Config b/NuGet.Config
new file mode 100644
index 0000000..ce78a68
--- /dev/null
+++ b/NuGet.Config
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<configuration>
+  <packageSources>
+    <add key="ServiceStack MyGet feed" value="https://www.myget.org/F/servicestack" />
+    <!-- <add key="ServiceStack CI feed" value="http://build.servicestack.net/guestAuth/app/nuget/v1/FeedService.svc" /> -->
+    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" protocolVersion="3" />
+  </packageSources>
+</configuration>
\ No newline at end of file
diff --git a/Program.cs b/Program.cs
new file mode 100644
index 0000000..f816e5b
--- /dev/null
+++ b/Program.cs
@@ -0,0 +1,25 @@
+var builder = WebApplication.CreateBuilder(args);
+
+var cultureInfo = new System.Globalization.CultureInfo("en-US");
+System.Globalization.CultureInfo.DefaultThreadCurrentCulture = cultureInfo;
+System.Globalization.CultureInfo.DefaultThreadCurrentUICulture = cultureInfo;
+
+var app = builder.Build();
+
+// Configure the HTTP request pipeline.
+if (app.Environment.IsDevelopment())
+{
+}
+else
+{
+    app.UseExceptionHandler("/Error");
+    // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
+    app.UseHsts();
+}
+
+app.UseHttpsRedirection();
+app.UseStaticFiles();
+
+app.UseServiceStack(new AppHost());
+
+app.Run();
diff --git a/README.md b/README.md
index e7c7e31..b6debde 100644
--- a/README.md
+++ b/README.md
@@ -1,7 +1,7 @@
-# ServiceStack Templates
+# SharpScript
 
-Comprehensive Documentation complete with Live Interactive Examples on using ServiceStack Templates.
+Comprehensive Documentation complete with Live Interactive Examples on using SharpScript.
 
-> Live Demo: [templates.servicestack.net](http://templates.servicestack.net)
+> Live Demo: [sharpscript.net](http://sharpscript.net)
 
-[![](https://raw.githubusercontent.com/NetCoreApps/TemplatePages/master/src/wwwroot/assets/img/screenshot.png)](https://github.com/NetCoreApps/TemplatePages/tree/master/src)
+[![](https://raw.githubusercontent.com/ServiceStack/sharpscript/master/src/wwwroot/assets/img/screenshot.png)](https://github.com/ServiceStack/sharpscript/tree/master/src)
diff --git a/src/AutoDataQueryServices.cs b/ServiceInterface/AutoDataQueryServices.cs
similarity index 96%
rename from src/AutoDataQueryServices.cs
rename to ServiceInterface/AutoDataQueryServices.cs
index 490b3d6..39d3021 100644
--- a/src/AutoDataQueryServices.cs
+++ b/ServiceInterface/AutoDataQueryServices.cs
@@ -5,7 +5,7 @@
 using System.Text;
 using ServiceStack;
 
-namespace TemplatePages
+namespace SharpScript
 {
     public class QueryGitHubRepos : QueryData<GithubRepo>
     {
@@ -115,7 +115,7 @@ public T GetJson<T>(string route)
         {
             try {
                 return "https://api.github.com".CombineWith(route)
-                    .GetJsonFromUrl(requestFilter: req => req.UserAgent = nameof(AutoDataQueryServices))
+                    .GetJsonFromUrl(requestFilter: req => req.With(c => c.UserAgent = nameof(AutoDataQueryServices)))
                     .FromJson<T>();
             } catch(Exception) { return default(T); }
         }
diff --git a/src/AutoQueryDbServices.cs b/ServiceInterface/AutoQueryDbServices.cs
similarity index 93%
rename from src/AutoQueryDbServices.cs
rename to ServiceInterface/AutoQueryDbServices.cs
index c1ba56f..dd022ed 100644
--- a/src/AutoQueryDbServices.cs
+++ b/ServiceInterface/AutoQueryDbServices.cs
@@ -2,7 +2,7 @@
 using System.Collections.Generic;
 using ServiceStack;
 
-namespace TemplatePages
+namespace SharpScript
 {
     // The entire QueryCustomers AutoQuery Service (no implementation required)
     public class QueryCustomers : QueryDb<Customer> 
diff --git a/src/CodePagePartials.cs b/ServiceInterface/CodePagePartials.cs
similarity index 89%
rename from src/CodePagePartials.cs
rename to ServiceInterface/CodePagePartials.cs
index 2f58260..96813b3 100644
--- a/src/CodePagePartials.cs
+++ b/ServiceInterface/CodePagePartials.cs
@@ -1,12 +1,12 @@
 using System.Linq;
 using System.Collections.Generic;
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Page("navLinks")]
-    public class NavLinksPartial : TemplateCodePage
+    public class NavLinksPartial : SharpCodePage
     {
         string render(string PathInfo, Dictionary<string, object> links) => $@"
         <ul>
@@ -19,7 +19,7 @@ string render(string PathInfo, Dictionary<string, object> links) => $@"
     }
 
     [Page("customerCard")]
-    public class CustomerCardPartial : TemplateCodePage
+    public class CustomerCardPartial : SharpCodePage
     {
         public ICustomers Customers { get; set; }
 
diff --git a/ServiceInterface/Configure.Nuglify.cs b/ServiceInterface/Configure.Nuglify.cs
new file mode 100644
index 0000000..988fd8e
--- /dev/null
+++ b/ServiceInterface/Configure.Nuglify.cs
@@ -0,0 +1,41 @@
+using System;
+using ServiceStack;
+using ServiceStack.Html;
+using NUglify;
+
+namespace SharpScript
+{
+    public class NUglifyJsMinifier : ICompressor
+    {
+        public string Compress(string js)
+        {
+            try
+            {
+                return Uglify.Js(js).Code;
+            }
+            catch (Exception e)
+            {
+                Console.WriteLine(e);
+                return js;
+            }
+        }
+    }
+    public class NUglifyCssMinifier : ICompressor
+    {
+        public string Compress(string css) => Uglify.Css(css).Code;
+    }
+    public class NUglifyHtmlMinifier : ICompressor
+    {
+        public string Compress(string html) => Uglify.Html(html).Code;
+    }
+
+    public class ConfigureNUglify : IConfigureAppHost
+    {
+        public void Configure(IAppHost appHost)
+        {
+            Minifiers.JavaScript = new NUglifyJsMinifier();
+            Minifiers.Css = new NUglifyCssMinifier();
+            Minifiers.Html = new NUglifyHtmlMinifier();
+        }
+    }
+}
\ No newline at end of file
diff --git a/ServiceInterface/CustomScriptMethods.cs b/ServiceInterface/CustomScriptMethods.cs
new file mode 100644
index 0000000..98a97cb
--- /dev/null
+++ b/ServiceInterface/CustomScriptMethods.cs
@@ -0,0 +1,255 @@
+using System.Threading.Tasks;
+using ServiceStack;
+using ServiceStack.Script;
+using System.Collections.Generic;
+using System.Linq;
+using System.IO;
+using System.Diagnostics;
+using System;
+using ServiceStack.Redis;
+using ServiceStack.OrmLite;
+using System.Reflection;
+
+namespace SharpScript
+{
+    public class CustomScriptMethods : ScriptMethods
+    {
+        public Dictionary<int, KeyValuePair<string, string>> DocsIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+        public Dictionary<int, KeyValuePair<string, string>> AppsIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+        public Dictionary<int, KeyValuePair<string, string>> CodeIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+        public Dictionary<int, KeyValuePair<string, string>> LispIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+        public Dictionary<int, KeyValuePair<string, string>> UseCasesIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+        public Dictionary<int, KeyValuePair<string, string>> LinqIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
+
+        public object prevDocLink(int order)
+        {
+            if (DocsIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextDocLink(int order)
+        {
+            if (DocsIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object prevAppsLink(int order)
+        {
+            if (AppsIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextAppsLink(int order)
+        {
+            if (AppsIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object prevCodeLink(int order)
+        {
+            if (CodeIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextCodeLink(int order)
+        {
+            if (CodeIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object prevLispLink(int order)
+        {
+            if (LispIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextLispLink(int order)
+        {
+            if (LispIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object prevUseCaseLink(int order)
+        {
+            if (UseCasesIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextUseCaseLink(int order)
+        {
+            if (UseCasesIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object prevLinqLink(int order)
+        {
+            if (LinqIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        public object nextLinqLink(int order)
+        {
+            if (LinqIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
+                return entry;
+            return null;
+        }
+
+        List<KeyValuePair<string,string>> sortedDocLinks;
+        public object docLinks() => sortedDocLinks ?? (sortedDocLinks = sortLinks(DocsIndex));
+
+        List<KeyValuePair<string,string>> sortedAppsLinks;
+        public object appsLinks() => sortedAppsLinks ?? (sortedAppsLinks = sortLinks(AppsIndex));
+
+        List<KeyValuePair<string,string>> sortedCodeLinks;
+        public object codeLinks() => sortedCodeLinks ?? (sortedCodeLinks = sortLinks(CodeIndex));
+        List<KeyValuePair<string,string>> sortedLispLinks;
+        public object lispLinks() => sortedLispLinks ?? (sortedLispLinks = sortLinks(LispIndex));
+
+        List<KeyValuePair<string,string>> sortedUseCaseLinks;
+        public object useCaseLinks() => sortedUseCaseLinks ?? (sortedUseCaseLinks = sortLinks(UseCasesIndex));
+
+        List<KeyValuePair<string,string>> sortedLinqLinks;
+        public object linqLinks() => sortedLinqLinks ?? (sortedLinqLinks = sortLinks(LinqIndex));
+
+        public List<KeyValuePair<string,string>> sortLinks(Dictionary<int, KeyValuePair<string,string>> links)
+        {
+            var sortedKeys = links.Keys.ToList();
+            sortedKeys.Sort();
+
+            var to = new List<KeyValuePair<string,string>>();
+
+            foreach (var key in sortedKeys)
+            {
+                var entry = links[key];
+                to.Add(entry);
+            }
+
+            return to;
+        }
+
+        public async Task includeContentFile(ScriptScopeContext scope, string virtualPath)
+        {
+            var file = HostContext.VirtualFiles.GetFile(virtualPath);
+            if (file == null)
+                throw new FileNotFoundException($"includeContentFile '{virtualPath}' was not found");
+
+            using (var reader = file.OpenRead())
+            {
+                await reader.CopyToAsync(scope.OutputStream);
+            }
+        }
+
+        public List<Customer> customers() => TemplateQueryData.Customers;
+
+        public Process[] processes => Process.GetProcesses();
+        public Process[] processesByName(string name) => Process.GetProcessesByName(name);
+        public Process processById(int processId) => Process.GetProcessById(processId);
+        public Process currentProcess() => Process.GetCurrentProcess();
+
+        Type GetFilterType(string name) => name switch {
+            nameof(DefaultScripts) =>      typeof(DefaultScripts),
+            nameof(HtmlScripts) =>         typeof(HtmlScripts),
+            nameof(ProtectedScripts) =>    typeof(ProtectedScripts),
+            nameof(InfoScripts) =>         typeof(InfoScripts),
+            nameof(RedisScripts) =>        typeof(RedisScripts),
+            nameof(DbScriptsAsync) =>      typeof(DbScriptsAsync),
+            nameof(ValidateScripts) =>     typeof(ValidateScripts),
+            nameof(AutoQueryScripts) =>    typeof(AutoQueryScripts),
+            nameof(ServiceStackScripts) => typeof(ServiceStackScripts),
+            _ => throw new NotSupportedException(name)
+        };
+
+        public IRawString methodLinkToSrc(string name)
+        {
+            const string prefix = "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Methods/";
+
+            var type = GetFilterType(name);
+            var url = type == typeof(DefaultScripts)
+                ? prefix
+                : type == typeof(HtmlScripts) || type == typeof(ProtectedScripts)
+                    ? $"{prefix}{type.Name}.cs"
+                    : type == typeof(InfoScripts)
+                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/InfoScripts.cs"
+                    : type == typeof(RedisScripts)
+                    ? "https://github.com/ServiceStack/ServiceStack.Redis/blob/master/src/ServiceStack.Redis/RedisScripts.cs"
+                    : type == typeof(DbScriptsAsync)
+                    ? "https://github.com/ServiceStack/ServiceStack.OrmLite/tree/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs"
+                    : type == typeof(ValidateScripts)
+                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/ValidateScripts.cs"
+                    : type == typeof(AutoQueryScripts)
+                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Server/AutoQueryScripts.cs"
+                    : type == typeof(ServiceStackScripts)
+                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/ServiceStackScripts.cs"
+                    : prefix;
+
+            return new RawString($"<a href='{url}'>{type.Name}.cs</a>");
+        }
+
+        public ScriptMethodInfo[] methodsAvailable(string name) => ScriptMethodInfo.GetMethodsAvailable(GetFilterType(name));
+    }
+
+    public class ScriptMethodInfo
+    {
+        public string Name { get; set; }
+        public string FirstParam { get; set; }
+        public string ReturnType { get; set; }
+        public int ParamCount { get; set; }
+        public string[] RemainingParams { get; set; }
+
+        public static ScriptMethodInfo[] GetMethodsAvailable(Type filterType)
+        {
+            var filters = filterType.GetMethods(BindingFlags.Instance | BindingFlags.Public);
+            var to = filters
+                .OrderBy(x => x.Name)
+                .ThenBy(x => x.GetParameters().Count())
+                .Where(x => x.DeclaringType != typeof(ScriptMethods) && x.DeclaringType != typeof(object))
+                .Where(m => !m.IsSpecialName)                
+                .Select(ScriptMethodInfo.Create);
+
+            return to.ToArray();
+        }
+
+        public static ScriptMethodInfo Create(MethodInfo mi)
+        {
+            var paramNames = mi.GetParameters()
+                .Where(x => x.ParameterType != typeof(ScriptScopeContext))
+                .Select(x => x.Name)
+                .ToArray();
+
+            var to = new ScriptMethodInfo {
+                Name = mi.Name,
+                FirstParam = paramNames.FirstOrDefault(),
+                ParamCount = paramNames.Length,
+                RemainingParams = paramNames.Length > 1 ? paramNames.Skip(1).ToArray() : new string[]{},
+                ReturnType = mi.ReturnType?.Name,
+            };
+
+            return to;
+        }
+
+        public string Return => ReturnType != null && ReturnType != nameof(StopExecution) ? " -> " + ReturnType : "";
+
+        public string Body => ParamCount == 0
+            ? $"{Name}"
+            : ParamCount == 1
+                ? $"|> {Name}"
+                : $"|> {Name}(" + string.Join(", ", RemainingParams) + $")";
+
+        public string Display => ParamCount == 0
+            ? $"{Name}{Return}"
+            : ParamCount == 1
+                ? $"{FirstParam} |> {Name}{Return}"
+                : $"{FirstParam} |> {Name}(" + string.Join(", ", RemainingParams) + $"){Return}";
+    }
+}
diff --git a/src/CustomerServices.cs b/ServiceInterface/CustomerServices.cs
similarity index 78%
rename from src/CustomerServices.cs
rename to ServiceInterface/CustomerServices.cs
index fccc2b2..2ea394c 100644
--- a/src/CustomerServices.cs
+++ b/ServiceInterface/CustomerServices.cs
@@ -1,7 +1,7 @@
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Route("/customers/{Id}")]
     public class ViewCustomer
@@ -11,7 +11,7 @@ public class ViewCustomer
 
     public class CustomerServices : Service
     {
-        public ITemplatePages Pages { get; set; }
+        public ISharpPages Pages { get; set; }
 
         public object Any(ViewCustomer request) =>
             new PageResult(Pages.GetPage("examples/customer")) {
diff --git a/src/EmailTemplatesService.cs b/ServiceInterface/EmailTemplatesService.cs
similarity index 92%
rename from src/EmailTemplatesService.cs
rename to ServiceInterface/EmailTemplatesService.cs
index 0d9a778..c973de3 100644
--- a/src/EmailTemplatesService.cs
+++ b/ServiceInterface/EmailTemplatesService.cs
@@ -1,10 +1,9 @@
 using System.Linq;
-using System.Collections.Generic;
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 using ServiceStack.IO;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Route("/emails/order-confirmation/preview")]
     public class PreviewHtmlEmail : IReturn<PreviewHtmlEmailResponse>
@@ -29,7 +28,7 @@ public object Any(PreviewHtmlEmail request)
             var customer = Customers.GetCustomer(request.PreviewCustomerId) 
                 ?? Customers.GetAllCustomers().First();
 
-            var context = new TemplateContext {
+            var context = new ScriptContext {
                 PageFormats = { new MarkdownPageFormat() },
                 Args = {
                     ["customer"] = customer,
diff --git a/ServiceInterface/GitHubMarkdownFilters.cs b/ServiceInterface/GitHubMarkdownFilters.cs
new file mode 100644
index 0000000..030d1a5
--- /dev/null
+++ b/ServiceInterface/GitHubMarkdownFilters.cs
@@ -0,0 +1,159 @@
+using System.IO;
+using System.Threading.Tasks;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.IO;
+using ServiceStack.Script;
+using ServiceStack.Text;
+
+namespace SharpScript
+{
+    public class GitHubMarkdownScripts : ScriptMethods
+    {
+        public string ApiBaseUrl { get; set; } = "https://api.github.com";
+
+        public bool UseMemoryCache { get; set; } = true;
+
+        public string Mode { get; set; } = "gfm";
+
+        public string RepositoryContext { get; set; }
+
+        public IRawString markdown(ScriptScopeContext scope, string markdown)
+        {            
+             var html = MarkdownConfig.Transformer.Transform(markdown);
+             return html.ToRawString();
+        }
+
+        public static async Task<Stream> TransformToHtml(Stream markdownStream)
+        {
+            var md = await markdownStream.ReadToEndAsync();
+            var html = MarkdownConfig.Transformer.Transform(md);
+            return MemoryStreamFactory.GetStream(html.ToUtf8Bytes());
+        }
+        
+        public static async Task<Stream> convertScriptToCodeBlocks(Stream renderedHtmlMarkdownBlock)
+        {
+            var html = await renderedHtmlMarkdownBlock.ReadToEndAsync();
+            html = html.Replace("&lt;<span class=\"pl-ent\">script</span>&gt;",
+                    "<span class=\"pl-en\">```code</span>")
+                .Replace("&lt;/<span class=\"pl-ent\">script</span>&gt;",
+                    "<span class=\"pl-en\">```</span>")
+                .Replace("<span class=\"pl-s1\"><span class=\"pl-k\">&lt;</span><span class=\"pl-k\">/</span>script<span class=\"pl-k\">&gt;</span></span>",
+                    "<span class=\"pl-en\">```</span>")
+                .Replace("<span class=\"pl-s1\">&lt;/script&gt;</span>",
+                    "<span class=\"pl-en\">```</span>");
+            return MemoryStreamFactory.GetStream(html.ToUtf8Bytes());
+        }
+        
+        public static async Task<Stream> convertScriptToLispBlocks(Stream renderedHtmlMarkdownBlock)
+        {
+            var html = await renderedHtmlMarkdownBlock.ReadToEndAsync();
+            html = html.Replace("&lt;<span class=\"pl-ent\">script</span>&gt;",
+                    "<span class=\"pl-en\">```lisp</span>")
+                .Replace("&lt;/<span class=\"pl-ent\">script</span>&gt;",
+                    "<span class=\"pl-en\">```</span>")
+                .Replace("<span class=\"pl-s1\"><span class=\"pl-k\">&lt;</span><span class=\"pl-k\">/</span>script<span class=\"pl-k\">&gt;</span></span>",
+                    "<span class=\"pl-en\">```</span>")
+                .Replace("<span class=\"pl-s1\">&lt;/script&gt;</span>",
+                    "<span class=\"pl-en\">```</span>");
+            return MemoryStreamFactory.GetStream(html.ToUtf8Bytes());
+        }
+
+        static bool ReplaceUserContent = true;
+
+        public async Task githubMarkdown(ScriptScopeContext scope, string markdownPath) 
+        {
+            var file = Context.ProtectedMethods.ResolveFile(nameof(githubMarkdown), scope, markdownPath);
+            var htmlFilePath = file.VirtualPath.LastLeftPart('.') + ".html";
+            var cacheKey = nameof(GitHubMarkdownScripts) + ">" + htmlFilePath;
+
+            var htmlFile = Context.VirtualFiles.GetFile(htmlFilePath);
+            if (htmlFile != null && htmlFile.LastModified >= file.LastModified)
+            {
+                if (UseMemoryCache)
+                {
+                    byte[] bytes;
+                    if (!Context.Cache.TryGetValue(cacheKey, out object oBytes))
+                    {
+                        using (var stream = htmlFile.OpenRead())
+                        {
+                            var ms = MemoryStreamFactory.GetStream();
+                            using (ms)
+                            {
+                                await stream.CopyToAsync(ms);
+                                ms.Position = 0;
+                                bytes = ms.ToArray();
+                                Context.Cache[cacheKey] = bytes;
+                            }
+                        }
+                    }
+                    else
+                    {
+                        bytes = (byte[])oBytes;
+                    }
+                    scope.OutputStream.Write(bytes, 0, bytes.Length);                    
+                }
+                else
+                {
+                    using (var htmlReader = htmlFile.OpenRead())
+                    {
+                        await htmlReader.CopyToAsync(scope.OutputStream);
+                    }
+                }
+            }
+            else
+            {
+                var ms = MemoryStreamFactory.GetStream();
+                using (ms)
+                {
+                    using (var stream = file.OpenRead())
+                    {
+                        await stream.CopyToAsync(ms);
+                    }
+
+                    ms.Position = 0;
+                    var bytes = ms.ToArray();
+
+                    var htmlBytes = RepositoryContext == null 
+                        ? await ApiBaseUrl.CombineWith("markdown", "raw")
+                            .PostBytesToUrlAsync(bytes, contentType:MimeTypes.PlainText, requestFilter:x => x.With(c => c.UserAgent = "#Script"))
+                        : await ApiBaseUrl.CombineWith("markdown")
+                            .PostBytesToUrlAsync(new Dictionary<string,string> { {"text", bytes.FromUtf8Bytes() }, {"mode", Mode}, {"context", RepositoryContext} }.ToJson().ToUtf8Bytes(), 
+                                contentType:MimeTypes.Json, requestFilter:x => x.With(c => c.UserAgent = "#Script"));
+
+                    byte[] wrappedBytes = null;
+
+                    if (ReplaceUserContent)
+                    {
+                        var html = htmlBytes.FromUtf8Bytes();
+                        html = html.Replace("user-content-","");
+                        wrappedBytes = ("<div class=\"gfm\">" + html + "</div>").ToUtf8Bytes();
+                    }
+                    else
+                    {
+                        var headerBytes = "<div class=\"gfm\">".ToUtf8Bytes();
+                        var footerBytes = "</div>".ToUtf8Bytes();
+                        
+                        wrappedBytes = new byte[headerBytes.Length + htmlBytes.Length + footerBytes.Length];
+                        System.Buffer.BlockCopy(headerBytes, 0, wrappedBytes, 0, headerBytes.Length);
+                        System.Buffer.BlockCopy(htmlBytes, 0, wrappedBytes, headerBytes.Length, htmlBytes.Length);
+                        System.Buffer.BlockCopy(footerBytes, 0, wrappedBytes, headerBytes.Length + htmlBytes.Length, footerBytes.Length);
+                    }
+
+                    if (Context.VirtualFiles is IVirtualFiles vfs)
+                    {
+                        var fs = vfs.GetFileSystemVirtualFiles();
+                        fs.DeleteFile(htmlFilePath);
+                        fs.WriteFile(htmlFilePath, wrappedBytes);
+                    }
+
+                    if (UseMemoryCache)
+                    {
+                        Context.Cache[cacheKey] = wrappedBytes;
+                    }
+                    await scope.OutputStream.WriteAsync(wrappedBytes, 0, wrappedBytes.Length);
+                }
+            }
+        }
+    }
+}
diff --git a/src/IntrospectStateServices.cs b/ServiceInterface/IntrospectStateServices.cs
similarity index 81%
rename from src/IntrospectStateServices.cs
rename to ServiceInterface/IntrospectStateServices.cs
index 1f1d2e9..0abb1bc 100644
--- a/src/IntrospectStateServices.cs
+++ b/ServiceInterface/IntrospectStateServices.cs
@@ -4,10 +4,9 @@
 using System.Diagnostics;
 using System.Collections.Generic;
 using ServiceStack;
-using ServiceStack.IO;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Route("/introspect/state")]
     public class IntrospectState 
@@ -17,7 +16,7 @@ public class IntrospectState
         public string DriveInfo { get; set; }
     }
 
-    public class StateTemplateFilters : TemplateFilter
+    public class StateScriptMethods : ScriptMethods
     {
         bool HasAccess(Process process)
         {
@@ -35,8 +34,8 @@ public class IntrospectStateServices : Service
     {
         public object Any(IntrospectState request)
         {
-            var context = new TemplateContext {
-                ScanTypes = { typeof(StateTemplateFilters) }, //Autowires (if needed)
+            var context = new ScriptContext {
+                ScanTypes = { typeof(StateScriptMethods) }, //Autowires (if needed)
                 RenderExpressionExceptions = true
             }.Init();
 
diff --git a/src/LinqServices.cs b/ServiceInterface/LinqServices.cs
similarity index 93%
rename from src/LinqServices.cs
rename to ServiceInterface/LinqServices.cs
index ee09a5a..2422549 100644
--- a/src/LinqServices.cs
+++ b/ServiceInterface/LinqServices.cs
@@ -1,20 +1,19 @@
 using System;
 using System.Linq;
-using System.Collections;
 using System.Collections.Generic;
-using System.IO;
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 using ServiceStack.IO;
 using ServiceStack.DataAnnotations;
 using System.Threading.Tasks;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Route("/linq/eval")]
     public class EvaluateLinq : IReturn<string>
     {
-        public string Template { get; set; }
+        public string Code { get; set; }
+        public string Lang { get; set; }
         public Dictionary<string,string> Files { get; set; }
     }
 
@@ -30,12 +29,18 @@ public async Task<object> Any(EvaluateLinq request)
                 context.VirtualFiles.WriteFile(entry.Key, entry.Value);
             }
 
-            var pageResult = new PageResult(context.OneTimePage(request.Template));
+            var page = request.Lang == "code"
+                ? context.CodeSharpPage(request.Code)
+                : request.Lang == "lisp"
+                    ? context.LispSharpPage(request.Code)
+                    : context.OneTimePage(request.Code);
+
+            var pageResult = new PageResult(page);
             return await pageResult.RenderToStringAsync();
         }
     }
  
-    public class AnagramEqualityComparer : IEqualityComparer<string> 
+    public class AnagramEqualityComparer : IEqualityComparer<string>, IEqualityComparer<object>
     {
         public bool Equals(string x, string y) => GetCanonicalString(x) == GetCanonicalString(y);
         public int GetHashCode(string obj) => GetCanonicalString(obj).GetHashCode();
@@ -45,6 +50,10 @@ private string GetCanonicalString(string word)
             Array.Sort(wordChars);
             return new string(wordChars);
         }
+
+        public new bool Equals(object x, object y) => Equals((string) x, (string) y);
+
+        public int GetHashCode(object obj) => GetHashCode((string)obj);
     }
 
     public class Customer
diff --git a/src/ProductServices.cs b/ServiceInterface/ProductServices.cs
similarity index 89%
rename from src/ProductServices.cs
rename to ServiceInterface/ProductServices.cs
index df5cb07..3ee44d0 100644
--- a/src/ProductServices.cs
+++ b/ServiceInterface/ProductServices.cs
@@ -1,8 +1,8 @@
 #if false //stay within free-quota limit
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Route("/products/view")]
     public class ViewProducts
diff --git a/src/ProductsPage.cs b/ServiceInterface/ProductsPage.cs
similarity index 87%
rename from src/ProductsPage.cs
rename to ServiceInterface/ProductsPage.cs
index db7692d..0f8f667 100644
--- a/src/ProductsPage.cs
+++ b/ServiceInterface/ProductsPage.cs
@@ -1,13 +1,13 @@
 using System.Linq;
 using System.Collections.Generic;
 using ServiceStack;
-using ServiceStack.Templates;
+using ServiceStack.Script;
 
-namespace TemplatePages
+namespace SharpScript
 {
     [Page("products")]
     [PageArg("title", "Products")]
-    public class ProductsPage : TemplateCodePage
+    public class ProductsPage : SharpCodePage
     {
         string render(Product[] products) => $@"
         <table class='table table-striped'>
diff --git a/ServiceInterface/ScriptServices.cs b/ServiceInterface/ScriptServices.cs
new file mode 100644
index 0000000..f4c084e
--- /dev/null
+++ b/ServiceInterface/ScriptServices.cs
@@ -0,0 +1,120 @@
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.Script;
+using ServiceStack.IO;
+using System.Threading.Tasks;
+using System;
+using ServiceStack.OrmLite;
+using ServiceStack.Data;
+
+namespace SharpScript
+{
+    [Route("/pages/eval")]
+    public class EvaluateScripts : IReturn<string>
+    {
+        public Dictionary<string,string> Files { get; set; }
+        public Dictionary<string,string> Args { get; set; }
+
+        public string Page { get; set; }
+    }
+
+    [Route("/template/eval")]
+    public class EvaluateScript
+    {
+        public string Template { get; set; }
+    }
+
+    [Route("/expression/eval")]
+    public class EvalExpression : IReturn<EvalExpressionResponse>
+    {
+        public string Expression { get; set; }
+    }
+
+    public class EvalExpressionResponse
+    {
+        public object Result { get; set; }
+        public string Tree { get; set; }
+        public ResponseStatus ResponseStatus { get; set; }
+    }
+
+    [ReturnExceptionsInJson]
+    public class ScriptServices : Service
+    {
+        public async Task<string> Any(EvaluateScripts request)
+        {
+            var context = new ScriptContext {
+                ScriptMethods = {
+                    new ProtectedScripts(),
+                },
+                ExcludeFiltersNamed = { "fileWrite","fileAppend","fileDelete","dirDelete" }
+            }.Init();
+
+            foreach (var entry in request.Files.Safe())
+            {
+                context.VirtualFiles.WriteFile(entry.Key, entry.Value);
+            }
+
+            var pageResult = new PageResult(context.GetPage(request.Page ?? "page"));
+
+            foreach (var entry in request.Args.Safe())
+            {
+                pageResult.Args[entry.Key] = entry.Value;
+            }
+
+            return await pageResult.RenderToStringAsync(); // render to string so [ReturnExceptionsInJson] can detect Exceptions and return JSON
+        }
+
+        public async Task<string> Any(EvaluateScript request)
+        {
+            var context = new ScriptContext {
+                DebugMode = false,
+                ScriptLanguages = { ScriptLisp.Language },
+                ScriptMethods = {
+                    new DbScriptsAsync(),
+                    new AutoQueryScripts(),
+                    new ServiceStackScripts(),
+                    new CustomScriptMethods(),
+                },
+                Plugins = {
+                    new ServiceStackScriptBlocks(),
+                    new MarkdownScriptPlugin(),
+                }
+            };
+            //Register any dependencies filters need:
+            context.Container.AddSingleton(() => base.GetResolver().TryResolve<IDbConnectionFactory>());
+            context.Init();
+            var pageResult = new PageResult(context.OneTimePage(request.Template)) 
+            {
+                Args = base.Request.GetScriptRequestParams(importRequestParams:true)
+            };
+            return await pageResult.RenderToStringAsync(); // render to string so [ReturnExceptionsInJson] can detect Exceptions and return JSON
+        }
+
+        public object Any(EvalExpression request)
+        {
+            if (string.IsNullOrWhiteSpace(request.Expression))
+                return new EvalExpressionResponse();
+
+            var args = new Dictionary<string,object>();
+            foreach (String name in Request.QueryString.AllKeys)
+            {
+                if (name.EqualsIgnoreCase("expression"))
+                    continue;
+
+                var argExpr = Request.QueryString[name];
+                var argValue = JS.eval(argExpr);
+                args[name] = argValue;
+            }
+
+            var scope = JS.CreateScope(args: args);
+            var expr = JS.expression(request.Expression.Trim());
+
+            var response = new EvalExpressionResponse {
+                Result = ScriptLanguage.UnwrapValue(expr.Evaluate(scope)),
+                Tree = expr.ToJsAstString(),
+            };
+            return response;
+        }
+    }
+    
+}
\ No newline at end of file
diff --git a/ServiceInterface/ScriptTypes.cs b/ServiceInterface/ScriptTypes.cs
new file mode 100644
index 0000000..c839c32
--- /dev/null
+++ b/ServiceInterface/ScriptTypes.cs
@@ -0,0 +1,103 @@
+using System.Text;
+
+namespace SharpScript
+{
+    public class Ints
+    {
+        public Ints(int a, int b)
+        {
+            A = a;
+            B = b;
+        }
+        public int A { get; set; }
+        public int B { get; set; }
+        public int C { get; set; }
+        public int D { get; set; }
+        public int GetTotal() => A + B + C + D;
+
+        public string GenericMethod<T>() => typeof(T).Name + " " + GetTotal();
+
+        public string GenericMethod<T>(T value) => typeof(T).Name + $" {value} " + GetTotal();
+    }
+
+    public class Adder
+    {
+        public string String { get; set; }
+        public double Double { get; set; }
+
+        public Adder(string str) => String = str;
+        public Adder(double num) => Double = num;
+
+        public string Add(string str) => String += str;
+        public double Add(double num) => Double += num;
+
+        public override string ToString() => String != null ? $"string: {String}" : $"double: {Double}";
+    }
+
+    public class StaticLog
+    {
+        static StringBuilder sb = new StringBuilder();
+
+        public static void Log(string message) => sb.Append(message);
+
+        public static void Log<T>(string message) => sb.Append(typeof(T).Name + " " + message);
+
+        public static string AllLogs() => sb.ToString();
+
+        public static void Clear() => sb.Clear();
+        
+        public static string Prop { get; } = "StaticLog.Prop";
+        public static string Field = "StaticLog.Field";
+        public const string Const = "StaticLog.Const";
+
+        public string InstanceProp { get; } = "StaticLog.InstanceProp";
+        public string InstanceField = "StaticLog.InstanceField";
+
+        public class Inner1
+        {
+            public static string Prop1 { get; } = "StaticLog.Inner1.Prop1";
+            public static string Field1 = "StaticLog.Inner1.Field1";
+            public const string Const1 = "StaticLog.Inner1.Const1";
+
+            public string InstanceProp1 { get; } = "StaticLog.Inner1.InstanceProp1";
+            public string InstanceField1 = "StaticLog.Inner1.InstanceField1";
+
+            public static class Inner2
+            {
+                public static string Prop2 { get; } = "StaticLog.Inner1.Inner2.Prop2";
+                public static string Field2 = "StaticLog.Inner1.Inner2.Field2";
+                public const string Const2 = "StaticLog.Inner1.Inner2.Const2";
+            }
+        }
+    }
+
+    public class InstanceLog
+    {
+        private readonly string prefix;
+        public InstanceLog(string prefix) => this.prefix = prefix;
+
+        StringBuilder sb = new StringBuilder();
+
+        public void Log(string message) => sb.Append(prefix + " " + message);
+
+        public void Log<T2>(string message) => sb.Append(prefix + " " + typeof(T2).Name + " " + message);
+
+        public string AllLogs() => sb.ToString();
+
+        public void Clear() => sb.Clear();
+    }
+
+    public class GenericStaticLog<T>
+    {
+        static StringBuilder sb = new StringBuilder();
+
+        public static void Log(string message) => sb.Append(typeof(T).Name + " " + message);
+
+        public static void Log<T2>(string message) => sb.Append(typeof(T).Name + " " + typeof(T2).Name + " " + message);
+
+        public static string AllLogs() => sb.ToString();
+
+        public static void Clear() => sb.Clear();
+    }
+   
+}
diff --git a/SharpScript.csproj b/SharpScript.csproj
new file mode 100644
index 0000000..d14d377
--- /dev/null
+++ b/SharpScript.csproj
@@ -0,0 +1,34 @@
+<Project Sdk="Microsoft.NET.Sdk.Web">
+
+  <PropertyGroup> 
+    <TargetFramework>net8.0</TargetFramework>
+    <AssemblyName>SharpScript</AssemblyName>
+    <PackageId>SharpScript</PackageId>
+    <Nullable>enable</Nullable>
+    <ImplicitUsings>enable</ImplicitUsings>
+    <TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>
+  </PropertyGroup>
+
+  <ItemGroup>
+    <Using Include="SharpScript" />
+    <Using Include="ServiceStack" />
+  </ItemGroup>
+
+  <ItemGroup>
+    <PackageReference Include="System.Collections.NonGeneric" Version="4.3.*" />
+    <PackageReference Include="System.IO.FileSystem.DriveInfo" Version="4.3.*" />
+    <PackageReference Include="NUglify" Version="1.*" />
+
+    <PackageReference Include="ServiceStack" Version="8.*" />
+    <PackageReference Include="ServiceStack.Interfaces" Version="8.*" />
+    <PackageReference Include="ServiceStack.Text" Version="8.*" />
+    <PackageReference Include="ServiceStack.Client" Version="8.*" />
+    <PackageReference Include="ServiceStack.Common" Version="8.*" />
+    <PackageReference Include="ServiceStack.Redis" Version="8.*" /> 
+    <PackageReference Include="ServiceStack.OrmLite" Version="8.*" />
+    <PackageReference Include="ServiceStack.OrmLite.Sqlite" Version="8.*" />
+    <PackageReference Include="ServiceStack.Server" Version="8.*" /> 
+    <PackageReference Include="ServiceStack.Api.OpenApi" Version="8.*" /> 
+  </ItemGroup>
+
+</Project>
diff --git a/config/deploy.yml b/config/deploy.yml
new file mode 100644
index 0000000..ff69491
--- /dev/null
+++ b/config/deploy.yml
@@ -0,0 +1,103 @@
+# Name of your application. Used to uniquely configure containers.
+service: sharpscript
+
+# Name of the container image.
+image: servicestack/sharpscript
+
+# Deploy to these servers.
+servers:
+  web:
+    - 5.78.128.205
+  # job:
+  #   hosts:
+  #     - 192.168.0.1
+  #   cmd: bin/jobs
+
+# Enable SSL auto certification via Let's Encrypt and allow for multiple apps on a single web server.
+# Remove this section when using multiple web servers and ensure you terminate SSL at your load balancer.
+#
+# Note: If using Cloudflare, set encryption mode in SSL/TLS setting to "Full" to enable CF-to-app encryption. 
+proxy: 
+  ssl: true
+  host: sharpscript.net
+  # Proxy connects to your container on port 80 by default.
+  app_port: 8080
+  healthcheck:
+    interval: 3
+    path: /metadata
+    timeout: 3
+
+# Credentials for your image host.
+registry:
+  # Specify the registry server, if you're not using Docker Hub
+  server: ghcr.io
+  username:
+    - KAMAL_REGISTRY_USERNAME
+
+  # Always use an access token rather than real password (pulled from .kamal/secrets).
+  password:
+    - KAMAL_REGISTRY_PASSWORD
+
+# Configure builder setup.
+builder:
+  arch: amd64
+
+# Inject ENV variables into containers (secrets come from .kamal/secrets).
+#
+# env:
+#   clear:
+#     DB_HOST: 192.168.0.2
+#   secret:
+#     - RAILS_MASTER_KEY
+
+# Aliases are triggered with "bin/kamal <alias>". You can overwrite arguments on invocation:
+# "bin/kamal logs -r job" will tail logs from the first server in the job section.
+#
+# aliases:
+#   shell: app exec --interactive --reuse "bash"
+
+# Use a different ssh user than root
+#
+# ssh:
+#   user: app
+
+# Use a persistent storage volume.
+#
+volumes:
+  - "/opt/docker/sharpscript/App_Data:/app/App_Data"
+
+# Bridge fingerprinted assets, like JS and CSS, between versions to avoid
+# hitting 404 on in-flight requests. Combines all files from new and old
+# version inside the asset_path.
+#
+# asset_path: /app/public/assets
+
+# Configure rolling deploys by setting a wait time between batches of restarts.
+#
+# boot:
+#   limit: 10 # Can also specify as a percentage of total hosts, such as "25%"
+#   wait: 2
+
+# Use accessory services (secrets come from .kamal/secrets).
+#
+# accessories:
+#   db:
+#     image: mysql:8.0
+#     host: 192.168.0.2
+#     port: 3306
+#     env:
+#       clear:
+#         MYSQL_ROOT_HOST: '%'
+#       secret:
+#         - MYSQL_ROOT_PASSWORD
+#     files:
+#       - config/mysql/production.cnf:/etc/mysql/my.cnf
+#       - db/production.sql:/docker-entrypoint-initdb.d/setup.sql
+#     directories:
+#       - data:/var/lib/mysql
+#   redis:
+#     image: valkey/valkey:8
+#     host: 192.168.0.2
+#     port: 6379
+#     directories:
+#       - data:/data
diff --git a/deploy-envs.sh b/deploy-envs.sh
deleted file mode 100644
index 6a7a007..0000000
--- a/deploy-envs.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/bash
-
-# set environment variables used in deploy.sh and AWS task-definition.json:
-export IMAGE_NAME=netcoreapps-templates
-export IMAGE_VERSION=latest
-
-export AWS_DEFAULT_REGION=us-east-1
-export AWS_ECS_CLUSTER_NAME=default
-export AWS_VIRTUAL_HOST=templates.servicestack.net
-
-# set any sensitive information in travis-ci encrypted project settings:
-# required: AWS_ACCOUNT_NUMBER, AWS_ACCESS_KEY_ID, AWS_SECRET_ACCESS_KEY
-# optional: SERVICESTACK_LICENSE
diff --git a/scripts/build.sh b/scripts/build.sh
deleted file mode 100644
index 0259d62..0000000
--- a/scripts/build.sh
+++ /dev/null
@@ -1,9 +0,0 @@
-#!/bin/bash
-source ../deploy-envs.sh
-
-#AWS_ACCOUNT_NUMBER={} set in private variable
-export AWS_ECS_REPO_DOMAIN=$AWS_ACCOUNT_NUMBER.dkr.ecr.$AWS_DEFAULT_REGION.amazonaws.com
-
-# Build process
-docker build -t $IMAGE_NAME ../
-docker tag $IMAGE_NAME $AWS_ECS_REPO_DOMAIN/$IMAGE_NAME:$IMAGE_VERSION
diff --git a/scripts/deploy.sh b/scripts/deploy.sh
deleted file mode 100644
index c8563b7..0000000
--- a/scripts/deploy.sh
+++ /dev/null
@@ -1,44 +0,0 @@
-#!/bin/bash
-source ../deploy-envs.sh
-
-export AWS_ECS_REPO_DOMAIN=$AWS_ACCOUNT_NUMBER.dkr.ecr.$AWS_DEFAULT_REGION.amazonaws.com
-export ECS_SERVICE=$IMAGE_NAME-service
-export ECS_TASK=$IMAGE_NAME-task
-
-# install dependencies
-sudo apt-get install jq -y #install jq for json parsing
-sudo apt-get install gettext -y 
-pip install --user awscli # install aws cli w/o sudo
-export PATH=$PATH:$HOME/.local/bin # put aws in the path
-
-# replace environment variables in task-definition
-envsubst < task-definition.json > new-task-definition.json
-
-eval $(aws ecr get-login --region $AWS_DEFAULT_REGION --no-include-email | sed 's|https://||') #needs AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY envvars
-
-if [ $(aws ecr describe-repositories | jq --arg x $IMAGE_NAME '[.repositories[] | .repositoryName == $x] | any') == "true" ]; then
-    echo "Found ECS Repository $IMAGE_NAME"
-else
-    echo "ECS Repository doesn't exist, Creating $IMAGE_NAME ..."
-    aws ecr create-repository --repository-name $IMAGE_NAME
-fi
-
-docker push $AWS_ECS_REPO_DOMAIN/$IMAGE_NAME:$IMAGE_VERSION
-
-aws ecs register-task-definition --cli-input-json file://new-task-definition.json --region $AWS_DEFAULT_REGION > /dev/null # Create a new task revision
-TASK_REVISION=$(aws ecs describe-task-definition --task-definition $ECS_TASK --region $AWS_DEFAULT_REGION | jq '.taskDefinition.revision') #get latest revision
-SERVICE_ARN="arn:aws:ecs:$AWS_DEFAULT_REGION:$AWS_ACCOUNT_NUMBER:service/$ECS_SERVICE"
-ECS_SERVICE_EXISTS=$(aws ecs list-services --region $AWS_DEFAULT_REGION --cluster $AWS_ECS_CLUSTER_NAME | jq '.serviceArns' | jq 'contains(["'"$SERVICE_ARN"'"])')
-if [ "$ECS_SERVICE_EXISTS" == "true" ]; then
-    echo "ECS Service already exists, Updating $ECS_SERVICE ..."
-    aws ecs update-service --cluster $AWS_ECS_CLUSTER_NAME --service $ECS_SERVICE --task-definition "$ECS_TASK:$TASK_REVISION" --desired-count 1 --region $AWS_DEFAULT_REGION > /dev/null #update service with latest task revision
-else
-    echo "Creating ECS Service $ECS_SERVICE ..."
-    aws ecs create-service --cluster $AWS_ECS_CLUSTER_NAME --service-name $ECS_SERVICE --task-definition "$ECS_TASK:$TASK_REVISION" --desired-count 1 --region $AWS_DEFAULT_REGION > /dev/null #create service
-fi
-if [ "$(aws ecs list-tasks --service-name $ECS_SERVICE --region $AWS_DEFAULT_REGION | jq '.taskArns' | jq 'length')" -gt "0" ]; then
-    TEMP_ARN=$(aws ecs list-tasks --service-name $ECS_SERVICE --region $AWS_DEFAULT_REGION | jq '.taskArns[0]') # Get current running task ARN
-    TASK_ARN="${TEMP_ARN%\"}" # strip double quotes
-    TASK_ARN="${TASK_ARN#\"}" # strip double quotes
-    aws ecs stop-task --task $TASK_ARN --region $AWS_DEFAULT_REGION > /dev/null # Stop current task to force start of new task revision with new image
-fi
diff --git a/scripts/task-definition.json b/scripts/task-definition.json
deleted file mode 100644
index c6f6ce6..0000000
--- a/scripts/task-definition.json
+++ /dev/null
@@ -1,26 +0,0 @@
-{
-    "family": "${ECS_TASK}",
-    "networkMode": "bridge",
-    "containerDefinitions": [
-        {
-            "image": "${AWS_ECS_REPO_DOMAIN}/${IMAGE_NAME}:${IMAGE_VERSION}",
-            "name": "${IMAGE_NAME}",
-            "cpu": 128,
-            "memory": 256,
-            "essential": true,
-            "portMappings": [
-                {
-                    "containerPort": 5000,
-                    "hostPort": 0,
-                    "protocol": "tcp"
-                }
-            ],
-            "environment": [
-                {
-                    "name": "VIRTUAL_HOST",
-                    "value": "${AWS_VIRTUAL_HOST}"
-                }
-            ]
-        }
-    ]
-}
\ No newline at end of file
diff --git a/src/AppHost.cs b/src/AppHost.cs
deleted file mode 100644
index 76c7167..0000000
--- a/src/AppHost.cs
+++ /dev/null
@@ -1,132 +0,0 @@
-using System;
-using System.IO;
-using System.Collections.Generic;
-using System.Linq;
-using System.Collections;
-using ServiceStack;
-using ServiceStack.IO;
-using ServiceStack.Templates;
-using ServiceStack.Text;
-using ServiceStack.Data;
-using ServiceStack.OrmLite;
-using ServiceStack.Configuration;
-using Funq;
-
-namespace TemplatePages
-{
-    public class AppHost : AppHostBase
-    {
-        public AppHost()
-            : base("Template Pages", typeof(TemplateServices).Assembly) { }
-
-        public TemplateContext LinqContext;
-
-        public override void Configure(Container container)
-        {
-            ServiceStack.Memory.NetCoreMemory.Configure();
-
-            SetConfig(new HostConfig { 
-                DebugMode = AppSettings.Get("DebugMode", Env.IsWindows),
-            });
-
-            Plugins.Add(new ServiceStack.Api.OpenApi.OpenApiFeature());
-
-            var path = MapProjectPath("~/wwwroot/assets/js/customers.json");
-            var json = File.ReadAllText(path);
-            TemplateQueryData.Customers = json.FromJson<List<Customer>>();
-
-            container.Register<ICustomers>(c => new Customers(TemplateQueryData.Customers));
-            container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory(":memory:", SqliteDialect.Provider));
-
-            using (var db = container.Resolve<IDbConnectionFactory>().Open())
-            {
-                db.CreateTable<Order>();
-                db.CreateTable<Customer>();
-                db.CreateTable<Product>();
-                TemplateQueryData.Customers.Each(x => db.Save(x, references:true));
-                db.InsertAll(TemplateQueryData.Products);
-
-                db.CreateTable<Quote>();
-                db.Insert(new Quote { Id = 1, Url = "https://gist.githubusercontent.com/gistlyn/0ab7494dfbff78466ef622d501662027/raw/b3dd1e9f8e82c169a32829071aa7f761c6494843/quote.md" });
-            }
-
-            Plugins.Add(new AutoQueryFeature { MaxLimit = 100 });
-
-            Plugins.Add(new AutoQueryDataFeature { MaxLimit = 100 }
-                .AddDataSource(ctx => ctx.ServiceSource<GithubRepo>(ctx.Dto.ConvertTo<GetGithubRepos>(), 
-                    HostContext.Cache, TimeSpan.FromMinutes(10)))
-            );
-
-            var customFilters = new CustomTemplateFilters();
-            Plugins.Add(new TemplatePagesFeature {
-                TemplateFilters = { 
-                    customFilters,
-                    new TemplateDbFiltersAsync()
-                },
-                Args = {
-                    ["products"] = TemplateQueryData.Products
-                },
-                RenderExpressionExceptions = true,
-                MetadataDebugAdminRole = RoleNames.AllowAnon,
-                ExcludeFiltersNamed = { "dbExec" }
-            });
-
-            AfterInitCallbacks.Add(host => {
-                var feature = GetPlugin<TemplatePagesFeature>();
-
-                var files = GetVirtualFileSources().First(x => x is FileSystemVirtualFiles);
-                foreach (var file in files.GetDirectory("docs").GetAllMatchingFiles("*.html"))
-                {
-                    var page = feature.GetPage(file.VirtualPath).Init().Result;
-                    if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
-                    {
-                        customFilters.DocsIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
-                    }
-                }
-
-                foreach (var file in files.GetDirectory("linq").GetAllMatchingFiles("*.html"))
-                {
-                    var page = feature.GetPage(file.VirtualPath).Init().Result;
-                    if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
-                    {
-                        customFilters.LinqIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
-                    }
-                }
-
-                foreach (var file in files.GetDirectory("usecases").GetAllMatchingFiles("*.html"))
-                {
-                    var page = feature.GetPage(file.VirtualPath).Init().Result;
-                    if (page.Args.TryGetValue("order", out object order) && page.Args.TryGetValue("title", out object title))
-                    {
-                        customFilters.UseCasesIndex[int.Parse((string)order)] = new KeyValuePair<string,string>(GetPath(file.VirtualPath), (string)title);
-                    }
-                }
-
-                LinqContext = new TemplateContext {
-                    Args = {
-                        [TemplateConstants.DefaultDateFormat] = "yyyy/MM/dd",
-                        ["products"] = TemplateQueryData.Products,
-                        ["customers"] = TemplateQueryData.Customers,
-                        ["comparer"] = new CaseInsensitiveComparer(),
-                        ["anagramComparer"] = new AnagramEqualityComparer(),
-                    }
-                }.Init();
-            });
-        }
-
-        public string GetPath(string virtualPath)
-        {
-            var path = "/" + virtualPath.LastLeftPart('.');
-            if (path.EndsWith("/index"))
-                path = path.Substring(0, path.Length - "index".Length);
-
-            return path;
-        }
-    }
-
-    public class Quote
-    {
-        public int Id { get; set; }
-        public string Url { get; set; }
-    }
-}
diff --git a/src/CustomTemplateFilters.cs b/src/CustomTemplateFilters.cs
deleted file mode 100644
index 14690af..0000000
--- a/src/CustomTemplateFilters.cs
+++ /dev/null
@@ -1,211 +0,0 @@
-using System.Threading.Tasks;
-using ServiceStack;
-using ServiceStack.Templates;
-using System.Collections.Generic;
-using System.Linq;
-using System.IO;
-using System.Diagnostics;
-using System;
-using ServiceStack.Redis;
-using ServiceStack.OrmLite;
-using System.Reflection;
-
-namespace TemplatePages
-{
-    public class CustomTemplateFilters : TemplateFilter
-    {
-        public Dictionary<int, KeyValuePair<string, string>> DocsIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
-        public Dictionary<int, KeyValuePair<string, string>> LinqIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
-        public Dictionary<int, KeyValuePair<string, string>> UseCasesIndex { get; } = new Dictionary<int, KeyValuePair<string, string>>();
-
-        public object prevDocLink(int order)
-        {
-            if (DocsIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        public object nextDocLink(int order)
-        {
-            if (DocsIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        public object prevLinqLink(int order)
-        {
-            if (LinqIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        public object nextLinqLink(int order)
-        {
-            if (LinqIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        public object prevUseCaseLink(int order)
-        {
-            if (UseCasesIndex.TryGetValue(order - 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        public object nextUseCaseLink(int order)
-        {
-            if (UseCasesIndex.TryGetValue(order + 1, out KeyValuePair<string,string> entry))
-                return entry;
-            return null;
-        }
-
-        List<KeyValuePair<string,string>> sortedDocLinks;
-        public object docLinks() => sortedDocLinks ?? (sortedDocLinks = sortLinks(DocsIndex));
-
-        List<KeyValuePair<string,string>> sortedLinqLinks;
-        public object linqLinks() => sortedLinqLinks ?? (sortedLinqLinks = sortLinks(LinqIndex));
-
-        List<KeyValuePair<string,string>> sorteUseCaseLinks;
-        public object useCaseLinks() => sorteUseCaseLinks ?? (sorteUseCaseLinks = sortLinks(UseCasesIndex));
-
-        public List<KeyValuePair<string,string>> sortLinks(Dictionary<int, KeyValuePair<string,string>> links)
-        {
-            var sortedKeys = links.Keys.ToList();
-            sortedKeys.Sort();
-
-            var to = new List<KeyValuePair<string,string>>();
-
-            foreach (var key in sortedKeys)
-            {
-                var entry = links[key];
-                to.Add(entry);
-            }
-
-            return to;
-        }
-
-        public async Task includeContentFile(TemplateScopeContext scope, string virtualPath)
-        {
-            var file = HostContext.VirtualFiles.GetFile(virtualPath);
-            if (file == null)
-                throw new FileNotFoundException($"includeContentFile '{virtualPath}' was not found");
-
-            using (var reader = file.OpenRead())
-            {
-                await reader.CopyToAsync(scope.OutputStream);
-            }
-        }
-
-        public List<Customer> customers() => TemplateQueryData.Customers;
-
-        public Process[] processes => Process.GetProcesses();
-        public Process[] processesByName(string name) => Process.GetProcessesByName(name);
-        public Process processById(int processId) => Process.GetProcessById(processId);
-        public Process currentProcess() => Process.GetCurrentProcess();
-
-        Type GetFilterType(string name)
-        {
-            switch(name)
-            {
-                case nameof(TemplateDefaultFilters):
-                    return typeof(TemplateDefaultFilters);
-                case nameof(TemplateHtmlFilters):
-                    return typeof(TemplateHtmlFilters);
-                case nameof(TemplateProtectedFilters):
-                    return typeof(TemplateProtectedFilters);
-                case nameof(TemplateInfoFilters):
-                    return typeof(TemplateInfoFilters);
-                case nameof(TemplateRedisFilters):
-                    return typeof(TemplateRedisFilters);
-                case nameof(TemplateDbFilters):
-                    return typeof(TemplateDbFilters);
-                case nameof(TemplateDbFiltersAsync):
-                    return typeof(TemplateDbFiltersAsync);
-                case nameof(TemplateServiceStackFilters):
-                    return typeof(TemplateServiceStackFilters);
-                case nameof(TemplateAutoQueryFilters):
-                    return typeof(TemplateAutoQueryFilters);
-            }
-
-            throw new NotSupportedException("Unknown Filter: " + name);
-        }
-
-        public IRawString filterLinkToSrc(string name)
-        {
-            const string prefix = "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Filters/";
-
-            var type = GetFilterType(name);
-            var url = type == typeof(TemplateDefaultFilters)
-                ? prefix
-                : type == typeof(TemplateHtmlFilters) || type == typeof(TemplateProtectedFilters)
-                    ? $"{prefix}{type.Name}.cs"
-                    : type == typeof(TemplateInfoFilters)
-                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/TemplateInfoFilters.cs"
-                    : type == typeof(TemplateRedisFilters)
-                    ? "https://github.com/ServiceStack/ServiceStack.Redis/blob/master/src/ServiceStack.Redis/TemplateRedisFilters.cs"
-                    : type == typeof(TemplateDbFilters) || type == typeof(TemplateDbFiltersAsync)
-                    ? $"https://github.com/ServiceStack/ServiceStack.OrmLite/tree/master/src/ServiceStack.OrmLite/{type.Name}.cs"
-                    : type == typeof(TemplateServiceStackFilters)
-                    ? "https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/TemplateServiceStackFilters.cs"
-                    : prefix;
-
-            return new RawString($"<a href='{url}'>{type.Name}.cs</a>");
-        }
-
-        public FilterInfo[] filtersAvailable(string name)
-        {
-            var filterType = GetFilterType(name);
-            var filters = filterType.GetMethods(BindingFlags.Instance | BindingFlags.Public);
-            var to = filters
-                .OrderBy(x => x.Name)
-                .ThenBy(x => x.GetParameters().Count())
-                .Where(x => x.DeclaringType != typeof(TemplateFilter) && x.DeclaringType != typeof(object))
-                .Where(m => !m.IsSpecialName)                
-                .Select(x => FilterInfo.Create(x));
-
-            return to.ToArray();
-        }
-    }
-
-    public class FilterInfo
-    {
-        public string Name { get; set; }
-        public string FirstParam { get; set; }
-        public string ReturnType { get; set; }
-        public int ParamCount { get; set; }
-        public string[] RemainingParams { get; set; }
-
-        public static FilterInfo Create(MethodInfo mi)
-        {
-            var paramNames = mi.GetParameters()
-                .Where(x => x.ParameterType != typeof(TemplateScopeContext))
-                .Select(x => x.Name)
-                .ToArray();
-
-            var to = new FilterInfo {
-                Name = mi.Name,
-                FirstParam = paramNames.FirstOrDefault(),
-                ParamCount = paramNames.Length,
-                RemainingParams = paramNames.Length > 1 ? paramNames.Skip(1).ToArray() : new string[]{},
-                ReturnType = mi.ReturnType?.Name,
-            };
-
-            return to;
-        }
-
-        public string Return => ReturnType != null && ReturnType != nameof(StopExecution) ? " -> " + ReturnType : "";
-
-        public string Body => ParamCount == 0
-            ? $"{Name}"
-            : ParamCount == 1
-                ? $"| {Name}"
-                : $"| {Name}(" + string.Join(", ", RemainingParams) + $")";
-
-        public string Display => ParamCount == 0
-            ? $"{Name}{Return}"
-            : ParamCount == 1
-                ? $"{FirstParam} | {Name}{Return}"
-                : $"{FirstParam} | {Name}(" + string.Join(", ", RemainingParams) + $"){Return}";
-    }
-}
diff --git a/src/GitHubMarkdownFilters.cs b/src/GitHubMarkdownFilters.cs
deleted file mode 100644
index 5c4e968..0000000
--- a/src/GitHubMarkdownFilters.cs
+++ /dev/null
@@ -1,113 +0,0 @@
-using System;
-using System.IO;
-using System.Linq;
-using System.Reflection;
-using System.Diagnostics;
-using System.Threading.Tasks;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.IO;
-using ServiceStack.Text;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    public class GitHubMarkdownFilters : TemplateFilter
-    {
-        public string ApiBaseUrl { get; set; } = "https://api.github.com";
-
-        public bool UseMemoryCache { get; set; } = true;
-
-        public string Mode { get; set; } = "gfm";
-
-        public string RepositoryContext { get; set; }
-
-        public IRawString markdown(TemplateScopeContext scope, string markdown)
-        {            
-             var html = MarkdownConfig.Transformer.Transform(markdown);
-             return html.ToRawString();
-        }
-
-        public async Task githubMarkdown(TemplateScopeContext scope, string markdownPath) 
-        {
-            var file = Context.ProtectedFilters.ResolveFile(nameof(githubMarkdown), scope, markdownPath);
-            var htmlFilePath = file.VirtualPath.LastLeftPart('.') + ".html";
-            var cacheKey = nameof(GitHubMarkdownFilters) + ">" + htmlFilePath;
-
-            var htmlFile = Context.VirtualFiles.GetFile(htmlFilePath);
-            if (htmlFile != null && htmlFile.LastModified >= file.LastModified)
-            {
-                if (UseMemoryCache)
-                {
-                    byte[] bytes;
-                    if (!Context.Cache.TryGetValue(cacheKey, out object oBytes))
-                    {
-                        using (var stream = htmlFile.OpenRead())
-                        {
-                            var ms = MemoryStreamFactory.GetStream();
-                            using (ms)
-                            {
-                                await stream.CopyToAsync(ms);
-                                ms.Position = 0;
-                                bytes = ms.ToArray();
-                                Context.Cache[cacheKey] = bytes;
-                            }
-                        }
-                    }
-                    else
-                    {
-                        bytes = (byte[])oBytes;
-                    }
-                    scope.OutputStream.Write(bytes, 0, bytes.Length);                    
-                }
-                else
-                {
-                    using (var htmlReader = htmlFile.OpenRead())
-                    {
-                        await htmlReader.CopyToAsync(scope.OutputStream);
-                    }
-                }
-            }
-            else
-            {
-                var ms = MemoryStreamFactory.GetStream();
-                using (ms)
-                {
-                    using (var stream = file.OpenRead())
-                    {
-                        await stream.CopyToAsync(ms);
-                    }
-
-                    ms.Position = 0;
-                    var bytes = ms.ToArray();
-
-                    var htmlBytes = RepositoryContext == null 
-                        ? await ApiBaseUrl.CombineWith("markdown", "raw")
-                            .PostBytesToUrlAsync(bytes, contentType:MimeTypes.PlainText, requestFilter:x => x.UserAgent = "TemplatePages")
-                        : await ApiBaseUrl.CombineWith("markdown")
-                            .PostBytesToUrlAsync(new Dictionary<string,string> { {"text", bytes.FromUtf8Bytes() }, {"mode", Mode}, {"context", RepositoryContext} }.ToJson().ToUtf8Bytes(), 
-                                contentType:MimeTypes.Json, requestFilter:x => x.UserAgent = "TemplatePages");
-
-                    var headerBytes = "<div class=\"gfm\">".ToUtf8Bytes();
-                    var footerBytes = "</div>".ToUtf8Bytes();
-                    
-                    var wrappedBytes = new byte[headerBytes.Length + htmlBytes.Length + footerBytes.Length];
-                    System.Buffer.BlockCopy(headerBytes, 0, wrappedBytes, 0, headerBytes.Length);
-                    System.Buffer.BlockCopy(htmlBytes, 0, wrappedBytes, headerBytes.Length, htmlBytes.Length);
-                    System.Buffer.BlockCopy(footerBytes, 0, wrappedBytes, headerBytes.Length + htmlBytes.Length, footerBytes.Length);
-
-                    if (Context.VirtualFiles is IVirtualFiles vfs)
-                    {
-                        vfs.WriteFile(htmlFilePath, wrappedBytes);
-                    }
-
-                    if (UseMemoryCache)
-                    {
-                        Context.Cache[cacheKey] = wrappedBytes;
-                    }
-                    await scope.OutputStream.WriteAsync(wrappedBytes, 0, wrappedBytes.Length);
-                }
-            }
-        }
-    }
-}
diff --git a/src/NuGet.Config b/src/NuGet.Config
deleted file mode 100644
index c00d271..0000000
--- a/src/NuGet.Config
+++ /dev/null
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<configuration>
-  <packageSources>
-    <add key="ServiceStack MyGet feed" value="https://www.myget.org/F/servicestack" />
-    <add key="nuget.org" value="https://api.nuget.org/v3/index.json" protocolVersion="3" />
-  </packageSources>
-</configuration>
\ No newline at end of file
diff --git a/src/Program.cs b/src/Program.cs
deleted file mode 100644
index e611be9..0000000
--- a/src/Program.cs
+++ /dev/null
@@ -1,24 +0,0 @@
-using System;
-using System.Collections.Generic;
-using System.IO;
-using System.Linq;
-using System.Threading.Tasks;
-using Microsoft.AspNetCore;
-using Microsoft.AspNetCore.Hosting;
-
-namespace TemplatePages
-{
-    public class Program
-    {
-        public static void Main(string[] args)
-        {
-            BuildWebHost(args).Run();
-        }
-
-        public static IWebHost BuildWebHost(string[] args) =>
-            WebHost.CreateDefaultBuilder(args)
-                .UseStartup<Startup>()
-                .UseUrls("http://*:5000/")
-                .Build();
-    }
-}
diff --git a/src/Startup.cs b/src/Startup.cs
deleted file mode 100644
index 8210a07..0000000
--- a/src/Startup.cs
+++ /dev/null
@@ -1,37 +0,0 @@
-using System;
-using Microsoft.AspNetCore.Builder;
-using Microsoft.AspNetCore.Hosting;
-using Microsoft.Extensions.DependencyInjection;
-using Microsoft.Extensions.Logging;
-using ServiceStack;
-using System.Net;
-using System.Web;
-
-namespace TemplatePages
-{
-    public class Startup
-    {
-        // This method gets called by the runtime. Use this method to add services to the container.
-        // For more information on how to configure your application, visit http://go.microsoft.com/fwlink/?LinkID=398940
-        public void ConfigureServices(IServiceCollection services)
-        {
-        }
-
-        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
-        public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
-        {
-            var cultureInfo = new System.Globalization.CultureInfo("en-US");
-            System.Globalization.CultureInfo.DefaultThreadCurrentCulture = cultureInfo;
-            System.Globalization.CultureInfo.DefaultThreadCurrentUICulture = cultureInfo;
-
-            loggerFactory.AddConsole();
-
-            if (env.IsDevelopment())
-            {
-                app.UseDeveloperExceptionPage();
-            }
-
-            app.UseServiceStack(new AppHost());
-        }
-    }
-}
diff --git a/src/TemplatePages.csproj b/src/TemplatePages.csproj
deleted file mode 100644
index 03e9e05..0000000
--- a/src/TemplatePages.csproj
+++ /dev/null
@@ -1,38 +0,0 @@
-<Project Sdk="Microsoft.NET.Sdk.Web">
-
-  <PropertyGroup>
-    <TargetFramework>netcoreapp2.1</TargetFramework>
-    <AssemblyName>TemplatePages</AssemblyName>
-    <PackageId>TemplatePages</PackageId>
-  </PropertyGroup>
-
-  <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.All" />
-    <PackageReference Include="System.Collections.NonGeneric" Version="4.3.*" />
-    <PackageReference Include="System.IO.FileSystem.DriveInfo" Version="4.3.*" />
-
-    <PackageReference Include="ServiceStack" Version="5.*" />
-    <PackageReference Include="ServiceStack.Interfaces" Version="5.*" />
-    <PackageReference Include="ServiceStack.Text" Version="5.*" />
-    <PackageReference Include="ServiceStack.Client" Version="5.*" />
-    <PackageReference Include="ServiceStack.Common" Version="5.*" />
-    <PackageReference Include="ServiceStack.Redis" Version="5.*" /> 
-    <PackageReference Include="ServiceStack.OrmLite" Version="5.*" />
-    <PackageReference Include="ServiceStack.OrmLite.Sqlite" Version="5.*" />
-    <PackageReference Include="ServiceStack.Server" Version="5.*" /> 
-    <PackageReference Include="ServiceStack.Api.OpenApi" Version="5.*" /> 
-
-    <!-- <ProjectReference Include="..\..\..\ServiceStack.Text\src\ServiceStack.Text\ServiceStack.Text.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack.Redis\src\ServiceStack.Redis\ServiceStack.Redis.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack.OrmLite\src\ServiceStack.OrmLite\ServiceStack.OrmLite.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack.OrmLite\src\ServiceStack.OrmLite.Sqlite\ServiceStack.OrmLite.Sqlite.csproj" />
-
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack.Interfaces\ServiceStack.Interfaces.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack.Client\ServiceStack.Client.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack.Common\ServiceStack.Common.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack\ServiceStack.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack.Server\ServiceStack.Server.csproj" />
-    <ProjectReference Include="..\..\..\ServiceStack\src\ServiceStack.Api.OpenApi\ServiceStack.Api.OpenApi.csproj" /> -->
-  </ItemGroup>
-
-</Project>
diff --git a/src/TemplateServices.cs b/src/TemplateServices.cs
deleted file mode 100644
index 4e1b247..0000000
--- a/src/TemplateServices.cs
+++ /dev/null
@@ -1,116 +0,0 @@
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.Templates;
-using ServiceStack.IO;
-using System.Threading.Tasks;
-using System;
-using ServiceStack.Web;
-using ServiceStack.OrmLite;
-using ServiceStack.Data;
-using ServiceStack.Text;
-
-namespace TemplatePages
-{
-    [Route("/pages/eval")]
-    public class EvaluateTemplates : IReturn<string>
-    {
-        public Dictionary<string,string> Files { get; set; }
-        public Dictionary<string,string> Args { get; set; }
-
-        public string Page { get; set; }
-    }
-
-    [Route("/template/eval")]
-    public class EvaluateTemplate
-    {
-        public string Template { get; set; }
-    }
-
-    [Route("/expression/eval")]
-    public class EvalExpression : IReturn<EvalExpressionResponse>
-    {
-        public string Expression { get; set; }
-    }
-
-    public class EvalExpressionResponse
-    {
-        public object Result { get; set; }
-        public string Tree { get; set; }
-        public ResponseStatus ResponseStatus { get; set; }
-    }
-
-    [ReturnExceptionsInJson]
-    public class TemplateServices : Service
-    {
-        public async Task<string> Any(EvaluateTemplates request)
-        {
-            var context = new TemplateContext {
-                TemplateFilters = {
-                    new TemplateProtectedFilters(),
-                },
-                ExcludeFiltersNamed = { "fileWrite","fileAppend","fileDelete","dirDelete" }
-            }.Init();
-
-            foreach (var entry in request.Files.Safe())
-            {
-                context.VirtualFiles.WriteFile(entry.Key, entry.Value);
-            }
-
-            var pageResult = new PageResult(context.GetPage(request.Page ?? "page"));
-
-            foreach (var entry in request.Args.Safe())
-            {
-                pageResult.Args[entry.Key] = entry.Value;
-            }
-
-            return await pageResult.RenderToStringAsync(); // render to string so [ReturnExceptionsInJson] can detect Exceptions and return JSON
-        }
-
-        public async Task<string> Any(EvaluateTemplate request)
-        {
-            var context = new TemplateContext {
-                TemplateFilters = {
-                    new TemplateDbFilters(),
-                    new TemplateAutoQueryFilters(),
-                    new TemplateServiceStackFilters(),
-                    new CustomTemplateFilters(),
-                }
-            };
-            //Register any dependencies filters need:
-            context.Container.AddSingleton(() => base.GetResolver().TryResolve<IDbConnectionFactory>());
-            context.Init();
-            var pageResult = new PageResult(context.OneTimePage(request.Template)) 
-            {
-                Args = base.Request.GetTemplateRequestParams(importRequestParams:true)
-            };
-            return await pageResult.RenderToStringAsync(); // render to string so [ReturnExceptionsInJson] can detect Exceptions and return JSON
-        }
-
-        public object Any(EvalExpression request)
-        {
-            if (string.IsNullOrWhiteSpace(request.Expression))
-                return new EvalExpressionResponse();
-
-            var args = new Dictionary<string,object>();
-            foreach (String name in Request.QueryString.AllKeys)
-            {
-                if (name.EqualsIgnoreCase("expression"))
-                    continue;
-
-                var argExpr = Request.QueryString[name];
-                var argValue = JS.eval(argExpr);
-                args[name] = argValue;
-            }
-
-            var scope = JS.CreateScope(args: args);
-            var expr = JS.expression(request.Expression.Trim());
-
-            var response = new EvalExpressionResponse {
-                Result = expr.Evaluate(scope),
-                Tree = expr.ToJsAstString(),
-            };
-            return response;
-        }
-    }
-    
-}
\ No newline at end of file
diff --git a/src/web.config b/src/web.config
deleted file mode 100644
index dc0514f..0000000
--- a/src/web.config
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<configuration>
-
-  <!--
-    Configure your application settings in appsettings.json. Learn more at http://go.microsoft.com/fwlink/?LinkId=786380
-  -->
-
-  <system.webServer>
-    <handlers>
-      <add name="aspNetCore" path="*" verb="*" modules="AspNetCoreModule" resourceType="Unspecified"/>
-    </handlers>
-    <aspNetCore processPath="%LAUNCHER_PATH%" arguments="%LAUNCHER_ARGS%" stdoutLogEnabled="false" stdoutLogFile=".\logs\stdout" forwardWindowsAuthToken="false"/>
-  </system.webServer>
-</configuration>
diff --git a/src/wwwroot/_layout.html b/src/wwwroot/_layout.html
deleted file mode 100644
index 478fbbb..0000000
--- a/src/wwwroot/_layout.html
+++ /dev/null
@@ -1,79 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <title>{{ title }}</title>
-    <meta charset="utf-8">
-    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
-    <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png">
-    <link rel="stylesheet" href="/assets/css/bootstrap.css">
-    <link rel="stylesheet" href="/assets/css/gfm.css">
-    <link rel="stylesheet" href="/assets/css/default.css">
-    {{ ifDebug | select: <script>{ '/js/hot-loader.js' | includeFile }</script> }}
-</head>
-
-<body>
-
-    {{ eq(PathInfo,'/') | ifShow: <a id="lnk-github" href="https://github.com/NetCoreApps/TemplatePages"><img style="z-index:3; position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png"></a>
-       | raw }}
-
-    <nav id="topnav" class="navbar navbar-light bg-faded">
-        <a title="ServiceStack Templates" class="navbar-brand" href="/" style="width:220px;">
-            <img src="/assets/img/logo-32.png" width="42" height="32" class="d-inline-block align-top" alt="" style="float:left;margin:0 10px 0 0">
-            <h3>Templates</h3>
-        </a>
-
-        <button id="sidebar-toggle" class="navbar-toggler" type="button">
-            <span class="navbar-toggler-icon"></span>
-        </button>
-    </nav>
-    <div id="scroll-screen"></div>
-    
-    <div id="body">
-
-        {{ "sidebar" | partial }}
-
-        <div id="content">
-            <h1>{{ title }}</h1>
-            {{ page }}
-        </div>
-
-    </div>
-
-    <div id="sig"><p>made with <span>&#10084;</span> by <a target="_blank" href="https://servicestack.net" title="ServiceStack">ServiceStack</a></p></div>
-
-    <script src="/assets/js/jquery-3.2.1.min.js"></script>
-    <script src="/assets/js/bootstrap.min.js"></script>
-    <script src="/assets/js/default.js"></script>
-
-    <script>
-        var pathinfo = location.pathname + location.hash;
-        if (pathinfo != "/")
-        {
-            var scrollItem = $("#sidebar").find("a[href='" + pathinfo + "']")
-                .parents().filter("div>ul>li")[0];
-        
-            if (scrollItem) {
-                scrollItem.scrollIntoView({
-                    block: "start"
-                });
-            }
-        }
-        $("#sidebar-toggle").click(function(){
-            $("#sidebar").fadeToggle()
-        })
-    </script>
-            
-    {{ scripts | ifExists }}
-
-<!-- Global Site Tag (gtag.js) - Google Analytics -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7722718-14"></script>
-<script>
-window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments)};
-gtag('js', new Date());
-gtag('config', 'UA-7722718-14');
-</script>
-    
-</body>
-</html>
\ No newline at end of file
diff --git a/src/wwwroot/assets/img/logo-32.png b/src/wwwroot/assets/img/logo-32.png
deleted file mode 100644
index 08e81b4..0000000
Binary files a/src/wwwroot/assets/img/logo-32.png and /dev/null differ
diff --git a/src/wwwroot/assets/img/screenshot.png b/src/wwwroot/assets/img/screenshot.png
deleted file mode 100644
index 42aba26..0000000
Binary files a/src/wwwroot/assets/img/screenshot.png and /dev/null differ
diff --git a/src/wwwroot/assets/img/screenshots/ssvs-bootstrap.png b/src/wwwroot/assets/img/screenshots/ssvs-bootstrap.png
deleted file mode 100644
index 364fccf..0000000
Binary files a/src/wwwroot/assets/img/screenshots/ssvs-bootstrap.png and /dev/null differ
diff --git a/src/wwwroot/assets/img/screenshots/templates-bootstrap.png b/src/wwwroot/assets/img/screenshots/templates-bootstrap.png
deleted file mode 100644
index f19985d..0000000
Binary files a/src/wwwroot/assets/img/screenshots/templates-bootstrap.png and /dev/null differ
diff --git a/src/wwwroot/assets/js/default.js b/src/wwwroot/assets/js/default.js
deleted file mode 100644
index 34b5113..0000000
--- a/src/wwwroot/assets/js/default.js
+++ /dev/null
@@ -1,142 +0,0 @@
-$(".live-pages").each(function(){
-
-    var el = $(this)
-    el.find("textarea").on("input", function(){
-        var page = el.data("page")
-        var files = {}
-
-        el.find(".files section").each(function(){
-            var name = $.trim($(this).find("h5").html())
-            var contents = $(this).find("textarea").val()
-            files[name] = contents
-        })
-
-        var request = { files: files, page: page }
-
-        $.ajax({
-            type: "POST",
-            url: "/pages/eval",
-            data: JSON.stringify(request),
-            contentType: "application/json",
-            dataType: "html"
-        }).done(function(data){
-            el.removeClass('error').find(".output").html(data)
-        }).fail(function(jqxhr){ handleError(el, jqxhr) })
-    })
-    .trigger("input")
-
-})
-
-$(".live-template").each(function(){
-
-    var el = $(this)
-    el.find("textarea").on("input", function(){
-
-        var request = { template: el.find("textarea").val() }
-
-        $.ajax({
-            type: "POST",
-            url: "/template/eval" + location.search,
-            data: JSON.stringify(request),
-            contentType: "application/json",
-            dataType: "html"
-        }).done(function(data){
-            el.removeClass('error').find(".output").html(data)
-        }).fail(function(jqxhr){ handleError(el, jqxhr) })
-    })
-    .trigger("input")
-
-})
-
-$(".linq-preview").each(function(){
-    var files = {}
-
-    var el = $(this)
-    el.find("textarea").on("input", function(){
-        var files = {}
-
-        el.find(".files section").each(function(){
-            var name = $.trim($(this).find("h5").html())
-            var contents = $(this).find("textarea").val()
-            files[name] = contents
-        })
-
-        var request = { template: el.find(".template textarea").val(), files: files }
-
-        $.ajax({
-            type: "POST",
-            url: "/linq/eval",
-            data: JSON.stringify(request),
-            contentType: "application/json",
-            dataType: "html"
-        }).done(function(data){
-            el.removeClass('error').find(".output").html(data);
-        }).fail(function(jqxhr){ handleError(el, jqxhr) })
-    })
-    .trigger("input")
-
-})
-
-$("#content h2,#content h3,#content h4").each(function(){
-    var el = $(this);
-
-    var text = el.html();
-    if (text.indexOf("<") >= 0) return;
-
-    if (!el.attr('id')) {
-        var safeName = text.toLowerCase().replace(/\s+/g, "-").replace(/[^a-zA-Z0-9_-]+/g,"")
-        el.attr('id', safeName)
-    }
-
-    el.on('click', function(){
-        var id = el.attr('id')
-        location.href = "#" + id
-    })
-})
-
-$.fn.ajaxPreview = function(opt) {
-    var inputs = this.find("input,textarea");
-    inputs.on("input", function(){
-        var f = $(this).closest("form");
-        var data = {};
-        inputs.each(function(){ data[this.name] = this.value })
-        $.ajax({ 
-            url: f.attr('action'),
-            method: "POST",
-            data: JSON.stringify(data),
-            contentType: 'application/json',
-            dataType: opt.dataType || 'json',
-            success: opt.success,
-            error: opt.error || function(jqxhr,status,errMsg) { handleError(el, jqxhr) }
-        })
-    })
-    .first().trigger("input")
-
-    return this.each(function(){ 
-        $(this).submit(function(e){ e.preventDefault() }) 
-    });
-}
-
-function handleError(el, jqxhr) {
-    try {
-        console.log('template error:', jqxhr.status, jqxhr.statusText)
-        el.addClass('error')
-        var errorResponse = JSON.parse(jqxhr.responseText);
-        var status = errorResponse.responseStatus;
-        if (status) {
-            el.find('.output').html('<div class="alert alert-danger"><pre>' + status.errorCode + ' ' + status.message +
-             '\n\nStackTrace:\n' + status.stackTrace + '</pre></div>')
-        }
-    } catch(e) {
-        el.find('.output').html('<div class="alert alert-danger"><pre>' + jqxhr.status + ' ' + jqxhr.statusText + '</pre></div>')
-    }
-}
-
-function queryStringParams(qs) {
-    qs = (qs || document.location.search).split('+').join(' ')
-    var params = {}, tokens, re = /[?&]?([^=]+)=([^&]*)/g
-    while (tokens = re.exec(qs)) {
-        params[tokens[1]] = tokens[2];
-    }
-    return params;
-}
diff --git a/src/wwwroot/code/linq01.txt b/src/wwwroot/code/linq01.txt
deleted file mode 100644
index c42696f..0000000
--- a/src/wwwroot/code/linq01.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-Numbers < 5:
-{{#each numbers where it < 5}}
-  {{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq02.txt b/src/wwwroot/code/linq02.txt
deleted file mode 100644
index b4515fd..0000000
--- a/src/wwwroot/code/linq02.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-Sold out products:
-{{#each products where UnitsInStock = 0}}
-  {{ ProductName }} is sold out!
-{{/each}}
diff --git a/src/wwwroot/code/linq04-customer.txt b/src/wwwroot/code/linq04-customer.txt
deleted file mode 100644
index 74f9ca2..0000000
--- a/src/wwwroot/code/linq04-customer.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-Customer {{ it.CustomerId }} {{ it.CompanyName | raw }}
-{{ it.Orders | selectPartial: order }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq04-order.txt b/src/wwwroot/code/linq04-order.txt
deleted file mode 100644
index 039f91f..0000000
--- a/src/wwwroot/code/linq04-order.txt
+++ /dev/null
@@ -1 +0,0 @@
-  Order {{ it.OrderId }}: {{ it.OrderDate | dateFormat }}
diff --git a/src/wwwroot/code/linq04-partials.txt b/src/wwwroot/code/linq04-partials.txt
deleted file mode 100644
index c00d2f8..0000000
--- a/src/wwwroot/code/linq04-partials.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ customers 
-   | where => it.Region = 'WA' 
-   | assignTo: waCustomers 
-}}
-Customers from Washington and their orders:
-{{ waCustomers | selectPartial: customer }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq04.txt b/src/wwwroot/code/linq04.txt
deleted file mode 100644
index 7805f73..0000000
--- a/src/wwwroot/code/linq04.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-Customers from Washington and their orders:
-{{#each c in customers where c.Region == 'WA'}}
-Customer {{ c.CustomerId }} {{ c.CompanyName | raw }}
-{{#each c.Orders}}
-    Order {{ OrderId }}: {{ OrderDate | dateFormat }}
-{{/each}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq05.txt b/src/wwwroot/code/linq05.txt
deleted file mode 100644
index a1f3ac2..0000000
--- a/src/wwwroot/code/linq05.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:digits }}
-Short digits:
-{{#each d in digits where d.Length < index}}
-  The word {{d}} is shorter than its value.
-{{/each}}
-
diff --git a/src/wwwroot/code/linq06.txt b/src/wwwroot/code/linq06.txt
deleted file mode 100644
index c6f7dc5..0000000
--- a/src/wwwroot/code/linq06.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-Numbers + 1:
-{{#each numbers}}
-  {{ it + 1 }}
-{{/each}}
diff --git a/src/wwwroot/code/linq07.txt b/src/wwwroot/code/linq07.txt
deleted file mode 100644
index 5d17b14..0000000
--- a/src/wwwroot/code/linq07.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-Product Names:
-{{#each products}}
-  {{ProductName}}
-{{/each}}
diff --git a/src/wwwroot/code/linq08.txt b/src/wwwroot/code/linq08.txt
deleted file mode 100644
index f3a1771..0000000
--- a/src/wwwroot/code/linq08.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:strings }}
-Number strings:
-{{#each n in numbers}}
-{{strings[n]}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq09.txt b/src/wwwroot/code/linq09.txt
deleted file mode 100644
index 47e360a..0000000
--- a/src/wwwroot/code/linq09.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ ['aPPLE', 'BlUeBeRrY', 'cHeRry'] | assignTo: words }}
-{{ words | map => {Uppercase: upper(it), Lowercase: lower(it)} | assignTo: upperLowerWords }}
-{{#each ul in upperLowerWords}}
-{{ `Uppercase: ${ul.Uppercase}, Lowercase: ${ul.Lowercase}` }}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq10.txt b/src/wwwroot/code/linq10.txt
deleted file mode 100644
index bca97a1..0000000
--- a/src/wwwroot/code/linq10.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:strings}}
-{{ numbers | map => { Digit: strings[it], Even: it % 2 == 0 } | assignTo: digitOddEvens }}
-{{#each digitOddEvens}}
-The digit {{Digit}} is {{Even ? "even" : "odd"}}.
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq100.txt b/src/wwwroot/code/linq100.txt
deleted file mode 100644
index b83f9d7..0000000
--- a/src/wwwroot/code/linq100.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ 0 | assignTo: i }}
-{{ numbers | let => { i: i + 1 } | toList | select: v = {index + 1}, i = {i}\n }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq101.txt b/src/wwwroot/code/linq101.txt
deleted file mode 100644
index 8956379..0000000
--- a/src/wwwroot/code/linq101.txt
+++ /dev/null
@@ -1,11 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers 
-   | where => it <= 3
-   | assignTo: lowNumbers }}
-First run numbers <= 3:
-{{ lowNumbers | join(`\n`) }}
-{{ 10 | times | do => assign('numbers[index]', -numbers[index]) }}
-Second run numbers <= 3:
-{{ lowNumbers | join(`\n`) }}
-Contents of numbers:
-{{ numbers | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq11.txt b/src/wwwroot/code/linq11.txt
deleted file mode 100644
index 98b54d5..0000000
--- a/src/wwwroot/code/linq11.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-Product Info:
-{{ products | map => { it.ProductName, it.Category, Price: it.UnitPrice } 
-   | assignTo: productInfos }}
-{{#each productInfos}}
-{{ProductName}} is in the Category {{Category}} and costs {{Price | currency}} per unit.
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq12.txt b/src/wwwroot/code/linq12.txt
deleted file mode 100644
index de90074..0000000
--- a/src/wwwroot/code/linq12.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-Number: In-place?
-{{#each n in numbers}}
-  {{n}}: {{ n == index }}
-{{/each}}
diff --git a/src/wwwroot/code/linq13.txt b/src/wwwroot/code/linq13.txt
deleted file mode 100644
index 2f5651b..0000000
--- a/src/wwwroot/code/linq13.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:digits }}
-Numbers < 5:
-{{#each numbers where it < 5}}
-  {{ digits[it] }}
-{{/each}}
diff --git a/src/wwwroot/code/linq14.txt b/src/wwwroot/code/linq14.txt
deleted file mode 100644
index b2e8533..0000000
--- a/src/wwwroot/code/linq14.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-{{ [0, 2, 4, 5, 6, 8, 9] | assignTo: numbersA }}
-{{ [1, 3, 5, 7, 8]       | assignTo: numbersB }}
-Pairs where a < b:
-{{ numbersA | zip(numbersB)
-   | let => { a: it[0], b: it[1] }  
-   | where => a < b 
-   | map => `${a} is less than ${b}` | join(`\n`)
-}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq15.txt b/src/wwwroot/code/linq15.txt
deleted file mode 100644
index 5f77aa3..0000000
--- a/src/wwwroot/code/linq15.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ customers | zip => it.Orders
-   | let => { c: it[0], o: it[1] }
-   | where => o.Total < 500
-   | map => o
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq16.txt b/src/wwwroot/code/linq16.txt
deleted file mode 100644
index 674e807..0000000
--- a/src/wwwroot/code/linq16.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ customers | zip => it.Orders
-   | let => { c: it[0], o: it[1] }
-   | where => o.OrderDate >= '1998-01-01'
-   | map => o
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq17.txt b/src/wwwroot/code/linq17.txt
deleted file mode 100644
index 6ee81ae..0000000
--- a/src/wwwroot/code/linq17.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ customers | zip => it.Orders
-   | let => { c: it[0], o: it[1] }
-   | where => o.Total >= 2000 
-   | map => o
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq18.txt b/src/wwwroot/code/linq18.txt
deleted file mode 100644
index b0130bd..0000000
--- a/src/wwwroot/code/linq18.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-{{ '1997-01-01' | assignTo: cutoffDate }}
-{{ customers 
-   | where => it.Region = 'WA'
-   | zip => it.Orders
-   | let => { c: it[0], o: it[1] }
-   | where => o.OrderDate >= cutoffDate 
-   | map => o
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq19.txt b/src/wwwroot/code/linq19.txt
deleted file mode 100644
index e323fde..0000000
--- a/src/wwwroot/code/linq19.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ customers 
-   | let => { cust: it, custIndex: index }
-   | zip => cust.Orders
-   | let => { o: it[1] }
-   | map => `Customer #${custIndex + 1} has an order with OrderID ${o.OrderId}` | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq20.txt b/src/wwwroot/code/linq20.txt
deleted file mode 100644
index 6410b1b..0000000
--- a/src/wwwroot/code/linq20.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-First 3 numbers:
-{{#each numbers take 3}}
-  {{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq21.txt b/src/wwwroot/code/linq21.txt
deleted file mode 100644
index 67db5c9..0000000
--- a/src/wwwroot/code/linq21.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-   First 3 orders in WA:
-{{ customers | zip => it.Orders 
-   | let => { c: it[0], o: it[1] }
-   | where => c.Region = 'WA'
-   | take(3)
-   | map => o
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq22.txt b/src/wwwroot/code/linq22.txt
deleted file mode 100644
index 3d6bf0c..0000000
--- a/src/wwwroot/code/linq22.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-All but first 4 numbers:
-{{#each numbers skip 4}}
-{{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq23.txt b/src/wwwroot/code/linq23.txt
deleted file mode 100644
index b51fc8f..0000000
--- a/src/wwwroot/code/linq23.txt
+++ /dev/null
@@ -1,7 +0,0 @@
-   All but first 2 orders in WA:
-{{ customers | zip => it.Orders
-   | let => { c: it[0], o: it[1] }
-   | where => c.Region = 'WA'
-   | skip(2)
-   | map => { c.CustomerId, o.OrderId, o.OrderDate }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq24.txt b/src/wwwroot/code/linq24.txt
deleted file mode 100644
index a081fb5..0000000
--- a/src/wwwroot/code/linq24.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-First numbers less than 6:
-{{ numbers 
-   | takeWhile => it < 6 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq25.txt b/src/wwwroot/code/linq25.txt
deleted file mode 100644
index e75bafe..0000000
--- a/src/wwwroot/code/linq25.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-First numbers not less than their position:
-{{ numbers 
-   | takeWhile => it >= index 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq26.txt b/src/wwwroot/code/linq26.txt
deleted file mode 100644
index e4c23c9..0000000
--- a/src/wwwroot/code/linq26.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-All elements starting from first element divisible by 3:
-{{ numbers 
-   | skipWhile => it % 3 != 0 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq27.txt b/src/wwwroot/code/linq27.txt
deleted file mode 100644
index 365b3e4..0000000
--- a/src/wwwroot/code/linq27.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-All elements starting from first element less than its position:
-{{ numbers 
-   | skipWhile => it >= index 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq28.txt b/src/wwwroot/code/linq28.txt
deleted file mode 100644
index 004abe4..0000000
--- a/src/wwwroot/code/linq28.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ ['cherry', 'apple', 'blueberry'] | assignTo: words }}
-The sorted list of words:
-{{#each words orderby it}}
-{{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq29.txt b/src/wwwroot/code/linq29.txt
deleted file mode 100644
index a196c9a..0000000
--- a/src/wwwroot/code/linq29.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ ['cherry', 'apple', 'blueberry'] | assignTo: words }}
-The sorted list of words (by length):
-{{#each words orderby it.Length}}
-{{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq30.txt b/src/wwwroot/code/linq30.txt
deleted file mode 100644
index 513a4b6..0000000
--- a/src/wwwroot/code/linq30.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ products 
-   | orderBy => it.ProductName 
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq31.txt b/src/wwwroot/code/linq31.txt
deleted file mode 100644
index f9ed992..0000000
--- a/src/wwwroot/code/linq31.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] | assignTo: words }}
-{{ words 
-   | orderBy(o => o, { comparer }) 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq32.txt b/src/wwwroot/code/linq32.txt
deleted file mode 100644
index b2d2a75..0000000
--- a/src/wwwroot/code/linq32.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [1.7, 2.3, 1.9, 4.1, 2.9] | assignTo: doubles }}
-The doubles from highest to lowest:
-{{#each doubles orderby it descending}}
-{{it}}
-{{/each}}
diff --git a/src/wwwroot/code/linq33.txt b/src/wwwroot/code/linq33.txt
deleted file mode 100644
index 0223eb4..0000000
--- a/src/wwwroot/code/linq33.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ products 
-   | orderByDescending => it.UnitsInStock
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq34.txt b/src/wwwroot/code/linq34.txt
deleted file mode 100644
index 0d033e5..0000000
--- a/src/wwwroot/code/linq34.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] | assignTo: words }}
-{{ words 
-   | orderByDescending(o => o, { comparer }) 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq35.txt b/src/wwwroot/code/linq35.txt
deleted file mode 100644
index ee4a4ab..0000000
--- a/src/wwwroot/code/linq35.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:digits }}
-Sorted digits:
-{{ digits 
-   | orderBy => it.length
-   | thenBy => it
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq36.txt b/src/wwwroot/code/linq36.txt
deleted file mode 100644
index 96c85de..0000000
--- a/src/wwwroot/code/linq36.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] | assignTo: words }}
-{{ words 
-   | orderBy => it.length
-   | thenBy(w => w, { comparer }) 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq37.txt b/src/wwwroot/code/linq37.txt
deleted file mode 100644
index 58df7b2..0000000
--- a/src/wwwroot/code/linq37.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | orderBy => it.Category
-   | thenByDescending => it.UnitPrice
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq38.txt b/src/wwwroot/code/linq38.txt
deleted file mode 100644
index 28c7fec..0000000
--- a/src/wwwroot/code/linq38.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] | assignTo: words }}
-{{ words 
-   | orderBy => it.length
-   | thenByDescending(w => w, { comparer }) 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq39.txt b/src/wwwroot/code/linq39.txt
deleted file mode 100644
index c0b1039..0000000
--- a/src/wwwroot/code/linq39.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:digits }}
-A backwards list of the digits with a second character of 'i':
-{{ digits 
-   | where => it[1] = 'i'
-   | reverse
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq40.txt b/src/wwwroot/code/linq40.txt
deleted file mode 100644
index dd9c556..0000000
--- a/src/wwwroot/code/linq40.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: nums }}
-{{ nums 
-   | groupBy => it % 5
-   | let => { remainder: it.Key, nums: it }
-   | select: Numbers with a remainder of { remainder } when divided by 5:\n{nums | join('\n')}\n
-}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq41.txt b/src/wwwroot/code/linq41.txt
deleted file mode 100644
index a3e04d4..0000000
--- a/src/wwwroot/code/linq41.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ ['blueberry', 'chimpanzee', 'abacus', 'banana', 'apple', 'cheese'] | assignTo: words }}
-{{ words | groupBy => it[0] | map => { firstLetter: it.Key, words: it } | assignTo: groups }}
-{{#each groups}}
-Words that start with the letter '{{firstLetter}}':
-{{ words | join(`\n`) }}
-{{/each}}
diff --git a/src/wwwroot/code/linq42.txt b/src/wwwroot/code/linq42.txt
deleted file mode 100644
index 3755d2a..0000000
--- a/src/wwwroot/code/linq42.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | let => { Category: it.Key, Products: it }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq43.txt b/src/wwwroot/code/linq43.txt
deleted file mode 100644
index aece830..0000000
--- a/src/wwwroot/code/linq43.txt
+++ /dev/null
@@ -1,15 +0,0 @@
-{{ customers 
-   | map => { 
-        CompanyName: it.CompanyName, 
-        YearGroups: map (
-            groupBy(it.Orders, it => it.OrderDate.Year),
-            yg => { 
-                Year: yg.Key,
-                MonthGroups: map (
-                    groupBy(yg, o => o.OrderDate.Month),
-                    mg => { Month: mg.Key, Orders: mg }
-                ) 
-            }
-        ) 
-     }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq44.txt b/src/wwwroot/code/linq44.txt
deleted file mode 100644
index d9f374b..0000000
--- a/src/wwwroot/code/linq44.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ ['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] | assignTo: anagrams }}
-{{#each groupBy(anagrams, w => trim(w), { comparer: anagramComparer }) }}
-{{it | json}}
-{{/each}}
diff --git a/src/wwwroot/code/linq45.txt b/src/wwwroot/code/linq45.txt
deleted file mode 100644
index 3dbb7aa..0000000
--- a/src/wwwroot/code/linq45.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ ['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] | assignTo: anagrams }}
-{{#each groupBy(anagrams, w => trim(w), { map: a => upper(a), comparer: anagramComparer }) }}
-{{it | json}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq46.txt b/src/wwwroot/code/linq46.txt
deleted file mode 100644
index ff45655..0000000
--- a/src/wwwroot/code/linq46.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [2, 2, 3, 5, 5] | assignTo: factorsOf300 }}
-Prime factors of 300:
-{{ factorsOf300 | distinct | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq47.txt b/src/wwwroot/code/linq47.txt
deleted file mode 100644
index ca8cb29..0000000
--- a/src/wwwroot/code/linq47.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-Category names:
-{{ products 
-   | map => it.Category 
-   | distinct
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq48.txt b/src/wwwroot/code/linq48.txt
deleted file mode 100644
index 859b5e4..0000000
--- a/src/wwwroot/code/linq48.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [ 0, 2, 4, 5, 6, 8, 9 ] | assignTo: numbersA }}
-{{ [ 1, 3, 5, 7, 8 ] | assignTo: numbersB }}
-Unique numbers from both arrays:
-{{#each union(numbersA,numbersB)}}
-  {{it}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq49.txt b/src/wwwroot/code/linq49.txt
deleted file mode 100644
index da8883f..0000000
--- a/src/wwwroot/code/linq49.txt
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ products  
-   | map => it.ProductName[0] 
-   | assignTo => productFirstChars }}
-{{ customers 
-   | map => it.CompanyName[0] 
-   | assignTo => customerFirstChars }}
-Unique first letters from Product names and Customer names:
-{{#each union(productFirstChars,customerFirstChars) }}
-  {{it}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq50.txt b/src/wwwroot/code/linq50.txt
deleted file mode 100644
index fdc4fa0..0000000
--- a/src/wwwroot/code/linq50.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [ 0, 2, 4, 5, 6, 8, 9 ] | assignTo: numbersA }}
-{{ [ 1, 3, 5, 7, 8 ] | assignTo: numbersB }}
-Common numbers shared by both arrays:
-{{ numbersA | intersect(numbersB) | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq51.txt b/src/wwwroot/code/linq51.txt
deleted file mode 100644
index 574894f..0000000
--- a/src/wwwroot/code/linq51.txt
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ products  
-   | map => it.ProductName[0] 
-   | assignTo => productFirstChars }}
-{{ customers 
-   | map => it.CompanyName[0] 
-   | assignTo => customerFirstChars }}
-Common first letters from Product names and Customer names:
-{{#each intersect(productFirstChars,customerFirstChars) }}
-  {{it}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq52.txt b/src/wwwroot/code/linq52.txt
deleted file mode 100644
index 84658a8..0000000
--- a/src/wwwroot/code/linq52.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [ 0, 2, 4, 5, 6, 8, 9 ] | assignTo: numbersA }}
-{{ [ 1, 3, 5, 7, 8 ] | assignTo: numbersB }}
-Numbers in first array but not second array:
-{{ numbersA | except(numbersB) | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq53.txt b/src/wwwroot/code/linq53.txt
deleted file mode 100644
index 5764979..0000000
--- a/src/wwwroot/code/linq53.txt
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ products  
-   | map => it.ProductName[0] 
-   | assignTo => productFirstChars }}
-{{ customers 
-   | map => it.CompanyName[0] 
-   | assignTo => customerFirstChars }}
-First letters from Product names, but not from Customer names:
-{{#each except(productFirstChars,customerFirstChars) }}
-  {{it}}
-{{/each}}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq54.txt b/src/wwwroot/code/linq54.txt
deleted file mode 100644
index 88f2f50..0000000
--- a/src/wwwroot/code/linq54.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [ 1.7, 2.3, 1.9, 4.1, 2.9 ] | assignTo: doubles }}
-Every other double from highest to lowest:
-{{ doubles 
-   | orderByDescending => it
-   | step({ by: 2 }) 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq55.txt b/src/wwwroot/code/linq55.txt
deleted file mode 100644
index 14d0538..0000000
--- a/src/wwwroot/code/linq55.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: words }}
-The sorted word list:
-{{ words
-   | orderBy => it 
-   | toList 
-   | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq56.txt b/src/wwwroot/code/linq56.txt
deleted file mode 100644
index f259755..0000000
--- a/src/wwwroot/code/linq56.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [{name:'Alice',score:50},{name:'Bob',score:40},{name:'Cathy',score:45}] | assignTo:records }}
-{{ records | toDictionary => it.name | assignTo: scoreRecordsDict }}
-Bob's score: {{ scoreRecordsDict.Bob.score }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq57.txt b/src/wwwroot/code/linq57.txt
deleted file mode 100644
index 779a321..0000000
--- a/src/wwwroot/code/linq57.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ [null, 1.0, 'two', 3, 'four', 5, 'six', 7.0] | assignTo: numbers }}
-Numbers stored as doubles:
-{{ numbers 
-   | of({ type: 'Double' })
-   | select: { it | format('#.0') }\n }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq58.txt b/src/wwwroot/code/linq58.txt
deleted file mode 100644
index f83f04c..0000000
--- a/src/wwwroot/code/linq58.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products
-   | where => it.ProductId = 12 
-   | first
-   | dump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq59.txt b/src/wwwroot/code/linq59.txt
deleted file mode 100644
index dc565bb..0000000
--- a/src/wwwroot/code/linq59.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:strings }}
-{{#each s in strings where s[0] == 'o' take 1 }}
-A string starting with 'o': {{s}}
-{{/each}} 
diff --git a/src/wwwroot/code/linq61.txt b/src/wwwroot/code/linq61.txt
deleted file mode 100644
index 1651475..0000000
--- a/src/wwwroot/code/linq61.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-{{ [] | assignTo: numbers }}
-{{ numbers | first | otherwise('null') }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq62.txt b/src/wwwroot/code/linq62.txt
deleted file mode 100644
index 3411401..0000000
--- a/src/wwwroot/code/linq62.txt
+++ /dev/null
@@ -1,2 +0,0 @@
-{{ products | first => it.ProductId = 789 | assignTo: product789 }}
-Product 789 exists: {{ product789 != null }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq64.txt b/src/wwwroot/code/linq64.txt
deleted file mode 100644
index 37d7adf..0000000
--- a/src/wwwroot/code/linq64.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [ 5, 4, 1, 3, 9, 8, 6, 7, 2, 0 ] | assignTo: numbers }} 
-{{ numbers | where => it > 5 | elementAt(1) | assignTo: fourthLowNum }}
-Second number > 5: {{ fourthLowNum }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq65.txt b/src/wwwroot/code/linq65.txt
deleted file mode 100644
index c8f6d3b..0000000
--- a/src/wwwroot/code/linq65.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{#each range(100,50) }}
-The number {{it}} is {{ isEven(it) ? 'even' : 'odd' }}.
-{{/each}}
diff --git a/src/wwwroot/code/linq66.txt b/src/wwwroot/code/linq66.txt
deleted file mode 100644
index 337d1db..0000000
--- a/src/wwwroot/code/linq66.txt
+++ /dev/null
@@ -1 +0,0 @@
-{{ 10 | itemsOf(7) | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq67.txt b/src/wwwroot/code/linq67.txt
deleted file mode 100644
index 103f233..0000000
--- a/src/wwwroot/code/linq67.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ ['believe', 'relief', 'receipt', 'field'] | assignTo: words }}
-{{ words | any => contains(it, 'ei') | assignTo: iAfterE }}
-There is a word that contains in the list that contains 'ei': {{ iAfterE | lower }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq69.txt b/src/wwwroot/code/linq69.txt
deleted file mode 100644
index 4a1a769..0000000
--- a/src/wwwroot/code/linq69.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | where => any(it, it => it.UnitsInStock = 0)
-   | let => { Category: it.Key, Products: it } 
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq70.txt b/src/wwwroot/code/linq70.txt
deleted file mode 100644
index 9427e74..0000000
--- a/src/wwwroot/code/linq70.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [1, 11, 3, 19, 41, 65, 19] | assignTo: numbers }}
-{{ numbers | all => isOdd(it) | assignTo: onlyOdd }}
-The list contains only odd numbers: {{ onlyOdd }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq72.txt b/src/wwwroot/code/linq72.txt
deleted file mode 100644
index 9f163da..0000000
--- a/src/wwwroot/code/linq72.txt
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | where => all(it, it => it.UnitsInStock > 0)
-   | let => { Category: it.Key, Products: it } 
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq73.txt b/src/wwwroot/code/linq73.txt
deleted file mode 100644
index 0d513ac..0000000
--- a/src/wwwroot/code/linq73.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [2, 2, 3, 5, 5] | assignTo: factorsOf300 }}
-{{ factorsOf300 | distinct | count | assignTo: uniqueFactors }}
-There are {{uniqueFactors}} unique factors of 300.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq74.txt b/src/wwwroot/code/linq74.txt
deleted file mode 100644
index 9c97c87..0000000
--- a/src/wwwroot/code/linq74.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers | count => isOdd(it)   | assignTo: oddNumbers }}
-There are {{oddNumbers}} odd numbers in the list.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq76.txt b/src/wwwroot/code/linq76.txt
deleted file mode 100644
index e14c998..0000000
--- a/src/wwwroot/code/linq76.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ customers 
-   | let => { it.CustomerId, OrderCount: count(it.Orders) } 
-   | map => `${CustomerId}, ${OrderCount}` | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq77.txt b/src/wwwroot/code/linq77.txt
deleted file mode 100644
index f00315f..0000000
--- a/src/wwwroot/code/linq77.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | let => { Category: it.Key, ProductCount: count(it) }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq78.txt b/src/wwwroot/code/linq78.txt
deleted file mode 100644
index 728a77d..0000000
--- a/src/wwwroot/code/linq78.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers | sum | assignTo: numSum }}
-The sum of the numbers is {{numSum}}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq79.txt b/src/wwwroot/code/linq79.txt
deleted file mode 100644
index 4d9be01..0000000
--- a/src/wwwroot/code/linq79.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry'] | assignTo: words }}
-{{ words | sum => it.Length | assignTo: totalChars }}
-There are a total of {{totalChars}} characters in these words.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq80.txt b/src/wwwroot/code/linq80.txt
deleted file mode 100644
index 86c7fae..0000000
--- a/src/wwwroot/code/linq80.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | map => { Category: it.Key, TotalUnitsInStock: sum(it, p => p.UnitsInStock) } 
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq81.txt b/src/wwwroot/code/linq81.txt
deleted file mode 100644
index a744e7c..0000000
--- a/src/wwwroot/code/linq81.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers | min | assignTo: minNum }}
-The minimum number is {{minNum}}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq82.txt b/src/wwwroot/code/linq82.txt
deleted file mode 100644
index 5f9c737..0000000
--- a/src/wwwroot/code/linq82.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: words }}
-{{ words | min => it.Length | assignTo: shortestWord }}
-The shortest word is {{shortestWord}} characters long.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq83.txt b/src/wwwroot/code/linq83.txt
deleted file mode 100644
index 24239b3..0000000
--- a/src/wwwroot/code/linq83.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | map => { Category: it.Key, CheapestPrice: min(it, p => p.UnitPrice) }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq84.txt b/src/wwwroot/code/linq84.txt
deleted file mode 100644
index 60b27a6..0000000
--- a/src/wwwroot/code/linq84.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | let => { 
-        g: it,
-        MinPrice: min(it, p => p.UnitPrice), 
-     }
-   | map => { Category: g.Key, CheapestProducts: where(g, p => p.UnitPrice == MinPrice) }
-   | htmlDump }}
diff --git a/src/wwwroot/code/linq85.txt b/src/wwwroot/code/linq85.txt
deleted file mode 100644
index 4f6af55..0000000
--- a/src/wwwroot/code/linq85.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers | max | assignTo: maxNum }}
-The maximum number is {{maxNum}}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq86.txt b/src/wwwroot/code/linq86.txt
deleted file mode 100644
index 3bc089a..0000000
--- a/src/wwwroot/code/linq86.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: words }}
-{{ words | max => it.Length | assignTo: longestLength }}
-The longest word is {{longestLength}} characters long.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq87.txt b/src/wwwroot/code/linq87.txt
deleted file mode 100644
index 93fb6c6..0000000
--- a/src/wwwroot/code/linq87.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | map => { Category: it.Key, MostExpensivePrice: max(it, p => p.UnitPrice) }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq88.txt b/src/wwwroot/code/linq88.txt
deleted file mode 100644
index 1143a82..0000000
--- a/src/wwwroot/code/linq88.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-{{ products
-   | groupBy => it.Category
-   | let => {
-        g: it,
-        MaxPrice: max(it, p => p.UnitPrice), 
-     }
-   | map => { Category: g.Key, MostExpensiveProducts: where(g, p => p.UnitPrice = MaxPrice) }
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq89.txt b/src/wwwroot/code/linq89.txt
deleted file mode 100644
index 4ea00c5..0000000
--- a/src/wwwroot/code/linq89.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ numbers | average | assignTo: averageNum }}
-The average number is {{averageNum}}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq90.txt b/src/wwwroot/code/linq90.txt
deleted file mode 100644
index 241d6c0..0000000
--- a/src/wwwroot/code/linq90.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: words }}
-{{ words | average => it.Length | assignTo: averageLength }}
-The average word length is {{averageLength}} characters.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq91.txt b/src/wwwroot/code/linq91.txt
deleted file mode 100644
index 5c53d34..0000000
--- a/src/wwwroot/code/linq91.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ products 
-   | groupBy => it.Category
-   | map => { Category: it.Key, AveragePrice: average(it, p => p.UnitPrice) } 
-   | htmlDump }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq92.txt b/src/wwwroot/code/linq92.txt
deleted file mode 100644
index 18c283e..0000000
--- a/src/wwwroot/code/linq92.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [1.7, 2.3, 1.9, 4.1, 2.9] | assignTo: doubles }}
-{{ doubles | reduce((runningProduct, nextFactor) => runningProduct * nextFactor)
-   | assignTo: product }}
-Total product of all numbers: {{ product }}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq93.txt b/src/wwwroot/code/linq93.txt
deleted file mode 100644
index f9d6679..0000000
--- a/src/wwwroot/code/linq93.txt
+++ /dev/null
@@ -1,6 +0,0 @@
-{{ [20, 10, 40, 50, 10, 70, 30] | assignTo: attemptedWithdrawals }}
-{{ attemptedWithdrawals | reduce((balance, nextWithdrawal) => 
-   ((nextWithdrawal <= balance) ? (balance - nextWithdrawal) : balance), 
-   { initialValue: 100.0 })
-   | assignTo: endBalance }}
-Ending balance: {{endBalance}}.
\ No newline at end of file
diff --git a/src/wwwroot/code/linq94.txt b/src/wwwroot/code/linq94.txt
deleted file mode 100644
index bb05426..0000000
--- a/src/wwwroot/code/linq94.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [0, 2, 4, 5, 6, 8, 9] | assignTo: numbersA }}
-{{ [1, 3, 5, 7, 8] | assignTo: numbersB }}
-All numbers from both arrays:
-{{ numbersA | concat(numbersB) | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq95.txt b/src/wwwroot/code/linq95.txt
deleted file mode 100644
index c9f823a..0000000
--- a/src/wwwroot/code/linq95.txt
+++ /dev/null
@@ -1,8 +0,0 @@
-{{ customers 
-    | map => it.CompanyName
-    | assignTo => customerNames }}
-{{ products 
-    | map => it.ProductName
-    | assignTo => productNames }}
-Customer and product names:
-{{ customerNames | concat(productNames) | join(`\n`) }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq96.txt b/src/wwwroot/code/linq96.txt
deleted file mode 100644
index 5d91297..0000000
--- a/src/wwwroot/code/linq96.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: wordsA }}
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: wordsB }}
-{{ wordsA | equivalentTo(wordsB) | assignTo: match }}
-The sequences match: {{ match | lower }}
\ No newline at end of file
diff --git a/src/wwwroot/code/linq97.txt b/src/wwwroot/code/linq97.txt
deleted file mode 100644
index ff62ac5..0000000
--- a/src/wwwroot/code/linq97.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-{{ [ 'cherry', 'apple', 'blueberry' ] | assignTo: wordsA }}
-{{ [ 'apple', 'blueberry', 'cherry' ] | assignTo: wordsB }}
-{{ wordsA | equivalentTo(wordsB) | assignTo: match }}
-The sequences match: {{ match | lower }}
diff --git a/src/wwwroot/code/linq99.txt b/src/wwwroot/code/linq99.txt
deleted file mode 100644
index 8eb0e85..0000000
--- a/src/wwwroot/code/linq99.txt
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] | assignTo: numbers }}
-{{ 0 | assignTo: i }}
-{{ numbers | let => { i: i + 1 } | select: v = {index + 1}, i = {i}\n }}
\ No newline at end of file
diff --git a/src/wwwroot/doc-links.html b/src/wwwroot/doc-links.html
deleted file mode 100644
index 1e24e08..0000000
--- a/src/wwwroot/doc-links.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="doc-links">
-
-{{ order | prevDocLink | select: <span>&#8592; <a href="{ it.Key }">{ it.Value }</a></span> }}
-
-{{ order | nextDocLink | select: <span style="float:right"><a href="{ it.Key }">{ it.Value }</a> &#8594;</span> }}
-
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/docs/api-pages.html b/src/wwwroot/docs/api-pages.html
deleted file mode 100644
index c723cc9..0000000
--- a/src/wwwroot/docs/api-pages.html
+++ /dev/null
@@ -1,213 +0,0 @@
-<!--
-title: API Pages
-order: 19
--->
-
-<p>
-    In addition to being productive high-level .NET scripting language for generating dynamic HTML pages, Template Pages can also 
-    be used to rapidly develop Web APIs which can take advantage of the new support for 
-    <a href="/docs/view-engine#dynamic-page-routes">Dynamic Page Based Routes</a>
-    to rapidly develop data-driven JSON APIs and make them available under ideal pretty URLs whilst utilizing the same Live Development workflow 
-    that doesn't need to define any C# Types or execute any builds - as all development can happen in real-time whilst the App is running,
-    enabling the fastest way to develop Web APIs in .NET.    
-</p>
-
-<h2 id="dynamic-api-pages">Dynamic API Pages</h2>
-
-<p>
-    The only difference between a Template Page that <b>generates HTML</b> or a Template Page that <b>returns an API Response</b> is that API pages 
-    return a value using the <em>return</em> filter. 
-</p>
-
-<p>
-    For comparison, to create a <b>Hello World</b> C# ServiceStack Service you would typically create a Request DTO, Response DTO and a Service implementation:
-</p>
-
-{{ 'gfm/api-pages/04.md' | githubMarkdown }}
-
-<h3 id="dedicated-api-pages">Dedicated API Pages</h3>
-
-<p>
-    Dedicated API pages lets you specify a path where your "API Pages" are located when registering <em>TemplatePagesFeature</em>:
-</p>
-
-{{ 'gfm/api-pages/01.md' | githubMarkdown }}
-
-<p>
-    All pages within the <b>/api</b> folder are also treated like "API Pages" for creating Web APIs where instead of writing their response to the 
-    Output Stream, their return value is serialized in the requested Content-Type using the <em>return</em> filter:
-</p>
-
-<pre class="cs"><code>{{#raw}}{{ response | return }}
-{{ response | return({ ... }) }}
-{{ httpResult({ ... }) | return }}
-{{/raw}}</code></pre>
-
-<p>
-    The route for the dedicated API page starts the same as the filename and one advantage over Dynamic API Pages above is that a single Page
-    can handle multiple requests with different routes, e.g:
-</p>
-
-<pre>
-/api/customers                // PathArgs = []
-/api/customers/1              // PathArgs = ['1']
-/api/customers/by-name/Name   // PathArgs = ['by-name','Name']
-</pre>
-
-<h3>API Page Examples</h3>
-
-<p>
-    To demonstrate API Pages in action we've added Web APIs equivalents for Rockwind's 
-    <a href="http://rockwind-sqlite.web-app.io/northwind/customers">customers</a> and
-    <a href="http://rockwind-sqlite.web-app.io/northwind/products">products</a> HTML pages with the implementation below:
-</p>
-
-<style>
-    th:first-child {
-        text-align: right;
-    }
-</style>
-
-<h4><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></h4>
-
-<p>
-    The entire implementation of the customers API is below:
-</p>
-
-{{ 'gfm/api-pages/02.md' | githubMarkdown }}
-
-<p>
-    These are some of the API's that are made available with the above implementation:
-</p>
-
-<table class="table table-striped">
-    <tr class="bg-success">
-        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/customers API</td>
-    </tr>
-    <tr>
-        <th>All Customers</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
-            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
-        </td>
-    </tr>
-    <tr>
-        <th>Alfreds Futterkiste Details</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>As List</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Customers in Germany</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Customers in London</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
-        </td>
-    </tr>    
-    <tr>
-        <th>Combination Query</th>
-        <td>
-            <a href="http://rockwind-sqlite.web-app.io/api/customers?city=London&amp;country=UK&amp;limit=3">/api/customers?city=London&amp;country=UK&amp;limit=3</a>
-        </td>
-    </tr>
-</table>
-
-<h4><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></h4>
-
-<p>
-    The Products API is an example of a more complex API where data is sourced from multiple tables:
-</p>
-
-{{ 'gfm/api-pages/03.md' | githubMarkdown }}
-
-<p>
-    Some API examples using the above implementation:
-</p>
-
-<table class="table table-striped">
-    <tr class="bg-success">
-        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/products API</td>
-    </tr>
-    <tr>
-        <th>All Products</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv">/api/products.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html">/api/products.html</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Chai Product Details</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1">/api/products/1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.csv">/api/products/1.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.html">/api/products/1.html</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>As List</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?id=1">/api/products?id=1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?id=1">/api/products.csv?id=1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?id=1">/api/products.html?id=1</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Beverage Products</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?category=Beverages">/api/products?category=Beverages</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?category=Beverages">/api/products.csv?category=Beverages</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?category=Beverages">/api/products.html?category=Beverages</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Bigfoot Breweries Products</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?supplier=Bigfoot+Breweries">/api/products?supplier=Bigfoot+Breweries</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?supplier=Bigfoot+Breweries">/api/products.csv?supplier=Bigfoot+Breweries</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?supplier=Bigfoot+Breweries">/api/products.html?supplier=Bigfoot+Breweries</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Products containing Tofu</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?nameContains=Tofu">/api/products?nameContains=Tofu</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?nameContains=Tofu">/api/products.csv?nameContains=Tofu</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?nameContains=Tofu">/api/products.html?nameContains=Tofu</a></div>
-        </td>
-    </tr>
-</table>
-
-<h2>Untyped APIs</h2>
-
-<p>
-    As these APIs don't have a Typed Schema they don't benefit from any of ServiceStack's metadata Services, i.e.
-    they're not listed in <a href="http://docs.servicestack.net/metadata-page">Metadata pages</a>, included in
-    <a href="http://docs.servicestack.net/openapi">Open API</a> or have Typed APIs generated using
-    <a href="http://docs.servicestack.net/add-servicestack-reference">Add ServiceStack Reference</a>.
-</p>
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/api-reference.html b/src/wwwroot/docs/api-reference.html
deleted file mode 100644
index 94e596b..0000000
--- a/src/wwwroot/docs/api-reference.html
+++ /dev/null
@@ -1,252 +0,0 @@
-<!--
-title: API Reference
-order: 26
--->
-
-<h3 class="plugins">Plugins</h3>
-
-{{#markdown}}
-Plugins are a nice way to extend templates with customized functionality which can encapsulate any number of blocks, filters, 
-preferred configuration and dependencies by implementing the `ITemplatePlugin` interface. 
-
-The [MarkdownTemplatePlugin](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/MarkdownTemplatePlugin.cs)
-is a good example of this which registers a markdown 
-[Page format](/docs/page-formats), [Filter](/docs/filters), [Filter Transformer](/docs/transformers) and 
-[markdown Block](/docs/blocks#markdown):
-{{/markdown}}
-
-{{ 'gfm/api-reference/03.md' | githubMarkdown }}
-
-{{#markdown}}
-#### Removing Plugins
-
-When needed any default plugins can be removed with the `RemovePlugins()` API:
-{{/markdown}}
-
-{{ 'gfm/blocks/20.md' | githubMarkdown }}
-
-{{#markdown}}
-#### Advanced plugin registration
-
-For greater control over the registration and execution of plugins, they can implement `ITemplatePluginBefore` to have custom logic
-executed before plugins are registered or implement `ITemplatePluginAfter` for executing any logic after.
-{{/markdown}}
-
-<h3 id="templatecontext">TemplateContext</h3>
-
-<p>
-    The <em>TemplateContext</em> is the sandbox where all templates are executed within that can be customized with the 
-    available APIs below:
-</p>
-
-<h4>Preconfigured defaults</h4>
-
-<p>
-    Some <a href="/docs/default-filters">default filters</a> when called without arguments will use the default configuration 
-    shown below that can be overridden by replacing their default value in the TemplateContext's <em>Args</em> collection:
-</p>
-
-{{ 'gfm/api-reference/01.md' | githubMarkdown }}
-
-<h4>Args</h4>
-
-<p>
-    <a href="/docs/arguments">TemplateContext Arguments</a> can be used to define global variables available to every template, partial, filter, etc:
-</p>
-
-<h4>Virtual Files</h4>
-
-<p>
-    Templates only have access to Pages available from its configured VirtualFiles which uses an empty <em>MemoryVirtualFiles</em>.
-    To make pages available to your <em>TemplateContext</em> instance you can choose to either programatically populate the 
-    <em>VirtualFiles</em> collection from an external source, e.g:
-</p>
-
-{{ 'gfm/api-reference/02.md' | githubMarkdown }}
-
-<p>
-    Alternatively if you want to enable access to an entire sub directory you can replace the Virtual Files with a 
-    FileSystem VFS at the directory you want to make the root directory:
-</p>
-
-<pre class="cs"><code>context.VirtualFiles = new FileSystemVirtualFiles("~/template-files".MapProjectPath());</code></pre>
-
-<h4>DebugMode</h4>
-
-<p>
-    <em>DebugMode</em> is used to control whether full Exception details like <em>StackTrace</em> is displayed. In 
-    <em>TemplatePageFeature</em> it defaults to the AppHost DebugMode, otherwise it's <b>true</b> by default.
-</p>
-
-<h4>ScanTypes</h4>
-
-<p>
-    Specify a <em>TemplateFilter</em> or <em>TemplateCodePage</em> to auto register.
-</p>
-
-<h4>ScanAssemblies</h4>
-
-<p>
-    Specify assemblies that should be scanned to find TemplateFilter's and TemplateCodePage's to auto register. 
-    In <em>TemplatePageFeature</em> the AppHost's Service Assemblies are included by default.
-</p>
-
-<h4>TemplateFilters</h4>
-
-<p>
-    Register additional instances of filters you want templates to have access to.
-</p>
-
-<h4>CodePages</h4>
-
-<p>
-    Register instances of code pages you want templates to have access to.
-</p>
-
-<h4>Container</h4>
-
-<p>
-    The IOC Container used by the <em>TemplateContext</em> to register and resolve dependencies, filters and Code Pages.
-    Uses <em>SimpleContainer</em> by default.
-</p>
-
-<h4>AppSettings</h4>
-
-<p>
-    Specify an optional 
-    <a href="http://docs.servicestack.net/appsettings">App Settings provider</a> that templates can access with the 
-    <em>{{#raw}}{{ key | appSetting }}{{/raw}}</em>
-    default filter.
-</p>
-
-<h4>CheckForModifiedPages</h4>
-
-<p>
-    Whether to check for modified pages by default when not in DebugMode, defaults to <em>true</em>.
-    Note: if <b>DebugMode</b> is <em>true</em> it will always check for changes.
-</p>
-
-<h4>CheckForModifiedPagesAfter</h4>
-
-<p>
-    If provided will specify how long to wait before checking if backing files of pages have changed and to reload them if they have.
-    Note: if <b>DebugMode</b> is <em>true</em> it will always check for changes.
-</p>
-
-<h4>RenderExpressionExceptions</h4>
-
-<p>
-    Whether to Render Expression Exceptions in-line (default = false).
-</p>
-
-<h3 class="ref">PageResult</h3>
-
-<p>
-    The <em>PageResult</em> is the rendering context used to render templates whose output can be customized with the APIs below:
-</p>
-
-<h4>Layout</h4>
-
-<p>
-    Override the layout used for the page by specifying a layout name:
-</p>
-
-<pre class="cs"><code>new PageResult(page) { Layout = "custom-layout" }</code></pre>
-
-<h4>LayoutPage</h4>
-
-<p>
-    Override the layout used for the page by specifying a Layout page:
-</p>
-
-<pre class="cs"><code>new PageResult(page) { LayoutPage = Request.GetPage("custom-layout") }</code></pre>
-
-<h4>Args</h4>
-
-<p>
-    Override existing or specify additional arguments in the Template's scope:
-</p>
-
-<pre class="cs"><code>new PageResult(page) { 
-    Args = { 
-        ["myArg"] = "argValue",
-    }
-}</code></pre>
-
-<h4>TemplateFilters</h4>
-
-<p>
-    Make additional filters available to the Template:
-</p>
-
-<pre class="cs"><code>new PageResult(page) { 
-    TemplateFilters = { new MyFilters() }
-}</code></pre>
-
-<h4>OutputTransformers</h4>
-
-<p>
-    <a href="/transformers#output-transformers">Transform the entire Template's Output</a> before rendering to the OutputStream:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    ContentType = MimeTypes.Html,
-    OutputTransformers = { MarkdownPageFormat.TransformToHtml },
-}</code></pre>
-
-<h4>PageTransformers</h4>
-
-<p>
-    <a href="/docs/transformers#page-transformers">Transform just the Page's Output</a> before rendering to the OutputStream:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    ContentType = MimeTypes.Html,
-    PageTransformers = { MarkdownPageFormat.TransformToHtml },
-}</code></pre>
-
-<h4>FilterTransformers</h4>
-
-<p>
-    Specify additional <a href="/docs/transformers#filter-transformers">Filter Transformers</a> available to the Template:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    FilterTransformers = {
-        ["markdown"] = MarkdownPageFormat.TransformToHtml
-    }
-}</code></pre>
-
-<h4>ExcludeFiltersNamed</h4>
-
-<p>
-   <a href="/docs/sandbox#disable-filters">Disable access</a> to the specified registered filters:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    ExcludeFiltersNamed = { "partial", "selectPartial" }
-}</code></pre>
-
-<h4>Options</h4>
-
-<p>
-    Return additional HTTP Response Headers when rendering to a HTTP Response:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    Options = { 
-        ["X-Powered-By"] = "ServiceStack Templates"
-    }
-}</code></pre>
-
-<h4>ContentType</h4>
-
-<p>
-    Specify the HTTP Content-Type when rendering to a HTTP Response:
-</p>
-
-<pre class="cs"><code>new PageResult(page) {
-    ContentType = "text/plain"
-}</code></pre>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/blocks.html b/src/wwwroot/docs/blocks.html
deleted file mode 100644
index d11a3b0..0000000
--- a/src/wwwroot/docs/blocks.html
+++ /dev/null
@@ -1,357 +0,0 @@
-<!--
-title: Blocks
-order: 6
--->
-
-{{#markdown}}
-Blocks lets you define reusable statements that can be invoked with a new context allowing the creation custom iterators and helpers - 
-making it easy to encapsulate reusable functionality and reduce boilerplate for common functionality.
-
-The syntax for blocks follows the familiar [handlebars block helpers](https://handlebarsjs.com/block_helpers.html) in both syntax and functionality.
-Templates also includes most of handlebars.js block helpers which are useful in a HTML template language whilst minimizing any porting efforts if 
-needing to reuse existing JavaScript handlebars templates.
-
-We'll walk through creating a few of the built-in Template blocks to demonstrate how to create them from scratch.
-
-### noop
-
-We'll start with creating the `noop` block (short for "no operation") which functions like a block comment by removing its inner contents
-from the rendered page:
-{{/markdown}}
-
-{{ 'gfm/blocks/01.md' | githubMarkdown }}
-
-{{#markdown}}
-The `noop` block is also the smallest implementation possible which needs to inherit `TemplateBlock` class, overrides the `Name` getter with 
-the name of the block and implements the `WriteAsync()` method which for the noop block just returns an empty `Task` there by not writing anything 
-to the Output Stream, resulting in its inner contents being ignored:
-{{/markdown}}
-
-{{ 'gfm/blocks/02.md' | githubMarkdown }}
-
-{{#markdown}}
-All Block's are executed with 3 parameters:
-
- - `TemplateScopeContext` - The current Execution and Rendering context
- - `PageBlockFragment` - The parsed Block contents
- - `CancellationToken` - Allows the async render operation to be cancelled
-{{/markdown}}
-
-<h3 id="registering-blocks">Registering Blocks</h3>
-
-{{#markdown}}
-The same flexible registration options for [Registering Filters](/docs/filters#registering-filters) is also available for registering blocks 
-where if it wasn't already built-in, `TemplateNoopBlock` could be registered by adding it to the `TemplateBlocks` collection:
-{{/markdown}}
-
-{{ 'gfm/blocks/03.md' | githubMarkdown }}
-
-<h5 id="scan-types">Autowired using TemplateContext IOC</h5>
-
-{{#markdown}}
-Autowired instances of blocks and filters can also be created using TemplateContext's configured IOC where they're also injected with any 
-registered IOC dependencies by registering them in the `ScanTypes` collection: 
-{{/markdown}}
-
-{{ 'gfm/blocks/04.md' | githubMarkdown }}
-
-{{#markdown}}
-When the `TemplateContext` is initialized it will go through each Type and create an autowired instance of each Type and register them in the 
-`TemplateBlocks` collection. An alternative to registering individual Types is to register an entire Assembly, e.g:
-{{/markdown}}
-
-{{ 'gfm/blocks/05.md' | githubMarkdown }}
-
-{{#markdown}}
-Where it automatically registers any Blocks or Filters contained in the Assembly where the `MyBlock` Type is defined.
-{{/markdown}}
-
-{{#markdown}}
-### bold
-
-A step up from `noop` is the **bold** Template Block which markup its contents within the `<b/>` tag:
-{{/markdown}}
-
-<pre>
-{{#raw}}{{#bold}}This text will be bold{{/bold}}{{/raw}}
-</pre>
-
-{{#markdown}}
-Which calls the `base.WriteBodyAsync()` method to evaluate and write the Block's contents to the `OutputStream` using the current 
-`TemplateScopeContext`:
-{{/markdown}}
-
-{{ 'gfm/blocks/06.md' | githubMarkdown }}
-
-{{#markdown}}
-### with
-
-The `with` Block shows an example of utilizing arguments. To maximize flexibility arguments passed into your block are captured in a free-form
-string (specifically a `ReadOnlyMemory<char>`) which allows creating Blocks varying from simple arguments to complex LINQ-like expressions - a
-feature some built-in Blocks take advantage of. 
-
-The `with` block works similarly to [handlebars with helper](https://handlebarsjs.com/block_helpers.html#with-helper) or JavaScript's 
-[with statement](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with) where it extracts the properties (or Keys)
-of an object and adds them to the current scope which avoids needing a prefix each property reference, 
-e.g. being able to use `{{Name}}` instead of `{{person.Name}}`:
-
-<pre>
-{{#with person}}
-    Hi {{Name}}, your Age is {{Age}}.
-{{/with}}
-</pre>
-
-Also the `with` Block's contents are only evaluated if the argument expression is `null`. 
-
-The implementation below shows the optimal way to implement `with` by calling `GetJsExpressionAndEvaluate()` to resolve a cached 
-AST token that's then evaluated to return the result of the Argument expression. 
-
-If the argument evaluates to an object it calls the `ToObjectDictionary()` extension method to convert it into a `Dictionary<string,object>` 
-then creates a new scope with each property added as arguments and then evaluates the block's Body contents with the new scope:
-{{/markdown}}
-
-{{ 'gfm/blocks/07.md' | githubMarkdown }}
-
-{{#markdown}}
-To better highlight how this works, a non-cached version of `GetJsExpressionAndEvaluate()` involves parsing the Argument string into 
-an AST Token then evaluating it with the current scope:
-{{/markdown}}
-
-{{ 'gfm/blocks/08.md' | githubMarkdown }}
-
-{{#markdown}}
-The `ParseJsExpression()` extension method is able to parse virtually any [JavaScript Expression](/docs/expression-viewer) into an AST tree
-which can then be evaluated by calling its `token.Evaluate(scope)` method.
-
-##### Final implementation
-
-The actual [TemplateWithBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Blocks/TemplateWithBlock.cs)
-used in Templates includes extended functionality which uses `GetJsExpressionAndEvaluateAsync()` to be able to evaluate both **sync** and **async** 
-results. 
-
-##### else if/else statements
-
-It also evaluates any `block.ElseBlocks` statements which is **functionality available to all blocks** which are able to evaluate any alternative 
-**else/else if** statements when the main template isn't rendered, e.g. in this case when the `with` block is called with a `null` argument:
-{{/markdown}}
-
-{{ 'gfm/blocks/09.md' | githubMarkdown }}
-
-{{#markdown}}
-### if
-
-Since all blocks are able to execute any number of `{{else}}` statements by calling `base.WriteElseAsync()`, the implementation for 
-the `{{if}}` block ends up being even simpler which just needs to evaluate the argument to `bool`. 
-
-If **true** it writes the body with `WriteBodyAsync()` otherwise it evaluates any `else` statements with `WriteElseAsync()`:
-{{/markdown}}
-
-{{ 'gfm/blocks/10.md' | githubMarkdown }}
-
-{{#markdown}}
-### each
-
-From what we've seen up till now, the [handlebars.js each block](https://handlebarsjs.com/block_helpers.html#iterators) is also
-straightforward to implement which just iterates over a collection argument that evaluates its body with a new scope containing the 
-elements **properties**, a conventional `it` binding for the element and an `index` argument that can be used to determine the 
-index of each element:
-{{/markdown}}
-
-{{ 'gfm/blocks/11.md' | githubMarkdown }}
-
-{{#markdown}}
-Despite its terse implementation, the above Template Block can be used to iterate over any expression that evaluates to a collection, 
-inc. objects, POCOs, strings as well as Value Type collections like ints. 
-
-##### Built-in each
-
-However the built-in [TemplateEachBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Blocks/TemplateEachBlock.cs)
-has a larger implementation to support its richer feature-set where it also includes support for async results, custom element bindings and LINQ-like syntax for 
-maximum expressiveness whilst utilizing expression caching to ensure any complex argument expressions are only parsed once.
-{{/markdown}}
-
-{{ 'gfm/blocks/12.md' | githubMarkdown }}
-
-{{#markdown}}
-By using `ParseJsExpression()` to parse expressions after each "LINQ modifier", `each` supports evaluating complex JavaScript expressions in each 
-of its LINQ querying features, e.g:
-{{/markdown}}
-
-<div class="linq-preview {{ output }}">
-    <div class="template">
-        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" rows="6"
->{{#raw}}{{#each c in customers
-        where c.City == 'London' and c.Country == 'UK' orderby c.CompanyName descending
-        skip 3 - (2 - 1)
-        take 1 + 2 }}
-  {{index + 1}}. {{c.CustomerId}} from <b>{{c.CompanyName}}</b> - {{c.City}}, {{c.Country}}.
-{{/each}}{{/raw}}</textarea>
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div> 
-
-{{#markdown}}
-
-##### Custom bindings
-
-When using a custom binding like `{{#each c in customers}}` above, the element is only accessible with the custom `c` binding which is more efficient 
-when only needing to reference a subset of the element's properties as it avoids adding each of the elements properties in the items execution scope.
-
-Check out [LINQ Examples](/linq/restriction-operators) for more live previews showcasing advanced usages of the `{{#each}}` block.
-
-### raw
-
-The `{{#raw}}` block is similar to [handlebars.js's raw-helper](https://handlebarsjs.com/block_helpers.html#raw-blocks) which captures
-the template's raw text content instead of having its content evaluated, making it ideal for emitting content that could contain
-template expressions like client-side JavaScript or template expressions that shouldn't be evaluated on the server such as
-Vue, Angular or Ember templates:
-
-<pre>
-{{#raw}}
-&lt;div id="app"&gt;
-    {{ message }}
-&lt;/div&gt;
-{{/raw}}
-</pre>
-
-When called with no arguments it will render its unprocessed raw text contents. When called with a single argument, e.g. `{{#raw varname}}` it will
-instead save the raw text contents to the specified global `PageResult` variable and lastly when called with the `appendTo` modifier it will append 
-its contents to the existing variable, or initialize it if it doesn't exist.
-
-This is now the preferred approach used in all [.NET Core and .NET Framework Web Templates](http://docs.servicestack.net/templates-websites) for 
-pages and partials to append any custom JavaScript script blocks they need on the page, e.g:
-
-<pre>
-{{#raw appendTo scripts}}
-&lt;script&gt;
-    //...
-&lt;/script&gt;
-{{/raw}}
-</pre>
-
-Where any captured custom scripts are rendered at the 
-[bottom of _layout.html](https://github.com/NetCoreTemplates/templates/blob/8a082a299d59a0b53b9b6e0a07a6fbabf7bf6e2c/MyApp/wwwroot/_layout.html#L49) with:
-
-<pre>
-    &lt;script src="/assets/js/default.js"&gt;&lt;/script&gt;
-
-    {{ scripts | raw }}
-
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-The implementation to support each of these usages is contained within 
-[TemplateRawBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Blocks/TemplateRawBlock.cs)
-below which inspects the `block.Argument` to determine whether it should capture the contents into the specified variable or write its raw 
-string contents directly to the OutputStream:
-{{/markdown}}
-
-{{ 'gfm/blocks/13.md' | githubMarkdown }}
-
-{{#markdown}}
-### capture
-
-The `{{#capture}}` block is similar to the raw block except instead of using its raw text contents, it instead evaluates its contents and captures 
-the output. It also supports evaluating the contents with scoped arguments where by each property in the object dictionary is added in the 
-scoped arguments that the template is executed with:
-{{/markdown}}
-
-{{ 'gfm/blocks/14.md' | githubMarkdown }}
-
-{{#markdown}}
-With this we can dynamically generate some markdown, capture its contents and convert the resulting markdown to html using the `markdown` Filter transformer:
-{{/markdown}}
-
-{{ 'gfm/blocks/15.md' | githubMarkdown }}
-
-{{#markdown}}
-### markdown
-
-The `{{#markdown}}` block makes it even easier to embed markdown content directly in web pages which works as you'd expect where content in a 
-`markdown` block is converted into HTML, e.g:
-{{/markdown}}
-
-<pre>{{#raw}}
-{{#markdown}}
-## TODO List
-  - Item 1
-  - Item 2
-  - Item 3
-{{/markdown}}
-{{/raw}}
-</pre>
-
-{{#markdown}}
-Which is now the easiest and preferred way to embed Markdown content in content-rich hybrid web pages like 
-[Razor Rockstars content pages](https://github.com/NetCoreTemplates/rockwind-webapp/blob/master/app/rockstars/dead/cobain/index.html), 
-or even this [blocks.html WebPage itself](https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/docs/blocks.html) which 
-makes extensive use of markdown.
-
-As `markdown` block only supports 2 usages its implementation is much simpler than the `capture` block above:
-{{/markdown}}
-
-{{ 'gfm/blocks/16.md' | githubMarkdown }}
-
-{{#markdown}}
-### partial
-
-The `{{#partial}}` block lets you create In Memory partials which is useful when working with partial filters like `selectPartial` as
-it lets you declare multiple partials within the same page, instead of requiring multiple individual files. See docs on
-[Inline partials](/docs/partials#inline-partials) for a Live comparison of using in memory partials.
-{{/markdown}}
-
-{{#markdown}}
-### html
-
-The purpose of the html blocks is to pack a suite of generically useful functionality commonly used when generating html. All html blocks
-inherit the same functionality with blocks registered for the most popular HTML elements, currently: 
-
-`ul`, `ol`, `li`, `div`, `p`, `form`, `input`, `select`, `option`, `textarea`, `button`, `table`, `tr`, `td`, `thead`, `tbody`, `tfoot`, 
-`dl`, `dt`, `dd`, `span`, `a`, `img`, `em`, `b`, `i`, `strong`.
-
-Ultimately they reduce boilerplate, e.g. you can generate a menu list with a single block:
-
-<pre>
-{{#ul {each:items, id:'menu', class:'nav'} }} 
-    &lt;li&gt;{{it}}&lt;/li&gt; 
-{{/ul}}
-</pre>
-
-A more advanced example showcasing many of its different features is contained in the example below:
-{{/markdown}}
-
-{{ 'gfm/blocks/18.md' | githubMarkdown }}
-
-{{#markdown}}
-This example utilizes many of the features in html blocks, namely:
-
- - `if` - only render the template if truthy
- - `each` - render the template for each item in the collection
- - `where` - filter the collection
- - `it` - change the name of each element `it` binding 
- - `class` - special property implementing [Vue's special class bindings](https://vuejs.org/v2/guide/class-and-style.html) where an **object literal**
- can be used to emit a list of class names for all **truthy** properties, an **array** can be used to display a list of class names or you can instead use 
- a **string** of class names.
-
-All other properties like `id` and `selected` are treated like HTML attributes where if the property is a boolean like `selected` it's only displayed
-if its true otherwise all other html attribute's names and values are emitted as normal.
-
-For a better illustration we can implement the same functionality above without using any html blocks:
-{{/markdown}}
-
-{{ 'gfm/blocks/19.md' | githubMarkdown }}
-
-<h3 id="removing-blocks">Removing Blocks</h3>
-
-{{#markdown}}
-Like everything else in Templates, all built-in Blocks can be removed. To make it easy to remove groups of related blocks you can just remove the 
-plugin that registered them using the `RemovePlugins()` API, e.g:
-{{/markdown}}
-
-{{ 'gfm/blocks/20.md' | githubMarkdown }}
-
-{{ "doc-links" | partial({ order }) }}
-
diff --git a/src/wwwroot/docs/db-filters.html b/src/wwwroot/docs/db-filters.html
deleted file mode 100644
index 64b6af8..0000000
--- a/src/wwwroot/docs/db-filters.html
+++ /dev/null
@@ -1,295 +0,0 @@
-<!--
-title: Database Filters
-order: 13
--->
-
-<p>
-    OrmLite's database filters gives your templates database connectivity to the most popular RDBMS's. 
-    To enable install the
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a>
-    and register it in your IOC, e.g:
-</p>
-
-{{ 'gfm/db-filters/01.md' | githubMarkdown }}
-
-<p>
-    Then to enable register either
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFiltersAsync.cs">TemplateDbFiltersAsync</a>
-    if you're using either SQL Server, PostgreSQL or MySql, otherwise register the sync
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFilters.cs">TemplateDbFilters</a>
-    to avoid the <i>pseudo async</i> overhead of wrapping synchronous results in <em>Task</em> results.
-</p>
-
-{{ 'gfm/db-filters/02.md' | githubMarkdown }}
-
-<p>
-    Now your templates will have access to the <a href="/docs/filters-reference?tab=db-filters">available DB Filters</a>
-    where you can use the <a href="/docs/filters-reference?nameContains=db&amp;tab=db-filters"><em>db*</em> filters</a>
-    to execute sql queries:
-</p>
-
-<ul>
-    <li><em>dbSelect</em> - returns multiple rows</li>
-    <li><em>dbSingle</em> - returns a single row</li>
-    <li><em>dbScalar</em> - returns a single field value</li>
-</ul>
-
-<p>
-    The <a href="/docs/filters-reference?nameContains=sql&amp;tab=db-filters"><em>sql*</em> filters</a> are used to enable
-    cross-platform RDBMS support where it encapsulates the differences behind each RDBMS and returns the appropriate SQL
-    for the RDBMS that's registered.
-</p>
-
-<h3>DB Filter Examples</h3>
-
-<p>
-    For an interactive example that lets you explore DB Filters checkout the <a href="/usecases/adhoc-querying">Adhoc Querying use-case</a>.
-</p>
-
-<p>
-    To explore a complete data-driven Web App built using Templates and DB Filters, checkout the Rockwind Website below     
-    which uses DB Filters to implement both its Web Pages and <a href="/docs/api-pages">Web APIs</a>. 
-    The URL
-    The Source code link on the right shows the source code used to generate the Web Page or API Response:
-</p>
-
-<table class="table table-striped" style="width:auto">
-    <caption style="font-size:1.8rem"><a href="http://rockwind-sqlite.web-app.io">Rockwind Website</a></caption>
-    <thead class="thead-inverse">
-    <tr>
-        <th>Description</th>
-        <th>URL</th>
-        <th>Source Code</th>
-    </tr>
-    </thead>
-    <tr>
-        <th>Customers</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers">/northwind/customers</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/customers.html">/northwind/customers.html</a></td>
-    </tr>
-    <tr>
-        <th>Employees</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/employees">/northwind/employees</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/employees.html">/northwind/employees.html</a></td>
-    </tr>
-    <tr>
-        <th>Products</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products">/northwind/products</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/products.html">/northwind/products.html</a></td>
-    </tr>
-    <tr>
-        <th>Categories</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/categories">/northwind/categories</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/categories.html">/northwind/categories.html</a></td>
-    </tr>
-    <tr>
-        <th>Suppliers</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/suppliers">/northwind/suppliers</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/suppliers.html">/northwind/suppliers.html</a></td>
-    </tr>
-    <tr>
-        <th>Shipppers</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/shippers">/northwind/shippers</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/shippers.html">/northwind/shippers.html</a></td>
-    </tr>
-    <tr>
-        <td class="bg-success" colspan="3" style="text-align:center;color:#fff;font-size:1.5rem">Page Queries</td>
-    </tr>
-    <tr>
-        <th>Customers in Germany</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers?country=Germany">/northwind/customers?country=Germany</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/customers.html">/northwind/customers.html</a></td>
-    </tr>
-    <tr>
-        <th>Customers in London</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers?city=London">/northwind/customers?city=London</a></td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Alfreds Futterkiste Details</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customer?id=ALFKI">/northwind/customer?id=ALFKI</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/customer.html">/northwind/customer.html</a></td>
-    </tr>
-    <tr>
-        <th>Order #10643</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643">/northwind/order?id=10643</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/order.html">/northwind/order.html</a></td>
-    </tr>
-    <tr>
-        <th>Employee Nancy Davolio Details</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/employee?id=1">/northwind/employee?id=1</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/employee.html">/northwind/employee.html</a></td>
-    </tr>
-    <tr>
-        <th>Chai Product Details</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?id=1">/northwind/products?id=1</a></td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind/products.html">/northwind/products.html</a></td>
-    </tr>
-    <tr>
-        <th>Beverage Products</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?category=Beverages">/northwind/products?category=Beverages</a></td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Products from Bigfoot Breweries</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?supplier=Bigfoot+Breweries">/northwind/products?supplier=Bigfoot+Breweries</a></td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Products containing Tofu</th>
-        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?nameContains=Tofu">/northwind/products?nameContains=Tofu</a></td>
-        <td></td>
-    </tr>
-    <tr>
-        <td class="bg-success" colspan="3" style="text-align:center;color:#fff;font-size:1.5rem">API Queries</td>
-    </tr>
-    <tr>
-        <th>All Customers</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
-            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
-        </td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/api/customers.html">/api/customers.html</a></td>
-    </tr>
-    <tr>
-        <th>Alfreds Futterkiste Details</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>As List</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Customers in Germany</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Customers in London</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>All Products</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv">/api/products.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html">/api/products.html</a></div>
-        </td>
-        <td><a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/api/products.html">/api/products.html</a></td>
-    </tr>
-    <tr>
-        <th>Chai Product Details</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1">/api/products/1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.csv">/api/products/1.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.html">/api/products/1.html</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>As List</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?id=1">/api/products?id=1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?id=1">/api/products.csv?id=1</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?id=1">/api/products.html?id=1</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Beverage Products</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?category=Beverages">/api/products?category=Beverages</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?category=Beverages">/api/products.csv?category=Beverages</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?category=Beverages">/api/products.html?category=Beverages</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Products from Bigfoot Breweries</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?supplier=Bigfoot+Breweries">/api/products?supplier=Bigfoot+Breweries</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?supplier=Bigfoot+Breweries">/api/products.csv?supplier=Bigfoot+Breweries</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?supplier=Bigfoot+Breweries">/api/products.html?supplier=Bigfoot+Breweries</a></div>
-        </td>
-        <td></td>
-    </tr>
-    <tr>
-        <th>Products containing Tofu</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products?nameContains=Tofu">/api/products?nameContains=Tofu</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?nameContains=Tofu">/api/products.csv?nameContains=Tofu</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?nameContains=Tofu">/api/products.html?nameContains=Tofu</a></div>
-        </td>
-        <td></td>
-    </tr>
-</table>
-
-<h4>Run Rockwind against your Local RDBMS</h4>
-
-<p>
-    You can run the <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/rockwind">Rockwind Website</a>
-    against either an SQLite, SQL Server or MySql database by just changing which <b>app.settings</b> the App is run with, e.g:
-</p>
-
-<pre class="sh"><code>dotnet web/app.dll ../rockwind/web.sqlserver.settings</code></pre>
-
-<h5>Populate local RDBMS with Northwind database</h5>
-
-<p>
-    If you want to run this Web App against your own Database run the 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">northwind-data</a> 
-    project against your database, e.g:
-</p>
-
-<pre class="sh"><code>dotnet run sqlserver "Server=localhost;Database=northwind;User Id=test;Password=test;"</code></pre>
-
-<p>
-    As Rockwind is a <a href="/usecases/web-templates">Web Template</a> Web App it doesn't need any compilation so after 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps">running the Rockwind Web App</a>
-    you can modify the source code and see changes in real-time thanks to its built-in 
-    <a href="/docs/hot-reloading">Hot Reloading</a> support.
-</p>
-
-<h4>PostgreSQL Support</h4>
-
-<p>
-    Due to PostgreSQL's automatic conversion of unquoted tables and fields to lower case and MySql not supporting double quotes 
-    for quoting symbols, it's not feasible to develop the same website that runs in both MySql and PostgreSQL unless you 
-    use <em>sqlQuote</em> to quote every column or table or are willing to use lowercase or snake_case for all table and column names. 
-    As a result we've developed an alternate version of Rockwind website called <a href="http://rockwind-vfs-sqlite.web-app.io/">Rockwind VFS</a>
-    which quotes every Table and Column in double quotes so PostgreSQL preserves casing. The 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/rockwind-vfs">Rockwind VFS Project</a>    
-    can be run against either PostgreSQL, SQL Server or SQLite by changing the configuration it's run with, e.g:
-</p>
-
-<pre class="sh"><code>dotnet web/app.dll ../rockwind-vfs/web.postgres.settings</code></pre>
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=db-filters">full list of DB filters available</a>.
-</p>
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/default-filters.html b/src/wwwroot/docs/default-filters.html
deleted file mode 100644
index 6dec5ae..0000000
--- a/src/wwwroot/docs/default-filters.html
+++ /dev/null
@@ -1,546 +0,0 @@
-<!--
-title: Default Filters
-order: 8
--->
-
-<p>
-    The default filters are a comprehensive suite of safe filters useful within a View Engine or Text Template Generation environment.
-    The source code for all default filters are defined in 
-    <a href="https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Common/Templates/Filters">TemplateDefaultFilters</a>.
-</p>
-
-<p>
-    For examples of querying with filters checkout the <a href="/linq/">Live LINQ Examples</a>, we'll show examples for other useful filters below:
-</p>
-
-<h4 id="as-bindings">Filters as bindings</h4>
-
-<p>
-    Filters with no arguments can be used in-place of an argument binding, <em>now</em> and <em>utcNow</em> are examples of this:
-</p>
-
-{{ 'live-template' | partial({ template: "now: {{ now | dateFormat }}
-UTC now: {{ utcNow | dateFormat('o') }}" }) }}
-
-<p>
-    Many filters have an implicit default format which can be overridden in the TemplateContext's <em>Args</em>, e.g
-    if no Date Format is provided it uses the default format <em>yyyy-MM-dd</em> which can be overridden with:
-</p>
-
-{{ 'gfm/default-filters/01.md' | githubMarkdown }}
-
-<h4 id="html-encoding">HTML Encoding</h4>
-
-<p>
-    All values of Template Expressions in <b>.html</b> pages are HTML-encoded by default, you can bypass the HTML encoding 
-    to emit raw HTML by adding the <em>raw</em> filter as the last filter in an expression:
-</p>
-
-{{ 'live-template' | partial({ template: "With encoding: {{ '<b>hi</b>' }}
-Without: {{ '<b>hi</b>' | raw }}" }) }}
-
-<h4 id="arithmetic">Arithmetic</h4>
-
-<p>
-    Templates supports the same arithmetic expressions as JavaScript:
-</p>
-
-{{ 'live-template' | partial({ rows: 7, template: "1 + 1 = {{ 1 + 1 }}
-2 x 2 = {{ 2 * 2 }}
-3 - 3 = {{ 3 - 3 }} 
-4 / 4 = {{ 4 / 4 }}
-3 % 2 = {{ 3 % 2 }}
-1 - 2 + 3 * 4 / 5 = {{ 1 - 2 + 3 * 4 / 5 }}
-Bitwise = {{ 3 & 1 }}, {{ (3 | 1) }}, {{ 3 ^ 1 }}, {{ 3 << 1 }}, {{ 3 >> 1 }}, {{ ~1 }}" }) }}
-
-<blockquote>
-    Behavior is as you would expect in JavaScript except for Bitwise OR <em>|</em> needs to be in <em>(parens)</em> to avoid it being treated as a 
-    filter expression separator and no assignment operations are supported, i.e. <em>=, ++, --, |=</em>, etc. The <em>=</em> is treated 
-    as an equality operator <em>==</em> so it lets you use SQL-like queries if preferred, e.g. <em>a = 1 and b = 2 or c = 3 </em>.
-</blockquote>
-
-<p>
-    For those who prefer wordier descriptions, you can use the equivalent built-in filters:
-</p>
-
-{{ 'live-template' | partial({ rows: 5, template: "1 + 1 = {{ 1 | add(1) }} or {{ add(1,1) }} or {{ 1 | incr }} or {{ 1 | incrBy(1) }}
-2 x 2 = {{ 2 | mul(2) }} or {{ multiply(2,2) }}
-3 - 3 = {{ 3 | sub(3) }} or {{ subtract(3,3) }} or {{ 3 | decrBy(3) }} 
-4 / 4 = {{ 4 | div(4) }} or {{ divide(4,4) }}
-3 % 2 = {{ 3 | mod(2) }} or {{ mod(3,2) }}" }) }}
-
-<p>
-    It should be noted when porting C# code that as filters are normal methods they don't follow the implied 
-    <a href="https://www.mathsisfun.com/operation-order-bodmas.html">Order of Operations</a> used in math calculations
-    where an expression like <em>1 - 2 + 3 * 4 / 5</em> is executed in the implied order of <em>(1 - 2) + ((3 * 4) / 5)</em>.
-    To achieve the same result you'd need to execute them in their implied grouping explicitly:
-</p>
-
-{{ 'live-template' | partial({ template: "1 - 2 + 3 * 4 / 5 = {{ 1 - 2 + 3 * 4 / 5 }}
-1 - 2 + 3 * 4 / 5 = {{ add(sub(1,2), div(mul(3,4), 5)) }}
-((1 - 2 + 3) * 4) / 5 = {{ 1 | subtract(2) | add(3) | multiply(4) | divide(5) }}" }) }}
-
-<h4 id="math">Math</h4>
-
-<p>
-    Most <em>Math</em> APIs are available including <em>pi</em> and <em>e</em> constants:
-</p>
-
-{{ 'live-template' | partial({ template: `Circumference = {{ 2 * pi * 10 | round(5) }}
-&Sqrt; log<sub>10</sub> 10000  = {{ 10000 | log10 | sqrt }}
-Powers of 2      = {{ 10 | times | select: { it + 1 | pow(2) }, }}` }) }}
-
-<h4 id="date-functions">Date Functions</h4>
-
-{{ 'live-template' | partial({ rows: 10, template: "{{ now | addTicks(1) }}
-{{ now | addMilliseconds(1) }}
-{{ now | addSeconds(1) }}
-{{ now | addMinutes(1) }}
-{{ now | addHours(1) }}
-{{ now | addDays(1) }}
-{{ now | addMonths(1) }}
-{{ now | addYears(1) }}
-{{ '2001-01-01' | toDateTime }}, {{ date(2001,1,1) }}, {{ date(2001,1,1,1,1,1) }}
-{{ time(1,2,3,4) }}, {{ '02:03:04' | toTimeSpan }}, {{ time(2,3,4) }}" }) }}
-
-<h4 id="formatting">Formatting</h4>
-
-<p>
-    Use format filters to customize how values are formatted:
-</p>
-
-{{ 'live-template' | partial({ rows: 4, template: ′USD {{ 12.34 | currency }} GBP {{ 12.34 | currency('en-GB') }} EUR {{ 12.34 | currency('FR') }}
-Number: {{ 123.456 | format('0.##') }} Currency: {{ 123.456 | format('C') }}
-Date: {{ now | dateFormat('dddd, MMMM d, yyyy') }} default: {{ now | dateFormat }}
-Time: {{ now.TimeOfDay | timeFormat('h\\:mm') }} default: {{ now.TimeOfDay | timeFormat }}′ }) }}
-
-<p>
-    When no format provided, the default TemplateConstant's formats are used:
-</p>
-
-<ul>
-    <li><em>DefaultDateFormat</em> used by: <em>dateFormat</em></li>
-    <li><em>DefaultDateTimeFormat</em> used by: <em>dateTimeFormat</em></li>
-    <li><em>DefaultTimeFormat</em> used by: <em>timeFormat</em></li>
-    <li><em>DefaultCulture</em> used by: <em>currency</em></li>
-</ul>
-
-<h4 id="string-functions">String functions</h4>
-
-<p>
-    As can be expected from a templating library there's a comprehensive set of string filters available:
-</p>
-
-{{ 'live-template' | partial({ rows: 13, template: "{{ 'upper' | upper }} and {{ 'LOWER' | lower }}
-{{ 'SubString'|substring(0,3) }} {{ 'SubString'|substring(3) }} {{ 'IsSafe'|substring(2,100) }}
-{{ 'SubStrEllipsis' | substringWithEllipsis(9) }} {{ 'SubStr' | substringWithEllipsis(3,3) }}
-{{ 'left:part' | leftPart(':') }} + {{ 'part:right' | rightPart(':') }}
-{{ 'last:left:part' | lastLeftPart(':') }} + {{ 'last:right:part' | lastRightPart(':') }}
-{{ 'split.on.first' | splitOnFirst('.') |join}} + {{ 'split.on.last' | splitOnLast('.') |join}}
-{{ 'split.these.words' | split('.') | get(1) }}, {{ 'replace this' | replace('this', 'that') }}
-{{ 'index.of' | indexOf('.') }} + {{ 'last.index.of' | lastIndexOf('.') }}
-{{ 'start' | appendLine | append('end') }}
-{{ 'in' + ' the ' + 'middle' }}
-{{ 'in the {0} of the {1} I go {2}' | fmt('middle','night','walking') }}
-{{ 'in the {0} of the {1} I go {2} in my {3}' | fmt(['middle','night','walking','sleep']) }}
-{{ 'in the ' | appendFmt('{0} of the {1} I go {2}', 'middle','night','walking') }}" }) }}
-
-<h4 id="text-style">Text Style</h4>
-
-{{ 'live-template' | partial({ template: `{{ 'aVarName' | humanize }} and {{ 'AVarName' | splitCase }}
-{{ 'wAr aNd pEaCe' | titleCase }}
-{{ 'pascalCase' | pascalCase }} and {{ 'CamelCase' | camelCase }}` }) }}
-
-<h4 id="trimming-and-padding">Trimming and Padding</h4>
-
-{{ 'live-template' | partial({ template: "'{{ '  start  ' | trimStart }}', '{{ '  end  ' | trimEnd }}', '{{ '  both  ' | trim }}'
-'{{ 'left' | padLeft(10) }}', '{{ 'right' | padRight(10) }}'
-'{{ 'left' | padLeft(10,'_') }}', '{{ 'right' | padRight(10,'_') }}'" }) }}
-
-<h4 id="url-handling">URL handling</h4>
-
-{{ 'live-template' | partial({ rows: 8, template: "{{ 'http://example.org' | assignTo: baseUrl }}
-{{ baseUrl | addPath('path') }}
-{{ baseUrl | addPaths(['path1', 'path2', 'path3']) }}
-{{ baseUrl | addQueryString({ a: 1, b: 2 }) }}
-{{ baseUrl | addQueryString({ a: 1, b: 2 }) | setQueryString({ a: 3 }) }}
-{{ baseUrl | addHashParams({ c: 3, d: 4 }) }}
-{{ baseUrl | addHashParams({ c: 3, d: 4 }) | setHashParams({ c: 5 }) }}
-{{ baseUrl | addPath('path') | addQueryString({ a: 1 }) | addHashParams({ b: 2 }) }}" }) }}
-
-<h4 id="generation">Repeating, Ranges and Generation</h4>
-
-{{ 'live-template' | partial({ rows: 4, template: "{{ 3 | repeating('ABC ')  }} or {{ 'ABC ' | repeat(3) }}
-{{ 3 | itemsOf(2) | join }} or {{ 3 | itemsOf(2) | sum }}
-{{ 5 | times | select: {it}, }}
-{{ range(5) | select: {it}, }} {{ range(5,5) | select: {it}, }}" }) }}
-
-<h4>Spacing</h4>
-
-<p>
-    The following filters can be used to easily control the precise spacing in templates:
-</p>
-
-{{ 'live-template' | partial({ rows: 6, template: "{{ space }}1 space
-{{ 3 | spaces }}3 spaces
-{{ indent }}1 indent
-{{ 3 | indents }}3 indents
-{{ newLine }}1 new line above
-{{ 3 | newLines }}3 new lines above" }) }}
-
-<blockquote>
-    The default spacing used for indents <em>\t</em> can be overridden with the <em>Args[DefaultIndent]</em>.
-</blockquote>
-
-<h4 id="conditional-tests">Conditional Tests</h4>
-
-<p>
-    These filters allow you to test for different conditions:
-</p>
-
-{{ 'live-template' | partial({ rows: 17, template: "ternary: {{ true ? 1 : 0 }}, {{ 1 + 1 > subtract(2, 1) ? 'YES' : 'NO' }}
-or: {{ true || false }}, {{ false || false }}, {{ true | OR(true) }}
-and: {{ true && false }}, {{ false and false }}, {{ true | AND(true) }}
-exists: {{ null | exists }}, {{ 1 | exists }}, {{ unknownArg | exists }}
-equals: {{ 1 = 1 }}, {{ 1 == 1 }}, {{ 1 | equals(1) }}, {{ 'A' | equals('A') }}, {{ 1 | eq(1) }}
-notEquals: {{ 2 != 1 }}, {{ 2 | notEquals(1) }}, {{ 'A' | notEquals('A') }} or {{ 1 | not(1) }}
-greaterThan: {{ 1 > 1 }}, {{ 1 | greaterThan(1) }} or {{ 1 | gt(1) }}
-greaterEqual: {{ 1 >= 1 }}, {{ 1 | greaterThanEqual(1) }} or {{ 1 | gte(1) }}
-lessThan: {{ 1 < 1}}, {{ 1 | lessThan(1) }} or {{ 1 | lt(1) }}
-lessEqual: {{ 1 <= 1}}, {{ 1 | lessThanEqual(1) }} or {{ 2 | lte(1) }}
-isNull: {{ null == null }}, {{ null | isNull }}, {{ 1 | isNull }}, {{ 1 == null }}
-isNotNull: {{ null != null }} {{ null | isNotNull }}, {{ 1 | isNotNull }}, {{ 1 != null }}
-equivalentTo: {{ [1,2] | equivalentTo([1,2]) }}, {{ {a:1, b:2} | equivalentTo({a:1, b:2}) }}
-contains: {{ [1,2] | contains(1) }}, {{ [1,2] | contains(3) }}, {{ 'ABC' | contains('A') }}
-Even/Odd: {{ 1 | isEven }}, {{ 1 % 2 == 0 }}, {{ 1 | isOdd }}, {{ 1 % 2 == 1 }}
-counts: {{ [1,2] | length }}, {{ [1,2] | hasMinCount(1) }}, {{ [1,2] | hasMaxCount(1) }}
-starts/ends: {{ 'startsWith' | startsWith('start') }}, {{ 'endsWith' | endsWith('end') }}" }) }}
-
-<h4 id="object-tests">Object Type Tests</h4>
-
-<p>
-    Filters to check the type of objects:
-</p>
-
-{{ 'live-template' | partial({ rows: 12, template: "Any Number: {{ 1 | isInteger }}, {{ 1 | toLong | isInteger }}, {{ 1.1 | isNumber }}
-Real Numbers: {{ 1.1 | isDouble }}, {{ 1.1 |toFloat| isFloat }}, {{ 1.1 |toDecimal| isDecimal }}
-ints: {{ 1 | isInt }}, {{ 1 | isLong }}, {{ 1 | toLong | isLong }}
-strings: {{ 'a' | isString }}, {{ 'a' | isChar }}, {{ 'a' | toChar | isChar }}
-bool: {{ false | isBool }}, 
-bytes: {{ 1 | toByte | isByte }}, {{ 'a' | toUtf8Bytes | isBytes }}
-chars: {{ 'abc' | toChars | isChars }}, {{ ['a','b','c'] | toChars | isChars }}
-enumerable: {{ [1] | isEnumerable }}, {{ {a:1} | isEnumerable }}, {{ 'abc' | isEnumerable }}
-list: {{ [1] | isList }}, {{ {a:1} | isList }}, {{ 'abc' | isList }}
-dictionary: {{ {a:1} | isDictionary }}, {{ [1] | isDictionary }}, {{ 'abc' | isDictionary }}
-object dict: {{ {a:1} | isObjectDictionary }}, {{ {'a':'b'} | isObjectDictionary }}
-value/ref type: {{ 1 | isValueType }}, {{ [] | isValueType }}, {{ [] | isClass }}" }) }}
-
-<h4 id="object-conversions">Object Conversions</h4>
-
-<p>
-    Conversions and transformations between different types:
-</p>
-
-{{ 'live-template' | partial({ rows: 5, template: `toInt: {{ '1' | typeName }}, {{ '1' | toInt | typeName }}, {{ 1 | toDouble | typeName }}
-toChar: {{ ',' | typeName }},  {{ ',' | toChar |typeName }}, {{'true' | toBool | typeName }}
-{{ {a:1,b:2,c:'',d:null} | assignTo: o }}
-toKeys: {{ o | toKeys | join }}, toValues:  {{ o | toValues | join }}
-without: {{ o | withoutNullValues | toKeys|join }} / {{ o | withoutEmptyValues | toKeys| join }}` }) }}
-
-<h4 id="conditional-display">Conditional Display</h4>
-
-<p>
-    These filters can be used in combination with Conditional Test filters above to control what text is displayed:
-</p>
-
-{{ 'live-template' | partial({ rows: 11, template: "if: {{ 'Y' | if(true) }}, {{ 'Y' | if(false) | otherwise('N') }}, {{ 'Y' | if(1) }}
-when: {{ 'Y' | when(true) }}, {{ 'Y' | when(false) | otherwise('N') }}, {{ 'Y' | when(1) }}
-if!: {{ 'Y' | if(!true) | otherwise('N') }}, {{ 'Y' | if(!false) }}, {{ 'Y' | if(!1) }}
-ifNot: {{ 'Y' | ifNot(true) }}, {{ 'Y' | ifNot(false) }}, {{ 'Y' | ifNot(1) }}
-unless: {{ 'Y' | unless(true) }}, {{ 'Y' | unless(false) }}, {{ 'Y' | unless(1) }}
-otherwise: {{ null | otherwise('Y') }} or {{ 'even' | if(isEven(1)) | otherwise('odd') }}
-iif: {{ isEven(1) | iif('even', 'odd') }} or {{ iif(isEven(1), 'even', 'odd') }}
-ifFalsy: {{ 'F' | ifFalsy(false) }}, {{ 'F' | ifFalsy(0) }}, {{ 'F' | ifFalsy(null) }}
-falsy: {{ false | falsy('F') }}, {{ 0 | falsy('F') }}, {{ null | falsy(F) }}
-ifTruthy: {{ 'T' | ifTruthy(true) }}, {{ 'T' | ifTruthy(1) }}, {{ 'T' | ifTruthy(null) }}
-truthy: {{ true | truthy('T') }}, {{ 1 | truthy('T') }}, {{ null | truthy('T') }}" }) }}
-
-<h4 id="content-handling">Content Handling</h4>
-
-{{ 'live-template' | partial({ rows: 7, template: `default: {{ title | default('A Title') }}
-{{ title != null ? title : 'A Title' }}
-{{ 'The Title' | assignTo: title }}{{ title | default('A Title') }} : {{ 1 | ifExists(title) }}
-{{ noArg }} : {{ noArg | ifExists }} : {{ 1 | ifNotExists(noArg) }} : {{ 1 | ifNo(noArg) }}
-{{ 'empty' | ifEmpty('') }} : {{ 'empty' | ifEmpty([]) }} : {{ 'empty' | ifEmpty([1]) }}
-{{ [1,2,3] | assignTo: nums }}{{ nums | join | assignTo: list }}
-{{ "nums {0}" | fmt(list) | ifNotEmpty(nums) }}{{ "nums {0}" | fmt(list) | ifNotEmpty([]) }}` }) }}
-
-<h4 id="control-execution">Control Execution</h4>
-
-<p>
-    The <em>end*</em> filters short-circuits the execution of a filter and discard any results.
-    They're useful to use in combination with the 
-    <a href="/docs/filters-reference?nameContains=use&amp;tab=default-filters"><em>use*</em> filters</a>
-    which discards the old value and creates a new value 
-    to be used from that point on in the expression.
-    <a href="/docs/filters-reference?nameContains=show&amp;tab=default-filters"><em>show</em> is an alias</a>
-    for <em>use</em> that reads better when used at the end of an expression.
-</p>
-
-{{ 'live-template' | partial({ rows: 12, template: `always {{ 1 | end | default('unreachable') }}
-null {{ 1 | endIfNull }}/{{ null | endIfNull | default('N/A') }}
-empty {{ '' | endIfEmpty | default('N/A') }}/{{ [] | endIfEmpty | default('N/A') }}
-if {{ true | ifEnd | use(1) }}/{{ false | ifEnd | use(1) }}:{{ endIf(true) | show: 1 }}
-do {{ true | ifDo | select: 1 }}/{{ false | ifDo | select: 1 }}/{{ doIf(true) | show: 1 }}
-any {{ 5 | times | endIfAny('it = 4') | join }}/{{ 5 | times | endIfAny('it = 5') | join }}
-all {{ 5 | times | endIfAll('lt(it,4)') |join }}/{{ 5 | times | endIfAll('lt(it,5)') |join }}
-where {{ 1 | endWhere: isString(it) }}/{{ 'a' | endWhere: isString(it) }}
-useFmt {{ arg | endIfExists | useFmt('{0} + {1}', 1, 2) | assignTo: arg }}{{ arg }}
-useFmt {{ arg | endIfExists | useFmt('{0} + {1}', 3, 4) | assignTo: arg }}{{ arg }}
-useFormat {{ arg2 | endIfExists | useFormat('value', 'key={0}') | assignTo: arg2 }}{{ arg2 }}
-{{ noArg | end }} : {{ 1 | end }} : {{ 1 | incr | end }}` }) }}
-
-<blockquote>
-    You can also use <em>end</em> to discard return values of filters with side-effects, block filters, partials, etc.
-    It also provides an easy way to comment out any expression by prefixing it at the start, e.g: <em>{{#raw}}{{ end | unreachable }}{{/raw}}</em> 
-</blockquote>
-
-<p>
-    The <em>ifUse</em> and <em>useIf</em> filters are the inverse of the <em>end*</em> filters where they continue
-    execution with a new value if the condition is true:
-</p>
-
-{{ 'live-template' | partial({ rows: 2, template: `ifUse: {{ true | ifUse(1) }} / {{ false | ifUse(1) | default('unreachable') }}
-useIf: {{ 1 | useIf(true) }} / {{ 1 | useIf(false) | default('unreachable') }}` }) }}
-
-<p>
-    There's also an 
-    <a href="/docs/filters-reference?nameContains=only&amp;tab=default-filters"><em>only*</em> filter</a>
-    for each 
-    <a href="/docs/filters-reference?nameContains=end&amp;tab=default-filters"><em>end*</em> filter</a>    
-    above with the inverse behavior, e.g:
-</p>
-
-{{ 'live-template' | partial({ rows: 3, template: `endIfEmpty: {{ a | endIfEmpty | show: a is not empty }}
-onlyIfEmpty: {{ a | onlyIfEmpty | show: a is empty }}` }) }}
-
-<h4 id="assignment">Assignment</h4>
-
-<p>
-    You can create temporary arguments within a templates scope or modify existing arguments with:
-</p>
-
-{{ 'live-template' | partial({ rows: 6, template: "{{ [1,2,3,4,5] | assignTo: numbers }}
-{{ numbers | join }}
-{{ numbers | do => assign('numbers[index]', it * it) }}
-{{ numbers | join }}
-{{ 5 | times | do => assign(`num${index}`, it) }}
-{{ num4 }}" }) }}
-
-<h4 id="let-bindings">Let Bindings and Scope Vars</h4>
-
-<p>
-    Let bindings allow you to create scoped argument bindings from individual string expressions:
-</p>
-
-{{ 'live-template' | partial({ rows: 4, template: ′{{ [{name:'Alice',score:50},{name:'Bob',score:40}] | assignTo:scoreRecords }}
-{{ scoreRecords 
-   | let => { name:it.name, score:it.score, personNum:index + 1 }
-   | select: {personNum}. {name} = {score}\n }}′ }) }}
-
-<p>
-    <em>scopeVars</em> lets you create bindings from a Dictionary, List of KeyValuePair's or List of Dictionaries using the key 
-    as the name of the argument binding and the value as its value:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ [{name:'Alice',score:50},{name:'Bob',score:40}] | assignTo:scoreRecords }}
-{{ scoreRecords | scopeVars | select: {index + 1}. {name} = {score}\n }}" }) }}
-
-<h4 id="querying-objects">Querying Objects</h4>
-
-{{ 'live-template' | partial({ rows: 5, template: `{{ [10,20,30,40,50] | assignTo: numbers }}
-{{ { a:1, b:2, c:3 } | assignTo: letters }}
-Number at [3]: {{ numbers[3] }}, {{ numbers | get(3) }}
-Value of 'c': {{ letters['c'] }}, {{ letters.c }}, {{ letters | get('c') }}
-Property Value: {{ 'A String'.Length }}, {{ 'A String'['Len' + 'gth'] }}` }) }}
-
-<h4 id="member-expressions">Member Expressions</h4>
-
-{{ 'live-template' | partial({ rows: 4, template: `{{ [now] | assignTo: dates }}
-{{ round(dates[0].TimeOfDay.TotalHours, 3) }}
-{{ dates | get(0) | select: { it.TimeOfDay.TotalHours | round(3) } }}
-{{ [now.TimeOfDay][0].TotalHours | round(3) }}` }) }}
-
-<p>
-    JavaScript member expressions are supported except for calling methods on instances as only registered filters can be invoked.
-</p>
-
-<h4 id="mapping">Mapping and Conversions</h4>
-
-<p>
-    Use <em>map</em> when you want to transform each item into a different value:
-</p>
-
-{{ 'live-template' | partial({ rows: 4, template: "{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] | assignTo:digits }}
-{{ range(3) 
-   | map => it + 5
-   | map => digits[it] | join(`\\n`) }}" }) }}
-
-<p>
-    It's also useful for transforming raw data sources into more manageable ones:
-</p>
-
-{{ 'live-template' | partial({ rows: 5, template: "{{ [[1,-2],[3,-4],[5,-6]] | assignTo:coords }}
-{{ coords 
-   | map => { x: it[0], y: it[1] }
-   | scopeVars
-   | select: {index + 1}. ({x}, {y})\\n }}" }) }}
-
-<p>
-    Whilst these filters let you perform some other popular conversions:
-</p>
-
-{{ 'live-template' | partial({ rows: 8, template: "{{ 100 | toString | select: {it.Length} }}
-{{ { x:1, y:2 } | toList | map => `${it.Key} = ${it.Value}` | join(', ') }}
-{{ range(5) | toArray | assignTo: numbers }}
-{{ numbers.Length | times | do => assign('numbers[index]', -numbers[index]) }}
-{{ numbers | join }}
-Bob's score: {{ [{name:'Alice',score:50},{name:'Bob',score:40}] 
-  | toDictionary => it.name | map => it.Bob.score }}" }) }}
-
-<p>
-    Use <em>parseKeyValueText</em> to convert a key/value string into a dictionary, you can then use 
-    <em>values</em> and <em>keys</em> to extract the Dictionaries keys or values collection:
-</p>
-
-{{ 'live-template' | partial({ rows: 8, template: `{{'
-Rent:      1000
-Internet:  50
-Mobile:    50
-Food:      400
-Misc:      200
-'| trim | parseKeyValueText(':') | assignTo: expenses }}
-Expenses: {{ expenses | values | sum | currency }}` }) }}
-
-<h4 id="serialization">Serialization</h4>
-
-<p>
-    Use the <em>json</em> filter when you want to make your C# objects available to the client JavaScript page:
-</p>
-
-{{ 'live-template' | partial({ template: `{{ [{x:1,y:2},{x:3,y:4}] | assignTo:model }}
-var coords = {{ model | json }};` }) }}
-
-<h4 id="embed">Embedding in JavaScript</h4>
-
-<p>
-    You can use the filters below to embed data on the client in JavaScript. If it's a valid JS Object or JSON it can
-    be embedded as a native data JS structure without quotes, otherwise use <em>jsString</em> to capture it in a 
-    JavaScript string variable:
-</p>
-
-{{ 'live-template' | partial({ rows: 9, template: ′{{ '[
-    {"name":"Mc Donald\'s"}
-]' | assignTo:json }}
-var obj = {{ json }};
-var str = '{{ json | jsString }}';
-var str = {{ json | jsQuotedString }};
-var escapeSingle = '{{ "single' quote's" | escapeSingleQuotes }}';
-var escapeDouble = "{{ 'double" quote"s' | escapeDoubleQuotes }}"
-var escapeLines = '{{ "new" | appendLine | append("line") | escapeNewLines }}';′ }) }}
-
-<p>
-    The <a href="http://docs.servicestack.net/jsv-format">JSV Format</a> is great when you want a human-friendly output 
-    of an object graph, you can also use <em>dump</em> if you want the JSV output indented:
-</p>
-
-{{ 'live-template' | partial({ template: `{{ [{x:1,y:2},{x:3,y:4}] | assignTo: model }}
-{{ model | jsv }}
-{{ model | dump }}` }) }}
-
-<p>
-    If needed, the <em>csv</em> and <em>xml</em> serialization formats are also available:
-</p>
-
-{{ 'live-template' | partial({ template: `{{ [{Name:'Alice',Score:50},{Name:'Bob',Score:40}] | assignTo:scoreRecords }}
-{{ scoreRecords | csv }}` }) }}
-
-<h4 id="evalTemplate">Eval</h4>
-
-<p>
-    By default the <em>evalTemplate</em> filter renders Templates in a new <em>TemplateContext</em> which can be customized 
-    to utilize any additional <em>plugins</em>, <em>filters</em> and <em>blocks</em> available in the configured 
-    <a href="/docs/view-engine">TemplatePagesFeature</a>, or for full access you can use <em>{use:{context:true}}</em> 
-    to evaluate any Template content under the same context that <em>evalTemplate</em> is run on.
-</p>
-
-<p>
-    E.g. you can evaluate dynamic Template Syntax which makes use of the <em>MarkdownTemplatePlugin</em> plugin with:
-</p>
-
-<pre><code>{{#raw}}{{ content | evalTemplate({use:{plugins:'MarkdownTemplatePlugin'}}) | raw }}{{/raw}}</code></pre>
-
-<p>
-    This filter is used by the <a href="/docs/api-pages#user-content-preview-api-page">/preview.html API Page</a> to 
-    create an API that enables live previews.
-</p>
-
-<h4 id="iterating">Iterating</h4>
-
-<p>
-    The <em>select</em> filter and its inverse <em>forEach</em> are the primary way to generate custom output 
-    for each item in a collection:
-</p>
-
-{{ 'live-template' | partial({ rows: 5, template: `{{ [{name:'Alice',score:50},{name:'Bob',score:40}] | assignTo:scoreRecords }}
-<b>select</b>
-<ol>{{ scoreRecords | select: <li>{it.name} = {it.score}</li> }}</ol>
-<b>forEach</b>
-<ol>{{ '<li> {{ it.name }} = {{ it.score }} </li>' | forEach(scoreRecords) }}</ol>` }) }}
-
-<p>
-    Use <em>step</em> if you want to iterate using a custom step function:
-</p>
-
-{{ 'live-template' | partial({ rows: 1, template: `{{ range(20) | step({ from: 10, by: 3 }) | join }}` }) }}
-
-<h4 id="miscellaneous">Miscellaneous</h4>
-
-<p>Use <em>#raw</em> block filter or <em>pass</em> to emit a Template Expression without evaluating it:
-</p>
-
-{{ 'live-template' | partial({ rows: 4, template: `{{ pass: 'shout' | upper }}
-{{#raw}}
-{{ 'shout' | upper }}
-{{/raw}}` }) }}
-
-<blockquote>
-    Useful when you want to emit a client-side Vue filter or show examples of Template Expressions.
-</blockquote>
-
-<p>
-    <em>of</em> will let you find values of a specified type:
-</p>
-
-{{ 'live-template' | partial({ rows: 1, template: `{{ ['A',1.1,2,3.3,true,null] | of({ type: 'Double' }) | join }}` }) }}
-
-<p>
-    You can use <em>appSetting</em> filter to access the value of the TemplateContext's configured <a href="http://docs.servicestack.net/appsettings">AppSettings Provider</a>:
-</p>
-
-<pre class="cs"><code>{{ pass: 'websitePublicUrl' | appSetting }} </code></pre>
-
-<h4>Collections and Querying</h4>
-
-<p>
-    Checkout the <a href="/linq/">Live LINQ examples</a> to explore the various collection and querying features.
-</p>
-
-<h3>Filter API Reference</h3>
-
-<p>
-    See the Filter API Reference for the 
-    <a href="/docs/filters-reference?tab=default-filters">full list of default filters available</a>.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/deploying-web-apps.html b/src/wwwroot/docs/deploying-web-apps.html
deleted file mode 100644
index fdfb3b2..0000000
--- a/src/wwwroot/docs/deploying-web-apps.html
+++ /dev/null
@@ -1,202 +0,0 @@
-<!--
-title: Deploying Web Apps
-order: 25
--->
-
-<p>
-    As all <a href="/docs/web-apps">Web Apps</a> use the same pre-compiled <a href="https://github.com/ServiceStack/Web">/web</a> binary, 
-    deployment is greatly simplified as it only needs to be concerned with deploying static files and starting <em>web/app.dll</em> 
-    with the App's <em>app.settings</em>. 
-</p>
-
-<h2>Deploying Web Apps to Ubuntu</h2>
-
-<p>
-    A common way for reliably hosting .NET Core Apps on Ubuntu is to use <a href="http://supervisord.org/index.html">supervisor</a> 
-    to monitor the <em>dotnet</em> self-hosting processes behind an nginx reverse proxy which handles external HTTP requests to
-    your website and proxies them to the dotnet process running your Web App on a local port. You'll need access to a Unix 
-    environment on your client Desktop, either using Linux, OSX or 
-    <a href="https://github.com/ServiceStack/redis-windows#option-1-install-redis-on-ubuntu-on-windows">Installing Windows Subsystem for Linux (WSL)</a>.
-</p>
-
-
-{{#markdown}}
-### Setup the deploy User Account
-
-Using a Unix command-line or [Windows Subsystem for Linux (WSL)](https://github.com/ServiceStack/redis-windows#option-1-install-redis-on-ubuntu-on-windows) 
-ssh into your remote server:
-
-    $ ssh deploy@web-apps.io
-
-We'll start by creating a dedicated user account for hosting and running your .NET Core Apps to mitigate potential abuse. 
-SSH into your Ubuntu server and create the `deploy` user account with a `/home/deploy` home directory and add 
-them to the `sudo` group:
-
-    sudo useradd -m deploy
-    sudo usermod -aG sudo deploy
-
-For seamless deployments use `visudo` to allow `deploy` to run `supervisorctl` without
-prompting for a password:
-
-    # Allow members of group sudo to execute any command
-    %sudo   ALL=(ALL:ALL) ALL
-    %deploy ALL=NOPASSWD: /usr/bin/supervisorctl, /home/deploy/.dotnet/tools/web
-
-> In vi type `i` to start editing a file and `ESC` to quit edit mode and `:wq` to save your changes before exiting.
-
-For simplifying the one-time setup, it's easier to sign-in as super user:
-
-    $ sudo su -
-
-#### Install the dotnet `web` tool:
-
-    $ dotnet tool install -g web
-
-Change into the directory where want to install the app:
-
-    $ cd /home/deploy/apps
-
-Install your app from your GitHub project:
-
-    $ web install spirals --source mythz
-
-Optional, but you can test that your app runs without issues with:
-
-    $ cd spirals && web
-
-#### Setup nginx
-
-To setup the nginx reverse proxy for this website change into:
-
-    $ cd /etc/nginx/sites-available/
-
-Then create an nginx website configuration template with:
-
-    web init nginx
-
-Rename it to the domain name you want to host it under:
-
-    $ mv my-app.web-app.io spirals.web-app.io
-
-Edit the file and replace it to use your App settings:
-
-    $ vi spirals.web-app.io
-
-Specifically you want to change the **domain name** and **port** you want to host it on which you can do quickly with the search/replace commands:
-
-    :%s/my-app.web-app.io/spirals.web-app.io/g
-    :%s/5000/5009/g 
-
-Then type `:wq` to quit vi. To enable the site in nginx we need to create a symbolic link in `/sites-enabled`:
-
-    $ ln -s /etc/nginx/sites-available/spirals.web-app.io /etc/nginx/sites-enabled/spirals.web-app.io
-
-Then reload `nginx` to pick up changes:
-
-    $ /etc/init.d/nginx reload
-
-#### Setup supervisor
-
-Now that we have our website configured with nginx we need to setup supervisor to start and monitor the .NET Core process by changing into:
-
-    $ cd /etc/supervisor/conf.d
-
-Then generate a supervisor configuration template with:
-
-    $ web init supervisor
-
-Rename it to your Web App's folder name:
-
-    $ mv app.my-app.conf app.spirals.conf
-
-Then use vi to customize the configuration for your App: 
-
-    $ vi app.spirals.conf
-
-If your apps are located in `/home/deploy/apps/` then you can just run the Search/Replace rules:
-
-    :%s/my-app/spirals/g
-    :%s/5000/5009/g
-
-Which will change it to:
-
-    [program:app-spirals]
-    command=/home/deploy/.dotnet/tools/web --release
-    directory=/home/deploy/apps/spirals
-    autostart=true
-    autorestart=true
-    stderr_logfile=/var/log/app-spirals.err.log
-    stdout_logfile=/var/log/app-spirals.out.log
-    environment=ASPNETCORE_ENVIRONMENT=Production,ASPNETCORE_URLS="http://*:5009/"
-    user=deploy
-    stopsignal=INT
-
-> The `--release` flag overrides **debug** in `app.settings` so it's always run in release mode.
-
-After reviewing the changes, tell supervisor to register and start the supervisor process with:
-
-    $ supervisorctl update
-
-Where your website will now be up and running at: [spirals.web-app.io](http://spirals.web-app.io).
-
-### Deploying Updates
-
-After the one-time setup above, updating Web Apps are more easily done with:
-
-    $ cd /home/deploy/apps
-    $ sudo /home/deploy/.dotnet/tools/web install spirals --source mythz
-    $ sudo supervisorctl restart app-spirals
-
-Which can also be deployed from the Windows Command Prompt using a remote SSH command by combining the above commands in a `deploy-spirals.sh` text file:
-
-    ssh -t deploy@web-app.io "cd /home/deploy/apps && sudo /home/deploy/.dotnet/tools/web install spirals --source mythz && sudo supervisorctl restart app-spirals"
-
-Where App updates can then be performed with a single WSL bash command from the Windows Command Prompt:
-
-    $ bash deploy-spirals.sh
-
-### Using Travis CI to deploy using Docker to AWS ECS
-
-A popular combination for deploying .NET Core Apps is to use the online [Travis CI](https://travis-ci.org)
-Continuous Integration Service to package your App in a Docker Container and deploy it to AWS ECS which takes care of
-the management and deployment of Docker instances over a configured cluster of EC2 compute instances.
-
-The easiest way to set this up is to clone the [rockwind-aws](https://github.com/NetCoreWebApps/rockwind-aws)
-Web App which is preconfigured with a working scripts using Travis CI to package the Web App in a Docker container 
-and deploy it to AWS ECS. In your local copy replace the 
-[/app](https://github.com/NetCoreWebApps/rockwind-aws/tree/master/app) folder with your App files, e.g:
-
-#### [Dockerfile](https://github.com/NetCoreWebApps/rockwind-aws/blob/master/Dockerfile)
-
-{{/markdown}}
-
-{{ 'gfm/deploying-web-apps/02.md' | githubMarkdown }}
-
-<p>
-    The only other file that needs to change is <em>deploy-envs.sh</em> to configure it to use your App's deployment settings:
-</p>
-
-<h4><a href="https://github.com/NetCoreWebApps/rockwind-aws/blob/master/deploy-envs.sh">deploy-envs.sh</a></h4>
-
-{{ 'gfm/deploying-web-apps/03.md' | githubMarkdown }}
-
-<h4>Setup AWS ECS and Travis CI</h4>
-
-<p>
-    After configuring your App deployment scripts you'll then need to 
-    <a href="http://docs.servicestack.net/deploy-netcore-docker-aws-ecs#1-create-the-ecsinstancerole-role">Setup your AWS ECS</a>
-    with an EC2 instance to deploy to and 
-    <a href="http://docs.servicestack.net/deploy-netcore-docker-aws-ecs#create-project-in-travis-ci">Create your project in Travis CI</a>.
-    You'll then need to add your AWS Account details in the Travis CI project using
-    <a href="http://docs.servicestack.net/deploy-netcore-docker-aws-ecs#ci-environment-variables">Secure Environment Variables</a>
-    to store your <em>AWS_ACCOUNT_ID</em>, <em>AWS_ACCESS_KEY</em> and <em>AWS_SECRET_KEY</em> as well as any sensitive info and 
-    connection strings your App uses.
-</p>
-
-<h2>Let us know what you create!</h2>
-
-We hope you're excited about these new features as we are and can't wait to see what you build with them - please 
-<a href="https://gist.github.com/gistlyn/f555677c98fb235dccadcf6d87b9d098#gistcomment-2704297">share them with us</a>
-so we can include it in the App Gallery and make it easy for everyone else to discover and use.
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/error-handling.html b/src/wwwroot/docs/error-handling.html
deleted file mode 100644
index 5d13270..0000000
--- a/src/wwwroot/docs/error-handling.html
+++ /dev/null
@@ -1,312 +0,0 @@
-<!--
-title: Error Handling
-order: 15
--->
-
-<p>
-    Templates uses Exceptions for error flow control flow that by default will fail fast by emitting the Exception details at 
-    the point where the error occured before terminating the Stream and rethrowing the Exception which lets you for 
-    instance catch the Exception in Unit Tests.
-</p>
-
-<h4>Handled Exceptions</h4>
-
-<p>
-    You can instead choose to handle exceptions and prevent them from short-circuiting page rendering by assigning them to an 
-    argument using either the <em>assignError</em> filter which will capture any subsequent Exceptions thrown on the page:
-</p>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ 'ex' | assignError }}
-{{ 'An error!' | throw }}
-{{ ex | select: { it.Message } }}` }) }}
-
-<p>
-    Alternatively it can be specified on each call-site where it will capture the Exception thrown by the filter:
-</p>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ 'An error!' | throw({ assignError: 'ex' }) }}
-{{ ex | select: { it.Message } }}` }) }}
-
-<blockquote>
-    An easy way to prettify errors in Web Pages is to use <a href="/docs/html-filters#htmlerror">HTML Error Filters</a>.
-</blockquote>
-
-<h4>Unhandled Exceptions Behavior</h4>
-
-<p>
-    If Exceptions are unassigned they're considered to be unhandled. The default behavior for <em>TemplateContext</em> is to 
-    rethrow Exceptions, but as ServiceStack's <em>TemplatePagesFeature</em> is executed within the context of a HTTP Server 
-    it's default is configured to:
-</p>
-
-{{ 'gfm/error-handling/01.md' | githubMarkdown }}
-
-<p>
-    Which instead captures any unhandled Exceptions in <em>PageResult.LastFilterError</em> and continues rendering the page except
-    it skips evaluating any subsequent filters and instead only evaluates the filters which handle errors, 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/TemplateConfig.cs">currently</a>:
-</p>
-
-{{#raw}}
-<table class="table">
-    <tr>
-        <th>ifError</th>
-        <td>
-            Only execute the filter if there's an error: <br>
-            <em>{{ ifError | select: FAIL! { it.Message } }}</em>
-        </td>
-    </tr>
-    <tr>
-        <th>lastError</th>
-        <td>
-            Returns the last error on the page or <em>null</em> if there was no error, that's passed to the next filter:<br>
-            <em>{{ lastError | ifExists | select: FAIL! { it.Message } }}</em>
-        </td>
-    </tr>
-    <tr>
-        <th><a href="/docs/html-filters#htmlerror">htmlError</a></th>
-        <td>
-            Display detailed <em>htmlErrorDebug</em> when in <a href="http://docs.servicestack.net/debugging#debugmode">DebugMode</a>
-            otherwise display a more appropriate end-user <em>htmlErrorMessage</em>.
-        </td>
-    </tr>
-    <tr>
-        <th><a href="/docs/html-filters#htmlerrormessage">htmlErrorMessage</a></th>
-        <td>Display the Exception Message</td>
-    </tr>
-    <tr>
-        <th><a href="/docs/html-filters#htmlerrordebug">htmlErrorDebug</a></th>
-        <td>Display a detailed Exception</td>
-    </tr>
-</table>
-{{/raw}}
-
-<p>
-    This behavior provides the optimal UX for developers and end-users as HTML Pages with Exceptions are still rendered well-formed 
-    whilst still being easily able to display a curated error messages for end-users without developers needing to guard against 
-    executing filters when Exceptions occur.
-</p>
-
-<h4>Controlling Unhandled Exception Behavior</h4>
-
-<p>
-    We can also enable this behavior on a per-page basis using the <em>skipExecutingFiltersOnError</em> filter:
-</p>
-
-{{ 'live-template' | partial({ rows:5, template: `{{ skipExecutingFiltersOnError }}
-<h4>{{ 'Before Exception' }}</h4>
-{{ 'An error!' | throw }}
-<h4>{{ 'After Exception' }}</h4>
-{{ htmlErrorMessage }}` }) }}
-
-<p>
-    Here we can see that any normal filters after exceptions are never evaluated unless they're specifically for handling Errors.
-</p>
-
-<h4>Continue Executing Filters on Unhandled Exceptions</h4>
-
-<p>
-    We can also specify that we want to continue executing filters in which case you'll need to manually guard filters you want to
-    control the execution of using the <em>ifNoError</em> or <em>ifError</em> filters:
-</p>
-
-{{ 'live-template' | partial({ rows:8, template: `{{ continueExecutingFiltersOnError }}
-<b style="color:green">{{ ifNoError | select: No Exception thrown yet! }}</b>
-<h4>{{ 'Before Exception' }}</h4>
-{{ 'An error!' | throw }}
-<b style="color:red">{{ ifError | select: There was an error! }}</b>
-<h4>{{ 'After Exception' }}</h4>
-{{ htmlErrorDebug }}` }) }}
-
-<h4>Accessing Page Exceptions</h4>
-
-<p>
-    The last Exception thrown are accessible using the <em>lastError*</em> filters:
-</p>
-
-{{ 'live-template' | partial({ rows:6, template: `{{ continueExecutingFiltersOnError }}
-{{ 'arg' | throwArgumentNullExceptionIf(true) }}
-<table class="table table-striped"><caption>{{ lastError | typeName }}</caption>
-<tr><th>Last Error Message</th><td>{{ lastErrorMessage }}</td></tr>
-<tr><th>Last Error StackTrace</th><td>{{ lastErrorStackTrace }}</td></tr>
-</table>` }) }}
-
-<h4>Throwing Exceptions</h4>
-
-<p>
-    We've included a few of the popular Exception Types, filters prefixed with <em>throw</em> always throws the Exceptions below:
-</p>
-
-<table class="table">
-    <thead>
-        <tr>
-            <th>Filter</th>
-            <th>Exception</th>
-        </tr>
-    </thead>
-    <tbody>
-    <tr>
-        <th>throw</th>
-        <td>Exception(message)</td>
-    </tr>
-    <tr>
-        <th>throwArgumentException</th>
-        <td>ArgumentException(message)</td>
-    </tr>
-    <tr>
-        <th>throwArgumentNullException</th>
-        <td>ArgumentNullException(paramName)</td>
-    </tr>
-    <tr>
-        <th>throwNotSupportedException</th>
-        <td>NotSupportedException(message)</td>
-    </tr>
-    <tr>
-        <th>throwNotImplementedException</th>
-        <td>NotImplementedException(message)</td>
-    </tr>
-    <tr>
-        <th>throwUnauthorizedAccessException</th>
-        <td>UnauthorizedAccessException(message)</td>
-    </tr>
-    <tr>
-        <th>throwFileNotFoundException</th>
-        <td>FileNotFoundException(message)</td>
-    </tr>
-    <tr>
-        <th>throwOptimisticConcurrencyException</th>
-        <td>OptimisticConcurrencyException(message)</td>
-    </tr>
-    </tbody>
-</table>
-
-<blockquote>
-    You can extend this list with your own custom filters, see the 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Filters/TemplateDefaultFilters.ErrorHandling.cs">Error Handling Filters</a>    
-    for examples.
-</blockquote>
-
-<p>
-    These filters will only throw if a condition is met:
-</p>
-
-<table class="table">
-    <thead>
-        <tr>
-            <th>Filter</th>
-            <th>Exception</th>
-        </tr>
-    </thead>
-    <tbody>
-    <tr>
-        <th>throwIf</th>
-        <td>message | Exception | if(test)</td>
-    </tr>
-    <tr>
-        <th>throwArgumentNullExceptionIf</th>
-        <td>paramName | ArgumentNullException | if(test)</td>
-    </tr>
-    <tr>
-        <th>ifthrow</th>
-        <td>if(test) | Exception(message)</td>
-    </tr>
-    <tr>
-        <th>ifThrowArgumentNullException</th>
-        <td>if(test) | ArgumentNullException(paramName)</td>
-    </tr>
-    <tr>
-        <th>ifThrowArgumentException</th>
-        <td>
-            if(test) | ArgumentException(message) <br> 
-            if(test) | ArgumentException(message, paramName) <br> 
-        </td>
-    </tr>
-    </tbody>
-</table>
-
-<h4>Ensure Argument Helpers</h4>
-
-<p>
-    The <em>ensureAll*</em> filters assert the state of multiple arguments where it will either throw an Exception unless
-    all the arguments meet the condition or return the Object Dictionary if all conditions are met:
-</p>
-
-{{ 'live-template' | partial({ rows:5, template: `{{ 1 | assignTo: one }}{{ 'bar' | assignTo: foo }}{{ '' | assignTo: empty }}
-{{ { one, foo, empty } | ensureAllArgsNotNull | htmlDump({ caption: 'ensureAllArgsNotNull' }) }}
-ensureAllArgsNotEmpty:
-{{ { one, foo, empty } | ensureAllArgsNotEmpty({ assignError:'ex' }) | htmlDump }}
-{{ ex | htmlErrorMessage }}` }) }}
-
-<p>
-    The <em>ensureAny*</em> filters only requires one of the arguments meet the condition to return the Object Dictionary:
-</p>
-
-{{ 'live-template' | partial({ rows:5, template: `{{ '' | assignTo: empty }}
-{{ { foo, empty } | ensureAnyArgsNotNull | htmlDump({ caption: 'ensureAnyArgsNotNull' }) }}
-ensureAnyArgsNotEmpty:
-{{ { foo, empty } | ensureAnyArgsNotEmpty({ assignError:'ex' }) | htmlDump }}
-{{ ex | htmlErrorMessage }}` }) }}
-
-<h4>Fatal Exceptions</h4>
-
-<p>
-    The Exception Types below are reserved for Exceptions that should never happen, such as incorrect usage of an API where it would've 
-    resulted in a compile error in C#. When these Exceptions are thrown in a filter or a page they'll immediately short-circuit execution of
-    the page and write the Exception details to the output. 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/TemplateConfig.cs">The Fatal Exceptions include</a>:
-</p>
-
-<ul>
-    <li><em>NotSupportedException</em></li>
-    <li><em>NotImplementedException</em></li>
-    <li><em>TargetInvocationException</em></li>
-</ul>
-
-<h4>Rendering Exceptions</h4>
-
-<p>
-    The <em>OnExpressionException</em> delegate in 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/PageFormat.cs">Page Formats</a>
-    are able to control how Exceptions in filter expressions are rendered where if preferred exceptions can be rendered in-line
-    in the filter expression where they occured with:
-</p>
-
-{{ 'gfm/error-handling/02.md' | githubMarkdown }}
-    
-<p>
-    The <em>OnExpressionException</em> can also suppress Exceptions from being displayed by capturing any naked Exception Types registered in 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/TemplateConfig.cs">TemplateConfig.CaptureAndEvaluateExceptionsToNull</a>
-    and evaluate the filter expression to <em>null</em> which by default will suppress the following naked Exceptions thrown in filters:
-</p>
-
-<ul>
-    <li><em>NullReferenceException</em></li>
-    <li><em>ArgumentNullException</em></li>
-</ul>
-
-<h4>Implementing Filter Exceptions</h4>
-
-<p>
-    In order for your own Filter Exceptions to participate in the above Template Error Handling they'll need to be wrapped in an
-    <em>StopFilterExecutionException</em> including both the Template's <em>scope</em> and an optional <b>options</b> object 
-    which is used to check if the <em>assignError</em> binding was provided so it can automatically populate it with the Exception.
-</p>
-
-<p>
-    The easiest way to Implement Exception handling in filters is to call a managed function which catches all Exceptions and 
-    throws them in a <em>StopFilterExecutionException</em> as seen in OrmLite's 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFilters.cs">TemplateDbFilters</a>:
-</p>
-
-{{ 'gfm/error-handling/03.md' | githubMarkdown }}
-
-<p>
-    The overloads are so the filters can be called without specifying any filter options.
-</p>
-
-<p>
-    For more examples of different error handling features and strategies checkout:
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/tests/ServiceStack.WebHost.Endpoints.Tests/TemplateTests/TemplateErrorHandlingTests.cs">TemplateErrorHandlingTests.cs</a>
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/filters-reference.html b/src/wwwroot/docs/filters-reference.html
deleted file mode 100644
index 8da2391..0000000
--- a/src/wwwroot/docs/filters-reference.html
+++ /dev/null
@@ -1,141 +0,0 @@
-<!--
-title: Filters API Reference
-order: 27
--->
-
-{{ 'nameContains,tab' | importRequestParams }}
-
-<form style="margin: 0 0 20px 0">
-    <div class="row">
-        <div class="col-auto">
-            <div class="input-group">
-                <label for="nameContains" style="line-height:2rem;margin:0 10px 0 0">Search for available filters:</label>
-                <input type="text" id="nameContains" name="nameContains" class="form-control" placeholder="Filter Name Contains" 
-                       value="{{ nameContains }}"
-                       autofocus onfocus="var hold=this.value; this.value=''; this.value=hold"
-                       autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
-                <span class="input-group-btn"><button class="btn btn-primary" type="submit">Go!</button></span>
-                <input type="hidden" name="tab">
-            </div>
-        </div>
-    </div>
-</form>
-
-<ul id="filters" class="nav nav-tabs" role="tablist">
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#default-filters" role="tab">Default Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#html-filters" role="tab">HTML Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#protected-filters" role="tab">Protected Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#info-filters" role="tab">Info Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#redis-filters" role="tab">Redis Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#db-filters" role="tab">DB Filters</a>
-    </li>
-    <li class="nav-item">
-        <a class="nav-link" data-toggle="tab" href="#ss-filters" role="tab">ServiceStack</a>
-    </li>
-</ul>
-
-{{ `<script>
-var tab = queryStringParams()['tab'] || 'default-filters';
-$("#" + tab).addClass('active');
-$(".nav-link[href$=" + tab + "]").addClass('active');
-$(".result .output").css({ maxHeight: $(document).height() - 550 })
-
-$("FORM").submit(function(){
-    $("input[name=tab]").val($(".tab-pane.active").attr('id'))
-})
-</script>` | raw | assignTo: scripts }}
-
-<style>
-    .result .output {
-        margin: 0;
-        padding: 0;
-        max-height: auto;
-        font-size: 16px;
-        border-radius: 0;
-        border-top: 0;
-    }
-    .live-template {
-        padding-top: 0;
-    }
-    .live-template textarea {
-        border-top: 0;
-        border-radius: 0;
-    }
-    td:first-child {
-        text-align: right
-    }
-</style>
-
-{{ 6 | assignTo: rows }}
-<div class="tab-content">
-    <div class="tab-pane" id="default-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateDefaultFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="html-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateHtmlFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="protected-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateProtectedFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="info-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateInfoFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="redis-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateRedisFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="db-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateDbFiltersAsync' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-    <div class="tab-pane" id="ss-filters" role="tabpanel">
-{{ "live-template" | partial({ rows, className, template:`{{ 'TemplateServiceStackFilters' | assignTo: filter }}
-{{ filter | filtersAvailable | where => contains(lower(it.Name), lower(nameContains ?? ''))  
-          | assignTo: filters }}
-<table class="table table-striped"><caption>{{ filter | filterLinkToSrc }}</caption>
-{{#each filters}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
-</table>` }) }}
-    </div>
-</div>
-
-
-{{ "doc-links" | partial({ order }) }}
\ No newline at end of file
diff --git a/src/wwwroot/docs/filters.html b/src/wwwroot/docs/filters.html
deleted file mode 100644
index e662601..0000000
--- a/src/wwwroot/docs/filters.html
+++ /dev/null
@@ -1,173 +0,0 @@
-<!--
-title: Filters
-order: 7
--->
-
-<p>
-    Templates are sandboxed, they can't call methods on objects nor do they have any access to any static functions built into the .NET Framework,
-    so just as Arguments define all data and objects available to templates, filters define all functionality available to templates.     
-</p>
-
-<p>
-    The only filters registered by default are the <a href="/docs/default-filters">Default Filters</a>
-    containing a comprehensive suite of filters useful within View Engine or Template environments and 
-    <a href="/docs/html-filters">HTML Filters</a>. 
-    There's nothing special about these filters other than they're pre-registered by default, your filters have access to the same 
-    APIs and functionality and can do anything that built-in filters can do. 
-</p>
-
-<h5 id="shadowing">Shadowing Filters</h5>
-
-<p>
-    You can easily override default filters with the same name and arguments by inserting them at the start of the <em>TemplateFilters</em> list:
-</p>
-
-{{ 'gfm/filters/01.md' | githubMarkdown }}
-
-<h5 id="removing">Removing Default Filters</h5>
-
-<p>
-    Or if you want to start from a clean slate, the default filters can be removed by clearing the collection:
-</p>
-
-{{ 'gfm/filters/02.md' | githubMarkdown }}
-
-<h4>What are Filters?</h4>
-
-<p>
-    Filters are just C# public instance methods from a class that inherits from <em>TemplateFilter</em>, e.g:
-</p>
-
-{{ 'gfm/filters/03.md' | githubMarkdown }}
-
-<h4 id="registering-filters">Registering Filters</h4>
-
-<p>
-    The examples below show the number of different ways filters can be registered:
-</p>
-
-<h5>Add them to the TemplateContext.TemplateFilters</h5>
-
-<p>
-    Filters can be registered by adding them to the <em>context.TemplateFilters</em> collection directly:
-</p>
-
-{{ 'gfm/filters/04.md' | githubMarkdown }}
-
-<p>That can now be called with:</p>
-
-{{ 'gfm/filters/05.md' | githubMarkdown }}
-
-<p>
-    This also shows that Filters are initialized and have access to the <em>TemplateContext</em> through the <em>Context</em> property.
-</p>
-
-<h5>Add them to PageResult.TemplateFilters</h5>
-
-<p>
-    If you only want to use a custom filter in a single Template, it can be registered on the <em>PageResult</em> that renders it instead:
-</p>
-
-{{ 'gfm/filters/06.md' | githubMarkdown }}
-
-<h5>Autowired using TemplateContext IOC</h5>
-
-<p>
-    Autowired instances of filters can also be created using TemplateContext's configured IOC where they're 
-    also injected with any registered IOC dependencies. To utilize this you need to specify the Type of the filter that 
-    should be Autowired by either adding it to the <em>ScanTypes</em> collection:
-</p>
-
-{{ 'gfm/filters/07.md' | githubMarkdown }}
-
-<p>
-    When the <em>TemplateContext</em> is initialized it will go through each Type and create an autowired instance of each Type
-    and register them in the <em>TemplateFilters</em> collection. An alternative to registering a single Type is to register 
-    an entire Assembly, e.g:
-</p>
-
-{{ 'gfm/filters/08.md' | githubMarkdown }}
-
-<p>
-    Where it will search each Type in the Assembly for Template Filters and automatically register them.
-</p>
-
-<h5>Filter Resolution</h5>
-
-<p>
-    Templates will use the first matching filter with the same name and argument count it can find by searching through all 
-    filters registered in the <em>TemplateFilters</em> collection, so you could override default filters with the same name by 
-    inserting your filters as the first item in the collection, e.g:
-</p>
-
-{{ 'gfm/filters/09.md' | githubMarkdown }}
-
-<h4>Auto coercion into Filter argument Types</h4>
-
-<p>
-    A unique feature of Filters is that each of their arguments are automatically coerced into the filter argument Type using the 
-    powerful conversion facilities built into ServiceStack's 
-    <a href="http://docs.servicestack.net/auto-mapping">Auto Mapping Utils</a> and 
-    <a href="https://github.com/ServiceStack/ServiceStack.Text">Text Serializers</a> which can deserialize most of .NET's primitive Types like 
-    <em>DateTime</em>, <em>TimeSpan</em>, <em>Enums</em>, etc in/out of strings as well being able to convert a Collection into other Collection 
-    Types and any Numeric Type into any other Numeric Type which is how, despite only accepting doubles: 
-</p>
-
-{{ 'gfm/filters/10.md' | githubMarkdown }}
-
-<p>
-    <em>squared</em> can also be used with any other .NET Numeric Type, e.g: <em>byte</em>, <em>int</em>, <em>long</em>, <em>decimal</em>, etc.
-    The consequence to this is that there's no method overloading in filters, filters are matched based on their name and their number of arguments
-    and each argument is automatically converted into its filter method Param Type before it's called.
-</p>
-
-<h4>Context Filters</h4>
-
-<p>
-    Filters can also get access to the current scope by defining a <em>TemplateScopeContext</em> as it's first parameter which 
-    can be used to access arguments in the current scope or add new ones as done by the <em>assignTo</em> filter:
-</p>
-
-{{ 'gfm/filters/11.md' | githubMarkdown }}
-
-<h4 id="block-filters">Block Filters</h4>
-
-<p>
-    Filters can also write directly into the OutputStream instead of being forced to return buffered output. A Block Filter
-    is declared by its <em>Task</em> return Type where instead of returning a value it instead writes directly to the 
-    <em>TemplateScopeContext</em> OutputStream as seem with the implementation of the <em>includeFile</em> protected filter:
-</p>
-
-{{ 'gfm/filters/12.md' | githubMarkdown }}
-
-<blockquote>
-    For maximum performance all default filters which perform any I/O use Block filters to write directly to the OutputStream 
-    and avoid any blocking I/O or buffering. 
-</blockquote>
-
-<h4>Block Filters ends the filter chain</h4>
-
-<p>
-    Block filters effectively end the Filter chain expression since they don't return any value that can be injected into 
-    a normal filter. The only thing that can come after a Block Filter are other Block Filters or Filter Transformers. 
-    If any are defined, the output of the Block Filter is buffered into a <em>MemoryStream</em> and passed into
-    the next Block Filter or Filter Transformer in the chain, its output is then passed into the next one in the chain if any, 
-    otherwise the last output is written to the OutputStream.
-</p>
-
-<p>
-    An example of using a Block filter with a Filter Transformer is when you want include a markdown document and then 
-    convert it to HTML using the <b>markdown</b> Filter Transformer before writing its HTML output to the OutputStream:
-</p>
-
-<pre class="cs"><code>{{ pass: 'doc.md' | includeFile | markdown }}</code></pre>
-
-<h4>Capture Block Filter Output</h4>
-
-<p>
-    You can also capture the output of a Block Filter and assign it to a normal argument by using the <em>assignTo</em> Block Filter:
-</p>
-
-<pre class="cs"><code>{{ pass: 'doc.md' | includeFile | assignTo: contents }}</code></pre>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/hot-reloading.html b/src/wwwroot/docs/hot-reloading.html
deleted file mode 100644
index ba7ec1d..0000000
--- a/src/wwwroot/docs/hot-reloading.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<!--
-title: Hot Reloading
-order: 17
--->
-
-<p>
-    Templates has a simple, but effective configuration-free hot-reloading feature built-in that's enabled 
-    when registering the <a href="/docs/view-engine">TemplatePagesFeature</a> plugin:
-</p>
-
-{{ 'gfm/hot-reloading/01.md' | githubMarkdown }}
-
-<p>
-    It can then be enabled in your website by adding the expression below at the top of your <b>_layout.html</b>:
-</p>
-
-{{ 'gfm/hot-reloading/02.md' | githubMarkdown }}
-
-<p>
-    This will embed the dependency-free <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/js/hot-loader.js">hot-loader.js</a>
-    script during <a href="http://docs.servicestack.net/debugging#debugmode">development</a> to poll the service endpoint below:
-</p>
-
-<pre class="url"><code>/templates/hotreload/page?path=path/to/page&amp;eTag=lastETagReceived</code></pre>
-
-<p>
-    Which responds with whether or not the client should reload their current page, preserving their current scroll offset.
-</p>
-
-<blockquote>
-    An easy way to temporarily disable hot reloading is to surround the expression with the <em>noop</em> block 
-    <em>{{#raw}}{{#noop}}{{#if debug}} ...{{/noop}}{{/raw}}</em> or if preferred you can just use comments 
-    <em>{{#raw}}{{* #if debug ... *}}{{/raw}}</em> 
-</blockquote>
-
-<h4>When to reload</h4>
-
-<p>
-    Hot Reloading only monitors Template Pages. You'll need to do a hard refresh with <em>Ctrl+Shift+F5</em> if making changes to 
-    <em>.css</em> or <em>.js</em> to force the browser to not use its cache. For App Code or Configuration changes you'll 
-    need to restart your App to pick up the changes.
-</p>
-
-<h4>Implementation</h4>
-
-<p>
-    The Service is just a wrapper around the <em>ITemplatePages.GetLastModified(page)</em> API which returns the 
-    last modified date of the page and any of its dependencies by scanning each expression in the page's AST to 
-    find each referenced partial or included file to find the most recent modified date which it compares against 
-    the eTag provided by the client to determine whether or not any of the pages resources have changed.
-</p>
-
-<p>
-    Since it's just scanning the AST instead of evaluating it, it will only be able to find files and partials that were 
-    statically referenced, i.e. the typical case of using a string literal for the file name as opposed to a dynamically creating it.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/html-filters.html b/src/wwwroot/docs/html-filters.html
deleted file mode 100644
index b50565c..0000000
--- a/src/wwwroot/docs/html-filters.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-title: HTML Filters
-order: 9
--->
-
-<p>
-    HTML-specific filters for use in <b>.html</b> page formats.
-</p>
-
-<h4>htmlDump</h4>
-
-<p>    
-    Generates a HTML <em>&lt;table/&gt;</em> by recursively traversing the public members of a .NET instance object graph.<br>
-    <em>headerStyle</em> can be any <a href="/docs/default-filters#text-style">Text Style</a>
-</p>
-
-{{ 'live-template' | partial({ template: `{{ [{FirstName: 'Kurt', Age: 27},{FirstName: 'Jimi', Age: 27}] | assignTo: rockstars }}
-{{ rockstars | htmlDump }}
-Uses defaults: {{ rockstars | htmlDump({ headerTag: 'th', headerStyle: 'splitCase' }) }}` }) }}
-
-<h5>htmlDump customizations</h5>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ [{FirstName: 'Kurt', Age: 27},{FirstName: 'Jimi', Age: 27}] | assignTo: rockstars }}
-{{ rockstars | htmlDump({ className: "table table-striped", caption: "Rockstars" }) }}
-{{ [] | htmlDump({ captionIfEmpty: "No Rockstars"}) }}` }) }}
-
-<h4 id="htmlclass">htmlClass</h4>
-
-<p>
-    Helper filter to simplify rendering a <em>class="..."</em> list on HTML elements, it accepts Dictionary of boolean flags, List of strings or string, e.g:
-</p>
-{{ 'live-template' | partial({ rows:7, template: `{{ 1 | assignTo: index }}
-Dictionary All: {{ {alt:isOdd(index), active:true} | htmlClass }}
-Dictionary One: {{ {alt:isEven(index), active:true} | htmlClass }}
-Dictionary None: {{ {alt:isEven(index), active:false} | htmlClass }}
-List: All {{ ['nav', !disclaimerAccepted? 'blur':'', isEven(index)? 'alt':''] | htmlClass }}
-String: {{ 'alt' | if(isOdd(index)) | htmlClass }}
-htmlClassList: {{ {alt:isOdd(index), active:true} | htmlClassList }}` }) }}
-
-<p>
-    Or use <em>htmlClassList</em> if you just want the list of classes.
-</p>
-
-<h4 id="htmlattrs">htmlAttrs</h4>
-
-<p>
-    Helper filter to simplify rendering HTML attributes on HTML elements, it accepts a Dictionary of Key/Value Pairs 
-    which will be rendered as HTML attributes. Keys with a boolean value will only render the attribute name if it's true 
-    and htmlAttrs also supports common JS keyword overrides for <em>htmlFor</em> and <em>className</em>, e.g:
-</p>
-{{ 'live-template' | partial({ rows:4, template: `Normal Key/Value Pairs: <b>{{ {'data-index':1,id:'nav',title:'menu'} | htmlAttrs }}</b>
-Boolean Values: <b>{{ {selected:true, active:false} | htmlAttrs }}</b>
-Keyword Names: <b>{{ {for:'txtName', class:'lnk'} | htmlAttrs }}</b>
-Special Cases: <b>{{ {htmlFor:'txtName', className:'lnk'} | htmlAttrs }}</b>` }) }}
-
-<h4 id="htmlerror">htmlError</h4>
-
-<p>
-    Renders an Exception into HTML, in <a href="http://docs.servicestack.net/debugging#debugmode">DebugMode</a> this renders a
-    detailed view using the <em>htmlErrorDebug</em> filter otherwise it's rendered using <em>htmlErrorMessage</em>.
-</p>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ 'the error' | throw({ assignError: 'ex' }) }}
-{{ ex | htmlError }}
-{{ ex | htmlError({ className: "alert alert-warning" }) }}` }) }}
-
-<h4 id="htmlerrormessage">htmlErrorMessage</h4>
-
-<p>
-    Renders the Exception Message into into HTML using the default class in <em>Args[DefaultErrorClassName]</em>, 
-    overridable with <b>className</b>:
-</p>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ 'the error' | throw({ assignError: 'ex' }) }}
-{{ ex | htmlErrorMessage }}
-{{ ex | htmlErrorMessage({ className: "alert alert-warning" }) }}` }) }}
-
-<h4 id="htmlerrordebug">htmlErrorDebug</h4>
-
-<p>
-    Renders a debug view of the Exception into into HTML using the default class in <em>Args[DefaultErrorClassName]</em>,
-    overridable with <b>className</b>:
-</p>
-
-{{ 'live-template' | partial({ rows:3, template: `{{ 'the error' | throw({ assignError: 'ex' }) }}
-{{ ex | htmlErrorDebug }}
-{{ ex | htmlErrorDebug({ className: "alert alert-warning" }) }}` }) }}
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=html-filters">full list of HTML filters available</a>.
-</p>
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/installation.html b/src/wwwroot/docs/installation.html
deleted file mode 100644
index 0b29a00..0000000
--- a/src/wwwroot/docs/installation.html
+++ /dev/null
@@ -1,137 +0,0 @@
-<!--
-title: Installation
-order: 1
--->
-
-<p>
-    ServiceStack Templates is available in the <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a> NuGet Package:
-</p>
-
-<pre><code>PM> Install-Package ServiceStack.Common</code></pre>
-
-<p>
-    Or if using .NET Core:
-</p>
-
-<pre><code>PM> Install-Package ServiceStack.Common.Core</code></pre>
-
-<p>
-    You're now all set to play with ServiceStack Templates! Start by creating and rendering a dynamic page:
-</p>
-
-{{ 'gfm/installation/01.md' | githubMarkdown }}
-
-{{ "live-template" | partial({ template: "The time is now: {{ now | dateFormat('HH:mm:ss') }}" }) }}
-
-<p>
-    Evaluating ad hoc templates can also be condensed down to a single line:
-</p>
-
-{{ 'gfm/installation/02.md' | githubMarkdown }}
-
-<h4>Configure with ServiceStack</h4>
-
-<p>
-    To use Template Pages as a <a href="/docs/view-engine">HTML View Engine in ServiceStack</a>, 
-    register the <em>TemplatePagesFeature</em> plugin:
-</p>
-
-{{ 'gfm/installation/03.md' | githubMarkdown }}
-
-<h2 id="starter-projects">Starter Project Templates</h2>
-
-<p>
-    The Starter Projects below provide a quick way to get started with a pre-configured ServiceStack Template Web App.
-</p>
-
-<h3>.NET Core 2.1 Boostrap Template</h3>
-
-<p>
-    Create a new <a href="https://github.com/NetCoreTemplates/templates">Templates Website</a> .NET Core 2.1 App with 
-    <a href="http://docs.servicestack.net/dotnet-new">dotnet-new</a>:
-</p>
-
-<div class="gfm">
-<pre>
-    $ npm install -g @servicestack/cli
-
-    $ dotnet-new templates ProjectName</pre>
-</div>
-    
-    <a href="https://github.com/NetCoreTemplates/templates">
-    <img src="/assets/img/screenshots/templates-bootstrap.png" alt=".NET Core Starter Template"></a>
-
-<h3>ASP.NET v4.5 Boostrap Starter</h3>
-
-<p>
-    For ASP.NET v4.5 projects create a new <b>ServiceStack ASP.NET Templates with Bootstrap</b> from the VS.NET Templates in
-    <a href="http://docs.servicestack.net/templates-overview#servicestackvs-vsnet-extension">ServiceStackVS VS.NET Extension</a>
-    to create an ASP.NET v4.5 Project using
-    <a href="http://docs.servicestack.net/create-your-first-webservice#step-4-exploring-the-servicestack-solution">ServiceStack's recommended project structure</a>:    
-</p>
-
-<p>
-    <a href="https://github.com/ServiceStack/ServiceStackVS">
-        <img src="/assets/img/screenshots/ssvs-bootstrap.png" alt="ASP.NET v4.5 Starter Template">
-    </a>
-</p>
-
-<h2 id="webapp-templates">WebApp Project Templates</h2>
-
-<p>
-    <a href="/docs/web-apps">Web Apps</a> is our revolutionary new approach to dramatically simplify .NET Wep App development by using ServiceStack 
-    Templates to build entire Websites in a live real-time development workflow without any C# and requiring no development environment, 
-    IDE’s or build tools - dramatically reducing the cognitive overhead and conceptual knowledge required for developing .NET Core Websites in 
-    a powerful dynamic templating language that's simple, safe and intuitive enough that Web Designers and Content Authors can use. 
-</p>
-
-<h4 id="bare-webapp">Bare WebApp</h4>
-
-<p>
-    To start with a simple and mininal website, create a new <a href="https://github.com/NetCoreTemplates/bare-webapp">bare-webapp</a> project template:
-</p>
-
-<a href="https://github.com/NetCoreTemplates/bare-webapp"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/bare-webapp.png" alt=""></a>
-
-<pre class="sh"><code>$ dotnet-new bare-webapp ProjectName</code></pre>
-
-<p>
-    This creates a multi-page Bootstrap Website with Menu navigation that's ideal for content-heavy Websites.
-</p>
-
-<h3 id="parcel-webapp">Parcel WebApp</a></h3>
-
-<p>
-    For more sophisticated JavaScript Web Apps we recommended starting with the 
-    <a href="https://github.com/NetCoreTemplates/parcel-webapp">parcel-webapp</a> project template:
-</p>
-
-<a href="https://github.com/NetCoreTemplates/parcel-webapp"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/parcel-webapp.png" alt=""></a>
-
-<pre class="sh"><code>$ dotnet-new parcel-webapp ProjectName</code></pre>
-
-<p>
-    This provides a simple and powerful starting template for developing modern JavaScript .NET Core Web Apps utilizing the 
-    zero-configuration <a href="https://parceljs.org">Parcel</a> bundler to enable a rapid development workflow with access to 
-    best-of-class web technologies like TypeScript that's managed by pre-configured
-    <a href="https://github.com/NetCoreTemplates/parcel-webapp#client">npm scripts</a> to handle its entire dev workflow.
-</p>
-
-<h3 id="webapp-examples">WebApp Examples</h3>
-
-<p>
-    View our Example Web Apps to explore different features and see examples of how easy it is to create with Web Apps:
-</p>
-
-<ul>
-    <li><a href="/docs/web-apps#about-bare-webapp">About Bare Web App</a> - Simple Content Website with Menu navigation</li>
-    <li><a href="/docs/web-apps#about-parcel-webapp">About Parcel WebApp</a> - Simple Integrated Parcel SPA Website utilizing TypeScript</li>
-    <li><a href="/docs/web-apps#redis-html">Redis HTML</a> - A Redis Admin Viewer developed as server-generated HTML Website</li>
-    <li><a href="/docs/web-apps#redis-vue">Redis Vue</a> - A Redis Admin Viewer developed as Vue Client Single Page App</li>
-    <li><a href="/docs/web-apps#rockwind">Rockwind</a> - Combination of mult-layout Rockstars website + data-driven Nortwhind Browser</li>
-    <li><a href="/docs/web-apps#plugins">Plugins</a> - Extend WebApps with Plugins, Filters, ServiceStack Services and other C# extensions</li>
-    <li><a href="/docs/web-apps#chat">Chat</a> - Highly extensible App with custom AppHost that leverages OAuth + Server Events for real-time Chat</li>
-    <li><a href="/docs/web-apps#blog">Blog</a> - A minimal, multi-user Twitter OAuth blogging platform that can create living, powerful pages</li>
-</ul>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/introduction.html b/src/wwwroot/docs/introduction.html
deleted file mode 100644
index 000a43b..0000000
--- a/src/wwwroot/docs/introduction.html
+++ /dev/null
@@ -1,318 +0,0 @@
-<!--
-title: Introduction
-order: 2
--->
-
-<p>
-    ServiceStack Templates is a simple and elegant, <a href="/docs/filters">highly-extensible</a>, <a href="/docs/sandbox">sandboxed</a>, 
-    high-performance <a href="/docs/page-formats">general-purpose</a> templating engine for .NET 4.5 and .NET Core. 
-    It's designed from the ground-up to be incrementally adoptable where its basic usage is simple enough 
-    for non-technical users to use whilst it progressively enables access to more power and functionality allowing it to scale up to 
-    support full server-rendering Web Server workloads and beyond. Its high-fidelity with JavaScript syntax allows it to use a common
-    language for seamlessly integrating with client-side JavaScript Single Page App frameworks where its syntax is designed to be 
-    compatible with <a href="https://vuejs.org/v2/guide/syntax.html#Filters">Vue filters</a>.
-</p>
-
-<h3 id="instant-startup">Instant Startup</h3>
-
-<p>
-    There's no pre-compilation, pre-loading or Startup penalty, all Pages are lazily loaded on first use and cached for fast subsequent 
-    evaluation. Its instant Startup, fast runtime performance and sandboxed isolation opens it up to a myriad of new use-cases which
-    can enhance .NET Apps with a rich Live programming experience.
-</p>
-
-<h3 id="fast-runtime-performance">Fast Runtime Performance</h3>
-
-<p>
-    ServiceStack Templates is fast, parsing is done using StringSegment for minimal GC pressure, all I/O is non-blocking inc. async
-    writes to OutputStream's. There's no buffering: Layouts, Pages and Partials are asynchronously written to a forward only stream.
-    There's no runtime reflection, each filter or binding within template expressions executes compiled and cached C# Expressions.
-</p>
-
-<h3>Pure, Functional and Reactive</h3>
-
-<p>
-    Templates are pure at both the library-level where they're a clean library with no external dependencies outside 
-    <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a>, no coupling to web frameworks, external configuration files, 
-    designer tooling, build tools, pre-compilation steps or require any special deployment requirements. 
-    It binds to simple, clean, small interfaces for its 
-    <a href="http://docs.servicestack.net/virtual-file-system">Virtual File System</a>, 
-    <a href="http://docs.servicestack.net/ioc">IOC</a> and
-    <a href="http://docs.servicestack.net/appsettings">AppSettings</a> providers which are easily overridden to 
-    <a href="/docs/view-engine#view-engine-in-servicestack">integrate cleanly into external web frameworks</a>.
-</p>
-
-<p>
-    They're also pure at the code-level where it doesn't have any coupling to concrete dependencies, components or static classes. Default filters 
-    don't mutate any external state. There's no imperative statements, everything is an expression forcing a more readable and declarative  
-    programming-style that's easier to quickly determine the subject of expressions and the states that need to be met for filters to be executed. 
-    Conceptually Templates are "evaluated" in that they take in arguments, filters and templates as inputs and evaluates them to an output stream. 
-    They're highly testable by design where the same environment used to create the context can easily be re-created in Unit tests, 
-    including simulating pages in a File System using its In Memory Virtual File System.     
-</p>
-
-<h3>Optimal Development Experience</h3>
-
-<p>
-    The above attributes enables an instant iterative development workflow with a Live Development experience that supports 
-    configuration-free <a href="/docs/hot-reloading">Hot Reloading</a> out of the box that lets you build entire 
-    <a href="/usecases/web-templates">Wep Apps and Web APIs</a> without ever having to compile or manually Refresh pages.
-</p>
-
-<h3 id="simplicity-end-to-end">Simplicity end-to-end</h3>
-
-<p>
-    There are 2 main concepts in Template Expressions: <a href="/docs/arguments">Arguments</a> - variables which can be made available 
-    through a number of cascading sources and <a href="/docs/filters">Filters</a> - public C# methods that exist in the list of 
-    <em>TemplateFilters</em> registered in the PageResult or TemplateContext that templates are executed within. 
-</p>
-
-<p>
-    Layouts, Pages and Partials are all just "pages", evaluated in the same way with access to arguments and filters. Parameters passed 
-    to partials are just scoped arguments, accessed like any other arguments. Typically pages are sourced from the configured 
-    File System but when access to more advanced functionality is required they can also be <a href="/docs/code-pages">Code Pages</a> implemented
-    in pure C# that are otherwise interchangeable and can be used anywhere a normal page is requested.
-</p>
-
-<p>
-    There's no language constructs or reserved words in Templates itself, all functionality is implemented inside filters.
-    There's also nothing special about the <a href="/docs/default-filters">Default Filters</a> included with Templates
-    other than they're pre-registered by default. External filters can do anything built-in filters can do which can just
-    as easily be <a href="/docs/filters#shadowing">shadowed or removed</a> giving you a clean slate where you're free to define your own
-    language and preferred language naming scheme.
-</p>
-
-<p>
-    They're non-invasive, by default ServiceStack's <a href="/docs/view-engine">View Engine</a> is configured to handle
-    <em>.html</em> files but can be configured to handle any html extension or <a href="/docs/page-formats">text file format</a>. 
-    When a page doesn't contain any Template Expressions it's contents are returned as-is, making it easy to adopt in existing
-    static websites.
-</p>
-
-<p>
-    Templates are <a href="/docs/sandbox">sandboxed</a>, they can't call static or instance methods, invoke setters or access anything 
-    outside of the arguments and filters made available to them. Without filters, expressions wouldn't have any methods 
-    they can call, leaving them with the only thing they can do which is access arguments and replace their variable placeholders, 
-    including the <em>{{ pass: page }}</em> placeholder to tell the Layout where to render the page:
-</p>
-
-<h3>Quick Example Walkthrough</h3>
-
-{{ "live-pages" | partial(
-    {
-        page: 'page', 
-        files: 
-        { 
-            '_layout.html': 'I am the Layout: <b>{{ page }}</b>',   
-            'page.html' : 'I am the Page' 
-        } 
-    }) 
-}}
-
-<p>
-    To render the pages we first create and initialize a <em>TemplateContext</em>
-</p>
-
-{{ 'gfm/introduction/01.md' | githubMarkdown }}
-
-<p>
-    The TemplateContext is the sandbox where all templates are executed within, everything your templates have access to and generates 
-    is maintained within the TemplateContext. Once initialize you can start using it to evaluate templates which you can do with just:
-</p>
-
-{{ 'gfm/introduction/02.md' | githubMarkdown }}
-
-<p>
-    Templates only have access to filters and arguments defined within its Context, which for an empty Context are the comprehensive
-    suite of safe <a href="/docs/default-filters">Default Filters</a> and <a href="/docs/html-filters">HTML Filters</a>.
-</p>
-
-<p>
-    Typically you'll want to use ServiceStack templates to render entire pages which are sourced from its configured
-    <a href="http://docs.servicestack.net/virtual-file-system">Virtual File System</a> which uses an In Memory Virtual 
-    File System by default that we can programmatically populate:
-</p>
-
-{{ 'gfm/introduction/03.md' | githubMarkdown }}
-    
-<p>
-    Templates are rendered using a <em>PageResult</em> essentially a rendering context that needs to be provided the Page to render:
-</p>
-
-{{ 'gfm/introduction/04.md' | githubMarkdown }}
-
-<p>
-    The template output can then be asynchronously rendered to any Stream:
-</p>
-
-{{ 'gfm/introduction/05.md' | githubMarkdown }}
-
-<p>
-    Or to access the output as a string you can use the convenience extension method:
-</p>
-
-{{ 'gfm/introduction/06.md' | githubMarkdown }}
-
-<p>
-    All I/O within Templates is non-blocking, but if you're evaluating an adhoc template or using the default In Memory Virtual FileSystem 
-    there's no I/O so you can safely block to get the generated output with:
-</p>
-
-{{ 'gfm/introduction/07.md' | githubMarkdown }}
-
-<p>
-    Both APIs returns the result you see in the Live Example above.
-</p>
-    
-<h4 id="cascading-resolution">Cascading Resolution</h4>
-
-<p>
-    There's no forced special centralized folders like <em>/Views</em> or <em>/Views/Shared</em> required to store layouts or share partials or 
-    artificial "Areas" concept to isolate website sections. Different websites or sections are intuitively grouped into different 
-    folders and Templates automatically resolves the closest layout it finds for each page. Cascading resolution also applies to 
-    including files or partial pages where you can use just its name to resolve the closest one, or an absolute path from the 
-    <em>WebRootPath</em> to include a specific partial or file from a different folder.
-</p>
-
-<h3>High-level, Declarative and Intent-based</h3>
-
-<p>
-    High-level APIs are usually synonymous with being slow by virtue of paying a penalty for their high-level abstraction,
-    but in the domain of I/O and Streams such-as rendering text to Streams they make it trivial to compose high-level functionality
-    that's implemented more efficiently than would be typically written in C# / ASP.NET MVC Apps.
-</p>
-
-<p>
-    As an example let's analyze the Template below:
-</p>
-
-{{ 'gfm/introduction/08.md' | githubMarkdown }}
-
-<p>
-    The intent of Template code should be clear even if it's the first time reading it. From left-to-right we can deduce that it
-     retrieves a url from the quote table, downloads its contents of and converts it to markdown before replacing the text "Razor" and
-     "2010" and displaying the <em>raw</em> non-HTML encoded html output. 
-</p>
-
-<h5>Implementation using ASP.NET MVC</h5>
-<p>
-    In MVC the typical and easiest approach would be to create a an MVC Controller Action, use EF to make a sync call to access the database,
-    a sync call with a new HTTP Client to download the content which is buffered inside the Controller action before returned inside a View Model
-    that is handed off to MVC to execute the View inside the default Layout.
-</p>
-
-<h5>Implementation using Templates</h5>
-<p>
-    What does Templates do? lets step through the first filter:
-</p>
-
-{{ "live-template" | partial({ output:'no-scroll', rows:1, template: "{{ 'select url from quote where id= @id' | dbScalar({ id:1 }) | htmlLink }}" }) }}
-
-<p>
-    What filter implementation gets called depends on which <a href="/docs/db-filters">DB Filter</a> is registered, if your RDBMS supports ADO.NET's 
-    async API you can register 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFiltersAsync.cs">TemplateDbFiltersAsync</a>
-    to execute all queries asynchronously, otherwise if using an RDBMS whose ADO.NET Provider doesn't support async you can register the
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFilters.cs">TemplateDbFilters</a>
-    to execute each DB request synchronously without paying for any <i>pseudo-async</i> overhead, in each case the exact same code executes
-    the most optimal ADO.NET APIs. Template also benefits from using the much faster 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a> and also saves on the abstraction cost from generating a 
-    parameterized SQL Statement from a Typed Expression-based API.    
-</p>
-
-<h5>Arguments chain</h5>
-<p>
-    The next question becomes what is <em>id</em> bound to? Similar to JavaScript's prototype chain it resolves the closest 
-    argument in its <a href="/docs/arguments">Arguments hierarchy</a>, e.g. when evaluated as a view page it could be set 
-    by arguments in [paged based routes](/docs/view-engine#page-based-routing) or when the same page is evaluated as a 
-    partial it could be set from the scoped arguments it was called with.
-</p>
-
-<h5>Async I/O</h5>
-<p>
-    The url returned from the db is then passed to the <em>urlContents</em> filter which if it was the last filter in the expression
-    avoids any buffering by asynchronously streaming the url content stream directly to the forward-only HTTP Response Stream:
-</p>
-
-<pre class="cs"><code>{{ pass: url | urlContents }}</code></pre>
-
-<p>
-    <em>urlContents</em> is a <a href="/docs/filters#block-filters">Block Filter</a> which instead of returning a value writes its 
-    response to the OutputStream it's given. But then how could we convert it to Markdown if it's already written to the Response Stream?
-    Templates analyzes the Expression's AST to determine if there's any filters remaining, if there is it gives the <em>urlContents</em> 
-    Block filter a <em>MemoryStream</em> to write to, then forwards its buffered output to the next filter. Since they don't return values, 
-    the only thing that can come after a Block Filter are other Block filters or <a href="/docs/transformers">Stream Transformers</a>. 
-    <em>markdown</em> is one such <a href="/docs/transformers#filter-transformers">Filter Transformer</a> which takes in a stream of Markdown 
-    and returns a Stream of HTML.
-</p>
-
-<pre class="cs"><code>{{ pass: url | urlContents | markdown }}</code></pre>
-
-<h5>Same intent, different implementations</h5>
-<p>
-    The <em>assignTo</em> filter is used to set a value in the current scope. After Block Filters, a different <em>assignTo</em> Block Filter
-    is used with the same name and purpose but a different implementation that reads all the contents of the stream into a UTF-8 string
-    and sets a value in the current scope before returning an empty Stream so nothing is written to the Response. 
-</p>
-
-<pre class="cs"><code>{{ pass: url | urlContents | markdown | assignTo: quote }}</code></pre>
-
-<p>
-    Once the streamed output is captured and assigned it goes back into becoming a normal argument that opens it up to be 
-    able to use all filters again, which is how we're able to use the string <em>replace</em> filters before rendering the final result :)
-</p>
-
-<h4><a href="/examples/qotd?id=1">/examples/qotd?id=1</a></h4>
-
-<h5>Using the most efficient implementation allowable</h5>
-<p>
-    So whilst it conceptually looks like each filter is transforming large buffered strings inside every filter, the expression is 
-    inspected to utilize the most efficient implementation allowable. At the same time filters are not statically bound to 
-    any implementation so you could for instance <a href="/docs/filters#registering-filters">insert a Custom Filter</a> before the Default 
-    Filters containing the same name and arguments count to have templates execute your custom filters instead, all whilst the template's 
-    source code and intent remains untouched.
-</p>
-
-<h5>Intent-based code is easier to augment</h5>
-<p>
-    If it was later discovered that some URLs were slow or rate-limited and you needed to introduce caching, your original C# code
-    would require a fair amount of rework, in templates you can simply add <em>WithCache</em> to call the
-    <a href="/docs/protected-filters#includeurlwithcache">urlContentsWithCache</a> filter to return locally cached contents 
-    on subsequent requests.
-</p>
-
-<pre class="cs"><code>{{ pass: url | urlContentsWithCache | markdown }}</code></pre>
-
-<h4>Simplified Language</h4>
-
-<p>
-    As there's very little ceremony in Templates, a chain of filters looks like it's using its own DSL to accomplish each task and
-    given <a href="/docs/filters#registering-filters">implementing and registering custom filters </a> is trivial you're 
-    encouraged to write the intent of your code first then implement any filters that are missing to realize its intent. Once 
-    you've captured the intent of what you want to do, it's less likely to ever need to change, focus is instead on 
-    fixing any bugs and making the filter implementations as efficient as possible, which benefits all existing code using the same filter.
-</p>
-
-<p>    
-    To improve readability and make it more approachable, templates aims to normalize the mechanics of the underlying implementation from 
-    the code's intent so you can use the same syntax to access an argument, e.g. <em>{{ pass: arg }}</em> as you would a filter without 
-    arguments  <em>{{ pass: now }}</em> and just like JavaScript you can use <em>obj.Property</em> syntax to access both a public property 
-    on a Type or an entry in a Dictionary.
-</p>
-
-<h3 id="late-bound">Late-bound flexibility</h3>
-
-<p>
-    There's no static coupling to concrete classes, static methods or other filters, ambiguous method exceptions or namespace collisions. 
-    Each filter is self-contained and can easily be shared and dropped into any Web App by 
-    <a href="/docs/filters#registering-filters">registering them in a list</a>. Inspired by the power and 
-    <a href="http://mythz.servicestack.net">flexibility in Smalltalk and LISP</a>, filters are late-bound at run-time to the first matching filter 
-    in the user-defined list of <em>TemplateFilters</em>. This ability to shadow filters enables high-level intent-based APIs decoupled from implementations which 
-    <a href="/docs/servicestack-filters#sendToAutoQuery-rdbms">sendToAutoQuery</a> leverages to automatically route filter invocations to 
-    the appropriate implementation depending of if it's an <a href="http://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> or an 
-    <a href="http://docs.servicestack.net/autoquery-data">AutoQuery Data</a> request, masking their implementations as a transparent detail. 
-    This flexibility also makes it easy create proxies, intercept and inject behavior like logging or profiling without modifying existing 
-    filter implementations or template source code.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/model-view-controller.html b/src/wwwroot/docs/model-view-controller.html
deleted file mode 100644
index 6f0b87e..0000000
--- a/src/wwwroot/docs/model-view-controller.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!--
-title: Model View Controller
-order: 20
--->
-
-<p>
-    Simplicity is a driving goal behind the design of Templates where in its simplest form it's usable by non-programmers who just
-    know HTML as they're able to embed dynamic content in their HTML pages using intuitive Mustache syntax and with the 
-    intuitive way in how <a href="/docs/view-engine">View Engine works</a> they're able to develop entire content-heavy websites 
-    without needing to write any code.
-</p>
-
-<p>
-    As requirements become more demanding you can use progressively advanced features to enable greater flexibility and 
-    functionality whilst still retaining using Templates to generate the HTML view with access to existing layouts and partials.
-</p>
-
-<p>
-    The first option to enable functionality is to reuse the rich functionality available in Services to populate the data
-    required by your view. To do this in ServiceStack add a reference to the <em>ITemplatePages</em> dependency which was registered 
-    by <em>TemplateContext</em>, then return a <em>PageResult</em> containing the <em>.html</em> page you want to 
-    render as well as any additional arguments you want available in the page:    
-</p>
-
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/CustomerServices.cs">CustomerServices.cs</a></h4>
-
-{{ 'gfm/model-view-controller/01.md' | githubMarkdown }}
-
-<p>
-    The above can Service can also be made slightly shorter by using the <em>Request.GetPage()</em> extension method, e.g:
-</p>
-
-{{ 'gfm/model-view-controller/02.md' | githubMarkdown }}
-
-<h4 id="model-property">Model PageResult Property</h4>
-
-<p>
-    The <em>Model</em> property is a special argument that automatically registers all its <b>public properties</b> as arguments 
-    as well as registering itself in the <b>model</b> argument, this lets views reference model properties directly like
-    <em>{{ pass: CustomerId }}</em> instead of the more verbose <em>{{ pass: model.CustomerId }}</em> as used in:
-</p>
-
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/examples/customer.html">examples/customer.html</a></h4>
-
-{{ 'gfm/model-view-controller/03.md' | githubMarkdown }}
-
-<p>
-    Now that we have the Service handling the Request and populating the Model for our page we can use it to view each Customer
-    in a nice detail page:
-</p>
-
-<div class="linq-preview">
-    <div class="template">
-        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" 
-            rows="4">{{ "examples/select-customers.txt" | includeFile }}</textarea>
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div> 
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/mvc-netcore.html b/src/wwwroot/docs/mvc-netcore.html
deleted file mode 100644
index c720f04..0000000
--- a/src/wwwroot/docs/mvc-netcore.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!--
-title: ASP.NET Core MVC
-order: 22
--->
-
-<p>
-    The easiest way to enable Templates support in a .NET Core App is to register an empty ServiceStack AppHost
-    with the <em>TemplatePagesFeature</em> plugin enabled:
-</p>
-
-{{ 'gfm/mvc-netcore/01.md' | githubMarkdown }}
-
-<p>
-    This let you use the <a href="/docs/view-engine">View Engine</a> and <a href="/docs/code-pages">Code Pages</a> features
-    to build your entire .NET Core Web App with Templates without needing to use anything else in ServiceStack.
-</p>
-
-<h4>MVC PageResult</h4>
-
-<p>
-    Just as you can use a ServiceStack Service as the Controller for a Template Page View, you can also use an MVC Controller
-    which works the same way as a Service, but instead of returning the <em>PageResult</em> directly, you need to call 
-    <em>ToMvcResult()</em> extension method to wrap it in an MVC ActionResult, e.g:
-</p>
-
-{{ 'gfm/mvc-netcore/02.md' | githubMarkdown }}
-
-<p>
-    This has the same effect as it has in a ServiceStack Service where the <em>PageResult</em> sets the Content-Type 
-    HTTP Response Header and asynchronously writes the template to the Response OutputStream for maximum performance.
-</p>
-
-<h4>Sharing Dependencies</h4>
-
-<p>
-    Unfortunately you'd need to resolve <em>ITemplatePages</em> directly from ServiceStack's IOC as dependencies registered in 
-    ServiceStack's IOC aren't visible in .NET Core MVC but dependencies registered in .NET Core MVC are visible in ServiceStack
-    so to have the same dependencies available to both .NET Core MVC and ServiceStack you would instead register it in .NET Core's 
-    IOC then resolve the same instance in your ServiceStack AppHost, e.g:
-</p>
-
-{{ 'gfm/mvc-netcore/03.md' | githubMarkdown }}
-
-<p>
-    This will then let you access <em>ITemplatePages</em> as a normal dependency in your MVC Controller:
-</p>
-
-{{ 'gfm/mvc-netcore/04.md' | githubMarkdown }}
-
-<h4>Using Templates without a ServiceStack AppHost</h4>
-
-<p>
-    If you don't need the <a href="/docs/view-engine">View Engine</a> support and would like to use Templates without a 
-    ServiceStack AppHost you can, just register a <em>TemplateContext</em> instance in .NET Core's IOC, replace
-    its Virtual File System to point to the <em>WebRootPath</em> and you can start returning PageResult's as above:
-</p>
-
-{{ 'gfm/mvc-netcore/05.md' | githubMarkdown }}
-
-<p>
-    Checkout the <a href="https://github.com/NetCoreApps/MvcTemplates">NetCoreApps/MvcTemplates</a> repository for a 
-    stand-alone example of this, complete with a 
-    <a href="https://github.com/NetCoreApps/MvcTemplates/blob/master/src/wwwroot/sidebar.html">sidebar.html partial</a> 
-    and a <a href="https://github.com/NetCoreApps/MvcTemplates/blob/master/src/CustomTemplateFilters.cs">CustomTemplateFilters.cs</a>.
-</p>
-
-<a href="https://github.com/NetCoreApps/MvcTemplates">
-    <img src="https://raw.githubusercontent.com/NetCoreApps/MvcTemplates/master/src/wwwroot/assets/img/screenshot.png" alt=""
-         style="max-width:850px; padding:20px 0 0 0">
-</a>
-
-<p>&nbsp;</p>
-
-<h1>ASP.NET v4.5 Framework MVC</h1>
-
-<p>
-    You can return a Template Page in a classic ASP.NET MVC similar to ASP.NET Core MVC Controller except that in order to 
-    work around the lack of being able to async in classic ASP.NET MVC Action Results you need to return a task, but because we can
-    <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/fc2bc4e7e46a4a186a6627844b5cee77c19f1b8b/src/MvcTemplates/MvcTemplates/AppHost.cs#L61">replace the IOC Controller Factory in ASP.NET MVC</a>
-    you can use Constructor Injection to access the <em>ITemplatePages</em> dependency:
-</p>
-
-{{ 'gfm/mvc-aspnet/01.md' | githubMarkdown }}
-
-<h4>ASP.NET MVC + Templates Demo</h4>
-
-<p>
-    Checkout the <a href="https://github.com/ServiceStackApps/MvcTemplates">ServiceStackApps/MvcTemplates</a> repository for a 
-    stand-alone example, complete with a 
-    <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/master/src/MvcTemplates/MvcTemplates/sidebar.html">sidebar.html partial</a> 
-    and a <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/master/src/MvcTemplates/MvcTemplates/CustomTemplateFilters.cs">CustomTemplateFilters.cs</a>.
-</p>
-
-<a href="https://github.com/NetCoreApps/MvcTemplates">
-    <img src="https://raw.githubusercontent.com/NetCoreApps/MvcTemplates/master/src/wwwroot/assets/img/screenshot.png" alt=""
-         style="max-width:850px; padding:20px 0">
-</a>
-
-<blockquote>
-    This demo was created from the 
-    <a href="http://docs.servicestack.net/create-your-first-webservice#step-2-selecting-a-template">ServiceStack ASP.NET MVC5 Empty</a> VS.NET Template.
-</blockquote>
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/page-formats.html b/src/wwwroot/docs/page-formats.html
deleted file mode 100644
index 7da9bf7..0000000
--- a/src/wwwroot/docs/page-formats.html
+++ /dev/null
@@ -1,74 +0,0 @@
-<!--
-title: Page Formats
-order: 4
--->
-
-<p>
-    Templates is a general purpose text templating language which doesn't have any notion of HTML or any other format embedded in the language itself.
-    It simply emits text outside of mustaches verbatim and inside mustaches evaluates the expression and emits the result.
-    All custom behavior pertinent to specific text formats are instead extrapolated in its Page Format. 
-</p>
-
-<p>
-    Templates supports rendering multiple different text formats simultaneously within the same <em>TemplateContext</em>, 
-    but the only Page Format pre-registered by default is the <em>HtmlPageFormat</em> which is defined below:
-</p>
-
-<h3>HTML Page Format</h3>
-
-{{ 'gfm/page-formats/01.md' | githubMarkdown }}
-
-<p>
-    The <em>HtmlPageFormat</em> is used to specify: 
-</p>
-
-<ul>
-    <li>That the <a href="/docs/arguments">Page Arguments</a> should be defined within HTML comments at the top of the page</li>
-    <li>That files with the <b>.html</b> extension should use this format</li>
-    <li>That it should return the <em>text/html</em> Content-Type in HTTP Responses</li>
-    <li>That the result of all Template Expressions should be HTML-encoded by default</li>
-    <li>That it should not use a default layout for complete HTML files that start with a HTML or HTML5 tag</li>
-    <li>How Expression Exceptions should be rendered in HTML if <em>RenderExpressionExceptions</em> is enabled</li>
-</ul>
-
-<h4>Results of all Template Expressions are HTML-encoded by default</h4>
-
-<p>
-    The <em>EncodeValue</em> in the HtmlPageFormat automatically encodes the results of all template expressions so they're
-    safe to embed in HTML, e.g:
-</p>
-
-{{ 'live-template' | partial({ rows: 1, template: "{{ '<b>hi</b>' }}" }) }}
-
-<p>
-    You can use the <em>raw</em> default filter to skip HTML-encoding which will let you emit raw HTML as-is:
-</p>
-
-{{ 'live-template' | partial({ rows: 1, template: "{{ '<b>hi</b>' | raw }}" }) }}
-
-<blockquote>
-    Inside filters you can return strings wrapped in a <em>new RawString(string)</em> or use the <em>ToRawString()</em> extension
-    method to skip HTML-encoding.    
-</blockquote>
-
-<h3>Markdown Page Format</h3>
-
-<p>
-    By contrast here is what the <em>MarkdownPageFormat</em> looks like which is able to use most of the default implementations:
-</p>
-
-{{ 'gfm/page-formats/02.md' | githubMarkdown }}
-
-<h3>Registering a new PageFormat</h3>
-
-<p>
-    To register a new Page Format you just need to add it to the TemplateContext's PageFormat collection:
-</p>
-
-{{ 'gfm/page-formats/03.md' | githubMarkdown }}
-
-<p>
-    Which now lets you resolve pages with a <b>.md</b> file extension who will use the behavior defined in <em>MarkdownPageFormat</em>.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/partials.html b/src/wwwroot/docs/partials.html
deleted file mode 100644
index 062a4b0..0000000
--- a/src/wwwroot/docs/partials.html
+++ /dev/null
@@ -1,113 +0,0 @@
-<!--
-title: Partials
-order: 10
--->
-
-<p>
-    Partials are just normal pages which contain reusable templates you'd like to embed in different pages.
-    There is no difference between pages and partials other than how they're embedded where pages are embedded 
-    in a <b>_layout</b> using the <em>{{ pass: page }}</em> expression and partials are embedded using the
-    <em>partial</em> block filter which can also define scoped arguments on the call-site using an Object
-    literal:
-</p>
-
-{{ "live-pages" | partial(
-    {
-        page: 'page', 
-        files: 
-        { 
-            '_layout.html': `{{ 'from layout' | assignTo: layoutArg }}
-I am a Layout with page
-{{ page }}`,
-            'page.html' : `I am a Page with a partial
-{{ 'my-partial' | partial({ arg: "from page" }) }}`,
-            'my-partial.html' : `I am a partial called with the scoped argument <b>{{ arg }}</b>
-Who can also access other arguments in scope <b>{{ layoutArg }}</b>`
-        } 
-    }) 
-}}
-
-<h4>Select Partial</h4>
-
-<p>
-    Another way that partials can be embedded is using the <em>selectPartial</em> block filter which will re-evaluate
-    the same partial for each item in the collection which is made available in the <em>it</em> binding, e.g:
-</p>
-
-<div class="linq-preview">
-    <div class="files">
-        <section>
-            <h5>customer.html</h5>
-            <textarea class="form-control" rows="3">{{ "code/linq04-customer.txt" | includeFile }}</textarea>
-        </section>
-        <section>
-            <h5>order.html</h5>
-            <textarea class="form-control" rows="3">{{ "code/linq04-order.txt" | includeFile }}</textarea>
-        </section>
-    </div>
-    <div class="template">
-        <textarea class="form-control" rows="7">{{ "code/linq04-partials.txt" | includeFile }}</textarea>
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div>
-
-<h4 id="inline-partials">Inline Partials</h4>
-
-<p>
-    Partials can also be defined in-line with the <em>{{pass: #partial}}</em> block statement:
-</p>
-
-{{ 'live-template' | partial({ rows:13, template: `
-{{#partial order}}
-  Order {{ it.OrderId }}: {{ it.OrderDate | dateFormat }}
-{{/partial}}
-{{#partial customer}}
-Customer {{ it.CustomerId }} {{ it.CompanyName | raw }}
-{{ it.Orders | selectPartial: order }}{{/partial}}
-
-{{ customers 
-    | where => it.Region = 'WA' 
-    | assignTo: waCustomers 
- }}
- Customers from Washington and their orders:
- {{ waCustomers | selectPartial: customer }}` }) }}
-
-<blockquote>
-    The <a href="/linq/restriction-operators#linq4-where---drilldown">linq 04</a> 
-    example below shows how to implement this without partials using <em>{{pass: #each}}</em> statement blocks:
-</blockquote>
-
-{{ 'live-template' | partial({ rows:7, template: `Customers from Washington and their orders:
-{{#each c in customers where c.Region == 'WA'}}
-Customer {{ c.CustomerId }} {{ c.CompanyName | raw }}
-{{#each c.Orders}}
-    Order {{ OrderId }}: {{ OrderDate | dateFormat }}
-{{/each}}
-{{/each}}` }) }}
-
-
-<h4>Resolving Partials and Pages</h4>
-
-<p>
-    Just like pages, partials are resolved from the TemplateContext's configured <em>VirtualFiles</em> sources 
-    where partials in the root directory can be resolved without any specifying any folders:
-</p>
-
-<pre class="cs"><code>{{ pass: 'my-partial' | partial }}</code></pre>
-
-<h5>Cascading resolution</h5>
-
-<p>
-    If an exact match isn't found it will look for the closest page with that name it can find, starting from the directory
-    where the page that contains the partial is located and traversing up until it reaches the root folder.
-</p>
-
-<p>
-    Otherwise you can specify the virtual path to the partial from the Virtual Files root, e.g:
-</p>
-
-<pre class="cs"><code>{{ pass: 'dir/subdir/my-partial' | partial }}</code></pre>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/protected-filters.html b/src/wwwroot/docs/protected-filters.html
deleted file mode 100644
index 9d219e0..0000000
--- a/src/wwwroot/docs/protected-filters.html
+++ /dev/null
@@ -1,261 +0,0 @@
-<!--
-title: Protected Filters
-order: 11
--->
-
-<p>
-    One of the goals of Templates is that its defaults should be safe enough to be able to execute arbitrary templates by untrusted 3rd parties.
-    Given this constraint, only default filters are pre-registered which contain a comprehensive set of filters we deem safe for use by anyone.
-    Other filters available in Templates which are useful to have in a server-generated website environment but we don't want 3rd Parties to 
-    access are filters in 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/Filters/TemplateProtectedFilters.cs">TemplateProtectedFilters.cs</a>.    
-</p>
-
-<p>
-    <em>TemplateProtectedFilters</em> are not pre-registered when creating a new <em>TemplateContext</em> but they are pre-registered when 
-    registering the <em>TemplatePagesFeature</em> ServiceStack Plugin as that's designed to use Templates as a View Engine where access
-    to its context is limited to the server's Web Application. 
-</p>
-
-<p>
-    To access <em>TemplateProtectedFilters</em> features within your own <em>TemplateContext</em> it can be
-    <a href="/docs/filters#registering-filters">registered like any other filter</a>:
-</p>
-
-{{ 'gfm/protected-filters/01.md' | githubMarkdown }}
-
-<h4>includeFile</h4>
-<div class="alias">fileContents</div>
-
-<p>
-    Use <em>includeFile</em> to embed content directly within templates:
-</p>
-
-{{ "live-pages" | partial(
-    {
-        page: 'page', 
-        files: 
-        { 
-            'page.html' : `I am a Page with a file
-{{ 'my-file.txt' | includeFile }}`,
-            'my-file.txt' : `I am a text file`
-        } 
-    }) 
-}}
-
-<h5>Cascading resolution</h5>
-
-<p>
-    If an exact match isn't found it will look for the closest file with that name it can find, starting from the directory
-    where the containing page that uses the filter is located and traversing up until it reaches the root folder.
-</p>
-
-<h4>includeFileWithCache</h4>
-<div class="alias">fileContentsWithCache</div>
-
-<p>
-    If your <a href="http://docs.servicestack.net/virtual-file-system">VirtualFiles</a> is configured to use a combination
-    of various sources that includes a remote file service like
-    <a href="https://github.com/ServiceStack/ServiceStack.Aws#maintain-website-content-in-s3">S3VirtualFiles</a>, you'll
-    likely want to cache the contents in memory to ensure fast subsequent access the next time the file is requested, 
-    which you can cache without expiration using <em>includeFileWithCache</em> without arguments:
-</p>
-
-<pre class="cs">{{ pass: 'my-file.txt' | includeFileWithCache }}<code></code></pre>
-
-<p>
-    In which case it will use the <b>1 minute</b> default overridable in <em>Args[DefaultFileCacheExpiry]</em>    
-    or if you want the content to be refreshed after 1hr you can use:
-</p>
-
-<pre class="cs">{{ pass(`'my-file.txt' | includeFileWithCache({ expiresInSecs: 3600 })`) }}<code></code></pre>
-
-<h4>includeUrl</h4>
-<div class="alias">urlContents</div>
-
-<p>
-    You can also embed the contents of remote URLs in your page using <em>includeUrl</em>:
-</p>
-
-{{ "live-pages" | partial(
-    {
-        page: 'page', 
-        files: 
-        { 
-            'page.html' : '{{ "https://raw.githubusercontent.com/NetCoreApps/TemplatePages/master/src" | assignTo: src }}
-{{ `${src}/wwwroot/code/linq01.txt` | includeUrl }}'
-        } 
-    }) 
-}}
-
-<p>
-    <em>includeUrl</em> is actually a very flexible HTTP Client which can leverage the 
-    <a href="/docs/default-filters#url-handling">URL Handling</a> filters to easily construct urls and the additional
-    filter arguments to customize the HTTP Request that's sent, here are some examples:
-</p>
-
-<p>
-    Accept JSON responses:
-</p>
-
-{{#raw}}
-<pre class="cs"><code>{{ url | includeUrl({ accept: 'application/json' }) }}</code></pre>
-<pre class="cs"><code>{{ url | includeUrl({ dataType: 'json' }) }}</code></pre>
-
-<p>
-    Send data as <b>form-urlencoded</b> in a HTTP PUT Request with a <b>Templates</b> User-Agent:
-</p>
-
-<pre class="cs"><code>{{ url | includeUrl({ method:'PUT', data: { id: 1, name: 'foo' }, userAgent:"Templates" }) }}</code></pre>
-
-<p>
-    Send data as JSON in a HTTP POST request and Accept JSON response:
-</p>
-
-<pre class="cs"><code>{{ url | includeUrl({ method: 'POST', data: { id: 1, name: 'foo' }, 
-                      accept: 'application/json', contentType: 'application/json' }) }}</code></pre>
-
-<p>
-    Shorter version of above request:
-</p>
-
-<pre class="cs"><code>{{ url | includeUrl({ method:'POST', data: { id: 1, name: 'foo' }, dataType: 'json' }) }}</code></pre>
-
-<p>
-    Send data as CSV in a HTTP POST Request and Accept a CSV response:
-</p>
-
-<pre class="cs"><code>includeUrl({ method:'POST', data: [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }], dataType:'csv' })</code></pre>
-
-
-<h4 id="includeurlwithcache">includeUrlWithCache</h4>
-<div class="alias">urlContentsWithCache</div>
-
-<p>
-    In the same way <em>includeFileWithCache</em> can cache file contents, <em>includeUrlWithCache</em> can cache URL content, 
-    either without an expiration:
-</p>
-
-
-<pre class="cs">{{ url | includeUrlWithCache }}<code></code></pre>
-
-<p>
-    In which case it will use the <b>1 minute</b> default overridable in <em>Args[DefaultUrlCacheExpiry]</em>    
-    or if you want to ensure that no more than 1 url request is made per hour for this url you can specify a custom expiry with:
-</p>
-
-<pre class="cs">{{ url | includeUrlWithCache({ expiresInSecs: 3600 }) }}<code></code></pre>
-
-<h3 id="virtual-file-system-apis">Virtual File System APIs</h3>
-
-<p>
-    The <a href="http://docs.servicestack.net/virtual-file-system">Virtual File System APIs</a> are mapped to the following filters:
-</p>
-{{/raw}}
-
-<table class="table table-striped">
-    <thead>
-        <tr>
-            <th>Filter Name</th>
-            <th>
-                <a href="https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Interfaces/IO">Virtual File System API</a>
-            </th>
-        </tr>
-    </thead>
-    <tr>
-        <th colspan="2" style="text-align:right">File APIs</th>
-    </tr>
-    <tr>
-        <th>filesFind</th>
-        <td>GetAllMatchingFiles(globPatern)</td>
-    </tr>
-    <tr>
-        <th>fileExists</th>
-        <td>FileExists(virtualPath)</td>
-    </tr>
-    <tr>
-        <th>file</th>
-        <td>GetFile(virtualPath)</td>
-    </tr>
-    <tr>
-        <th>fileWrite</th>
-        <td>WriteFile(virtualPath, contents)</td>
-    </tr>
-    <tr>
-        <th>fileAppend</th>
-        <td>AppendFile(virtualPath, contents)</td>
-    </tr>
-    <tr>
-        <th>fileDelete</th>
-        <td>DeleteFile(virtualPath)</td>
-    </tr>
-    <tr>
-        <th>fileReadAll</th>
-        <td>GetFile(virtualPath).ReadAllText()</td>
-    </tr>
-    <tr>
-        <th>fileReadAllBytes</th>
-        <td>GetFile(virtualPath).ReadAllBytes()</td>
-    </tr>
-    <tr>
-        <th>fileHash</th>
-        <td>GetFileHash(virtualPath)</td>
-    </tr>
-    <tr>
-        <th colspan="2" style="text-align:right">Directory APIs</th>
-    </tr>
-    <tr>
-        <th>dir</th>
-        <td>GetDirectory(virtualPath)</td>
-    </tr>
-    <tr>
-        <th>dirExists</th>
-        <td>DirectoryExists(virtualPath)</td>
-    </tr>
-    <tr>
-        <th>dirFile</th>
-        <td>GetDirectory(dirPath).GetFile(fileName)</td>
-    </tr>
-    <tr>
-        <th>dirFiles</th>
-        <td>.GetDirectory(dirPath).GetFiles()</td>
-    </tr>
-    <tr>
-        <th>dirDirectory</th>
-        <td>GetDirectory(dirPath).GetDirectory(dirName)</td>
-    </tr>
-    <tr>
-        <th>dirDirectories</th>
-        <td>GetDirectory(dirPath).GetDirectories()</td>
-    </tr>
-    <tr>
-        <th>dirFilesFind</th>
-        <td>GetDirectory(dirPath).GetAllMatchingFiles(globPatern)</td>
-    </tr>
-    <tr>
-        <th colspan="2" style="text-align:right">Virtual File System APIs</th>
-    </tr>
-    <tr>
-        <th>vfsAllFiles</th>
-        <td>GetAllFiles()</td>
-    </tr>
-    <tr>
-        <th>vfsAllRootFiles</th>
-        <td>GetRootFiles()</td>
-    </tr>
-    <tr>
-        <th>vfsAllRootDirectories</th>
-        <td>GetRootDirectories()</td>
-    </tr>
-    <tr>
-        <th>vfsCombinePath</th>
-        <td>CombineVirtualPath(basePath, relativePath)</td>
-    </tr>
-</table>
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=protected-filters">full list of Protected filters available</a>.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/redis-filters.html b/src/wwwroot/docs/redis-filters.html
deleted file mode 100644
index fbd61be..0000000
--- a/src/wwwroot/docs/redis-filters.html
+++ /dev/null
@@ -1,154 +0,0 @@
-<!--
-title: Redis Filters
-order: 14
--->
-
-<p>
-    The Redis Filters provide connectivity with a <a href="https://redis.io">Redis</a> Server instance using the 
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis">ServiceStack.Redis</a> library. To enable, install 
-    the <a href="https://www.nuget.org/packages/ServiceStack.Redis/">ServiceStack.Redis</a> NuGet Package, then 
-    register a <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-client-managers">Redis Client Manager</a>
-    in the IOC:
-</p>
-
-{{ 'gfm/redis-filters/01.md' | githubMarkdown }}
-
-<p>
-    Then to enable in templates register 
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis/blob/master/src/ServiceStack.Redis/TemplateRedisFilters.cs">TemplateRedisFilters</a>:
-</p>
-
-{{ 'gfm/redis-filters/02.md' | githubMarkdown }}
-
-<p>
-    Your templates are now able to use the <a href="/docs/filters-reference?tab=redis-filters">available Redis Filters</a>.
-</p>
-
-<h4 id="redisCall">redisCall</h4>
-
-<p>
-    This is your main interface into Redis which utilizes the 
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis#generic-apis-for-calling-custom-redis-commands">Custom Commands API</a>
-    to be able to execute any arbitrary Redis command. It can either be called with a string similar to commands sent 
-    with <a href="https://redis.io/topics/rediscli">redis-cli</a>, e.g:
-</p>
-
-<pre class="cs"><code>{{ pass: 'GET foo' | redisCall }}</code></pre>
-
-<p>
-    This works for most Redis commands but uses internal heuristics to determine where to split the command into the multiple arguments that 
-    redis-server natively understands. A more deterministic usage which doesn't rely on any heuristics is to pass an array of arguments:
-</p>
-
-<pre class="cs"><code>{{ pass: ['GET', 'foo'] | redisCall }}</code></pre>
-
-<p>
-    <em>redisCall</em> returns either a single <em>object</em> for redis commands returning single values or a List or nested List of
-    objects for Redis commands returning <a href="https://redis.io/topics/protocol">complex Responses</a>.
-</p>
-
-<h4 id="redisInfo">redisInfo</h4>
-
-<p>
-    Returns the Redis Server Info from <a href="https://redis.io/commands/info">Redis Info</a> command in a String Dictionary.
-</p>
-
-<h4 id="redisSearchKeys">redisSearchKeys</h4>
-
-<p>
-    Provides an efficient API for searching Redis Keys by utilizing 
-    <a href="https://redis.io/commands/scan">Redis's non-blocking SCAN</a> command, to fetch results and a server-side LUA script
-    to populate the results with metadata. Results are returned in a typed <em>List&lt;RedisSearchResult&gt;</em>:
-</p>
-
-{{ 'gfm/redis-filters/03.md' | githubMarkdown }}
-
-<h4 id="redisSearchKeysAsJson">redisSearchKeysAsJson</h4>
-
-<p>
-    If preferred, you can access the search results as JSON and parse it on the client instead.
-</p>
-
-<h4 id="redisConnection">redisConnection</h4>
-
-<p>
-    Returns the current Connection Info in an Object Dictionary containing: <em>{{ pass: host, port, db }}</em>
-</p>
-
-<h4 id="redisToConnectionString">redisToConnectionString</h4>
-
-<p>
-    Converts an <em>redisConnection</em> Object Dictionary into a 
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-connection-strings">Redis Connection String</a>.
-</p>
-
-<h3>Redis App Examples</h3>
-
-<p>
-    The Web Apps below utilize Redis Filters for all their Redis functionality:
-</p>
-
-<h4>Redis Vue</h4>
-<p>
-    <a href="http://redis.web-app.io">redis.web-app.io</a> is a generic Redis Database Viewer that provides a human-friendly view
-    of any Redis data Type, including a dedicated UI to create and populate any Redis data type which just utilizes the above Redis Filters
-    and a single Vue <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/index.html">index.html</a> App to power the Redis UI:
-</p>
-
-<p>
-    <a href="http://redis.web-app.io"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/redis-netcore/redis-netcore.png" 
-        style="max-width:850px" alt=".NET Core Redis Viewer"></a>
-</p>
-
-<h4>Redis HTML</h4>
-
-<p>
-    <a href="http://redis-html.web-app.io">redis-html.web-app.io</a> is a version of Redis UI built using just Templates and Redis
-    filters where all functionality is maintained in a single <a href="https://github.com/NetCoreWebApps/redis-html/blob/master/app/index.html">index.html</a>
-    weighing under <b>&lt;200 LOC</b> including HTML and JavaScript. It's a good example of how the declarative style of programming
-    that ServiceStack Templates encourages a highly-readable code-base that packs a lot of functionality in a tiny foot print.
-</p>
-
-<h5>Server Generated HTML</h5>
-
-<p>
-    It's not immediatly obvious when running this locally since both Templates and Redis are super fast, but Redis HTML was developed as
-    a traditional Website where all HTML is server-generated and every search box key stroke and click on search results performs 
-    a full-page reload. There's a slight sub-second delay that causes a noticable flicker when hosted on the Internet due to network lag, but 
-    otherwise server-generated Template Websites can enable a highly responsive UI (especially in Intranets) with great SEO and deep-linking
-    and back-button support working as expected without the complexity of adopting a client-side JavaScript SPA framework and build-system.
-</p>
-
-<h3>Run against your local Redis instance</h3>
-
-<p>
-    You can run the above Redis WebApp's against your local redis instance by cloning the 
-    <a href="https://github.com/ServiceStack/dotnet-app">NetCoreApps/WebApp</a> GitHub project and in the 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps">/src/apps</a> folder run:
-</p>
-
-<pre class="sh"><code>dotnet web/app.dll ../redis/app.settings</code></pre>
-
-<p>
-    As this is a <a href="/usecases/web-templates">Web Template</a> Web App it doesn't need any compilation so after 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps">running the Redis Web App</a>
-    you can modify the source code and see changes in real-time thanks to its built-in <a href="/docs/hot-reloading">Hot Reloading</a> support.
-</p>
-
-<h5>Populate redis with the Northwind database</h5>
-
-<p>
-    You can use the
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">northwind-data</a> 
-    project to populate a Redis instance with Northwind test data by running:
-</p>
-
-<pre class="sh"><code>dotnet run redis localhost:6379</code></pre>
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=redis-filters">full list of Redis filters available</a>.
-</p>
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/sandbox.html b/src/wwwroot/docs/sandbox.html
deleted file mode 100644
index b443074..0000000
--- a/src/wwwroot/docs/sandbox.html
+++ /dev/null
@@ -1,60 +0,0 @@
-<!--
-title: Sandbox
-order: 23
--->
-
-<p>
-    Another useful feature of Templates is that it operates within a controlled sandbox where each <em>TemplateContext</em> instance is 
-    isolated and defines the entire execution environment on which Templates are executed within as such it should be safe to run
-    Templates from untrusted 3rd Party sources as they're confined to what's available within their allowed <em>TemplateContext</em> instance. 
-</p>
-
-<h4>TemplateContext</h4>
-
-<p>
-    The only functionality a new <em>TemplateContext</em> instance has access to are the 
-    <a href="/docs/default-filters">safe set of default filters</a> and the <a href="/docs/transformers#htmlencode">htmlencode Filter Transformer</a>.
-    Templates can't call methods on instances or have any other way to invoke a method unless it's explicitly registered. 
-</p>
-
-<p>
-    If running a template from an untrusted source we recommend running them within a new <em>TemplateContext</em> instance so they're 
-    kept isolated from any other <em>TemplateContext</em> instance. Context's are cheap to create, so there won't be a noticeable delay when 
-    executing in a new instance but they're used to cache compiled lambda expressions which will need to be recreated if executing Templates
-    in new TemplateContext instances. For improved performance you can instead have all untrusted templates use the same
-    TemplateContext instance that way they're able to reuse compiled expressions.
-</p>
-
-<h4 id="remove-default-filters">Remove default filters</h4>
-
-<p>
-    If you want to start from a clean slate, the default filters can be removed by clearing the <em>TemplateFilters</em> collection:
-</p>
-
-{{ 'gfm/sandbox/01.md' | githubMarkdown }}
-
-<h4 id="disable-filters">Disabling adhoc Filters</h4>
-
-<p>
-    Or if you only want to disable access to some filters without removing them all, you can disable access to adhoc filters
-    by adding to the <em>ExcludeFiltersNamed</em> collection:
-</p>
-
-{{ 'gfm/sandbox/02.md' | githubMarkdown }}
-
-<blockquote>
-    Filters can also be disabled on an individual <em>PageResult</em> by populating its <em>ExcludeFiltersNamed</em> collection.
-</blockquote>
-
-<h4>Instance creation and MaxQuota</h4>
-
-<p>
-    The only instances that can be created within templates are what's allowed in 
-    <a href="/docs/syntax#javascript-literals">JavaScript Literals</a> and the
-    <a href="/docs/default-filters#generation">Generation and Repeating Filters</a>. To limit any potential CPU and GC abuse any default filters
-    that can generate instances are limited to a <em>MaxQuota</em> of <b>10000</b> iterations. This quota can be modified with:    
-</p>
-
-{{ 'gfm/sandbox/03.md' | githubMarkdown }}
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/servicestack-filters.html b/src/wwwroot/docs/servicestack-filters.html
deleted file mode 100644
index d28c419..0000000
--- a/src/wwwroot/docs/servicestack-filters.html
+++ /dev/null
@@ -1,365 +0,0 @@
-<!--
-title: ServiceStack Filters
-order: 12
--->
-
-<p>
-    The ServiceStack Filters provide integration with ServiceStack features that are already pre-registered in ServiceStack's 
-    <em>TemplatePagesFeature</em> which are implemented in 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/TemplateServiceStackFilters.cs">TemplateServiceStackFilters</a>.
-</p>
-
-<blockquote>
-    See <a href="/docs/servicestack-filters#info-filters">Info Filters</a> for accessing the currently authenticated user.
-</blockquote>
-
-<style>
-    h2 {
-        padding: 0;
-        margin: 0;
-    }
-</style>
-
-<h3>sendToGateway</h3>
-
-<p>
-    <em>sendToGateway</em> lets you easily call any ServiceStack Service available through its 
-    <a href="http://docs.servicestack.net/service-gateway">Service Gateway</a> which allows the same API to transparently
-    <a href="http://docs.servicestack.net/service-gateway#service-integration-apis">call an In-Process or Remote Service</a>. 
-</p>
-
-<p>
-    The example below calls this <em>QueryCustomers</em>
-    <a href="http://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS Service</a>, its entire implementation is below:
-</p>
-
-{{ 'gfm/servicestack-filters/01.md' | githubMarkdown }}
-
-{{ 'examples/sendtogateway-customers.html' | includeFile | assignTo: template }}
-{{ "live-template" | partial({ rows:11, template }) }}
-
-<h3>publishToGateway</h3>
-
-<p>
-    <em>publishToGateway</em> is for sending OneWay requests with side-effects to <em>IReturnVoid</em> Services, e.g:
-</p>
-
-{{ 'gfm/servicestack-filters/02.md' | githubMarkdown }}
-
-<h3 id="sendToAutoQuery-data">sendToAutoQuery</h3>
-
-<p>
-    The <em>sendToAutoQuery</em> filter makes requests directly against the <a href="http://docs.servicestack.net/autoquery">AutoQuery API</a>. 
-    The <em>TemplateServiceStackFilters</em> only supports calling 
-    <a href="http://docs.servicestack.net/autoquery-data">AutoQuery Data Services</a> as it's implementation is contained
-    within the <a href="https://www.nuget.org/packages/ServiceStack">ServiceStack</a> NuGet package.
-</p>
-
-<p>
-    <a href="http://docs.servicestack.net/autoquery-data">AutoQuery Data</a>
-    is an open querying abstraction that supports multiple pluggable back-ends that enables rich querying of 
-    <a href="http://docs.servicestack.net/autoquery-memory">In Memory</a> collections, 
-    results from executed <a href="http://docs.servicestack.net/autoquery-service">ServiceStack Services</a> as well as 
-    AWS <a href="http://docs.servicestack.net/autoquery-dynamodb">Dynamo DB</a> data stores. It also maintains the equivalent 
-    external API and wire-format as <a href="http://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> Services
-    which is how <a href="https://github.com/ServiceStack/Admin">AutoQuery Viewer</a> is able to transparently support 
-    building custom queries for any AutoQuery Service.
-</p>
-
-<h4>GitHub AutoQuery Data Example</h4>
-
-<p>
-    For this example we'll register a <b>ServiceSource</b> which will call the 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/AutoDataQueryServices.cs">GetGithubRepos Service implementation</a>
-    for any AutoQuery Data DTOs that query <em>GithubRepo</em> data sources: 
-</p>
-
-{{ 'gfm/servicestack-filters/03.md' | githubMarkdown }}
-
-<p>
-    This registration also specifies to cache the response of the <em>GetGithubRepos</em> Service in the registered 
-    <a href="http://docs.servicestack.net/caching">Caching Provider</a> and operate on the cached data set for up to 
-    <b>10 minutes</b> to mitigate GitHub API's rate-limiting. All that's remaining is to create the <em>QueryGitHubRepos</em> 
-    Service by defining the Request DTO below and implement the backing
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/AutoDataQueryServices.cs">GetGithubRepos Service</a>
-    it calls which combines a number of GitHub API calls to fetch all Repo's for a GitHub User or Organization:
-</p>
-
-{{ 'gfm/servicestack-filters/04.md' | githubMarkdown }}
-
-<p>
-    That's all that's required to be able to query GitHub's User and Organization APIs, since they're just normal ServiceStack Services
-    we could've used <em>sendToAutoQuery</em> to call <em>QueryGitHubRepos</em> but it would be limited to only being able to call properties
-    explicitly defined on the Request DTO, whereas <em>sendToAutoQuery</em> executes against the <em>IAutoQueryData</em> API which 
-    enables access to all <a href="http://docs.servicestack.net/autoquery-rdbms#implicit-conventions">Implicit Conventions</a> 
-    and other Querying related functionality:
-</p>
-
-{{ 'examples/sendToAutoQuery-data.html' | includeFile | assignTo: template }}
-{{ "live-template" | partial({ rows:6, template }) }}
-
-<h3>AutoQuery RDBMS</h3>
-
-<p>
-    <a href="http://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> is implemented in the
-    <a href="https://www.nuget.org/packages/ServiceStack.Server">ServiceStack.Server</a> NuGet package
-    which you'll need to install along with the
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a>
-    which can then be registered in the IOC with:
-</p>
-
-{{ 'gfm/servicestack-filters/05.md' | githubMarkdown }}
-    
-<p>
-    AutoQuery can then be enabled by registering the <em>AutoQueryFeature</em> plugin:
-</p>
-
-{{ 'gfm/servicestack-filters/06.md' | githubMarkdown }}
-
-<p>
-    Which will let you start developing <a href="http://docs.servicestack.net/autoquery-rdbms">AutoQuery Services</a>.
-    To then let your Templates to call AutoQuery Services directly, register the <em>TemplateAutoQueryFilters</em>:
-</p>
-
-{{ 'gfm/servicestack-filters/07.md' | githubMarkdown }}
-
-<h4 id="sendToAutoQuery-rdbms">sendToAutoQuery</h4>
-
-<p>
-    As they share the same semantics and wire-format, you can use the same <b>sendToAutoQuery</b> filter name to call
-    either AutoQuery Data or AutoQuery RDBMS Services which automatically gets routed to the appropriate implementation. 
-    This also means that you can replace your implementation to from AutoQuery Data to RDBMS and vice-versa behind the
-    scenes and your templates will continue to work untouched.
-</p>
-
-<p>
-    For this example we'll re-use the same <em>QueryCustomers</em> AutoQuery Implementation that the 
-    <a href="/docs/servicestack-filters#sendtogateway">sendToGateway</a> uses:
-</p>
-
-{{ 'gfm/servicestack-filters/08.md' | githubMarkdown }}
-
-<p>
-    But instead of being limited by explicit properties on the Request DTO 
-    <em>sendToAutoQuery</em> extends the queryability of AutoQuery Services to enable querying all
-    <a href="http://docs.servicestack.net/autoquery-rdbms#implicit-conventions">implicit conventions</a> as well:
-</p>
-
-{{ 'examples/sendToAutoQuery-rdms.html' | includeFile | assignTo: template }}
-{{ "live-template" | partial({ rows:6, template }) }}
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=ss-filters">full list of ServiceStack filters available</a>.
-</p>
-
-<h2 id="info-filters">Info Filters</h2>
-
-
-<p>
-    The debug info filters provide an easy to inspect the state of a remote ServiceStack Instance by making a number of metadata
-    objects and APIs available to query. The 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/TemplateInfoFilters.cs">TemplateInfoFilters</a>
-    are pre-registered in ServiceStack's <em>TemplatePagesFeature</em>. You can make them available in a <em>TemplateContext</em> with:
-</p>
-
-{{ 'gfm/info-filters/01.md' | githubMarkdown }}
-
-<table class="table table-striped">
-    <thead>
-        <tr>
-            <th>Filter Name</th>
-            <th>API Mapping</th>
-        </tr>
-    </thead>
-    <tr>
-        <th colspan="2" style="text-align:right">Environment APIs</th>
-    </tr>
-    <tr>
-        <th>envVariable</th>
-        <td>Environment.GetEnvironmentVariable(variable)</td>
-    </tr>
-    <tr>
-        <th>envExpandVariables</th>
-        <td>Environment.ExpandEnvironmentVariables(name)</td>
-    </tr>
-    <tr>
-        <th>envProcessorCount</th>
-        <td>Environment.ProcessorCount</td>
-    </tr>
-    <tr>
-        <th>envTickCount</th>
-        <td>Environment.TickCount</td>
-    </tr>
-    <tr>
-        <th>envServerUserAgent</th>
-        <td>Env.ServerUserAgent</td>
-    </tr>
-    <tr>
-        <th>envServiceStackVersion</th>
-        <td>Env.ServiceStackVersion</td>
-    </tr>
-    <tr>
-        <th>envIsWindows</th>
-        <td>Env.IsWindows (net45) / IsOSPlatform(Windows) (netcore)</td>
-    </tr>
-    <tr>
-        <th>envIsLinux</th>
-        <td>Env.IsLinux (net45) / IsOSPlatform(Linux) (netcore)</td>
-    </tr>
-    <tr>
-        <th>envIsOSX</th>
-        <td>Env.IsOSX (net45) / IsOSPlatform(OSX) (netcore)</td>
-    </tr>
-    <tr>
-        <th>networkIpv4Addresses</th>
-        <td>GetAllNetworkInterfaceIpv4Addresses()</td>
-    </tr>
-    <tr>
-        <th>networkIpv6Addresses</th>
-        <td>GetAllNetworkInterfaceIpv6Addresses()</td>
-    </tr>
-    <tr>
-        <th colspan="2" style="text-align:right">ServiceStack User APIs</th>
-    </tr>
-    <tr>
-        <th>userSession</th>
-        <td>IRequest.GetSession()</td>
-    </tr>
-    <tr>
-        <th>userSessionId</th>
-        <td>IRequest.GetSessionId()</td>
-    </tr>
-    <tr>
-        <th>userSession</th>
-        <td>IRequest.GetSession()</td>
-    </tr>
-    <tr>
-        <th>userPermanentSessionId</th>
-        <td>IRequest.GetPermanentSessionId()</td>
-    </tr>
-    <tr>
-        <th>userSessionOptions</th>
-        <td>IRequest.GetSessionOptions()</td>
-    </tr>
-    <tr>
-        <th>userHasRole</th>
-        <td>IAuthSession.HasRole(role)</td>
-    </tr>
-    <tr>
-        <th>userHasPermission</th>
-        <td>IAuthSession.HasPermission(permission)</td>
-    </tr>
-    <tr>
-        <th colspan="2" style="text-align:right">ServiceStack Metadata APIs</th>
-    </tr>
-    <tr>
-        <th>metaAllDtos</th>
-        <td>Metadata.GetAllDtos()</td>
-    </tr>
-    <tr>
-        <th>metaAllDtoNames</th>
-        <td>Metadata.GetOperationDtos(x => x.Name)</td>
-    </tr>
-    <tr>
-        <th>metaAllOperations</th>
-        <td>Metadata.Operations</td>
-    </tr>
-    <tr>
-        <th>metaAllOperationNames</th>
-        <td>Metadata.GetAllOperationNames()</td>
-    </tr>
-    <tr>
-        <th>metaAllOperationTypes</th>
-        <td>Metadata.GetAllOperationTypes()</td>
-    </tr>
-    <tr>
-        <th>metaOperation</th>
-        <td>Metadata.GetOperation(name)</td>
-    </tr>
-</table>
-
-<hr>
-
-<h4 style="position:absolute; margin: 0 0 0 640px" ><a href="/metadata/debug">/metadata/debug</a></h4>
-<h3 id="debug-template">Debug Template</h3>
-
-<a href="/metadata/debug">
-    <img src="/assets/img/screenshots/metadata-debug.png" alt="Metadata Debug Templates Screenshot">
-</a>
-
-<p>
-    The Debug Template is a Service in <em>TemplatePagesFeature</em> that's pre-registered in <a href="http://docs.servicestack.net/debugging#debugmode">DebugMode</a>. 
-    The Service can also be available when not in <b>DebugMode</b> by enabling it with:
-</p>
-
-{{ 'gfm/info-filters/02.md' | githubMarkdown }}
-
-<p>
-    This registers the Service but limits it to Users with the <em>Admin</em> role, alternatively you configure an 
-    <a href="http://docs.servicestack.net/debugging#authsecret">Admin Secret Key</a>:
-</p>
-
-{{ 'gfm/info-filters/03.md' | githubMarkdown }}
-
-<p>
-    Which will let you access it by appending the authsecret to the querystring: 
-    <em>/metadata/debug?authsecret=secret</em>
-</p>
-
-<p>
-    Alternatively if preferred you can make the Debug Template Service available to all users with:
-</p>
-
-{{ 'gfm/info-filters/04.md' | githubMarkdown }}
-
-<p>
-    Which is the configuration used in this .NET Core App which makes the Debug Template Service accessible to everyone:
-</p>
-
-<h4><a href="/metadata/debug">/metadata/debug</a></h4>
-
-<p>
-    Debug Templates are executed in a new <em>TemplateContext</em> instance pre-configured with the above <em>TemplateInfoFilters</em>
-    and a copy of any context arguments in <em>TemplatePagesFeature</em> which is the only thing it can access from the plugin.
-</p>
-
-<p>
-    In addition to <em>TemplatePagesFeature</em> arguments, they're also populated with the following additional arguments:
-</p>
-
-<table class="table">
-    <tr>
-        <th>request</th>
-        <td>The current <em>IHttpRequest</em></td>
-    </tr>
-    <tr>
-        <th>appHost</th>
-        <td>The ServiceStack AppHost Instance</td>
-    </tr>
-    <tr>
-        <th>appConfig</th>
-        <td>ServiceStack's AppHost Configuration</td>
-    </tr>
-    <tr>
-        <th>appVirtualFilesPath</th>
-        <td>The Read/Write <em>IVirtualFiles</em> (aka ContentRootPath)</td>
-    </tr>
-    <tr>
-        <th>appVirtualFileSourcesPath</th>
-        <td>Multiple read-only Virtual File Sources (aka WebRootPath)</td>
-    </tr>
-    <tr>
-        <th>meta</th>
-        <td>ServiceStack Metadata Services Object</td>
-    </tr>
-</table>
-
-<p>
-    See the Filters API Reference for the 
-    <a href="/docs/filters-reference?tab=info-filters">full list of Info filters available</a>.
-</p>
-
-
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/syntax.html b/src/wwwroot/docs/syntax.html
deleted file mode 100644
index c3f015d..0000000
--- a/src/wwwroot/docs/syntax.html
+++ /dev/null
@@ -1,189 +0,0 @@
-<!--
-title: Syntax
-order: 3
--->
-
-<p>
-    The syntax is inspired by and it most cases compatible with <a href="https://vuejs.org/v2/guide/syntax.html#Filters">Vue.js filters</a>,
-    with the goal being you can use the same common language to implement server rendering with ServiceStack Templates as you would do 
-    in client-side rendering of Single Page Apps using Vue filters. With this in mind, the syntax within mustaches is compatible with JavaScript 
-    where you can use native JS data structures despite it creating C# objects and calling C# methods behind-the-scenes.
-</p>
-
-<h4>Mustache expressions</h4>
-
-<p>
-    Just like Vue filters, only expressions inside mustaches are evaluated, everything outside mustaches are emitted as-is:
-</p>
-
-{{ 'live-template' | partial({ template: "outside <i>{{ 'shout' | upper }}</i> text" }) }}
-
-<p>
-    Which calls the <em>upper</em> default filter function where the argument on the left-side of the "pipe" symbol is 
-    passed as the first argument to the filter which is implemented as:
-</p>
-
-{{ 'gfm/syntax/01.md' | githubMarkdown }}
-
-<p>
-    This can also be rewritten without the "pipe" symbol by calling the filter with an argument instead:
-</p>
-
-{{ 'live-template' | partial({ template: "outside <i>{{ upper('shout') }}</i> text" }) }}
-
-<h4>Filters can be chained</h4>
-
-<p>
-    Filters are chained from left-to-right where the value on the left side of the "pipe" symbol is passed as the first 
-    argument in the filter on the right and the output of that is passed as the input of the next filter in the chain and so on:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ 'shout' | upper | substring(2) | padRight(6, '_') | repeat(3) }}" }) }}
-
-<p>
-    Filters can also accept additional arguments which are passed starting from the 2nd argument since the first 
-    argument is the value the filter is called with. E.g. here are the implementations for the <em>substring</em> and 
-    <em>padRight</em> default filters:
-</p>
-
-{{ 'gfm/syntax/02.md' | githubMarkdown }}
-
-<h4 id="javascript-literals">JavaScript literal notation</h4>
-
-<p>
-    You can use the same literal syntax used to define numbers, strings, booleans, null, Objects and Arrays in JavaScript
-    within templates and it will get converted into the most appropriate .NET Type, e.g:
-</p>
-
-{{ 'live-template' | partial({ rows: 8, template: "{{ null               | typeName }}
-{{ true               | typeName }}
-{{ 1                  | typeName }}
-{{ 1.1                | typeName }}
-{{ 'string'           | typeName }}
-{{ ['array', 'items'] | typeName }}
-{{ { key: 'value' }   | typeName }}
-" }) }}
-
-<p>
-    ES6 Shorthand notation is also supported where you can use the argument name as its property name in a Dictionary:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ 'foo'    | assignTo: bar }}
-{{ { bar }  | assignTo: obj }}
-{{ obj['bar'] }}" }) }}
-
-<h4>Quotes</h4>
-
-<p>
-    As strings are prevalent in Templates, you can define them using single quotes, double quotes, prime quotes or backticks:
-</p>
-
-{{ 'live-template' | partial({ rows:4, template: "{{ \"double quotes\" }}
-{{ 'single quotes' }}
-{{ ′prime quotes′ }}
-{{ `backticks` }}" }) }}
-
-<blockquote>
-    Strings can also span multiple lines.
-</blockquote>
-
-<h4>Template Literals</h4>
-
-Backticks strings implement <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals">JavaScript's Template literals</a>
-which can be be used to embed expressions:
-
-{{ 'live-template' | partial({ rows:4, template: "{{ `Time is ${now}, expr= ${true ? pow(1+2,3) : ''}` }}
-Prime Quotes     {{ now.TimeOfDay | timeFormat(′h\\:mm\\:ss′) }}
-Template Literal {{ now.TimeOfDay | timeFormat(`h\\\\:mm\\\\:ss`) }}" }) }}
-
-The example above also shows the difference in escaping where Template literals evaluate escaped characters whilst normal strings 
-leave <em>\</em> backspaces unescaped.
-
-<h4>Shorthand arrow expression syntax</h4>
-
-<p>
-    Filters have full support for JavaScript expressions but doesn't support statements or function declarations although it 
-    does support JavaScript's arrow function expressions which can be used in functional filters to enable LINQ-like queries.
-    You can use fat arrows <em>=></em> immediately after filters to define lambda's with an implicit <em>(it => ...)</em> binding, e.g:
-</p>
-
-{{ 'live-template' | partial({ template: ′{{ [0,1,2,3,4,5]
-   | where => it >= 3
-   | map => it + 10 | join(`\n`) }}′ }) }}
-
-<p>
-    This is a shorthand for declaring lambda expressions with normal arrow expression syntax:
-</p>
-
-{{ 'live-template' | partial({ template: ′{{ [0,1,2,3,4,5]
-    | where(it => it >= 3)
-    | map(x => x + 10) | join(`\n`) }}′ }) }}
- 
-<p>
-    Using normal lambda expression syntax lets you rename lambda parameters as seen in the <em>map(x => ...)</em> example.
-</p>
-
-<h4>Special string argument syntax</h4>
-
-<p>
-    As string expressions are a prevalent in Templates, we've also given them special wrist-friendly syntax where you
-    can add a colon at the end of the filter name which says to treat the following characters up until the end of the
-    line or mustache expression as a string, trim it and convert '{' and '}' chars into mustaches. With this syntax
-    you can write:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ [3,4,5] | select: { it | incrBy(10) }\\n }}" }) }}
-
-<p>
-    and it will be rewritten into its equivalent and more verbose form of:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ [3,4,5] | select(′{{ it | incrBy(10) }}\\n′) }}" 
-}) }}
-
-<h4>SQL-like Boolean Expressions</h4>
-
-<p>
-    To maximize readability and intuitiveness for non-programmers, boolean expressions can also adopt an SQL-like syntax where
-    instead of using <em>&amp;&amp;</em>, <em>||</em> or <em>==</em> operator syntax to define boolean expressions you can also
-    use the more human-friendly <em>and</em>, <em>or</em> and <em>=</em> alternatives:
-</p>
-
-{{ 'live-template' | partial({ template: "{{ [0,1,2,3,4,5] 
-   | where => (it = 2 or it = 3) and isOdd(it)
-   | join }}" }) }}
-
-<h4>Include Raw Content Verbatim</h4>
-
-Use <em>#raw</em> blocks to ignore evaluating expressions and emit content verbatim. This is useful when using a
-client Handlebars-like templating solution like Vue or Angular templates where expressions need to be evaluated 
-with JavaScript in the browser instead of on the Server with Templates:
-
-{{ 'live-template' | partial({ rows: 4, template: "{{#raw}}Hi {{ person.name }}, Welcome to {{ site.name }}!{{/raw}}
-
-{{#raw template}}Assign contents with {{ expressions }} into 'template' argument{{/raw}}
-Captured Argument: {{template}}" 
- }) }}
-
-<h4>Multi-line Comments</h4>
-
-<p>
-    Any text within <em>{{#raw}}{{#noop}} ... {{/noop}}{{/raw}}</em> block statements are ignored and can be used for temporarily removing
-    sections from pages without needing to delete it.
-</p>
-
-<p>
-    Everything within multi-line comments <em>{{#raw}}{{&zwnj;*</em> and <em>*&zwnj;}}{{/raw}}</em> is ignored and removed from the page.
-</p>
-
-<p>
-    An alternative way to temporarily disable an expression is to prefix the expression with the <em>end</em> filter to 
-    immediately short-circuit evaluation, e.g: <em>{{#raw}}{{ end | now | dateFormat }}{{/raw}}</em>
-</p>
-
-<p>
-    See <a href="/docs/view-engine#ignoring-pages">Ignoring Pages</a> for different options for ignoring entire pages and 
-    templates.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/transformers.html b/src/wwwroot/docs/transformers.html
deleted file mode 100644
index 3e86740..0000000
--- a/src/wwwroot/docs/transformers.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<!--
-title: Transformers
-order: 16
--->
-
-<p>
-    You can apply a chain of multiple Stream transformations to Template output using Transformers which are just functions that
-    accept an Input Stream and return a modified Output Stream. The MarkdownPageFormat's <em>TransformToHtml</em> shows an example
-    of a Transformer which converts Markdown Input and returns a Stream of HTML output:
-</p>
-
-{{ 'gfm/transformers/01.md' | githubMarkdown }}
-
-<h4 id="output-transformers">Output Transformers</h4>
-
-<p>
-    You can transform the entire output of a Template with Output Transformers which you would do if both your <b>_layout</b>
-    and <b>page</b> both contain markdown, e.g:
-</p>
-
-{{ 'gfm/transformers/02.md' | githubMarkdown }}
-
-<h5>PageResult with Output Transformer</h5>
-
-{{ 'gfm/transformers/03.md' | githubMarkdown }}
-
-<p>
-    After the Template is evaluated it's entire output gets passed into the chain of OutputTransformers defined, which in this case will
-    send a MemoryStream of the generated Markdown Output into the <em>MarkdownPageFormat.TransformToHtml</em> transformer which returns
-    a Stream of converted HTML which is what's written to the OutputStream.
-</p>
-
-<h4 id="page-transformers">Page Transformers</h4>
-
-<p>
-    You can also apply Transformations to only the Page's output using Page Transformers which you would do if only the <b>page</b> was in 
-    Markdown and the <b>_layout</b> was already in HTML, e.g:
-</p>
-
-{{ 'gfm/transformers/04.md' | githubMarkdown }}
-
-<h5>PageResult with Page Transformer</h5>
-
-{{ 'gfm/transformers/05.md' | githubMarkdown }}
-
-<h4 id="filter-transformers">Filter Transformers</h4>
-
-<p>
-    Filter Transformers are used to apply Stream Transformations to <a href="/docs/filters#block-filters">Block Filters</a> which you 
-    could use if you only wanted to convert an embedded Markdown file inside a Page to HTML. You can register Filter Transformers 
-    in either the TemplateContext's or PageResult's <em>FilterTransformers</em> Dictionary by assigning it the name you want it available in
-    your Templates under, e.g:
-</p>
-
-{{ 'gfm/transformers/06.md' | githubMarkdown }}
-
-<h5>PageResult with Filter Transformer</h5>
-
-{{ 'gfm/transformers/07.md' | githubMarkdown }}
-
-<h4 id="htmlencode">htmlencode</h4>
-
-<p>
-    The <em>htmlencode</em> Filter Transformer is pre-registered in TemplateContext which lets you encode Block Filter outputs
-    which is useful when you want to HTML Encode a text file before embedding it in the page, e.g:
-</p>
-
-<pre class="cs"><code>{{ pass: "page.txt" | includeFile | htmlencode }}</code></pre>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/view-engine.html b/src/wwwroot/docs/view-engine.html
deleted file mode 100644
index 6e320f5..0000000
--- a/src/wwwroot/docs/view-engine.html
+++ /dev/null
@@ -1,414 +0,0 @@
-<!--
-title: View Engine
-order: 18
--->
-
-<p>
-    One of the most popular use-cases for a high-performance Templating engine like ServiceStack Templates is as a server-side
-    HTML View Engine for .NET Web Applications where it can provide a simpler, cleaner and portable alternative than Razor and 
-    Razor Pages in ASP.NET and ASP.NET Core Web Apps. 
-</p>
-
-<h3>View Engine in ServiceStack</h3>
-
-<p>
-    The <em>TemplatePagesFeature</em> plugin provides a first-class experience for generating dynamic websites where it's able to 
-    generate complete server-generated websites (like this one) without requiring any additional Controllers or Services.
-</p>
-
-<p>
-    To enable Template Pages as a View Engine in ServiceStack you just need to register the <em>TemplatePagesFeature</em> plugin:
-</p>
-
-{{ 'gfm/view-engine/01.md' | githubMarkdown }}
-
-<p>
-    <em>TemplatePagesFeature</em> is a subclass of <em>TemplateContext</em> which defines the context on which all ServiceStack 
-    Template Pages are executed within. It provides deep integration within ServiceStack by replacing the TemplateContext's stand-alone 
-    dependencies with ServiceStack AppHost providers, where it: 
-</p>
-
-<ul>
-    <li>Configures it to use ServiceStack's <a href="http://docs.servicestack.net/virtual-file-system">Virtual File Sources</a>
-        allowing Pages to be loaded from any configured VFS Source</li>
-    <li>Configures it to use ServiceStack's <a href="http://docs.servicestack.net/ioc">Funq IOC Container</a>         
-        so all ServiceStack dependencies are available to Code Pages</li>
-    <li>Configures it to use ServiceStack's <a href="http://docs.servicestack.net/appsettings">AppSettings</a>         
-        so all AppHost AppSettings are available to Template Pages as well</li>
-    <li>Configures <b>ScanAssemblies</b> to use AppHost Service Assemblies so it auto-registers all Filters in Service .dlls</li>
-    <li>Registers the <em>TemplateProtectedFilters</em> allowing Templates to access richer server-side functionality</li>
-    <li>Registers the <b>markdown</b> Filter Transformer using ServiceStack's built-in MarkdownDeep implementation</li>
-    <li>Makes the <em>ServiceStackCodePage</em> subclass available so Code Pages has access to same functionality as Services</li>
-    <li>Registers a Request Handler which enables all requests <b>.html</b> pages to be handled by Template Pages</li>
-</ul>
-
-<p>If preferred, you can change which <b>.html</b> extension gets handled by Template Pages with:</p>
-
-{{ 'gfm/view-engine/02.md' | githubMarkdown }}
-
-<h4 id="runs-everywhere">Runs Everywhere</h4>
-
-<p>
-    The beauty of ServiceStack Templates working natively with ServiceStack is that it runs everywhere ServiceStack does
-    which is in all major .NET Server Platforms. That is, your same Templates-based Web Application is able to use
-    the same Templates implementation, "flavour" and feature-set and is portable across whichever platform you choose to host it on:
-</p>
-
-<ul>
-  <li><b>Windows, OSX or Linux</b>
-    <ul>
-      <li><b>.NET Framework or Mono</b>
-        <ul>
-          <li><a href="https://github.com/ServiceStackApps/LiveDemos#live-servicestack-demos">Any ASP.NET host</a></li>
-          <li><a href="http://docs.servicestack.net/self-hosting">Stand-alone, Self-Hosted HttpListener</a></li>
-          <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#self-hosting-console-app">Entire App ILMerged into a single cross-platform App.exe</a></li>
-        </ul>
-      </li>
-      <li><b>.NET Core</b>
-        <ul>
-          <li><a href="https://github.com/NetCoreApps/LiveDemos#servicestack-net-core-live-demos">Web App or SelfHost</a></li>
-        </ul>
-      </li>
-    </ul>
-  </li>
-  <li><b>Windows</b>
-    <ul>
-      <li><a href="http://docs.servicestack.net/templates-windows-service">Stand-alone Windows Service</a></li>
-      <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#winforms-with-chromium-embedded-framework">Hosted inside WinForms with Chromium Embedded Framework</a></li>
-      <li><a href="https://github.com/ServiceStackApps/HelloServiceFabric">Windows and Azure Service Fabric</a></li>
-    </ul>
-  </li>
-  <li><b>OSX</b>
-    <ul>
-      <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#mac-osx-cocoa-app-with-xmarainmac">Hosted inside Mac OSX Cocoa App with Xmarain.Mac</a></li>
-    </ul>
-  </li>
-</ul>
-
-<p>
-    Once registered, <em>TemplatePagesFeature</em> gives all your <b>.html</b> pages Template super powers where sections can be 
-    compartmentalized and any duplicated content can now be extracted into reusable partials, metadata can be added to the top of 
-    each page and its page navigation dynamically generated, contents of files and urls can be embedded directly and otherwise 
-    static pages can come alive with access to <a href="/docs/default-filters">Default Filters</a>.
-</p>
-
-<h3 id="page-based-routing">Page Based Routing</h3>
-
-<p>
-    Any <em>.html</em> page available from your AppHost's configured <a href="http://docs.servicestack.net/virtual-file-system">Virtual File Sources</a>
-    can be called directly, typically this would mean the File System which in a .NET Core Web App starts from the <em>WebRootPath</em> 
-    (usually /wwwroot) so a request to <em>/docs/view-engine</em> goes through all configured VirtualFileSources to find the first 
-    match, which for this website is the file
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/docs/view-engine.html">/src/wwwroot/docs/view-engine.html</a>.
-</p>
-
-<h4 id="pretty-urls-by-default">Pretty URLs by default</h4>
-
-<p>
-    Essentially Template Pages embraces conventional page-based routing which enables <b>pretty urls</b> inferred from the pages file and directory names
-    where each page can be requested with or without its <b>.html</b> extension:
-</p>
-
-<table class="table">
-  <thead>
-    <tr>
-      <th>path</th>
-      <th>page</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td><a href="http://blog.web-app.io/db">/db</a></td>
-      <td>&nbsp;</td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/db.html">/db.html</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/db.html">/db.html</a></td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/posts/new">/posts/new</a></td>
-      <td>&nbsp;</td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/posts/new.html">/posts/new.html</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/new.html">/posts/new.html</a></td>
-    </tr>
-  </tbody>
-</table>
-
-<p>
-    The default route <em>/</em> maps to the <em>index.html</em> in the directory if it exists, e.g:
-</p>
-
-<table class="table">
-  <thead>
-    <tr>
-      <th>path</th>
-      <th>page</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td><a href="http://blog.web-app.io/">/</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/index.html">/index.html</a></td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/index.html">/index.html</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/index.html">/index.html</a></td>
-    </tr>
-  </tbody>
-</table>
-
-<h3 id="dynamic-page-routes">Dynamic Page Routes</h3>
-
-<p>
-    In addition to these static conventions, Template Pages now supports Nuxt-like 
-    <a href="https://nuxtjs.org/guide/routing#dynamic-routes">Dynamic Routes</a>
-    where any <b>file</b> or <b>directory</b> names prefixed with an <b>_underscore</b> enables a wildcard path which assigns the matching path component 
-    to the arguments name:
-</p>
-
-<table class="table">
-  <thead>
-    <tr>
-      <th>path</th>
-      <th>page</th>
-      <th>arguments</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td><a href="http://blog.web-app.io/">/ServiceStack</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/_user/index.html">/_user/index.html</a></td>
-      <td>user=ServiceStack</td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/posts/markdown-example">/posts/markdown-example</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/_slug/index.html">/posts/_slug/index.html</a></td>
-      <td>slug=markdown-example</td>
-    </tr>
-    <tr>
-      <td><a href="http://blog.web-app.io/posts/markdown-example/edit">/posts/markdown-example/edit</a></td>
-      <td><a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/_slug/edit.html">/posts/_slug/edit.html</a></td>
-      <td>slug=markdown-example</td>
-    </tr>
-  </tbody>
-</table>
-
-<h4>Layout and partial recommended naming conventions</h4>
-
-<p>
-    The <b>_underscore</b> prefix for declaring wildcard pages is also what is used to declare "hidden" pages, to distinguish them from hidden 
-    partials and layouts, the recommendation is for them to include <em>layout</em> and <em>partial</em> their name, e,g:
-</p>
-
-<ul>
-    <li>_layout.html</li>
-    <li>_alt-layout.html</li>
-    <li>_menu-partial.html</li>
-</ul>
-
-<blockquote>
-    Pages with <em>layout</em> or <em>partial</em> in their name remain hidden and are ignored in wildcard path resolution.    
-</blockquote>
-
-<p>
-    If following the recommended <em>_{name}-partial.html</em> naming convention, you'll be able to reference them using just their name:
-</p>
-
-{{#raw}}
-<pre>
-{{ 'menu' | partial }}          // Equivalent to:
-{{ '_menu-partial' | partial }}
-</pre>
-{{/raw}}
-    
-<h4 id="view-pages">View Pages</h4>
-
-<p>
-    View Pages lets you use <em>.html</em> Template Pages to render the HTML for Services Responses. 
-    It works similarly to <a href="http://razor.servicestack.net/#smart-views">Razor ViewPages</a>
-    where it uses first matching View Page with the Response DTO is injected as the `Model` property. 
-    The View Pages can be in any folder within the <em>/Views</em> folder using the format <em>{PageName}.html</em> where <em>PageName</em> 
-    can be either the <b>Request DTO</b> or <b>Response DTO</b> Name, but all page names within the <em>/Views</em> folder need to be unique.    
-</p>
-
-<p>
-    Just like ServiceStack.Razor, you can specify to use different Views or Layouts by returning a custom <em>HttpResult</em>, e.g:
-</p>
-
-{{ 'gfm/view-engine/09.md' | githubMarkdown }}
-
-<p>
-    Or add the <em>[ClientCanSwapTemplates]</em> Request Filter attribute to allow clients to specify which View and Template to use via the query 
-    string, e.g: <em>?View=CustomPage&amp;Template=_custom-layout</em>
-</p>
-<p>
-    Additional examples of dynamically specifying the View and Template are available in 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/tests/ServiceStack.WebHost.Endpoints.Tests/TemplateTests/TemplateViewPagesTests.cs">TemplateViewPagesTests</a>.
-</p>
-
-<h4 id="cascading-layouts">Cascading Layouts</h4>
-
-<p>
-    One difference from Razor is that it uses a cascading <em>_layout.html</em> instead of <em>/Views/Shared/_Layout.cshtml</em>.
-</p>
-
-<p>So if your view page was in:</p>
-
-<div class="gfm">
-<pre>
-/Views/dir/MyRequest.html
-</pre>
-</div>
-
-<p>It will use the closest `_layout.html` it can find starting from:</p>
-
-<div class="gfm">
-<pre>
-/Views/dir/_layout.html
-/Views/_layout.html
-/_layout.html
-</pre>
-</div>
-
-<h4 id="layout-selection">Layout Selection</h4>
-
-<p>
-    Unless it's a complete HTML Page (e.g. starts with html or HTML5 tag) the page gets rendered using the closest <em>_layout.html</em> 
-    page it can find starting from the directory where the page is located, traversing all the way up until it reaches the root directory. 
-    Which for this page uses the 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/_layout.html">/src/wwwroot/_layout.html</a> template
-    in the WebRoot directory, which as it's in the root directory, is the fallback Layout for all .html pages.
-</p>
-
-<p>
-    Pages can change the layout they use by either adding their own <em>_layout.html</em> page in their sub directory or specifying
-    a different layout in their pages metadata header, e.g:
-</p>
-
-{{ 'gfm/view-engine/03.md' | githubMarkdown }}
-
-<p>
-    Where it instead embed the page using the closest <b>mobile-layout.html</b> it can find, starting from the Page's directory.
-    If your templates are instead embedded in the different folder you can request it directly from the root dir:
-</p>
-
-{{ 'gfm/view-engine/04.md' | githubMarkdown }}
-
-<h4>Request Variables</h4>
-
-<p>
-    The QueryString and FORM variables sent to the page are available as arguments within the page using the 
-    <em>form</em> and <em>query</em> (or its shorter <em>qs</em> alias) filter collections, so a request like 
-    <a href="/docs/view-engine?id=1">/docs/view-engine?id=1</a> 
-    can access the <b>id</b> param with <em>{{ pass: qs.id }}</em>. The combined <em>{{pass: 'id' | formQuery }}</em> 
-    filter enables the popular use-case of checking for the param in POST <em>FormData</em> before falling back to 
-    the <em>QueryString</em>. Use <em>{{pass: 'ids' | formQueryValues }}</em> for accessing multiple values sent by multiple checkboxes 
-    or multiple select inputs. The <em>{{pass: 'id' | httpParam }}</em> filter searches all Request params including HTTP Headers, QueryString, 
-    FormData, Cookies and Request.Items. 
-</p>
-
-<p>
-    To help with generating navigation, the following Request Variables are also available:
-</p>
-
-<ul>
-    <li><em>{{ pass: Verb }}</em> evaluates to <b>{{ Verb }}</b></li>
-    <li><em>{{ pass: AbsoluteUri }}</em> evaluates to <b>{{ AbsoluteUri }}</b></li>
-    <li><em>{{ pass: RawUrl }}</em> evaluates to <b>{{ RawUrl }}</b></li>
-    <li><em>{{ pass: PathInfo }}</em> evaluates to <b>{{ PathInfo }}</b></li>
-</ul>
-
-<p>
-    You can use <em>{{ pass: PathInfo }}</em> to easily highlight the active link in a links menu as done in 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/sidebar.html">sidebar.html</a>:
-</p>
-
-{{ 'gfm/view-engine/05.md' | githubMarkdown }}
-
-<h3 id="init-pages">Init Pages</h3>
-
-<p>
-    Just as how <em>Global.asax.cs</em> can be used to run Startup initialization logic in ASP.NET Web Applications and 
-    <em>Startup.cs</em> in .NET Core Apps, you can now add a <em>/_init.html</em> page for Templates logic that's only executed once on Startup. 
-</p>
-
-<p>
-    This is used in the Blog Web App's <a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/_init.html">_init.html</a>
-    where it will create a new <em>blog.sqlite</em> database if it doesn't exist seeded with the 
-    <em>UserInfo</em> and <em>Posts</em> Tables and initial data, e.g:
-</p>
-
-{{ 'gfm/view-engine/10.md' | githubMarkdown }}
-
-<h4>Ignoring Pages</h4>
-
-<p>
-    You can ignore ServiceStack Templates from evaluating static <b>.html</b> files with the following page arguments:
-</p>
-
-{{ 'gfm/view-engine/06.md' | githubMarkdown }}
-
-{{ 'gfm/view-engine/07.md' | githubMarkdown }}
-
-{{ 'gfm/view-engine/08.md' | githubMarkdown }}
-
-<blockquote>
-    Complete <b>.html</b> pages starting with <em>&lt;!DOCTYPE HTML&gt;</em> or <em>&lt;html</em> have their layouts ignored by default.
-</blockquote>
-
-<h3 id="templates-admin-service">Templates Admin Service</h3>
-
-<p>
-    The new Templates Admin Service lets you run admin actions against a running instance which by default is only accessible to <b>Admin</b> 
-    users and can be called with:
-</p>
-
-<pre><code>/templates/admin</code></pre>
-
-<p>
-    Which will display the available actions which are currently only:
-</p>
-
-<ul>
-    <li><em>invalidateAllCaches</em> - Invalidate all caches and force pages to check if they've been modified on next request</li>
-    <li><em>RunInitPage</em> - Runs the Init page again</li>
-</ul>
-
-<h4>Zero downtime deployments</h4>
-
-<p>
-    These actions are useful after an xcopy/rsync deployment to enable zero downtime deployments by getting a running instance to invalidate all 
-    internal caches and force existing pages to check if it has been modified, the next time their called. 
-</p>
-
-<p>
-    Actions can be invoked in the format with:
-</p>
-
-<pre><code>/templates/admin/{Actions}</code></pre>
-
-<p>
-    Which can be used to call 1 or more actions:
-</p>
-
-<pre><code>/templates/admin/invalidateAllCaches
-/templates/admin/invalidateAllCaches,RunInitPage</code></pre>
-
-<p>
-    By default it's only available to be called by **Admin** Users (or <a href="https://docs.servicestack.net/debugging#authsecret">AuthSecret</a>) 
-    but can be changed with:
-</p>
-
-{{ 'gfm/view-engine/11.md' | githubMarkdown }}
-
-<h3>ServiceStack Filters</h3>
-
-<p>
-    Filters for integrating with ServiceStack are available in 
-    <a href="/docs/servicestack-filters">ServiceStack Filters</a> and <a href="/docs/servicestack-filters#info-filters">Info Filters</a> both
-    of which are pre-registered when registering the <em>TemplatePagesFeature</em> Plugin.
-</p>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/docs/web-apps.html b/src/wwwroot/docs/web-apps.html
deleted file mode 100644
index b0fe3a5..0000000
--- a/src/wwwroot/docs/web-apps.html
+++ /dev/null
@@ -1,1106 +0,0 @@
-<!--
-title: Web Apps
-order: 24
--->
-
-<p>
-    <a href="https://github.com/ServiceStack/dotnet-app">Web Apps</a> are a new approach to dramatically simplify .NET Wep App development 
-    and provide the most productive development experience possible whilst maximizing reuse and component sharing. 
-    They also open up a number of new use-cases for maintaining clean isolation between front-end and back-end development with
-    front-end developers not needing any knowledge of C#/.NET to be able to develop UIs for high-performance .NET Web Apps. 
-    Web Apps also make it easy to establish and share an approved suite of functionality amongst multiple websites all 
-    consuming the same back-end systems and data stores.
-</p>
-
-<p>
-    Web Apps leverages Templates to develop entire content-rich, data-driven websites without needing to write any C#, 
-    compile projects or manually refresh pages - resulting in the easiest and fastest way to develop Web Apps in .NET!
-</p>
-
-<h4 id="ultimate-simplicity">Ultimate Simplicity</h4>
-
-<p>
-    Not having to write any C# code or perform any app builds dramatically reduces the cognitive overhead and conceptual knowledge 
-    required for development where the only thing front-end Web developers need to know is <a href="/docs/syntax">Template's syntax</a> 
-    and what <a href="/docs/filters-reference">filters are available</a> to call. 
-    Because of Template's high-fidelity with JavaScript, developing a Website with Templates will be instantly familiar to JavaScript 
-    devs despite calling and binding directly to .NET APIs behind the scenes.
-</p>
-
-<p>
-    All complexity with C#, .NET, namespaces, references, .dlls, strong naming, packages, MVC, Razor, build tools, IDE environments, etc 
-    has been eliminated leaving all Web Developers needing to do is run the cross-platform 
-    <a href="#installing-and-running-web-apps">web dotnet tool</a>     
-    and configure a simple 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/bare/app.settings">app.settings</a>    
-    text file to specify which website folder to use, which ServiceStack features to enable, which db or redis providers to connect to, etc.
-    Not needing to build also greatly simplifies deployments where multiple websites can be deployed with a 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/WebApp/run.deploy.apps.sh">single rsync</a> or xcopy command or 
-    if deploying your App in a Docker Container, you just need to 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/Dockerfile">copy your website files</a>, or just the <em>app.settings</em>    
-    if you're using an S3 or Azure Virtual File System.
-</p>
-
-<h4>Rapid Development Workflow</h4>
-
-<p>
-    The iterative development experience is also unparalleled for a .NET App, no compilation is required so you can just leave
-    the <em>web</em> dotnet tool running whilst you add the template <em>.html</em> files needed to build your App and thanks
-    to the built-in <a href="/docs/hot-reloading">Hot Reloading</a> support, pages will refresh automatically as you save.
-    You'll just need to do a full page refresh when modifying external .css/.js files to bypass the browser cache and
-    you'll need to restart <em>web</em> to pick up any changes to your <em>app.settings</em> or added any 
-    .dlls to your <em>/plugins</em> folder.
-</p>
-
-<h2>Getting Started</h2>
-
-<p>
-    All Web Apps can be run either as .NET Core Web Apps by installing the <em>web</em> dotnet tool:
-</p>
-
-<pre class="sh"><code>$ dotnet tool install -g web</code></pre>
-
-Then you can run <em>web list</em> to see which apps are available to install:
-
-<pre class="sh"><code>$ web list</code></pre>
-
-<p>
-    By default this will list all <a href="https://github.com/NetCoreWebApps">NetCoreWebApps</a> available, ordered by popularity: 
-</p>
-
-<pre class="sh"><code>1. redis           Redis Admin Viewer developed as Vue Client Single Page App
-2. bare            Bootstrap + jQuery multi-page Website with dynamic Menu Navigation + API pages
-3. chat            Highly extensible App with custom AppHost leveraging OAuth + SSE for real-time Chat
-4. plugins         Extend WebApps with Plugins, Filters, ServiceStack Services and other C# extensions
-5. blog            Minimal multi-user Twitter OAuth blogging platform that creates living powerful pages
-6. rockwind-aws    Rockwind Cloud Web App on AWS
-7. rockwind-azure  Rockwind Cloud Web App on Azure
-8. redis-html      Redis Admin Viewer developed as server-generated HTML Website
-9. spirals         Explore and generate different Spirals with SVG
-10. rockwind        Web App combining multi-layout Rockstars website + data-driven Northwind Browser
-
-Usage: web install &lt;name&gt;</code></pre>
-
-<p>
-    Where any of the apps can be installed by specifying the <b>name</b>, e.g. 
-    <a href="https://github.com/NetCoreWebApps/spirals">spirals</a> can be installed with:
-</p>
-
-<pre class="sh"><code>$ web install spirals</code></pre>
-
-<p>
-    Then to run any app, change into its installed directory and run <em>web</em> without any arguments:
-</p>
-
-<pre class="sh"><code>$ cd spirals && web</code></pre>
-
-<p>
-    Each Web App can also be run as a 
-    <a href="http://docs.servicestack.net/netcore-windows-desktop">.NET Core Windows Desktop App</a>
-    by installing the <em>app</em> dotnet tool:
-</p>
-
-<pre class="sh"><code>$ dotnet tool install -g app</code></pre>
-
-<p>
-    Then running the Web App with <em>app</em> instead of <em>web</em>.
-</p>
-
-<pre class="sh"><code>$ app</code></pre>
-
-<h3>Spirals</h3>
-<div class="source">
-    <em>web install spirals</em> -
-    <a href="http://spirals.web-app.io">spirals.web-app.io</a> -
-    <a href="https://github.com/mythz/spirals">mythz/spirals</a>
-</div>
-
-<p>
-    Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development 
-    model to leverage advanced Web Technologies like SVG in a fun, interactive and live development experience.
-</p>
-
-<a name="videos"></a>
-<p class="videos">
-    <style>
-        .youtube-viewer:hover {
-            opacity: 0.8;
-            cursor: pointer;
-        }
-    </style>
-    <div class="youtube-viewer" data-video="https://www.youtube.com/embed/Cf-vstYXrmY">
-        <img style="position:absolute; width:100px; margin:310px 0 0 390px" src="https://servicestack.net/img/youtube-play.png"/>
-        <img width="880" src="/assets/img/screenshots/spirals.png">
-    </div>
-    <script>
-        document.querySelector('.youtube-viewer').addEventListener('click', function () {
-            var video = '<iframe width="880" height="495" src="' + $(this).attr('data-video') + '?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
-            this.innerHTML = video;
-        });
-    </script>
-</p>
-
-<p>
-    See the <a href="https://github.com/mythz/spirals#the-making-of-spirals">Making of Spirals</a> for a walk through on how to create
-    the Spirals Web App from scratch.
-</p>
-
-<h3 id="project-templates">WebApp Project Templates</h3>
-
-<p>
-    A more complete starting option is to start from one of the project templates below. All project templates can be installed using the
-    <a href="http://docs.servicestack.net/dotnet-new">dotnet-new</a> tool, which if not already can be installed with:
-</p>
-
-<pre class="sh"><code>$ npm install -g @servicestack/cli</code></pre>
-
-<h4 id="bare-webapp">Bare WebApp</h4>
-
-<p>
-    To start with a simple and mininal website, create a new <a href="https://github.com/NetCoreTemplates/bare-webapp">bare-webapp</a> project template:
-</p>
-
-<a href="https://github.com/NetCoreTemplates/bare-webapp"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/bare-webapp.png" alt=""></a>
-
-<pre class="sh"><code>$ dotnet-new bare-webapp ProjectName</code></pre>
-
-<p>
-    This creates a multi-page Bootstrap Website with Menu navigation that's ideal for content-heavy Websites.
-</p>
-
-<h3 id="parcel-webapp">Parcel WebApp</a></h3>
-
-<p>
-    For more sophisticated JavaScript Web Apps we recommended starting with the 
-    <a href="https://github.com/NetCoreTemplates/parcel-webapp">parcel-webapp</a> project template:
-</p>
-
-<a href="https://github.com/NetCoreTemplates/parcel-webapp"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/parcel-webapp.png" alt=""></a>
-
-<pre class="sh"><code>$ dotnet-new parcel-webapp ProjectName</code></pre>
-
-<p>
-    This provides a simple and powerful starting template for developing modern JavaScript .NET Core Web Apps utilizing the 
-    zero-configuration <a href="https://parceljs.org">Parcel</a> bundler to enable a rapid development workflow with access to 
-    best-of-class web technologies like TypeScript that's managed by pre-configured
-    <a href="https://github.com/NetCoreTemplates/parcel-webapp#client">npm scripts</a> to handle its entire dev workflow.
-</p>
-
-<p>
-    If needed, it includes an optional <a href="https://github.com/NetCoreTemplates/parcel-webapp#server">server</a>
-    component containing any C# extensions needed that's automatically built and deployed to the app's <em>/plugins</em> folder when started. 
-    This enables an extensibile .NET Core Web App with an integrated Parcel bundler to enable building sophisticated JavaScript
-    Apps out-of-the-box within a live development environment.
-</p>
-
-<h4>Cloud Apps Starter Projects</h4>
-
-<p>
-    If you intend to deploy your Web App on AWS or Azure you may prefer to start with one of the example 
-    Cloud Apps below which come pre-configured with deployment scripts for deploying with Travis CI and Docker:
-</p>
-
-<ul>
-    <li><a href="https://github.com/NetCoreWebApps/rockwind-aws">rockwind-aws</a></li>
-    <li><a href="https://github.com/NetCoreWebApps/rockwind-azure">rockwind-azure</a></li>
-</ul>
-
-<h3 id="about-bare-webapp">About Bare WebApp</h3>
-<div class="source">
-    <a href="http://bare-webapp.web-templates.io">bare-webapp.web-templates.io</a> -
-    <a href="https://github.com/NetCoreTemplates/bare-webapp">NetCoreTemplates/bare-webapp</a>
-</div>
-
-<p>
-    The Getting Started project contains a copy of the <a href="http://bare-webapp.web-templates.io">bare-webapp.web-templates.io</a> project below 
-    which is representative of a typical Company splash Website:
-</p>
-
-<a href="http://bare-webapp.web-templates.io"><img src="/assets/img/screenshots/bare.png" alt="Bare WebApp screenshot"></a>
-
-<p>
-    The benefits over using a static website is improved maintenance
-    as you can extract and use its common <a href="https://github.com/NetCoreWebApps/Bare/blob/master/app/_layout.html">_layout.html</a>
-    instead of having it duplicated in each page. 
-    The <a href="https://github.com/NetCoreWebApps/Bare/blob/master/app/menu.html">menu.html</a> partial also makes menu items
-    easier to maintain by just adding an entry in the JavaScript object literal. The dynamic menu also takes care of highlighting the active menu item.
-</p>
-
-<pre class="cs"><code>{{ 'examples/webapps-menu.html' | includeFile }}</code></pre>
-
-<h4>Ideal for Web Designers and Content Authors</h4>
-
-<p>
-    The other primary benefit is that this is an example of a website that can be maintained by employees who don't have any
-    programming experience as Templates in their basic form are intuitive and approachable to non-developers, e.g: 
-    The title of each page is maintained as metadata HTML comments:
-</p>
-
-<pre class="cs"><code>&lt;!--
-title: About Us
---&gt;
-</code></pre>
-
-<p>
-    Template's syntax is also the ideal way to convey variable substitution, e.g: <em>&lt;title&gt;{{ pass: title }}&lt;/title&gt;</em> 
-    and even embedding a partial reads like english <em>{{ pass: 'menu' | partial }}</em> which is both intuitive and works well 
-    with GUI HTML designers.
-</p>
-
-<h5><a href="https://github.com/NetCoreWebApps/Bare/blob/master/app/app.settings">app.settings</a></h5>
-
-<p>
-    Below is the <em>app.settings</em> for a Basic App, with <b>contentRoot</b> being the only setting required as the
-    rest can be inferred but including the other relevant settings is both more descriptive to other developers as well
-    making it easier to 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/WebApp/run.deploy.apps.sh">use tools like sed</a> or 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/WebApp/run.bare.ps1">powershell to replace them</a>    
-    during deployment.
-</p>
-
-<pre class="settings"><code>debug true
-name Bare Web App
-contentRoot ~/../bare
-webRoot ~/../bare</code></pre>
-
-<blockquote>
-    <em>debug true</em> controls the level of internal diagnostics available and whether or not <a href="/docs/hot-reloading">Hot Reloading</a> is enabled.
-</blockquote>
-
-<h3 id="about-parcel-webapp">About Parcel WebApp</h3>
-<div class="source">
-    <a href="http://parcel-webapp.web-templates.io">parcel-webapp.web-templates.io</a> -
-    <a href="https://github.com/NetCoreTemplates/parcel-webapp">NetCoreTemplates/parcel-webapp</a>
-</div>
-
-{{ 'gfm/web-apps/13.md' | githubMarkdown }}
-
-<h2>Example Web Apps</h2>
-
-<p>
-    In addition to the templates there's a number of Web Apps to illustrate the various features available and to showcase the different 
-    kind of Web Apps that can easily be developed. The source code for each app is available either individually from 
-    <a href="https://github.com/NetCoreWebApps">github.com/NetCoreWebApps</a>. 
-</p>
-
-<h3>Redis HTML</h3>
-<div class="source">
-    <em>web install redis-html</em> -
-    <a href="http://redis-html.web-app.io">redis-html.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/redis-html">NetCoreWebApps/redis-html</a>
-</div>
-
-<p>
-    For the Redis Browser Web App, we wanted to implement an App that was an ideal candidate for a Single Page App but constrain ourselves
-    to do all HTML rendering on the server and have each interaction request a full-page reload to see how a traditional server-generated
-    Web App feels like with the performance of .NET Core 2.1 and Templates. We're pleasantly surprised with the result as when 
-    the App is run locally the responsiveness is effectively indistinguishable from an Ajax App. When hosted on the Internet 
-    there is a sub-second delay which causes a noticeable flicker but it still retains a pleasant UX that's faster than most websites.
-</p>
-
-<p>
-    The benefits of a traditional website is that it doesn't break the web where the back button and deep linking work without effort 
-    and you get to avoid the complexity train of adopting a premier JavaScript SPA Framework's configuration, dependencies, workflow 
-    and build system which has become overkill for small projects.
-</p>
-
-<a href="http://redis-html.web-app.io"><img src="/assets/img/screenshots/redis-html.png" alt="Redis HTML WebApp Screenshot"></a>
-
-<p>
-    We've had a sordid history developing Redis UI's which we're built using the popular JavaScript frameworks that appeared 
-    dominant at the time but have since seen their ecosystem decline, starting with the
-    <a href="http://redisadminui.servicestack.net/">Redis Admin UI</a> (<a href="https://github.com/ServiceStackApps/RedisAdminUI">src</a>) 
-    built using 
-    <a href="https://github.com/google/closure-library">Google's Closure Library</a> that as it works different to everything else 
-    needed a complete rewrite when creating <a href="http://redisreact.servicestack.net">redisreact.servicestack.net</a>
-    (<a href="https://github.com/ServiceStackApps/RedisReact">src</a>) using the hot new React framework, unfortunately it uses React's old 
-    deprecated ES5 syntax and Reflux which is sufficiently different from our current recommended 
-    <a href="http://docs.servicestack.net/templates-single-page-apps">TypeScript + React + Redux + WebPack</a> JavaScript SPA Stack,
-    that is going to require a significant refactor to adopt our preferred SPA tech stack.
-</p>
-
-<h5>Beautiful, succinct, declarative code</h5>
-
-<p>
-    The nice thing about generating HTML is that it's the one true constant in Web development that will always be there.
-    The entire functionality for the Redis Web App is contained in a single
-    <a href="https://github.com/NetCoreWebApps/redis-html/blob/master/app/index.html">/redis-html/app/index.html</a> which includes
-    all Template and JavaScript Source Code in <b>&lt; 200 lines</b> which also includes all as server logic as it doesn't rely on any 
-    back-end Services and just uses the <a href="/docs/redis-filters">Redis Filters</a> to interface with Redis directly.
-    The <a href="https://github.com/NetCoreWebApps/redis-html/blob/master/app/index.html">source code</a> also serves as a good 
-    demonstration of the declarative coding style that Templates encourages that in addition to being highly-readable requires orders 
-    of magnitude less code than our previous Redis JavaScript SPA's with a comparable feature-set.
-</p>
-
-<p>
-    Having a much smaller code-base makes it much easier to maintain and enhance whilst being less susceptible to becoming obsolete 
-    by the next new JavaScript framework as it would only require rewriting 75 lines of JavaScript instead of the complete rewrite 
-    that would be required to convert the existing JavaScript Apps to a use different JavaScript fx.
-</p>
-
-<h5><a href="https://github.com/NetCoreWebApps/redis-html/blob/master/app/app.settings">app.settings</a></h5>
-
-<p>
-    The <em>app.settings</em> for Redis is similar to Web App Starter above except it adds a <em>redis.connection</em>
-    to configure a <a href="https://github.com/ServiceStack/ServiceStack.Redis#redismanagerpool">RedisManagerPool</a> at the
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-connection-strings">connection string</a> provided
-    as well as <a href="/docs/redis-filters">Redis Filters</a> to give Templates access to the Redis instance.
-</p>
-
-<pre class="settings"><code>debug true
-name Redis Web App
-contentRoot ~/../redis-html
-webRoot ~/../redis-html
-redis.connection localhost:6379</code></pre>
-
-<h3>Redis Vue</h3>
-<div class="source">
-    <em>web install redis</em> -
-    <a href="http://redis.web-app.io">redis.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/Redis">NetCoreWebApps/Redis</a>
-</div>
-
-<p>
-    Whilst the above server-generated HTML Redis UI shows how you can easily develop traditional Web Apps using Templates, we've also
-    rewritten the Redis UI as a Single Page App which is the more suitable choice for an App like this as it provides a more
-    optimal and responsive UX by only loading the HTML page once on Startup then utilizes Ajax to only download and update 
-    the incremental parts of the App's UI that needs changing.
-</p>
-
-<p>
-    Instead of using jQuery and server-side HTML this version has been rewritten to use <a href="https://vuejs.org">Vue</a>
-    where the UI has been extracted into isolated Vue components utilizing 
-    <a href="https://vuejs.org/v2/guide/components.html#X-Templates">Vue X-Templates</a> to render the App on the client where 
-    all Redis Vue's functionality is contained within the
-    <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/index.html">Redis/app/index.html</a> page.     
-</p>
-
-<a href="http://redis.web-app.io"><img src="/assets/img/screenshots/redis.png" alt="Redis Vue WebApp Screenshot"></a>
-
-<h4>Simple Vue App</h4>
-
-<p>
-    Templates also provides a great development experience for Single Page Apps which for the most part gets out of your way letting you 
-    develop the Single Page App as if it were a static <em>.html</em> file, but also benefits from the flexibility of a 
-    dynamic web page when needed. 
-</p>
-<p>
-    The containing <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/_layout.html">_layout.html</a>
-    page can be separated from the <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/index.html">index.html</a> page 
-    that contains the App's functionality, where it's able to extract the <em>title</em> of the page and embed it in the 
-    HTML <em>&lt;head/&gt;</em> as well as embed the page's <em>&lt;script /&gt;</em> in its optimal location at the bottom of the 
-    HTML <em>&lt;body/&gt;</em>, after the page's blocking script dependencies:
-</p>
-
-{{ 'gfm/web-apps/07.md' | githubMarkdown }}
-
-<p>
-    Redis Vue avoids the complexity of adopting a npm build system by referencing Vue libraries as a simple script include:
-</p>
-
-<pre class="html"><code>&lt;script src="../assets/js/vue{{ pass: '.min' | if(!debug) }}.js"&gt;</script></code></pre>
-
-<p>
-    Where it uses the more verbose and developer-friendly 
-    <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/assets/js/vue.js">vue.js</a>
-    during development whilst using the production optimized 
-    <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/assets/js/vue.min.js">vue.min.js</a>
-    for deployments. So despite avoiding the complexity tax of an npm-based build system it still gets some of its benefits
-    like conditional deployments and effortless <a href="/docs/hot-reloading">hot reloading</a>.
-</p>
-
-<h4>Server Templates</h4>
-
-<p>
-    Whilst most of <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/index.html">index.html</a> is a static Vue 
-    app, templates is leveraged to generate the body of the <em>&lt;redis-info/&gt;</em> Component on the initial home page render:
-</p>
-
-{{ 'gfm/web-apps/08.md' | githubMarkdown }}
-
-<p>
-    This technique increases the time to first paint by being able to render the initial Vue page without waiting for an Ajax call response
-    whilst benefiting from improved SEO from server-generated HTML.
-</p>
-
-<h4>Server Handling</h4>
-
-<p>
-    Another area Templates is used is to handle the HTTP POST where it calls the <em>redisChangeConnection</em> filter to change 
-    the current Redis connection before rendering the 
-    <a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/connection-info.html">connection-info.html</a> partial with the 
-    current connection info:
-</p>
-
-{{ 'gfm/web-apps/09.md' | githubMarkdown }}
-
-<h4>Vue Ajax Server APIs</h4>
-
-<p>
-    All other Server functionality is invoked by Vue using Ajax to call one of the Ajax APIs below implemented as 
-    <a href="/docs/api-pages">API Pages</a>:
-</p>
-
-<h5><a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/api/search.html">search.html</a></h5>
-
-<p>
-    Called when searching for Redis keys where the query is forwarded to the <em>redisSearchKeys</em> filter:
-</p>
-
-{{ 'gfm/web-apps/10.md' | githubMarkdown }}
-
-<h5><a href="https://github.com/NetCoreWebApps/Redis/blob/master/app/api/call.html">call.html</a></h5>
-
-<p>
-    Called to execute an arbitrary Redis command on the connected instance, with the response from Redis is returned as a 
-    plain-text HTTP Response:
-</p>
-
-{{ 'gfm/web-apps/11.md' | githubMarkdown }}
-
-<p>
-    The benefits of using API Pages instead of a normal C# Service is being able to retain Web App's productive development workflow
-    where the entire Redis Vue App is built without requiring any compilation.
-</p>
-
-<h3>Deep linking and full page reloads</h3>
-
-<p>
-    The Redis Vue Single Page App also takes advantage of HTML5's <em>history.pushState</em> API to enable deep-linking and back-button
-    support where most UI state changes is captured on the query string and used to initialize the Vue state on page navigation or
-    full-page reloads where it provides transparent navigation and back-button support that functions like a traditional Web App but with 
-    the instant performance of a Single Page App.
-</p>
-
-<h3>Rockwind</h3>
-<div class="source">
-    <em>web install rockwind</em> -
-    <a href="http://rockwind-sqlite.web-app.io">rockwind-sqlite.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/Rockwind">NetCoreWebApps/Rockwind</a>
-</div>
-
-<p>
-    The Rockwind website shows an example of combining multiple websites in a single Web App - a 
-    <b><em>Rock</em>stars</b> Content Website and a dynamic data-driven UI for the <b>North<em>wind</em></b> database which can 
-    run against either SQL Server, MySql or SQLite database using just configuration. It also includes 
-    <a href="/docs/api-pages">API Pages</a> examples for rapidly developing Web APIs.
-</p>
-
-<h4>Rockstars</h4>
-
-<p>
-    <a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/rockstars">/rockstars</a> is an 
-    example of a Content Website that itself maintains multiple sub sections with their own layouts -
-    <a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/rockstars/alive">/rockstars/alive</a> 
-    for living Rockstars and 
-    <a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/rockstars/dead">/rockstars/dead</a>
-    for the ones that have died. Each Rockstar maintains their own encapsulated
-    <a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/rockstars/alive/grohl">mix of HTML, markdown content and splash image</a>
-    that intuitively uses the closest <em>_layout.html</em>, <em>content.md</em> and <em>splash.jpg</em> from the page they're
-    referenced from. This approach makes it easy to move entire sub sections over by just moving a folder and it will automatically
-    use the relevant layout and partials of its parent.
-</p>
-
-<a href="http://rockwind-sqlite.web-app.io"><img src="/assets/img/screenshots/rockwind.png" alt="Rockwind WebApp screenshot"></a>
-
-<h4>Northwind</h4>
-
-<p>
-    <a href="https://github.com/NetCoreWebApps/Rockwind/tree/master/app/northwind">/northwind</a> is an example of 
-    a dynamic UI for a database containing a 
-    <a href="http://rockwind-sqlite.web-app.io/northwind/customers?country=Germany">form to filter results</a>, multi-nested 
-    <a href="http://rockwind-sqlite.web-app.io/northwind/customer?id=ALFKI">detail pages</a> and 
-    <a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643">deep-linking</a> for quickly navigating between 
-    referenced data. Templates is also a great solution for rapidly developing Web APIs where the 
-    <a href="https://github.com/NetCoreWebApps/Rockwind/blob/master/app/api/customers.html">/api/customers.html</a>
-    API Page below:
-</p>
-
-{{ 'gfm/api-pages/02.md' | githubMarkdown }}
-
-<p>
-    Is all the code needed to generate the following API endpoints:
-</p>
-
-<style>
-    th:first-child {
-        text-align: right;
-    }
-</style>
-
-<table class="table table-striped">
-    <tr class="bg-success">
-        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/customers API</td>
-    </tr>
-    <tr>
-        <th>All Customers</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
-            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
-        </td>
-    </tr>
-    <tr>
-        <th>Alfreds Futterkiste Details</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>As List</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Customers in Germany</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
-        </td>
-    </tr>
-    <tr>
-        <th>Customers in London</th>
-        <td>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
-            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
-        </td>
-    </tr>    
-    <tr>
-        <th>Combination Query</th>
-        <td>
-            <a href="http://rockwind-sqlite.web-app.io/api/customers?city=London&amp;country=UK&amp;limit=3">/api/customers?city=London&amp;country=UK&amp;limit=3</a>
-        </td>
-    </tr>
-</table>
-
-<h4>Multi platform configurations</h4>
-
-<p>
-    In addition to being a .NET Core 2.1 App that runs flawlessly cross-platform on Windows, Linux and OSX, Web Apps can also support 
-    multiple RDBMS's and <a href="http://docs.servicestack.net/virtual-file-system">Virtual File Systems</a> using just configuration.
-</p>
-
-<h4 id="app-sqlite-settings">app.sqlite.settings</h4>
-
-<p>
-    SQLite uses a file system database letting you bundle your database with your App. So we can share the 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps">northwind.sqlite</a> database across multiple Apps, 
-    the <em>contentRoot</em> is set to the <em>/apps</em> directory which can only be accessed by your App, whilst
-    the <em>webRoot</em> is configured to use the Web Apps folder that hosts all the publicly accessible files of your App.
-</p>
-
-<pre class="settings"><code>debug true
-name Rockwind SQLite Web App
-contentRoot ..
-webRoot .
-db sqlite
-db.connection ~/northwind.sqlite</code></pre>
-
-<p>
-    To run the Rockwind app using the <em>northwind.sqlite</em> database, run the command below on Windows, Linux or OSX: 
-</p>
-
-<pre class="sh"><code>dotnet web/app.dll ../rockwind/app.sqlite.settings</code></pre>
-
-<h5 id="app-sqlserver-settings">app.sqlserver.settings</h5>
-
-<p>
-    To switch to use the Northwind database in SQL Server we just need to update the configuration to point to a SQL Server database 
-    instance. Since the App no longer need access to the <em>northwind.sqlite</em> database, the <em>contentRoot</em> can be reverted 
-    back to the Web Apps folder:
-</p>
-
-<pre class="settings"><code>debug true
-name Rockwind SQL Server Web App
-port 5000
-db sqlserver
-db.connection Server=localhost;Database=northwind;User Id=test;Password=test;</code></pre>
-
-<p>
-    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">/support/northwind-data</a>
-    project lets you quickly try out Rockwind against your local RDBMS by populating it with a copy of the Northwind database
-    using the same <em>sqlserver</em> identifier and connection string from the App, e.g:
-</p>
-
-<pre class="sh"><code>dotnet run sqlserver "Server=localhost;Database=northwind;User Id=test;Password=test;"</code></pre>
-
-<h4 id="app-mysql-settings">app.mysql.settings</h4>
-
-<p>
-    You can run against a MySql database in the same way as SQL Server above but using a MySql db connection string:
-</p>
-
-<pre class="settings"><code>debug true
-name Rockwind MySql Web App
-port 5000
-db mysql
-db.connection Server=localhost;Database=northwind;UID=root;Password=test;SslMode=none</code></pre>
-
-<h4 id="app-azure-settings">app.azure.settings</h4>
-
-<p>
-    The example <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/app.azure.settings">app.azure.settings</a>
-    Azure configuration is also configured to use a different Virtual File System where instead of sourcing 
-    Web App files from the filesystem they're sourced from an 
-    <a href="https://docs.microsoft.com/en-us/azure/storage/blobs/storage-dotnet-how-to-use-blobs">Azure Blob Container</a>.
-    In this case we're not using any files from the App so we don't need to set a <em>contentRoot</em> or <em>webRoot</em> path.
-    This also means that for deployment we're just deploying the WebApp binaries with just this <em>app.settings</em> since both the 
-    Web App files and database are sourced remotely.
-</p>
-
-<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
-debug false
-name Azure Blob SQL Server Web App
-bind *
-port 5000
-db sqlserver
-db.connection $AZURE_SQL_CONNECTION_STRING
-files azure
-files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind-fs}
-
-# Reduces a Blob Storage API call, but takes longer for modified pages to appear
-checkForModifiedPagesAfterSecs 60
-defaultFileCacheExpirySecs     60</code></pre>
-
-<p>
-    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/copy-files">/support/copy-files</a>
-    project lets you run Rockwind against your own Azure Blob Container by populating it with a copy of the 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/rockwind">/rockwind</a> App's files using 
-    the same configuration above:
-</p>
-
-<pre class="sh"><code>dotnet run azure "{ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}"</code></pre>
-
-<h4>Multi-RDBMS SQL</h4>
-
-<p>
-    As Templates is unable to use a Typed ORM like <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>
-    to hide the nuances of each database, we need to be a bit more diligent in Templates to use parameterized SQL that works across 
-    multiple databases by using the 
-    <a href="/docs/filters-reference?nameContains=sql&amp;tab=db-filters"><em>sql*</em> DB Filters</a> to avoid using RDBMS-specific
-    SQL syntax. The 
-    <a href="https://github.com/NetCoreWebApps/Rockwind/blob/master/app/northwind/customer.html">/northwind/customer.html</a>
-    contains a good example containing a number of things to watch out for:
-</p>
-
-{{ 'gfm/web-apps/01.md' | githubMarkdown }}
-
-<p>
-    Use <em>sqlConcat</em> to concatenate strings using the RDBMS-specific SQL for the configured database. Likewise
-    <em>sqlCurrency</em> utilizes RDBMS-specific SQL functions to return monetary values in a currency format, whilst 
-    <em>sqlQuote</em> is used for quoting tables named after a reserved word.
-</p>
-
-<blockquote>
-    Of course if you don't intend on supporting multiple RDBMS's, you can ignore this and use RDBMS-specific syntax.    
-</blockquote>
-
-<h3>Rockwind VFS</h3>
-<div class="source">
-    <em>web install rockwind-aws</em> -
-    <a href="http://rockwind-aws.web-app.io">rockwind-aws.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/rockwind-aws">NetCoreWebApps/rockwind-aws</a>
-</div>
-
-<p>
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/rockwind-vfs">/rockwind-vfs</a> is a clone of
-    the Rockwind Web App with 3 differences: It uses the <em>resolveAsset</em> filter for each <em>.js</em>, <em>.css</em> and 
-    <em>image</em> web asset so that it's able to generate external URLs directly to the S3 Bucket, Azure Blob Container or CDN 
-    hosting a copy of your files to both reduce the load on your Web App and maximize the responsiveness to the end user.    
-</p>
-
-<p>
-    To maximize responsiveness when using remote storage, all 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind-vfs/rockstars/alive/grohl/index.html">embedded files utilize caching</a>:
-</p>
-
-<pre class="tpl"><code>{{ pass: "content.md" | includeFileWithCache | markdown }}</code></pre>
-
-<p>
-    The other difference is that each table and column has been quoted in "double-quotes" so that it works in PostgreSQL which
-    otherwise treats unquoted symbols as lowercase. This version of Rockwind also works with SQL Server and SQLite as they also 
-    support <em>"Table"</em> quotes but not MySql which uses <em>`BackTicks`</em> or <em>[SquareBrackets]</em>. It's therefore
-    infeasible to develop Apps that support both PostgreSQL and MySql unless you're willing to use all <b>lowercase</b>, 
-    <b>snake_case</b> or the <em>sqlQuote</em> filter for every table and column.
-</p>
-
-<a href="http://rockwind-aws.web-app.io"><img src="/assets/img/screenshots/rockwind.png" alt="Rockwind VFS WebApp screenshot"></a>
-
-<h4>resolveAsset</h4>
-
-<p>
-    If using a remote file storage like AWS S3 or Azure Blob Storage it's a good idea to use the <em>resolveAsset</em> filter 
-    for each external file reference. By default it returns the same path it was called with so it will continue to work locally 
-    but then ServiceStack effectively becomes a proxy where it has to call the remote Storage Service for each requested download.
-</p>
-
-{{ 'gfm/web-apps/02.md' | githubMarkdown }}
-
-<p>
-    ServiceStack asynchronously writes each file to the Response Stream with the last <em>Last-Modified</em> HTTP Header to 
-    enable browser caching so it's still a workable solution but for optimal performance you can specify an <em>args.assetsBase</em>
-    in your app.settings to populate the assetsBase <em>TemplateContext</em> Argument the <em>resolveAsset</em> filter uses to generate
-    an external URL reference to the file on the remote storage service, reducing the load and improving the performance of your App, 
-    especially if it's configured to use a CDN. 
-</p>
-
-<h4 id="pure-cloud-apps">Pure Cloud Apps</h4>
-
-<h5><a href="https://github.com/NetCoreWebApps/rockwind-aws/blob/master/app/app.settings">rockwind-aws/app.settings</a></h5>
-
-<p>
-    The AWS settings shows an example of this where every external resource 
-    <a href="http://rockwind-aws.web-app.io">rockwind-aws.web-app.io</a> has been replaced with a direct reference to the 
-    asset on the S3 bucket:
-</p>
-
-<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
-debug false
-name AWS S3 PostgreSQL Web App
-db postgres
-db.connection $AWS_RDS_POSTGRES
-files s3
-files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}
-args.assetsBase http://s3-postgresql.s3-website-us-east-1.amazonaws.com/
-
-# Reduces an S3 API call, but takes longer for modified pages to appear
-checkForModifiedPagesAfterSecs 60
-defaultFileCacheExpirySecs     60</code></pre>
-
-<p>
-    With all files being sourced from S3 and the App configured to use AWS RDS PostgreSQL, the AWS settings is an example of 
-    a <b>Pure Cloud App</b> where the entire App is hosted on managed cloud services that's decoupled from the .NET Core 2.1 binary 
-    that runs it that for the most part won't require redeploying the Web App binary unless making configuration changes or 
-    upgrading the <em>web/app.dll</em> as any App changes can just be uploaded straight to S3 which changes reflected within the
-    <em>checkForModifiedPagesAfterSecs</em> setting, which tells the Web App how long to wait before checking for file changes
-    whilst <em>defaultFileCacheExpirySecs</em> specifies how long to cache files like <em>content.md</em> for.
-</p>
-
-<h5><a href="https://github.com/NetCoreWebApps/rockwind-aws/blob/master/Dockerfile">DockerFile</a></h5>
-
-<p>
-    Deployments are also greatly simplified as all that's needed is to deploy the WebApp binary and app.settings of your Cloud App,
-    e.g. here's the DockerFile for <a href="http://rockwind-aws.web-app.io">rockwind-aws.web-app.io</a> - deployed to AWS ECS 
-    using the deployment scripts in <a href="https://github.com/NetCoreWebApps/rockwind-aws">rockwind-aws</a> and following our 
-    <a href="http://docs.servicestack.net/deploy-netcore-docker-aws-ecs">.NET Core Docker Deployment Guideline</a>:
-</p>
-
-{{ 'gfm/web-apps/03.md' | githubMarkdown }}
-
-<h5><a href="https://github.com/NetCoreWebApps/rockwind-azure/blob/master/app/app.settings">rockwind-azure/app.settings</a></h5>
-
-<p>
-    We can also create Azure Cloud Apps in the same we've done for AWS above, which runs the same 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/rockwind-vfs">/rockwind-vfs</a>
-    Web App but using an Azure hosted SQL Server database and its files hosted on Azure Blob Storage:
-</p>
-
-<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
-debug false
-name Azure Blob SQL Server Web App
-bind *
-db sqlserver
-db.connection $AZURE_SQL_CONNECTION_STRING
-files azure
-files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}
-args.assetsBase https://servicestack.blob.core.windows.net/rockwind/
-
-# Reduces an S3 API call, but takes longer for modified pages to appear
-checkForModifiedPagesAfterSecs 60
-defaultFileCacheExpirySecs     60</code></pre>
-
-<h3>Plugins</h3>
-<div class="source">
-    <em>web install plugins</em> -
-    <a href="http://plugins.web-app.io">plugins.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/Plugins">NetCoreWebApps/Plugins</a>
-</div>
-
-<p>
-    Up till now the Apps above only have only used functionality built into ServiceStack, to enable even greater functionality
-    but still retain all the benefits of developing Web Apps you can drop <b>.dll</b> with custom functionality into your 
-    Web App's <em>/plugins</em> folder. The plugins support in Web Apps is as friction-less as we could make it, there's no 
-    configuration to maintain or special interfaces to implement, you're able to drop your <b>existing implementation .dll's</b> 
-    as-is into the App's `/plugins` folder.
-</p>
-
-<p>
-    Plugins allow "no touch" sharing of 
-    <a href="http://docs.servicestack.net/plugins">ServiceStack Plugins</a>, 
-    <a href="http://docs.servicestack.net/create-your-first-webservice">Services</a>, 
-    <a href="http://templates.servicestack.net/docs/filters">Template Filters</a>
-    <a href="http://templates.servicestack.net/docs/code-pages">Template Code Pages</a>,
-    <a href="http://docs.servicestack.net/validation">Validators</a>, etc.
-    contained within <b>.dll's</b> or <b>.exe's</b> dropped in a Web App's 
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/plugins/plugins">/plugins</a> folder which are auto-registered 
-    on startup. The source code for all plugins used in this App were built from the .NET Core 2.1 projects in the
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/example-plugins">/example-plugins</a> folder. The 
-    <a href="http://plugins.web-app.io">plugins.web-app.io</a> Web App below walks through examples of using Custom Filters, 
-    Services and Validators:
-</p>
-
-<a href="http://plugins.web-app.io"><img src="/assets/img/screenshots/plugins.png" alt="Plugins WebApp screenshot"></a>
-
-<h4>Registering ServiceStack Plugins</h4>
-
-<p>
-    <a href="http://docs.servicestack.net/plugins">ServiceStack Plugins</a> can be added to your App by 
-    listing it's Type Name in the <em>features</em> config entry in 
-    <a href="https://github.com/NetCoreWebApps/Plugins/tree/master/app/app.settings">app.settings</a>:
-</p>
-
-<pre class="settings"><code>debug true
-name Web App Plugins
-contentRoot ~/../plugins
-webRoot ~/../plugins
-features CustomPlugin, OpenApiFeature, PostmanFeature, CorsFeature, ValidationFeature
-CustomPlugin { ShowProcessLinks: true }
-ValidationFeature { ScanAppHostAssemblies: true }
-</code></pre>
-
-<p>
-    All plugins listed in <em>features</em> will be added to your Web App's AppHost in the order they're specified. 
-    They can further customized by adding a separate config entry with the Plugin Name and a JavaScript Object literal to 
-    populate the Plugin at registration, e.g the config above is equivalent to:
-</p>
-
-{{ 'gfm/web-apps/04.md' | githubMarkdown }}
-
-<h4>Custom Plugin</h4>
-
-<p>
-    In this case it tells our <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/example-plugins/ServerInfo/CustomPlugin.cs">CustomPlugin</a>
-    from <b>/plugins/ServerInfo.dll</b> to also show Process Links in its
-    <a href="http://plugins.web-app.io/metadata">/metadata</a> Page:
-</p>
-
-{{ 'gfm/web-apps/05.md' | githubMarkdown }}
-
-<p>
-    Where as it was first registered in the list will appear before any links registered by other plugins:
-</p>
-
-<img src="http://plugins.web-app.io/assets/img/metadata-screenshot.png" alt="Metadata screenshot">
-
-<h4>Built-in Plugins</h4>
-
-<p>
-    It also tells the <em>ValidationFeature</em> to scan all Service Assemblies for Validators and to automatically register them
-    which is how ServiceStack was able to find the
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/example-plugins/ServerInfo/ContactServices.cs">ContactValidator</a>
-    used to validate the <em>StoreContact</em> request.
-</p>
-
-<p>
-    Other optional plugins registered in this Web App is the metadata Services required for 
-    <a href="http://docs.servicestack.net/openapi">Open API</a>, 
-    <a href="http://docs.servicestack.net/postman">Postman</a> as well as
-    <a href="http://docs.servicestack.net/corsfeature">support for CORS</a>.
-    You can check the <a href="/metadata/debug">/metadata/debug</a> Template for all Plugins loaded in your AppHost.
-</p>
-
-<h3 id="netcore-extensibility">.NET Extensibility</h3>
-
-<p>
-    Plugins can also implement .NET Core's <em>IStartup</em> to be able to register any required dependencies without any coupling to any Custom AppHost.
-</p>
-
-<p>
-    To simplify configuration you can use the `plugins/*` wildcard in 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/plugins2/app.settings">app.settings</a>
-    at the end of an ordered plugin list to register all remaining Plugins it finds in the apps `/plugins` folder:
-</p>
-
-
-<pre class="settings"><code>features OpenApiFeature, PostmanFeature, CorsFeature, ValidationFeature, plugins/*
-CustomPlugin { ShowProcessLinks: true }
-</code></pre>
-
-<p>
-    Each plugin registered can continue to be furthered configured by specifying its name and a JavaScript object literal as seen above.
-</p>
-
-<p>
-    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/plugins2">/plugins2</a>  App shows an example of this with the 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/example-plugins/ServerInfo/StartupPlugin.cs">StartupPlugin</a>
-    registering a <em>StartupDep</em> dependency which is used by its <em>StartupServices</em> at runtime:
-</p>
-
-{{ 'gfm/web-apps/12.md' | githubMarkdown }}
-
-<h3>ServiceStack Ecosystem</h3>
-
-<p>
-    All Services loaded by plugins continue to benefit from ServiceStack's rich metadata services, including being listed 
-    in the <a href="/metadata">/metadata</a> page, being able to explore and interact with Services using 
-    <a href="/swagger-ui/">/swagger-ui/</a> as well as being able to generate Typed APIs for the most popular
-    <a href="http://docs.servicestack.net/add-servicestack-reference">Mobile, Web and Desktop platforms</a>.
-</p>
-
-<h3>Chat</h3>
-<div class="source">
-    <em>web install chat</em> -
-    <a href="http://chat.web-app.io">chat.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/Chat">NetCoreWebApps/Chat</a>
-</div>
-
-<p>
-    <a href="https://github.com/NetCoreWebApps/Chat/tree/master/app">/chat</a> is an example of the ultimate form 
-    of extensibility where instead of just being able to add Services, Filters and Plugins, etc. You can add your entire 
-    <em>AppHost</em> which Web Apps will use instead of its own. This vastly expands the use-cases that can be built with 
-    Web Apps as it gives you complete fine-grained control over how your App is configured.
-</p>
-
-<a href="http://chat.web-app.io"><img src="/assets/img/screenshots/chat.png" alt="Chat WebApp screenshot"></a>
-
-<h4>Develop back-end using .NET IDE's</h4>
-
-<p>
-    For <a href="http://chat.web-app.io">chat.web-app.io</a> we've taken a copy of the existing .NET Core 2.1 
-    <a href="https://github.com/NetCoreApps/Chat">Chat App</a> and moved its C# code to
-    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/example-plugins/Chat">/example-plugins/Chat</a>
-    and its files to <a href="https://github.com/NetCoreWebApps/Chat/tree/master/app">/apps/chat</a> 
-    where it can be developed like any other Web App except it utilizes the Chat AppHost and implementation in the 
-    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/example-plugins/Chat/Program.cs">SelfHost Chat App</a>.
-</p>
-
-<p>
-    Customizations from the original 
-    <a href="https://github.com/NetCoreApps/Chat/blob/master/src/Chat/Startup.cs">.NET Core Chat implementation</a> 
-    includes removing MVC and Razor dependencies and configuration, extracting its 
-    <a href="https://github.com/NetCoreWebApps/Chat/tree/master/app/_layout.html">_layout.html</a> and 
-    converting <a href="https://github.com/NetCoreWebApps/Chat/tree/master/app/index.html">index.html</a>
-    to use Templates from its original 
-    <a href="https://github.com/NetCoreApps/Chat/blob/master/src/Chat/wwwroot/default.cshtml">default.cshtml</a>.
-    It's also been enhanced with the ability to evaluate Templates from the Chat window, as seen in the screenshot above.
-</p>
-
-<h4>Chat AppHost</h4>
-
-{{ 'gfm/web-apps/06.md' | githubMarkdown }}
-
-<h5>Reusing Web App's app.setting and files</h5>
-
-<p>
-    One nice thing from being able to reuse existing AppHost's is being able to develop all back-end C# Services and Custom Filters 
-    as a stand-alone .NET Core Project where it's more productive with access to .NET IDE tooling and debugging.
-</p>
-
-<p>
-    To account for these 2 modes we use <em>AddIfNotExists</em> to only register the <em>TemplatePagesFeature</em> plugin 
-    when running as a stand-alone App and add an additional constructor so it reuses the existing <em>app.settings</em> as its 
-    <a href="http://docs.servicestack.net/appsettings">IAppSettings</a> provider for is custom App configuration like OAuth App keys 
-    required for enabling Sign-In's via with Twitter, Facebook and GitHub when running on <em>http://localhost:5000</em>:        
-</p>
-
-<pre class="cs"><code>debug true
-name Chat Web App
-contentRoot ~/../chat
-webRoot ~/../chat
-
-oauth.RedirectUrl http://localhost:5000/
-oauth.CallbackUrl http://localhost:5000/auth/{0}
-oauth.twitter.ConsumerKey JvWZokH73rdghDdCFCFkJtCEU
-oauth.twitter.ConsumerSecret WNeOT6YalxXDR4iWZjc4jVjFaydoDcY8jgRrGc5FVLjsVlY2Y8
-oauth.facebook.Permissions email
-oauth.facebook.AppId 447523305684110
-oauth.facebook.AppSecret 7d8a16d5c7cbbfab4b49fd51183c93a0
-oauth.github.Scopes user
-oauth.github.ClientId dbe8c242e3d1099f4558
-oauth.github.ClientSecret 42c8db8d0ca72a0ef202e0c197d1377670c990f4
-</code></pre>
-
-<p>
-    After the back-end has been implemented we can build and copy the compiled <b>Chat.dll</b> into the Chat's 
-    <a href="https://github.com/NetCoreWebApps/Chat/tree/master/app/plugins">/plugins</a> folder where 
-    we can take advantage of the improved development experience for rapidly developing its UI.
-</p>
-
-<h3>Blog</h3>
-<div class="source">
-    <em>web install blog</em> -
-    <a href="http://blog.web-app.io">blog.web-app.io</a> -
-    <a href="https://github.com/NetCoreWebApps/Blog">NetCoreWebApps/Blog</a>
-</div>
-
-{{ 'gfm/web-apps/14.md' | githubMarkdown }}
-
-<h3 id="customizable-auth-providers">Customizable Auth Providers</h3>
-
-<p>
-    Authentication can now be configured using plain text config in your <em>app.settings</em> where initially you need register the <em>AuthFeature</em> 
-    <a href="http://templates.servicestack.net/docs/web-apps#registering-servicestack-plugins">plugin as normal</a> by specifying it in the 
-    <em>features</em> list:
-</p>
-
-<pre><code>features AuthFeature</code></pre>
-
-<p>
-    Then using <em>AuthFeature.AuthProviders</em> you can specify which Auth Providers you want to have registered, e.g:
-</p>
-
-<pre><code>AuthFeature.AuthProviders TwitterAuthProvider, GithubAuthProvider</code></pre>
-
-<p>
-    Each Auth Provider checks the Web Apps <em>app.settings</em> for its Auth Provider specific configuration it needs, e.g. to configure both 
-    Twitter and GitHub Auth Providers you would populate it with your 
-    <a href="http://docs.servicestack.net/authentication-and-authorization#oauth-configuration">OAuth Apps details</a>:
-</p>
-
-<pre><code>oauth.RedirectUrl http://127.0.0.1:5000/
-oauth.CallbackUrl http://127.0.0.1:5000/auth/{0}
-
-oauth.twitter.ConsumerKey {Twitter App Consumer Key}
-oauth.twitter.ConsumerSecret {Twitter App Consumer Secret Key}
-
-oauth.github.ClientId {GitHub Client Id}
-oauth.github.ClientSecret {GitHub Client Secret}
-oauth.github.Scopes {GitHub Auth Scopes}</code></pre>
-
-<h3 id="customizable-markdown-providers">Customizable Markdown Providers</h3>
-
-<p>
-    By default Web Apps now utilize <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation to render its Markdown. 
-    You can also switch it back to the built-in Markdown provider that ServiceStack uses with:
-</p>
-
-<pre><code>markdownProvider MarkdownDeep</code></pre>
-
-<h3 id="Rich Template Config Arguments">Rich Template Config Arguments</h3>
-
-<p>
-    Any <em>app.settings</em> configs that are prefixed with <em>args.</em> are made available to Template Pages and any arguments starting with 
-    a <em>{</em> or <em>[</em> are automatically converted into a JS object:
-</p>
-
-<pre><code>args.blog { name:'blog.web-app.io', href:'/' }
-args.tags ['technology','marketing']</code></pre>
-
-<p>
-    Where they can be referenced as an <em>object</em> or an <em>array</em> directly:
-</p>
-
-{{#raw appendTo configExample}}<a href="{{blog.href}}">{{blog.name}}</a>{{/raw}}
-
-{{#raw}}{{#each tags}} <em>{{it}}</em> {{/each}}{{/raw}}
-
-<pre><code class="html">{{configExample}}</code></pre>
-
-<p>
-    The alternative approach is to give each argument value a different name:
-</p>
-
-<pre><code>args.blogName blog.web-app.io
-args.blogHref /
-</code></pre>
-
-{{ "doc-links" | partial({ order }) }}
diff --git a/src/wwwroot/examples/adhoc-query-db.html b/src/wwwroot/examples/adhoc-query-db.html
deleted file mode 100644
index 452f669..0000000
--- a/src/wwwroot/examples/adhoc-query-db.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<h4>HTML Results (select):</h4>
-{{ "select customerId, companyName, city, country from customer where country = @country" 
-   | assignTo: selectSql }}
-{{ selectSql | dbSelect({ country: 'UK' }) | htmlDump({ caption: selectSql }) }}
-
-<h4>Text Results (single):</h4>
-{{ "select * from customer c join [order] o on c.customerId = o.customerId 
-         order by total desc limit 1" | assignTo: singleSql }}
-<pre>{{ singleSql }}:
-{{ singleSql | dbSingle | dump }}</pre>
-
-<h4>Object Value (scalar):</h4>
-{{ "select min(orderDate) from [order]" | assignTo: scalarSql }}
-<pre>{{ scalarSql }}: <b>{{ scalarSql | dbScalar | dateFormat }}</b></pre>
diff --git a/src/wwwroot/examples/customer-card.txt b/src/wwwroot/examples/customer-card.txt
deleted file mode 100644
index 70cfeca..0000000
--- a/src/wwwroot/examples/customer-card.txt
+++ /dev/null
@@ -1 +0,0 @@
-{{ 'customerCard' | partial({ customerId: "ALFKI" }) }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/email-template.txt b/src/wwwroot/examples/email-template.txt
deleted file mode 100644
index 7ad5b98..0000000
--- a/src/wwwroot/examples/email-template.txt
+++ /dev/null
@@ -1,18 +0,0 @@
-
-Hello {{ customer.CompanyName }},
-
-Thank you for shopping with us. We'll send a confirmation when your item ships.
-
-# Ship to:
-{{ customer.Address }} 
-{{ customer.City }}, {{ customer.PostalCode }}, {{ customer.Country }}
-
-# Details:
-Order #{{ order.OrderId }} on {{ order.OrderDate | dateFormat('dd/MM/yyyy') }}
-Total: {{ order.Total | currency }}
-
-We hope to see you again soon.
-
-[acme.org][1]
-
-[1]: http://acme.org
\ No newline at end of file
diff --git a/src/wwwroot/examples/introspect-drive.html b/src/wwwroot/examples/introspect-drive.html
deleted file mode 100644
index f625d2b..0000000
--- a/src/wwwroot/examples/introspect-drive.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<tr>
-    <td>{{ it.Name }}</td>
-    <td>{{ it.DriveType }} #{{ it.VolumeLabel }} ({{ it.DriveFormat }})</td>
-    <td>{{ it.AvailableFreeSpace | divide(1024) | format('n0') }} KB</td>
-    <td>{{ it.TotalFreeSpace | divide(1024) | format('n0') }} KB</td>
-    <td>{{ it.TotalSize | divide(1024) | format('n0') }} KB</td>
-</tr>
\ No newline at end of file
diff --git a/src/wwwroot/examples/introspect-process.html b/src/wwwroot/examples/introspect-process.html
deleted file mode 100644
index 9f7b40b..0000000
--- a/src/wwwroot/examples/introspect-process.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ "h':'mm':'ss'.'FFF" | assignTo: fmtTime }}
-<tr>
-    <td>{{ it.Id }}</td>
-    <td>{{ it.ProcessName | substringWithElipsis(15) }}</td>
-    <td>{{ it.TotalProcessorTime | timeFormat(fmtTime) }}</td>
-    <td>{{ it.UserProcessorTime | timeFormat(fmtTime) }}</td>
-    <td>{{ it.WorkingSet64 | divide(1024) | format('n0') }} KB</td>
-    <td>{{ it.PeakWorkingSet64 | divide(1024) | format('n0') }} KB</td>
-    <td>{{ it.Threads.Count }}</td>
-</tr>
\ No newline at end of file
diff --git a/src/wwwroot/examples/introspect.html b/src/wwwroot/examples/introspect.html
deleted file mode 100644
index 04041be..0000000
--- a/src/wwwroot/examples/introspect.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<table class="table table-striped">
-    <caption>Top 5 Local Disks</caption>
-    <tr><th>Name</th><th>Type</th><th>Available Space</th><th>Total Free Space</th><th>Total Size</th></tr>
-    {{#each drives orderby it.TotalSize descending take 5}}
-    <tr>
-        <td>{{ Name | substringWithEllipsis(50) }}</td>
-        <td>{{ DriveType }} #{{ VolumeLabel }} ({{ DriveFormat }})</td>
-        <td>{{ AvailableFreeSpace / 1024 | format('n0') }} KB</td>
-        <td>{{ TotalFreeSpace / 1024 | format('n0') }} KB</td>
-        <td>{{ TotalSize / 1024 | format('n0') }} KB</td>
-    </tr>
-    {{/each}}
-    </table>
-    
-    <table class="table table-striped">
-    <caption>Current Process</caption>
-    <tr><th>Id</th><th>Name</th><th>CPU Time</th><th>User Time</th><th>Memory (current)</th>
-        <th>Memory (peak)</th><th>Active Threads</th></tr>
-    {{#if currentProcess}}
-    {{ currentProcess | assignTo: p }}
-    {{ "h':'mm':'ss'.'FFF" | assignTo: fmtTime }}
-    <tr>
-        <td>{{ Id }}</td>
-        <td>{{ p.ProcessName | substringWithEllipsis(15) }}</td>
-        <td>{{ p.TotalProcessorTime | timeFormat(fmtTime) }}</td>
-        <td>{{ p.UserProcessorTime | timeFormat(fmtTime) }}</td>
-        <td>{{ p.WorkingSet64 / 1024 | format('n0') }} KB</td>
-        <td>{{ p.PeakWorkingSet64 / 1024 | format('n0') }} KB</td>
-        <td>{{ p.Threads.Count }}</td>
-    </tr>
-    {{/if}}
-    </table>
\ No newline at end of file
diff --git a/src/wwwroot/examples/monthly-budget.txt b/src/wwwroot/examples/monthly-budget.txt
deleted file mode 100644
index 7229ed8..0000000
--- a/src/wwwroot/examples/monthly-budget.txt
+++ /dev/null
@@ -1,32 +0,0 @@
-{{ 11200 | assignTo: balance }}
-{{ 3     | assignTo: projectedMonths }}
-{{'
-Salary:        4000
-App Royalties: 200
-'| trim | parseKeyValueText(':') | assignTo: monthlyRevenues }}
-{{'
-Rent      1000
-Internet  50
-Mobile    50
-Food      400
-Misc      200
-'| trim | parseKeyValueText | assignTo: monthlyExpenses }}
-{{ monthlyRevenues | values | sum | assignTo: totalRevenues }}
-{{ monthlyExpenses | values | sum | assignTo: totalExpenses }}
-{{ subtract(totalRevenues, totalExpenses) | assignTo: totalSavings }}
-
-Current Balance: <b>{{ balance | currency }}</b>
-
-Monthly Revenues:
-{{ monthlyRevenues | toList | select: { it.Key | padRight(17) }{ it.Value | currency }\n }}
-Total            <b>{{ totalRevenues | currency }}</b>
-
-Monthly Expenses:
-{{ monthlyExpenses | toList | select: { it.Key | padRight(17) }{ it.Value | currency }\n }}
-Total            <b>{{ totalExpenses | currency }}</b>
-
-Monthly Savings: <b>{{ totalSavings | currency }}</b>
-
-Projected Cash Position:
-{{ projectedMonths | times | map => index + 1
- | select: { now | addMonths(it) | dateFormat }       <b>{ totalSavings | multiply(it) | add(balance) | currency }</b>\n }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/nav-links.txt b/src/wwwroot/examples/nav-links.txt
deleted file mode 100644
index ce61a81..0000000
--- a/src/wwwroot/examples/nav-links.txt
+++ /dev/null
@@ -1,9 +0,0 @@
-{{ 'navLinks' | partial(
-    { 
-        links: { 
-            '/docs/model-view-controller': 'MVC', 
-            '/docs/view-engine': 'View Engine', 
-            '/docs/code-pages': 'Code Pages'
-        } 
-    }) 
-}}
diff --git a/src/wwwroot/examples/qotd.html b/src/wwwroot/examples/qotd.html
deleted file mode 100644
index f99ec84..0000000
--- a/src/wwwroot/examples/qotd.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<!--
-title: Quote of the Day
--->
-
-<h3><a href="https://gist.githubusercontent.com/gistlyn/0ab7494dfbff78466ef622d501662027/raw/b3dd1e9f8e82c169a32829071aa7f761c6494843/quote.md">Before</a></h3>
-
-<p class="pre">{{ 'select url from quote where id= @id' | dbScalar({ qs.id }) | urlContents | htmlencode }}</p>
-
-<h3><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/examples/quote.html">Code</a></h3>
-
-<pre class="cs"><code>{{ 'examples/quote.html' | includeFile }}</code></pre>
-
-<h3><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/examples/qotd.html">After</a></h3>
-
-{{ 'examples/quote' | partial({ qs.id }) }}
diff --git a/src/wwwroot/examples/quote.html b/src/wwwroot/examples/quote.html
deleted file mode 100644
index 8bf5103..0000000
--- a/src/wwwroot/examples/quote.html
+++ /dev/null
@@ -1,3 +0,0 @@
-{{ 'select url from quote where id= @id' | dbScalar({ qs.id }) | urlContents | markdown | assignTo:quote}}
-
-{{ quote | replace('Razor', 'Templates') | replace('2010', now.Year) | raw }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/sendToAutoQuery-data.html b/src/wwwroot/examples/sendToAutoQuery-data.html
deleted file mode 100644
index a754a2c..0000000
--- a/src/wwwroot/examples/sendToAutoQuery-data.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ { UserName:'ServiceStack', NameStartsWith:'ServiceStack', OrderBy:'-Watchers_Count',take:10 } 
-   | sendToAutoQuery: QueryGitHubRepos
-   | toResults 
-   | selectFields: Name, Homepage, Language, Watchers_Count
-   | htmlDump({ caption: "Most popular ServiceStack repos starting with 'ServiceStack'" }) }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/sendToAutoQuery-rdms.html b/src/wwwroot/examples/sendToAutoQuery-rdms.html
deleted file mode 100644
index e9d42a6..0000000
--- a/src/wwwroot/examples/sendToAutoQuery-rdms.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{{ { cityIn:['London','Madrid','Rio de Janeiro'], faxContains:'555' } 
-   | sendToAutoQuery: QueryCustomers
-   | toResults 
-   | selectFields: CustomerId, CompanyName, City, Fax
-   | htmlDump({ caption: 'Implicit AutoQuery Conventions' }) }}
diff --git a/src/wwwroot/examples/sendtogateway-customers.html b/src/wwwroot/examples/sendtogateway-customers.html
deleted file mode 100644
index 7b51dff..0000000
--- a/src/wwwroot/examples/sendtogateway-customers.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{{ { customerId } | sendToGateway('QueryCustomers') | toResults | get(0) 
-   | htmlDump({ caption: 'ALFKI' }) }}
-
-{{ { countryIn:['UK','Germany'], orderBy:'customerId',take:5 } | sendToGateway: QueryCustomers
-   | toResults | selectFields(['CustomerId', 'CompanyName', 'City'])
-   | htmlDump({ caption: 'Implicit AutoQuery Conventions' }) }}
-
-{{ { companyNameContains:'the',orderBy:'-Country,CustomerId' } | sendToGateway: QueryCustomers 
-   | toResults | selectFields: CustomerId, CompanyName, Country
-   | htmlDump }}
diff --git a/src/wwwroot/gfm/adhoc-querying/01.html b/src/wwwroot/gfm/adhoc-querying/01.html
deleted file mode 100644
index aa9e755..0000000
--- a/src/wwwroot/gfm/adhoc-querying/01.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    TemplateFilters = {
-        <span class="pl-k">new</span> <span class="pl-en">TemplateDbFiltersAsync</span>(),
-    }
-};
-<span class="pl-en">context.Container.AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() =&gt; <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(
-    connectionString, SqlServer2012Dialect.Provider));
-<span class="pl-en">context.Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/01.md b/src/wwwroot/gfm/adhoc-querying/01.md
deleted file mode 100644
index 70124b1..0000000
--- a/src/wwwroot/gfm/adhoc-querying/01.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    TemplateFilters = {
-        new TemplateDbFiltersAsync(),
-    }
-};
-context.Container.AddSingleton<IDbConnectionFactory>(() => new OrmLiteConnectionFactory(
-    connectionString, SqlServer2012Dialect.Provider));
-context.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/02.html b/src/wwwroot/gfm/adhoc-querying/02.html
deleted file mode 100644
index c3cc122..0000000
--- a/src/wwwroot/gfm/adhoc-querying/02.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">container.Register</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(c =&gt; <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(
-    <span class="pl-pds">$"</span><span class="pl-s">Data Source=</span>{filePath}<span class="pl-s">;Read Only=true</span><span class="pl-pds">"</span>, SqliteDialect.Provider));</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/02.md b/src/wwwroot/gfm/adhoc-querying/02.md
deleted file mode 100644
index 7715215..0000000
--- a/src/wwwroot/gfm/adhoc-querying/02.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory(
-    $"Data Source={filePath};Read Only=true", SqliteDialect.Provider));
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/03.html b/src/wwwroot/gfm/adhoc-querying/03.html
deleted file mode 100644
index aee76ce..0000000
--- a/src/wwwroot/gfm/adhoc-querying/03.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">container.Register</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(c =&gt; 
-    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(<span class="pl-s"><span class="pl-pds">"</span>:memory:<span class="pl-pds">"</span></span>, SqliteDialect.Provider));
-
-<span class="pl-k">using</span> (<span class="pl-en">var</span> db = <span class="pl-en">container.Resolve</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;()<span class="pl-en">.Open</span>())
-{
-    <span class="pl-en">db.CreateTable</span>&lt;<span class="pl-en">Order</span>&gt;();
-    <span class="pl-en">db.CreateTable</span>&lt;<span class="pl-en">Customer</span>&gt;();
-    <span class="pl-en">db.CreateTable</span>&lt;<span class="pl-en">Product</span>&gt;();
-    <span class="pl-en">TemplateQueryData.Customers.Each</span>(x =&gt; db.Save(x, references:<span class="pl-c1">true</span>));
-    <span class="pl-en">db.InsertAll</span>(TemplateQueryData.Products);
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/03.md b/src/wwwroot/gfm/adhoc-querying/03.md
deleted file mode 100644
index 6ea62e7..0000000
--- a/src/wwwroot/gfm/adhoc-querying/03.md
+++ /dev/null
@@ -1,13 +0,0 @@
-```csharp
-container.Register<IDbConnectionFactory>(c => 
-    new OrmLiteConnectionFactory(":memory:", SqliteDialect.Provider));
-
-using (var db = container.Resolve<IDbConnectionFactory>().Open())
-{
-    db.CreateTable<Order>();
-    db.CreateTable<Customer>();
-    db.CreateTable<Product>();
-    TemplateQueryData.Customers.Each(x => db.Save(x, references:true));
-    db.InsertAll(TemplateQueryData.Products);
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/04.html b/src/wwwroot/gfm/adhoc-querying/04.html
deleted file mode 100644
index ad41e94..0000000
--- a/src/wwwroot/gfm/adhoc-querying/04.html
+++ /dev/null
@@ -1,121 +0,0 @@
-<div class="gfm"><p>The combination of features in the new Templates makes easy work of typically tedious tasks, e.g. if you were tasked to create a report
-that contained all information about a <a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643" rel="nofollow">Northwind Order</a> displayed on a
-single page, you can create a new page at:</p>
-<ul>
-<li><a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/order-report/_id.html">/northwind/order-report/_id.html</a></li>
-</ul>
-<p>packed with all Queries you need to run and execute them with a <a href="http://templates.servicestack.net/docs/db-filters" rel="nofollow">DB Filter</a> and display them
-with a <a href="http://templates.servicestack.net/docs/html-filters" rel="nofollow">HTML Filter</a>:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">title: Order Report</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span>
-
-<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">CustomerId</span></span>, <span class="pl-e"><span class="pl-v">Freight</span></span>, <span class="pl-e"><span class="pl-v">e.Id</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">EmployeeId</span></span>, <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">ShipVia</span></span>, 
-           <span class="pl-e"><span class="pl-v">ShipAddress</span></span>, <span class="pl-e"><span class="pl-v">ShipCity</span></span>, <span class="pl-e"><span class="pl-v">ShipPostalCode</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>
-      <span class="pl-e"><span class="pl-v">FROM</span></span> ${<span class="pl-e"><span class="pl-v">sqlQuote</span></span>(<span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">o</span></span>
-           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
-           <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">e</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.EmployeeId</span></span> = <span class="pl-e"><span class="pl-v">e.Id</span></span>
-           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
-           <span class="pl-e"><span class="pl-v">Shipper</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.ShipVia</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
-     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` 
-  | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">order</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#with</span> <span class="pl-v">order</span><span class="pl-c1">}}</span>
-  <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">"</span>table table-striped<span class="pl-pds">"</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">className</span></span> <span class="pl-c1">}}</span>
-<span class="pl-s1">  &lt;<span class="pl-ent">style</span>&gt;<span class="pl-ent">table</span> {<span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">transparent</span>} <span class="pl-ent">th</span> {<span class="pl-c1"><span class="pl-c1">white-space</span></span>: <span class="pl-c1">nowrap</span>}&lt;/<span class="pl-ent">style</span>&gt;</span>
-  
-  &lt;<span class="pl-ent">div</span> <span class="pl-e"><span class="pl-e">style</span>=</span><span class="pl-s"><span class="pl-pds">"</span>display:flex<span class="pl-pds">"</span></span>&gt;
-      <span class="pl-c1">{{</span> <span class="pl-v">order</span> | <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">'</span>Order Details<span class="pl-pds">'</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
-      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">CustomerId</span></span>` 
-         | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">CustomerId</span></span> }) | <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
-      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">Id</span></span>,<span class="pl-e"><span class="pl-v">LastName</span></span>,<span class="pl-e"><span class="pl-v">FirstName</span></span>,<span class="pl-e"><span class="pl-v">Title</span></span>,<span class="pl-e"><span class="pl-v">City</span></span>,<span class="pl-e"><span class="pl-v">Country</span></span>,<span class="pl-e"><span class="pl-v">Extension</span></span> <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">EmployeeId</span></span>` 
-         | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">EmployeeId</span></span> }) | <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
-  &lt;/<span class="pl-ent">div</span>&gt;
-
-  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">p.ProductName</span></span>, ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>od.UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, <span class="pl-e"><span class="pl-v">Quantity</span></span>, <span class="pl-e"><span class="pl-v">Discount</span></span>
-        <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">od</span></span>
-             <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
-             <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">od.ProductId</span></span> = <span class="pl-e"><span class="pl-v">p.Id</span></span>
-       <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">OrderId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>`
-      | <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
-      | <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">"</span>Line Items<span class="pl-pds">"</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
-  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">There</span></span> <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">no</span></span> <span class="pl-e"><span class="pl-v">Order</span></span> <span class="pl-e"><span class="pl-v">with</span></span> <span class="pl-e"><span class="pl-v">id</span></span>: ${<span class="pl-e"><span class="pl-v">id</span></span>}` <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/with</span><span class="pl-c1">}}</span></pre></div>
-<p>This will let you view the complete details of any order at the following URL:</p>
-<ul>
-<li><a href="http://rockwind-sqlite.web-app.io/northwind/order-report/10643" rel="nofollow">/northwind/order-report/10643</a></li>
-</ul>
-<p><a href="http://rockwind-sqlite.web-app.io/northwind/order-report/10643" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/order-report.png" alt="" style="max-width:100%;"></a></p>
-<h3>
-<a id="user-content-sql-studio-example" class="anchor" href="#sql-studio-example" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>SQL Studio Example</h3>
-<p>To take the ad hoc SQL Query example even further, it also becomes trivial to implement a SQL Viewer to run ad hoc queries on your App's configured database.</p>
-<p><a href="http://rockwind-sqlite.web-app.io/northwind/sql/" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/sql-viewer.png" alt="" style="max-width:100%;"></a></p>
-<p>The <a href="http://rockwind-sqlite.web-app.io/northwind/sql/" rel="nofollow">Northwind SQL Viewer</a> above was developed using the 2 Template Pages below:</p>
-<h4>
-<a id="user-content-northwindsqlindexhtml" class="anchor" href="#northwindsqlindexhtml" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/sql/index.html">/northwind/sql/index.html</a>
-</h4>
-<p>A Template Page to render the UI, shortcut links to quickly see the last 10 rows of each table, a <code>&lt;textarea/&gt;</code> to capture the SQL Query which
-is sent to an API on every keystroke where the results are displayed instantly:</p>
-<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">h2</span>&gt;Northwind SQL Viewer&lt;/<span class="pl-ent">h2</span>&gt;
-
-&lt;<span class="pl-ent">textarea</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>sql<span class="pl-pds">"</span></span>&gt;select * from "Customer" order by Id desc limit 10&lt;/<span class="pl-ent">textarea</span>&gt;
-&lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>tables<span class="pl-pds">"</span></span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Category&lt;/<span class="pl-ent">li</span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Customer&lt;/<span class="pl-ent">li</span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Employee&lt;/<span class="pl-ent">li</span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Order&lt;/<span class="pl-ent">li</span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Product&lt;/<span class="pl-ent">li</span>&gt;
-  &lt;<span class="pl-ent">li</span>&gt;Supplier&lt;/<span class="pl-ent">li</span>&gt;
-&lt;/<span class="pl-ent">ul</span>&gt;
-
-&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>preview<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">div</span>&gt;
-&lt;<span class="pl-ent">style</span>&gt;<span class="pl-s1"><span class="pl-c"><span class="pl-c">/*</span>...<span class="pl-c">*/</span></span></span>&lt;/<span class="pl-ent">style</span>&gt;
-
-&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
-<span class="pl-s1"><span class="pl-k">let</span> textarea <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(<span class="pl-s"><span class="pl-pds">"</span>textarea<span class="pl-pds">"</span></span>);</span>
-<span class="pl-s1"><span class="pl-k">let</span> listItems <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelectorAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.tables li<span class="pl-pds">'</span></span>);</span>
-<span class="pl-s1"><span class="pl-k">for</span> (<span class="pl-k">let</span> i<span class="pl-k">=</span><span class="pl-c1">0</span>; i<span class="pl-k">&lt;</span><span class="pl-smi">listItems</span>.<span class="pl-c1">length</span>; i<span class="pl-k">++</span>) {</span>
-<span class="pl-s1">  listItems[i].<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">'</span>click<span class="pl-pds">'</span></span>, <span class="pl-k">function</span>(<span class="pl-smi">e</span>){</span>
-<span class="pl-s1">    <span class="pl-k">var</span> table <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-c1">target</span>.<span class="pl-smi">innerHTML</span>;</span>
-<span class="pl-s1">    <span class="pl-smi">textarea</span>.<span class="pl-c1">value</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>select * from "<span class="pl-pds">'</span></span> <span class="pl-k">+</span> table <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>" order by Id desc limit 10<span class="pl-pds">'</span></span>;</span>
-<span class="pl-s1">    <span class="pl-smi">textarea</span>.<span class="pl-c1">dispatchEvent</span>(<span class="pl-k">new</span> <span class="pl-en">Event</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, { bubbles<span class="pl-k">:</span> <span class="pl-c1">true</span>, cancelable<span class="pl-k">:</span> <span class="pl-c1">true</span> }));</span>
-<span class="pl-s1">  });</span>
-<span class="pl-s1">}</span>
-<span class="pl-s1"><span class="pl-c"><span class="pl-c">//</span> Enable Live Preview of SQL</span></span>
-<span class="pl-s1"><span class="pl-smi">textarea</span>.<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, livepreview, <span class="pl-c1">false</span>);</span>
-<span class="pl-s1"><span class="pl-en">livepreview</span>({ target<span class="pl-k">:</span> textarea });</span>
-<span class="pl-s1"><span class="pl-k">function</span> <span class="pl-en">livepreview</span>(<span class="pl-smi">e</span>) {</span>
-<span class="pl-s1">  <span class="pl-k">let</span> el <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-c1">target</span>;</span>
-<span class="pl-s1">  <span class="pl-k">let</span> sel <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>.preview<span class="pl-pds">'</span></span>;</span>
-<span class="pl-s1">  <span class="pl-k">if</span> (<span class="pl-smi">el</span>.<span class="pl-c1">value</span>.<span class="pl-en">trim</span>() <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>) {</span>
-<span class="pl-s1">    <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>;</span>
-<span class="pl-s1">    <span class="pl-k">return</span>;</span>
-<span class="pl-s1">  }</span>
-<span class="pl-s1">  <span class="pl-k">let</span> formData <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">FormData</span>();</span>
-<span class="pl-s1">  <span class="pl-smi">formData</span>.<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">"</span>sql<span class="pl-pds">"</span></span>, <span class="pl-smi">el</span>.<span class="pl-c1">value</span>);</span>
-<span class="pl-s1">  <span class="pl-en">fetch</span>(<span class="pl-s"><span class="pl-pds">"</span>api<span class="pl-pds">"</span></span>, {</span>
-<span class="pl-s1">    method<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span>post<span class="pl-pds">"</span></span>,</span>
-<span class="pl-s1">    body<span class="pl-k">:</span> formData</span>
-<span class="pl-s1">  }).<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-k">return</span> <span class="pl-smi">r</span>.<span class="pl-c1">text</span>(); })</span>
-<span class="pl-s1">    .<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> r; });</span>
-<span class="pl-s1">}</span>
-<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
-<h4>
-<a id="user-content-northwindsqlapihtml" class="anchor" href="#northwindsqlapihtml" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/sql/api.html">/northwind/sql/api.html</a>
-</h4>
-<p>All that's left is to implement the API which just needs to check to ensure the SQL does not contain any destructive operations using the
-<code>isUnsafeSql</code> DB filter, if it doesn't execute the SQL with the <code>dbSelect</code> DB Filter, generate a HTML Table with <code>htmlDump</code> and return
-the partial HTML fragment with <code>return</code>:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">isUnsafeSql</span>(<span class="pl-e"><span class="pl-v">sql</span></span>) <span class="pl-c1">}}</span> 
-    <span class="pl-c1">{{</span> `&lt;<span class="pl-e"><span class="pl-v">div</span></span> <span class="pl-e"><span class="pl-v">class</span>=</span><span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>&gt;<span class="pl-e"><span class="pl-v">Potentially</span></span> <span class="pl-e"><span class="pl-v">unsafe</span></span> <span class="pl-e"><span class="pl-v">SQL</span></span> <span class="pl-e"><span class="pl-v">detected</span></span>&lt;<span class="pl-e"><span class="pl-v">/div</span></span>&gt;` | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">sql</span> | <span class="pl-e"><span class="pl-v">dbSelect</span></span> | <span class="pl-e"><span class="pl-v">htmlDump</span></span> | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-<h3>
-<a id="user-content-live-development-workflow" class="anchor" href="#live-development-workflow" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Live Development Workflow</h3>
-<p>Thanks to the live development workflow of Template Pages, this is the quickest way we've previously been able to implement any of this functionality.
-Where all development can happen at runtime with no compilation or builds, yielding a highly productive iterative workflow to implement common functionality
-like viewing ad hoc SQL Queries in Excel or even just to rapidly prototype APIs so they can be consumed immediately by Client Applications before
-formalizing them into Typed ServiceStack Services where they can take advantage of its rich typed metadata and ecosystem.</p>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/adhoc-querying/04.md b/src/wwwroot/gfm/adhoc-querying/04.md
deleted file mode 100644
index 6d9bcf3..0000000
--- a/src/wwwroot/gfm/adhoc-querying/04.md
+++ /dev/null
@@ -1,134 +0,0 @@
-The combination of features in the new Templates makes easy work of typically tedious tasks, e.g. if you were tasked to create a report 
-that contained all information about a [Northwind Order](http://rockwind-sqlite.web-app.io/northwind/order?id=10643) displayed on a 
-single page, you can create a new page at:
-
-  - [/northwind/order-report/_id.html](https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/order-report/_id.html)
-
-packed with all Queries you need to run and execute them with a [DB Filter](http://templates.servicestack.net/docs/db-filters) and display them
-with a [HTML Filter](http://templates.servicestack.net/docs/html-filters):
-
-```hbs
-<!--
-title: Order Report
--->
-
-{{ `SELECT o.Id, OrderDate, CustomerId, Freight, e.Id as EmployeeId, s.CompanyName as ShipVia, 
-           ShipAddress, ShipCity, ShipPostalCode, ShipCountry
-      FROM ${sqlQuote("Order")} o
-           INNER JOIN
-           Employee e ON o.EmployeeId = e.Id
-           INNER JOIN
-           Shipper s ON o.ShipVia = s.Id
-     WHERE o.Id = @id` 
-  | dbSingle({ id }) | assignTo: order }}
-
-{{#with order}}
-  {{ "table table-striped" | assignTo: className }}
-  <style>table {border: 5px solid transparent} th {white-space: nowrap}</style>
-  
-  <div style="display:flex">
-      {{ order | htmlDump({ caption: 'Order Details', className }) }}
-      {{ `SELECT * FROM Customer WHERE Id = @CustomerId` 
-         | dbSingle({ CustomerId }) | htmlDump({ caption: `Customer Details`, className }) }}
-      {{ `SELECT Id,LastName,FirstName,Title,City,Country,Extension FROM Employee WHERE Id = @EmployeeId` 
-         | dbSingle({ EmployeeId }) | htmlDump({ caption: `Employee Details`, className }) }}
-  </div>
-
-  {{ `SELECT p.ProductName, ${sqlCurrency("od.UnitPrice")} UnitPrice, Quantity, Discount
-        FROM OrderDetail od
-             INNER JOIN
-             Product p ON od.ProductId = p.Id
-       WHERE OrderId = @id`
-      | dbSelect({ id }) 
-      | htmlDump({ caption: "Line Items", className }) }}
-{{else}}
-  {{ `There is no Order with id: ${id}` }}
-{{/with}}
-```
-
-This will let you view the complete details of any order at the following URL:
-
-  - [/northwind/order-report/10643](http://rockwind-sqlite.web-app.io/northwind/order-report/10643)
-
-[![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/order-report.png)](http://rockwind-sqlite.web-app.io/northwind/order-report/10643)
-
-### SQL Studio Example
-
-To take the ad hoc SQL Query example even further, it also becomes trivial to implement a SQL Viewer to run ad hoc queries on your App's configured database.
-
-[![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/sql-viewer.png)](http://rockwind-sqlite.web-app.io/northwind/sql/)
-
-The [Northwind SQL Viewer](http://rockwind-sqlite.web-app.io/northwind/sql/) above was developed using the 2 Template Pages below:
-
-#### [/northwind/sql/index.html](https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/sql/index.html)
-
-A Template Page to render the UI, shortcut links to quickly see the last 10 rows of each table, a `<textarea/>` to capture the SQL Query which
-is sent to an API on every keystroke where the results are displayed instantly:
-
-```html
-<h2>Northwind SQL Viewer</h2>
-
-<textarea name="sql">select * from "Customer" order by Id desc limit 10</textarea>
-<ul class="tables">
-  <li>Category</li>
-  <li>Customer</li>
-  <li>Employee</li>
-  <li>Order</li>
-  <li>Product</li>
-  <li>Supplier</li>
-</ul>
-
-<div class="preview"></div>
-<style>/*...*/</style>
-
-<script>
-let textarea = document.querySelector("textarea");
-let listItems = document.querySelectorAll('.tables li');
-for (let i=0; i<listItems.length; i++) {
-  listItems[i].addEventListener('click', function(e){
-    var table = e.target.innerHTML;
-    textarea.value = 'select * from "' + table + '" order by Id desc limit 10';
-    textarea.dispatchEvent(new Event("input", { bubbles: true, cancelable: true }));
-  });
-}
-// Enable Live Preview of SQL
-textarea.addEventListener("input", livepreview, false);
-livepreview({ target: textarea });
-function livepreview(e) {
-  let el = e.target;
-  let sel = '.preview';
-  if (el.value.trim() == "") {
-    document.querySelector(sel).innerHTML = "";
-    return;
-  }
-  let formData = new FormData();
-  formData.append("sql", el.value);
-  fetch("api", {
-    method: "post",
-    body: formData
-  }).then(function(r) { return r.text(); })
-    .then(function(r) { document.querySelector(sel).innerHTML = r; });
-}
-</script>
-```
-
-#### [/northwind/sql/api.html](https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/sql/api.html)
-
-All that's left is to implement the API which just needs to check to ensure the SQL does not contain any destructive operations using the 
-`isUnsafeSql` DB filter, if it doesn't execute the SQL with the `dbSelect` DB Filter, generate a HTML Table with `htmlDump` and return
-the partial HTML fragment with `return`:
-
-```hbs
-{{#if isUnsafeSql(sql) }} 
-    {{ `<div class="alert alert-danger">Potentially unsafe SQL detected</div>` | return }}
-{{/if}}
-
-{{ sql | dbSelect | htmlDump | return }}
-```
-
-### Live Development Workflow
-
-Thanks to the live development workflow of Template Pages, this is the quickest way we've previously been able to implement any of this functionality.
-Where all development can happen at runtime with no compilation or builds, yielding a highly productive iterative workflow to implement common functionality
-like viewing ad hoc SQL Queries in Excel or even just to rapidly prototype APIs so they can be consumed immediately by Client Applications before 
-formalizing them into Typed ServiceStack Services where they can take advantage of its rich typed metadata and ecosystem.
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/01.html b/src/wwwroot/gfm/api-pages/01.html
deleted file mode 100644
index 892c54a..0000000
--- a/src/wwwroot/gfm/api-pages/01.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new TemplatePagesFeature 
-{
-    ApiPath = <span class="pl-s"><span class="pl-pds">"</span>/api<span class="pl-pds">"</span></span>
-})</pre></div>
-</div>
diff --git a/src/wwwroot/gfm/api-pages/01.md b/src/wwwroot/gfm/api-pages/01.md
deleted file mode 100644
index e5d7f4f..0000000
--- a/src/wwwroot/gfm/api-pages/01.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature 
-{
-    ApiPath = "/api"
-})
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/02.html b/src/wwwroot/gfm/api-pages/02.html
deleted file mode 100644
index e20fa18..0000000
--- a/src/wwwroot/gfm/api-pages/02.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>select Id, CompanyName, ContactName, ContactTitle, City, Country from Customer<span class="pl-pds">'</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">PathArgs</span></span>)<span class="pl-c1">}}</span>
-   <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">where</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>: <span class="pl-e"><span class="pl-v">PathArgs</span></span>[<span class="pl-e"><span class="pl-v">0</span></span>] }) 
-      | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">id</span><span class="pl-c1">}}</span>      <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Id = @id<span class="pl-pds">'</span></span>           | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">city</span><span class="pl-c1">}}</span>    <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>City = @city<span class="pl-pds">'</span></span>       | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">country</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Country = @country<span class="pl-pds">'</span></span> | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>)<span class="pl-c1">}}</span>
-  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">WHERE</span></span> ${<span class="pl-e"><span class="pl-v">join</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>, <span class="pl-s"><span class="pl-pds">'</span> AND <span class="pl-pds">'</span></span>)}` | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">CompanyName</span></span> ${<span class="pl-e"><span class="pl-v">sqlLimit</span></span>(<span class="pl-e"><span class="pl-v">limit</span></span>)}` | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">sql</span> | <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>, <span class="pl-e"><span class="pl-v">city</span></span>, <span class="pl-e"><span class="pl-v">country</span></span> }) 
-       | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/02.md b/src/wwwroot/gfm/api-pages/02.md
deleted file mode 100644
index 104e89f..0000000
--- a/src/wwwroot/gfm/api-pages/02.md
+++ /dev/null
@@ -1,23 +0,0 @@
-```hbs
-{{ limit ?? 100 | assignTo: limit }}
-
-{{ 'select Id, CompanyName, ContactName, ContactTitle, City, Country from Customer' | assignTo: sql }}
-
-{{#if !isEmpty(PathArgs)}}
-   {{ `${sql} where Id = @id` | dbSingle({ id: PathArgs[0] }) 
-      | return }}
-{{/if}}
-
-{{#if id}}      {{ 'Id = @id'           | addTo: filters }} {{/if}}
-{{#if city}}    {{ 'City = @city'       | addTo: filters }} {{/if}}
-{{#if country}} {{ 'Country = @country' | addTo: filters }} {{/if}}
-
-{{#if !isEmpty(filters)}}
-  {{ `${sql} WHERE ${join(filters, ' AND ')}` | assignTo: sql }}
-{{/if}}
-
-{{ `${sql} ORDER BY CompanyName ${sqlLimit(limit)}` | assignTo: sql }}
-
-{{ sql | dbSelect({ id, city, country }) 
-       | return }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/03.html b/src/wwwroot/gfm/api-pages/03.html
deleted file mode 100644
index 157bae9..0000000
--- a/src/wwwroot/gfm/api-pages/03.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">select</span></span> <span class="pl-e"><span class="pl-v">p.Id</span></span>, 
-           <span class="pl-e"><span class="pl-v">ProductName</span></span>,
-           <span class="pl-e"><span class="pl-v">c.CategoryName</span></span> <span class="pl-e"><span class="pl-v">Category</span></span>,
-           <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">Supplier</span></span>, 
-           <span class="pl-e"><span class="pl-v">QuantityPerUnit</span></span>, 
-           ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, 
-           <span class="pl-e"><span class="pl-v">UnitsInStock</span></span>, <span class="pl-e"><span class="pl-v">UnitsOnOrder</span></span>, <span class="pl-e"><span class="pl-v">ReorderLevel</span></span>   
-      <span class="pl-e"><span class="pl-v">from</span></span> <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span>
-           <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span> <span class="pl-e"><span class="pl-v">Category</span></span> <span class="pl-e"><span class="pl-v">c</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CategoryId</span></span> = <span class="pl-e"><span class="pl-v">c.Id</span></span>
-           <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span> <span class="pl-e"><span class="pl-v">Supplier</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.SupplierId</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
-     <span class="pl-e"><span class="pl-v">where</span></span> <span class="pl-e"><span class="pl-v">Discontinued</span></span> = <span class="pl-e"><span class="pl-v">0</span></span>`
-  | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">PathArgs</span></span>)<span class="pl-c1">}}</span>
-  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">and</span></span> <span class="pl-e"><span class="pl-v">p.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>: <span class="pl-e"><span class="pl-v">PathArgs</span></span>[<span class="pl-e"><span class="pl-v">0</span></span>] }) 
-     | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">id</span><span class="pl-c1">}}</span>           <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>p.Id = @id<span class="pl-pds">'</span></span>                 | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">category</span><span class="pl-c1">}}</span>     <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>c.CategoryName = @category<span class="pl-pds">'</span></span> | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">supplier</span><span class="pl-c1">}}</span>     <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>s.CompanyName = @supplier<span class="pl-pds">'</span></span>  | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">nameContains</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>ProductName LIKE @name<span class="pl-pds">'</span></span>     | <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>)<span class="pl-c1">}}</span>
-  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">and</span></span> ${<span class="pl-e"><span class="pl-v">join</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>, <span class="pl-s"><span class="pl-pds">'</span> and <span class="pl-pds">'</span></span>)}` | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">CompanyName</span></span> ${<span class="pl-e"><span class="pl-v">sqlLimit</span></span>(<span class="pl-e"><span class="pl-v">limit</span></span>)}` | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">sql</span> | <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>, <span class="pl-e"><span class="pl-v">category</span></span>, <span class="pl-e"><span class="pl-v">supplier</span></span>, <span class="pl-e"><span class="pl-v">name</span></span>: `%${<span class="pl-e"><span class="pl-v">nameContains</span></span>}%` }) 
-       | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/03.md b/src/wwwroot/gfm/api-pages/03.md
deleted file mode 100644
index 9ced02e..0000000
--- a/src/wwwroot/gfm/api-pages/03.md
+++ /dev/null
@@ -1,35 +0,0 @@
-```hbs
-{{ limit ?? 100 | assignTo: limit }}
-
-{{ `select p.Id, 
-           ProductName,
-           c.CategoryName Category,
-           s.CompanyName Supplier, 
-           QuantityPerUnit, 
-           ${sqlCurrency("UnitPrice")} UnitPrice, 
-           UnitsInStock, UnitsOnOrder, ReorderLevel   
-      from Product p
-           inner join Category c on p.CategoryId = c.Id
-           inner join Supplier s on p.SupplierId = s.Id
-     where Discontinued = 0`
-  | assignTo: sql }}
-
-{{#if !isEmpty(PathArgs)}}
-  {{ `${sql} and p.Id = @id` | dbSingle({ id: PathArgs[0] }) 
-     | return }}
-{{/if}}
-
-{{#if id}}           {{ 'p.Id = @id'                 | addTo: filters }} {{/if}}
-{{#if category}}     {{ 'c.CategoryName = @category' | addTo: filters }} {{/if}}
-{{#if supplier}}     {{ 's.CompanyName = @supplier'  | addTo: filters }} {{/if}}
-{{#if nameContains}} {{ 'ProductName LIKE @name'     | addTo: filters }} {{/if}}
-
-{{#if !isEmpty(filters)}}
-  {{ `${sql} and ${join(filters, ' and ')}` | assignTo: sql }}
-{{/if}}
-
-{{ `${sql} ORDER BY CompanyName ${sqlLimit(limit)}` | assignTo: sql }}
-
-{{ sql | dbSelect({ id, category, supplier, name: `%${nameContains}%` }) 
-       | return }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/04.html b/src/wwwroot/gfm/api-pages/04.html
deleted file mode 100644
index b26a9b4..0000000
--- a/src/wwwroot/gfm/api-pages/04.html
+++ /dev/null
@@ -1,118 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre>[<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/hello/{Name}<span class="pl-pds">"</span></span>)]
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Hello</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">HelloResponse</span>&gt;
-{
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloResponse</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Result</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloService</span> : <span class="pl-en">Service</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">Hello</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">HelloResponse</span> { <span class="pl-smi">Result</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">$"</span>Hello, {<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>}!<span class="pl-pds">"</span></span> };
-}</pre></div>
-<h3>
-<a id="user-content-hello-api-page" class="anchor" href="#hello-api-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/hello API Page</h3>
-<blockquote>
-<p>Usage: /hello/{name}</p>
-</blockquote>
-<p>An API which returns the same wire response as above can be implemented in API Pages by creating a page at
-<a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/hello/_name/index.html">/hello/_name/index.html</a>
-that includes the 1-liner:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-<p>Which supports the same content negotiation as a ServiceStack Service where calling it in a browser will generate a
-<a href="http://docs.servicestack.net/html5reportformat" rel="nofollow">human-friendly HTML Page</a>:</p>
-<ul>
-<li><a href="http://blog.web-app.io/hello/World" rel="nofollow">/hello/World</a></li>
-</ul>
-<p>Or calling it with a JSON HTTP client containing <code>Accept: application/json</code> HTTP Header or with a <code>?format=json</code> query string will
-render the API response in the JSON Format:</p>
-<ul>
-<li><a href="http://blog.web-app.io/hello/World?format=json" rel="nofollow">/hello/World?format=json</a></li>
-</ul>
-<p>Alternatively you can force a JSON Response by specifying the Content Type in the return arguments:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">format</span></span>: <span class="pl-s"><span class="pl-pds">'</span>json<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span> 
-// Equivalent to:
-<span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>: <span class="pl-s"><span class="pl-pds">'</span>application/json<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
-<p>More API examples showing the versatility of this feature is contained in the new <a href="http://blog.web-app.io" rel="nofollow">blog.web-app.io</a> which only uses
-Templates and Dynamic API Pages to implement all of its functionality.</p>
-<h3>
-<a id="user-content-preview-api-page" class="anchor" href="#preview-api-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/preview API Page</h3>
-<blockquote>
-<p>Usage: /preview?content={templates}</p>
-</blockquote>
-<p>The <a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/preview.html">/preview.html</a> API page uses this to force a plain-text response with:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">content</span>  | <span class="pl-e"><span class="pl-v">evalTemplate</span></span>({<span class="pl-e"><span class="pl-v">use</span></span>:{<span class="pl-e"><span class="pl-v">plugins</span></span>:<span class="pl-s"><span class="pl-pds">'</span>MarkdownTemplatePlugin<span class="pl-pds">'</span></span><span class="pl-c1">}}</span>) | assignTo:response }}
-<span class="pl-c1">{{</span> <span class="pl-v">response</span> | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>:<span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
-<p>The preview API above is what provides the new <a href="http://blog.web-app.io/" rel="nofollow">Blog Web App's</a> Live Preview feature where it will render any
-ServiceStack Templates provided in the <strong>content</strong> Query String or HTTP Post Form Data, e.g:</p>
-<ul>
-<li><a href="http://blog.web-app.io/preview?content=%7B%7B10%7Ctimes%7Cselect:%7Bpow(index,2)%7D,%7D%7D" rel="nofollow">/preview?content={{10|times|select:{pow(index,2)},}}</a></li>
-</ul>
-<p>Which renders the plain text response:</p>
-<pre><code>0,1,4,9,16,25,36,49,64,81,
-</code></pre>
-<h3>
-<a id="user-content-_userapi-page" class="anchor" href="#_userapi-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/_user/api Page</h3>
-<blockquote>
-<p>Usage: /{user}/api</p>
-</blockquote>
-<p>The <a href="https://github.com/NetCoreWebApps/blog/blob/master/_user/api.html">/_user/api.html</a> API page shows an example of how easy it is to
-create data-driven APIs where you can literally return the response of a parameterized SQL query using the <code>dbSelect</code> filter and returning
-the results:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * 
-      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span> <span class="pl-e"><span class="pl-v">UserInfo</span></span> <span class="pl-e"><span class="pl-v">u</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CreatedBy</span></span> = <span class="pl-e"><span class="pl-v">u.UserName</span></span> 
-     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">UserName</span></span> = @<span class="pl-e"><span class="pl-v">user</span></span> 
-    <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">p.Created</span></span> <span class="pl-e"><span class="pl-v">DESC</span></span>` 
-   | <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">user</span></span> })
-   | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-<p>The <strong>user</strong> argument is populated as a result of dynamic route from the <code>_user</code> directory name which will let you view all
-<a href="http://blog.web-app.io/ServiceStack" rel="nofollow">@ServiceStack</a> posts with:</p>
-<ul>
-<li><a href="http://blog.web-app.io/ServiceStack/api" rel="nofollow">/ServiceStack/api</a></li>
-</ul>
-<p>Which also benefits from ServiceStack's multiple built-in formats where the same API can be returned in:</p>
-<ul>
-<li><a href="http://blog.web-app.io/ServiceStack/api?format=json" rel="nofollow">/ServiceStack/api?format=json</a></li>
-<li><a href="http://blog.web-app.io/ServiceStack/api?format=csv" rel="nofollow">/ServiceStack/api?format=csv</a></li>
-<li><a href="http://blog.web-app.io/ServiceStack/api?format=xml" rel="nofollow">/ServiceStack/api?format=xml</a></li>
-<li><a href="http://blog.web-app.io/ServiceStack/api?format=jsv" rel="nofollow">/ServiceStack/api?format=jsv</a></li>
-</ul>
-<h3>
-<a id="user-content-posts_slugapi-page" class="anchor" href="#posts_slugapi-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/posts/_slug/api Page</h3>
-<blockquote>
-<p>Usage:  /posts/{slug}/api</p>
-</blockquote>
-<p>The <a href="https://github.com/NetCoreWebApps/blog/blob/master/posts/_slug/api.html">/posts/_slug/api.html</a> page shows an example of using the
-<code>httpResult</code> filter to return a custom HTTP Response where if the post with the specified slug does not exist it will return a
-<code>404 Post was not found</code> HTTP Response:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * 
-      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span> <span class="pl-e"><span class="pl-v">UserInfo</span></span> <span class="pl-e"><span class="pl-v">u</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CreatedBy</span></span> = <span class="pl-e"><span class="pl-v">u.UserName</span></span> 
-     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Slug</span></span> = @<span class="pl-e"><span class="pl-v">slug</span></span> 
-     <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">p.Created</span></span> <span class="pl-e"><span class="pl-v">DESC</span></span>` 
-   | <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">slug</span></span> })
-   | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">post</span></span> 
-<span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span> <span class="pl-v">post</span> ?? <span class="pl-e"><span class="pl-v">httpResult</span></span>({ <span class="pl-e"><span class="pl-v">status</span></span>:<span class="pl-e"><span class="pl-v">404</span></span>, <span class="pl-e"><span class="pl-v">statusDescription</span></span>:<span class="pl-s"><span class="pl-pds">'</span>Post was not found<span class="pl-pds">'</span></span> }) 
-   | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-<p>The <code>httpResult</code> filter returns a ServiceStack <code>HttpResult</code> which allows for the following customizations:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-en">httpResult</span>({ 
-  <span class="pl-smi">status</span>:            <span class="pl-c1">404</span>,
-  <span class="pl-smi">status</span>:            <span class="pl-s">'NotFound'</span> <span class="pl-c"><span class="pl-c">//</span> can also use .NET HttpStatusCode enum name</span>
-  <span class="pl-smi">statusDescription</span>: <span class="pl-s">'Post was not found'</span>,
-  <span class="pl-smi">response</span>:          <span class="pl-smi">post</span>,
-  <span class="pl-smi">format</span>:            <span class="pl-s">'json'</span>,
-  <span class="pl-smi">contentType</span>:       <span class="pl-s">'application/json'</span>,
-  <span class="pl-s">'X-Powered-By'</span>:    <span class="pl-s">'ServiceStack Templates'</span>,
-}) </pre></div>
-<p>Any other unknown arguments like <strong>'X-Powered-By'</strong> are returned as HTTP Response Headers.</p>
-<p>Returning the <code>httpResult</code> above behaves similarly to customizing a HTTP response using return arguments:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">post</span> | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">format</span></span>:<span class="pl-s"><span class="pl-pds">'</span>json<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>X-Powered-By<span class="pl-pds">'</span></span>:<span class="pl-s"><span class="pl-pds">'</span>ServiceStack Templates<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
-<p>Using the explicit <code>httpResult</code> filter is useful for returning a custom HTTP Response without a Response Body, e.g. the <strong>New Post</strong> page
-uses <code>httpFilter</code> to
-<a href="https://github.com/NetCoreWebApps/Blog/blob/e8bb7249192c5797348ced091ad5fd434db9a619/app/posts/new.html#L33">redirect back to the Users posts page</a>
-after they've successfully created a new Post:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">success</span><span class="pl-c1">}}</span>
-    <span class="pl-c1">{{</span> <span class="pl-v">httpResult</span>({ <span class="pl-e"><span class="pl-v">status</span></span>:<span class="pl-e"><span class="pl-v">301</span></span>, <span class="pl-e"><span class="pl-v">Location</span></span>:`/${<span class="pl-e"><span class="pl-v">userName</span></span>}` }) | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-pages/04.md b/src/wwwroot/gfm/api-pages/04.md
deleted file mode 100644
index 88064ca..0000000
--- a/src/wwwroot/gfm/api-pages/04.md
+++ /dev/null
@@ -1,150 +0,0 @@
-```csharp
-[Route("/hello/{Name}")]
-public class Hello : IReturn<HelloResponse>
-{
-    public string Name { get; set; }
-}
-public class HelloResponse
-{
-    public string Result { get; set; }
-}
-public class HelloService : Service
-{
-    public object Any(Hello request) => new HelloResponse { Result = $"Hello, {request.Name}!" };
-}
-```
-
-### /hello API Page
-
-> Usage: /hello/{name}
-
-An API which returns the same wire response as above can be implemented in API Pages by creating a page at 
-[/hello/_name/index.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/hello/_name/index.html) 
-that includes the 1-liner:
-
-```hbs
-{{ { result: `Hello, ${name}!` } | return }}
-```
-
-Which supports the same content negotiation as a ServiceStack Service where calling it in a browser will generate a 
-[human-friendly HTML Page](http://docs.servicestack.net/html5reportformat):
-
- - [/hello/World](http://blog.web-app.io/hello/World)
-
-Or calling it with a JSON HTTP client containing `Accept: application/json` HTTP Header or with a `?format=json` query string will 
-render the API response in the JSON Format:
-
- - [/hello/World?format=json](http://blog.web-app.io/hello/World?format=json)
-
-Alternatively you can force a JSON Response by specifying the Content Type in the return arguments:
-
-```hbs
-{{ { result: `Hello, ${name}!` } | return({ format: 'json' }) }} 
-// Equivalent to:
-{{ { result: `Hello, ${name}!` } | return({ contentType: 'application/json' }) }}
-```
-
-More API examples showing the versatility of this feature is contained in the new [blog.web-app.io](http://blog.web-app.io) which only uses 
-Templates and Dynamic API Pages to implement all of its functionality.
-
-### /preview API Page
-
-> Usage: /preview?content={templates}
-
-The [/preview.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/preview.html) API page uses this to force a plain-text response with:
-
-```hbs
-{{ content  | evalTemplate({use:{plugins:'MarkdownTemplatePlugin'}}) | assignTo:response }}
-{{ response | return({ contentType:'text/plain' }) }}
-```
-
-The preview API above is what provides the new [Blog Web App's](http://blog.web-app.io/) Live Preview feature where it will render any 
-ServiceStack Templates provided in the **content** Query String or HTTP Post Form Data, e.g:
-
-- [/preview?content={{10|times|select:{pow(index,2)},}}](http://blog.web-app.io/preview?content={{10|times|select:{pow(index,2)},}})
-
-Which renders the plain text response:
-
-    0,1,4,9,16,25,36,49,64,81,
-
-### /_user/api Page
-
-> Usage: /{user}/api
-
-The [/_user/api.html](https://github.com/NetCoreWebApps/blog/blob/master/_user/api.html) API page shows an example of how easy it is to 
-create data-driven APIs where you can literally return the response of a parameterized SQL query using the `dbSelect` filter and returning 
-the results:
-
-```hbs
-{{ `SELECT * 
-      FROM Post p INNER JOIN UserInfo u on p.CreatedBy = u.UserName 
-     WHERE UserName = @user 
-    ORDER BY p.Created DESC` 
-   | dbSelect({ user })
-   | return }}
-```
-
-The **user** argument is populated as a result of dynamic route from the `_user` directory name which will let you view all 
-[@ServiceStack](http://blog.web-app.io/ServiceStack) posts with:
-
- - [/ServiceStack/api](http://blog.web-app.io/ServiceStack/api)
-
-Which also benefits from ServiceStack's multiple built-in formats where the same API can be returned in:
-
- - [/ServiceStack/api?format=json](http://blog.web-app.io/ServiceStack/api?format=json)
- - [/ServiceStack/api?format=csv](http://blog.web-app.io/ServiceStack/api?format=csv)
- - [/ServiceStack/api?format=xml](http://blog.web-app.io/ServiceStack/api?format=xml)
- - [/ServiceStack/api?format=jsv](http://blog.web-app.io/ServiceStack/api?format=jsv)
-
-### /posts/_slug/api Page
-
-> Usage:  /posts/{slug}/api
-
-The [/posts/_slug/api.html](https://github.com/NetCoreWebApps/blog/blob/master/posts/_slug/api.html) page shows an example of using the 
-`httpResult` filter to return a custom HTTP Response where if the post with the specified slug does not exist it will return a 
-`404 Post was not found` HTTP Response:
-
-```hbs
-{{ `SELECT * 
-      FROM Post p INNER JOIN UserInfo u on p.CreatedBy = u.UserName 
-     WHERE Slug = @slug 
-     ORDER BY p.Created DESC` 
-   | dbSingle({ slug })
-   | assignTo: post 
-}}
-{{ post ?? httpResult({ status:404, statusDescription:'Post was not found' }) 
-   | return }}
-```
-
-The `httpResult` filter returns a ServiceStack `HttpResult` which allows for the following customizations:
-
-```csharp
-httpResult({ 
-  status:            404,
-  status:            'NotFound' // can also use .NET HttpStatusCode enum name
-  statusDescription: 'Post was not found',
-  response:          post,
-  format:            'json',
-  contentType:       'application/json',
-  'X-Powered-By':    'ServiceStack Templates',
-}) 
-```
-
-Any other unknown arguments like **'X-Powered-By'** are returned as HTTP Response Headers. 
-
-Returning the `httpResult` above behaves similarly to customizing a HTTP response using return arguments:
-
-```hbs
-{{ post | return({ format:'json', 'X-Powered-By':'ServiceStack Templates' }) }}
-```
-
-Using the explicit `httpResult` filter is useful for returning a custom HTTP Response without a Response Body, e.g. the **New Post** page 
-uses `httpFilter` to 
-[redirect back to the Users posts page](https://github.com/NetCoreWebApps/Blog/blob/e8bb7249192c5797348ced091ad5fd434db9a619/app/posts/new.html#L33) 
-after they've successfully created a new Post:
-
-```hbs
-{{#if success}}
-    {{ httpResult({ status:301, Location:`/${userName}` }) | return }}
-{{/if}}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/01.html b/src/wwwroot/gfm/api-reference/01.html
deleted file mode 100644
index 938296d..0000000
--- a/src/wwwroot/gfm/api-reference/01.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> { 
-    Args = {
-        [TemplateConstants.MaxQuota] = <span class="pl-c1">10000</span>,
-        [TemplateConstants.DefaultCulture] = CultureInfo.CurrentCulture,
-        [TemplateConstants.DefaultDateFormat] = <span class="pl-s"><span class="pl-pds">"</span>yyyy-MM-dd<span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultDateTimeFormat] = <span class="pl-s"><span class="pl-pds">"</span>u<span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultTimeFormat] = <span class="pl-s"><span class="pl-pds">"</span>h<span class="pl-cce">\\</span>:mm<span class="pl-cce">\\</span>:ss<span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultFileCacheExpiry] = TimeSpan.FromMinutes(<span class="pl-c1">1</span>),
-        [TemplateConstants.DefaultUrlCacheExpiry] = TimeSpan.FromMinutes(<span class="pl-c1">1</span>),
-        [TemplateConstants.DefaultIndent] = <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\t</span><span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultNewLine] = Environment.NewLine,
-        [TemplateConstants.DefaultJsConfig] = <span class="pl-s"><span class="pl-pds">"</span>excludetypeinfo<span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultStringComparison] = StringComparison.Ordinal,
-        [TemplateConstants.DefaultTableClassName] = <span class="pl-s"><span class="pl-pds">"</span>table<span class="pl-pds">"</span></span>,
-        [TemplateConstants.DefaultErrorClassName] = <span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>,
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/01.md b/src/wwwroot/gfm/api-reference/01.md
deleted file mode 100644
index 9c85bcf..0000000
--- a/src/wwwroot/gfm/api-reference/01.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```csharp
-var context = new TemplateContext { 
-    Args = {
-        [TemplateConstants.MaxQuota] = 10000,
-        [TemplateConstants.DefaultCulture] = CultureInfo.CurrentCulture,
-        [TemplateConstants.DefaultDateFormat] = "yyyy-MM-dd",
-        [TemplateConstants.DefaultDateTimeFormat] = "u",
-        [TemplateConstants.DefaultTimeFormat] = "h\\:mm\\:ss",
-        [TemplateConstants.DefaultFileCacheExpiry] = TimeSpan.FromMinutes(1),
-        [TemplateConstants.DefaultUrlCacheExpiry] = TimeSpan.FromMinutes(1),
-        [TemplateConstants.DefaultIndent] = "\t",
-        [TemplateConstants.DefaultNewLine] = Environment.NewLine,
-        [TemplateConstants.DefaultJsConfig] = "excludetypeinfo",
-        [TemplateConstants.DefaultStringComparison] = StringComparison.Ordinal,
-        [TemplateConstants.DefaultTableClassName] = "table",
-        [TemplateConstants.DefaultErrorClassName] = "alert alert-danger",
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/02.html b/src/wwwroot/gfm/api-reference/02.html
deleted file mode 100644
index fe7d819..0000000
--- a/src/wwwroot/gfm/api-reference/02.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">fs </span>= <span class="pl-k">new</span> <span class="pl-en">FileSystemVirtualFiles</span>(<span class="pl-s"><span class="pl-pds">"</span>~/template-files<span class="pl-pds">"</span></span>.<span class="pl-en">MapProjectPath</span>());
-<span class="pl-k">foreach</span> (<span class="pl-en">var</span> file in fs.<span class="pl-en">GetAllMatchingFiles</span>(<span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>))
-{
-    <span class="pl-k">if</span> (!MyAllowFile(file)) <span class="pl-k">continue</span>;
-    <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-en">stream </span>= file.OpenRead())
-    {
-        context.VirtualFiles.WriteFile(file.VirtualPath, stream);
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/02.md b/src/wwwroot/gfm/api-reference/02.md
deleted file mode 100644
index 686be6a..0000000
--- a/src/wwwroot/gfm/api-reference/02.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```csharp
-var fs = new FileSystemVirtualFiles("~/template-files".MapProjectPath());
-foreach (var file in fs.GetAllMatchingFiles("*.html"))
-{
-    if (!MyAllowFile(file)) continue;
-    using (var stream = file.OpenRead())
-    {
-        context.VirtualFiles.WriteFile(file.VirtualPath, stream);
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/03.html b/src/wwwroot/gfm/api-reference/03.html
deleted file mode 100644
index 0d8f675..0000000
--- a/src/wwwroot/gfm/api-reference/03.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownTemplatePlugin</span> : <span class="pl-en">ITemplatePlugin</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">RegisterPageFormat</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">TemplateContext</span> <span class="pl-smi">context</span>)
-    {
-        <span class="pl-k">if</span> (<span class="pl-smi">RegisterPageFormat</span>)
-            <span class="pl-smi">context</span>.<span class="pl-smi">PageFormats</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>());
-        
-        <span class="pl-smi">context</span>.<span class="pl-smi">FilterTransformers</span>[<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span>;
-        
-        <span class="pl-smi">context</span>.<span class="pl-smi">TemplateFilters</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownTemplateFilter</span>());
-
-        <span class="pl-smi">TemplateConfig</span>.<span class="pl-smi">DontEvaluateBlocksNamed</span>.<span class="pl-en">Add</span>(<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>);
-        
-        <span class="pl-smi">context</span>.<span class="pl-smi">TemplateBlocks</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplateMarkdownBlock</span>());
-    }
-}</pre></div>
-<p>The <code>MarkdownTemplatePlugin</code> is pre-registered when using the <a href="/docs/view-engine">ServiceStack Templates View Engine</a>, for
-all other contexts it can be registered and customized with:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownTemplatePlugin</span> { <span class="pl-smi">RegisterPageFormat</span> <span class="pl-k">=</span> <span class="pl-c1">false</span> } }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/api-reference/03.md b/src/wwwroot/gfm/api-reference/03.md
deleted file mode 100644
index e0616a4..0000000
--- a/src/wwwroot/gfm/api-reference/03.md
+++ /dev/null
@@ -1,29 +0,0 @@
-```csharp
-public class MarkdownTemplatePlugin : ITemplatePlugin
-{
-    public bool RegisterPageFormat { get; set; } = true;
-
-    public void Register(TemplateContext context)
-    {
-        if (RegisterPageFormat)
-            context.PageFormats.Add(new MarkdownPageFormat());
-        
-        context.FilterTransformers["markdown"] = MarkdownPageFormat.TransformToHtml;
-        
-        context.TemplateFilters.Add(new MarkdownTemplateFilter());
-
-        TemplateConfig.DontEvaluateBlocksNamed.Add("markdown");
-        
-        context.TemplateBlocks.Add(new TemplateMarkdownBlock());
-    }
-}
-```
-
-The `MarkdownTemplatePlugin` is pre-registered when using the [ServiceStack Templates View Engine](/docs/view-engine), for
-all other contexts it can be registered and customized with:
-
-```csharp
-var context = new TemplateContext {
-    Plugins = { new MarkdownTemplatePlugin { RegisterPageFormat = false } }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/arguments/01.html b/src/wwwroot/gfm/arguments/01.html
deleted file mode 100644
index db73f34..0000000
--- a/src/wwwroot/gfm/arguments/01.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> { 
-    Args = {
-        [<span class="pl-s"><span class="pl-pds">"</span>arg<span class="pl-pds">"</span></span>] = <span class="pl-c1">1</span>
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/arguments/01.md b/src/wwwroot/gfm/arguments/01.md
deleted file mode 100644
index 77921b4..0000000
--- a/src/wwwroot/gfm/arguments/01.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-var context = new TemplateContext { 
-    Args = {
-        ["arg"] = 1
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/arguments/02.html b/src/wwwroot/gfm/arguments/02.html
deleted file mode 100644
index 47a5659..0000000
--- a/src/wwwroot/gfm/arguments/02.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.GetPage</span>("page")) { 
-    Args = {
-        [<span class="pl-s"><span class="pl-pds">"</span>arg<span class="pl-pds">"</span></span>] = <span class="pl-c1">4</span>
-    }
-};</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/02.html b/src/wwwroot/gfm/blocks/02.html
deleted file mode 100644
index 1e9e5c9..0000000
--- a/src/wwwroot/gfm/blocks/02.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateNoopBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>noop<span class="pl-pds">"</span></span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(<span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">ct</span>)
-        <span class="pl-k">=&gt;</span> <span class="pl-smi">Task</span>.<span class="pl-smi">CompletedTask</span>;
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/02.md b/src/wwwroot/gfm/blocks/02.md
deleted file mode 100644
index f282bc0..0000000
--- a/src/wwwroot/gfm/blocks/02.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```csharp
-public class TemplateNoopBlock : TemplateBlock
-{
-    public override string Name => "noop";
-
-    public override Task WriteAsync(TemplateScopeContext scope, PageBlockFragment block, CancellationToken ct)
-        => Task.CompletedTask;
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/03.html b/src/wwwroot/gfm/blocks/03.html
deleted file mode 100644
index 39d5343..0000000
--- a/src/wwwroot/gfm/blocks/03.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    <span class="pl-smi">TemplateBlocks</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">TemplateNoopBlock</span>() },
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/03.md b/src/wwwroot/gfm/blocks/03.md
deleted file mode 100644
index 0b32a37..0000000
--- a/src/wwwroot/gfm/blocks/03.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    TemplateBlocks = { new TemplateNoopBlock() },
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/04.html b/src/wwwroot/gfm/blocks/04.html
deleted file mode 100644
index b9b3cfa..0000000
--- a/src/wwwroot/gfm/blocks/04.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">TemplateNoopBlock</span>) }
-};
-<span class="pl-smi">context</span>.<span class="pl-smi">Container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">ICacheClient</span>&gt;(() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">MemoryCacheClient</span>());
-<span class="pl-smi">context</span>.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/04.md b/src/wwwroot/gfm/blocks/04.md
deleted file mode 100644
index 5fc92b8..0000000
--- a/src/wwwroot/gfm/blocks/04.md
+++ /dev/null
@@ -1,8 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    ScanTypes = { typeof(TemplateNoopBlock) }
-};
-context.Container.AddSingleton<ICacheClient>(() => new MemoryCacheClient());
-context.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/05.html b/src/wwwroot/gfm/blocks/05.html
deleted file mode 100644
index 9287396..0000000
--- a/src/wwwroot/gfm/blocks/05.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    <span class="pl-smi">ScanAssemblies</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">MyBlock</span>).<span class="pl-smi">Assembly</span> }
-};</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/05.md b/src/wwwroot/gfm/blocks/05.md
deleted file mode 100644
index 4969acc..0000000
--- a/src/wwwroot/gfm/blocks/05.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    ScanAssemblies = { typeof(MyBlock).Assembly }
-};
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/06.html b/src/wwwroot/gfm/blocks/06.html
deleted file mode 100644
index c356227..0000000
--- a/src/wwwroot/gfm/blocks/06.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateBoldBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>bold<span class="pl-pds">"</span></span>;
-    
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;b&gt;<span class="pl-pds">"</span></span>, <span class="pl-smi">token</span>);
-        <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-        <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;/b&gt;<span class="pl-pds">"</span></span>, <span class="pl-smi">token</span>);
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/06.md b/src/wwwroot/gfm/blocks/06.md
deleted file mode 100644
index 6d13cb8..0000000
--- a/src/wwwroot/gfm/blocks/06.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```csharp
-public class TemplateBoldBlock : TemplateBlock
-{
-    public override string Name => "bold";
-    
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        await scope.OutputStream.WriteAsync("<b>", token);
-        await WriteBodyAsync(scope, block, token);
-        await scope.OutputStream.WriteAsync("</b>", token);
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/07.html b/src/wwwroot/gfm/blocks/07.html
deleted file mode 100644
index 0c0a738..0000000
--- a/src/wwwroot/gfm/blocks/07.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateWithBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>with<span class="pl-pds">"</span></span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>,
-            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'with' block does not have a valid expression<span class="pl-pds">"</span></span>));
-
-        <span class="pl-k">if</span> (<span class="pl-smi">result</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
-        {
-            <span class="pl-k">var</span> <span class="pl-smi">resultAsMap</span> <span class="pl-k">=</span> <span class="pl-smi">result</span>.<span class="pl-en">ToObjectDictionary</span>();
-
-            <span class="pl-k">var</span> <span class="pl-smi">withScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">resultAsMap</span>);
-             
-            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">withScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/07.md b/src/wwwroot/gfm/blocks/07.md
deleted file mode 100644
index f1b79ce..0000000
--- a/src/wwwroot/gfm/blocks/07.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```csharp
-public class TemplateWithBlock : TemplateBlock
-{
-    public override string Name => "with";
-
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var result = block.Argument.GetJsExpressionAndEvaluate(scope,
-            ifNone: () => throw new NotSupportedException("'with' block does not have a valid expression"));
-
-        if (result != null)
-        {
-            var resultAsMap = result.ToObjectDictionary();
-
-            var withScope = scope.ScopeWithParams(resultAsMap);
-             
-            await WriteBodyAsync(withScope, block, token);
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/08.md b/src/wwwroot/gfm/blocks/08.md
deleted file mode 100644
index 4a3b6fb..0000000
--- a/src/wwwroot/gfm/blocks/08.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-block.Argument.ParseJsExpression(out token);
-var result = token.Evaluate(scope);
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/09.html b/src/wwwroot/gfm/blocks/09.html
deleted file mode 100644
index d7cd5de..0000000
--- a/src/wwwroot/gfm/blocks/09.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateWithBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>with<span class="pl-pds">"</span></span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateAsync</span>(<span class="pl-smi">scope</span>,
-            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'with' block does not have a valid expression<span class="pl-pds">"</span></span>));
-
-        <span class="pl-k">if</span> (<span class="pl-smi">result</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
-        {
-            <span class="pl-k">var</span> <span class="pl-smi">resultAsMap</span> <span class="pl-k">=</span> <span class="pl-smi">result</span>.<span class="pl-en">ToObjectDictionary</span>();
-
-            <span class="pl-k">var</span> <span class="pl-smi">withScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">resultAsMap</span>);
-            
-            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">withScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-        }
-        <span class="pl-k">else</span>
-        {
-            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
-        }
-    }
-}</pre></div>
-<p>This enables the <code>with</code> block to also evaluate async responses like the async results returned in <a href="/docs/db-filters">async Database filters</a>,
-it's also able to evaluate custom else statements for rendering different results based on alternate conditions, e.g:</p>
-<div class="highlight highlight-source-js"><pre>{{#<span class="pl-k">with</span> <span class="pl-en">dbSingle</span>(<span class="pl-s"><span class="pl-pds">"</span>select * from Person where id = @id<span class="pl-pds">"</span></span>, { id }) }}
-    Hi {{Name}}, your Age is {{Age}}.
-{{<span class="pl-k">else</span> <span class="pl-k">if</span> id <span class="pl-k">==</span> <span class="pl-c1">0</span>}}
-    id is required.
-{{<span class="pl-k">else</span>}}
-    No person <span class="pl-k">with</span> id {{id}} exists.
-{{<span class="pl-k">/</span><span class="pl-k">with</span>}}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/09.md b/src/wwwroot/gfm/blocks/09.md
deleted file mode 100644
index fa52873..0000000
--- a/src/wwwroot/gfm/blocks/09.md
+++ /dev/null
@@ -1,39 +0,0 @@
-```csharp
-public class TemplateWithBlock : TemplateBlock
-{
-    public override string Name => "with";
-
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var result = await block.Argument.GetJsExpressionAndEvaluateAsync(scope,
-            ifNone: () => throw new NotSupportedException("'with' block does not have a valid expression"));
-
-        if (result != null)
-        {
-            var resultAsMap = result.ToObjectDictionary();
-
-            var withScope = scope.ScopeWithParams(resultAsMap);
-            
-            await WriteBodyAsync(withScope, block, token);
-        }
-        else
-        {
-            await WriteElseAsync(scope, block.ElseBlocks, token);
-        }
-    }
-}
-```
-
-This enables the `with` block to also evaluate async responses like the async results returned in [async Database filters](/docs/db-filters), 
-it's also able to evaluate custom else statements for rendering different results based on alternate conditions, e.g:
-
-```js
-{{#with dbSingle("select * from Person where id = @id", { id }) }}
-    Hi {{Name}}, your Age is {{Age}}.
-{{else if id == 0}}
-    id is required.
-{{else}}
-    No person with id {{id}} exists.
-{{/with}}
-```
diff --git a/src/wwwroot/gfm/blocks/10.html b/src/wwwroot/gfm/blocks/10.html
deleted file mode 100644
index 1e1d97c..0000000
--- a/src/wwwroot/gfm/blocks/10.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like if block</span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#if a &gt; b}} max {{a}} {{/if}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#if a &gt; b}} max {{a}} {{else}} max {{b}} {{/if}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#if a &gt; b}} max {{a}} {{else if b &gt; c}} max {{b}} {{else}} max {{c}} {{/if}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateIfBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>if<span class="pl-pds">"</span></span>;
-    
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateToBoolAsync</span>(<span class="pl-smi">scope</span>,
-            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'if' block does not have a valid expression<span class="pl-pds">"</span></span>));
-
-        <span class="pl-k">if</span> (<span class="pl-smi">result</span>)
-        {
-            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-        }
-        <span class="pl-k">else</span>
-        {
-            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/10.md b/src/wwwroot/gfm/blocks/10.md
deleted file mode 100644
index b6bef4a..0000000
--- a/src/wwwroot/gfm/blocks/10.md
+++ /dev/null
@@ -1,28 +0,0 @@
-```csharp
-/// <summary>
-/// Handlebars.js like if block
-/// Usages: {{#if a > b}} max {{a}} {{/if}}
-///         {{#if a > b}} max {{a}} {{else}} max {{b}} {{/if}}
-///         {{#if a > b}} max {{a}} {{else if b > c}} max {{b}} {{else}} max {{c}} {{/if}}
-/// </summary>
-public class TemplateIfBlock : TemplateBlock
-{
-    public override string Name => "if";
-    
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var result = await block.Argument.GetJsExpressionAndEvaluateToBoolAsync(scope,
-            ifNone: () => throw new NotSupportedException("'if' block does not have a valid expression"));
-
-        if (result)
-        {
-            await WriteBodyAsync(scope, block, token);
-        }
-        else
-        {
-            await WriteElseAsync(scope, block.ElseBlocks, token);
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/11.html b/src/wwwroot/gfm/blocks/11.html
deleted file mode 100644
index e49b142..0000000
--- a/src/wwwroot/gfm/blocks/11.html
+++ /dev/null
@@ -1,39 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like each block</span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#each customers}} {{Name}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} {{it.Name}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} Customer {{index + 1}}: {{Name}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateSimpleEachBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>each<span class="pl-pds">"</span></span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">collection</span> <span class="pl-k">=</span> (<span class="pl-en">IEnumerable</span>) <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>,
-            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'each' block does not have a valid expression<span class="pl-pds">"</span></span>));
-
-        <span class="pl-k">var</span> <span class="pl-smi">index</span> <span class="pl-k">=</span> <span class="pl-c1">0</span>;
-        <span class="pl-k">if</span> (<span class="pl-smi">collection</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
-        {
-            <span class="pl-k">foreach</span> (<span class="pl-k">var</span> <span class="pl-smi">element</span> <span class="pl-k">in</span> <span class="pl-smi">collection</span>)
-            {
-                <span class="pl-k">var</span> <span class="pl-smi">scopeArgs</span> <span class="pl-k">=</span> <span class="pl-smi">element</span>.<span class="pl-en">ToObjectDictionary</span>();
-                <span class="pl-smi">scopeArgs</span>[<span class="pl-s"><span class="pl-pds">"</span>it<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">element</span>;
-                <span class="pl-smi">scopeArgs</span>[<span class="pl-k">nameof</span>(<span class="pl-smi">index</span>)] <span class="pl-k">=</span> <span class="pl-smi">index</span><span class="pl-k">++</span>;
-                
-                <span class="pl-k">var</span> <span class="pl-smi">itemScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">scopeArgs</span>);
-                <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">itemScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-            }
-        }
-        
-        <span class="pl-k">if</span> (<span class="pl-smi">index</span> <span class="pl-k">==</span> <span class="pl-c1">0</span>)
-        {
-            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/11.md b/src/wwwroot/gfm/blocks/11.md
deleted file mode 100644
index 3aea013..0000000
--- a/src/wwwroot/gfm/blocks/11.md
+++ /dev/null
@@ -1,40 +0,0 @@
-```csharp
-/// <summary>
-/// Handlebars.js like each block
-/// Usages: {{#each customers}} {{Name}} {{/each}}
-///         {{#each customers}} {{it.Name}} {{/each}}
-///         {{#each customers}} Customer {{index + 1}}: {{Name}} {{/each}}
-///         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}
-///         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}
-/// </summary>
-public class TemplateSimpleEachBlock : TemplateBlock
-{
-    public override string Name => "each";
-
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var collection = (IEnumerable) block.Argument.GetJsExpressionAndEvaluate(scope,
-            ifNone: () => throw new NotSupportedException("'each' block does not have a valid expression"));
-
-        var index = 0;
-        if (collection != null)
-        {
-            foreach (var element in collection)
-            {
-                var scopeArgs = element.ToObjectDictionary();
-                scopeArgs["it"] = element;
-                scopeArgs[nameof(index)] = index++;
-                
-                var itemScope = scope.ScopeWithParams(scopeArgs);
-                await WriteBodyAsync(itemScope, block, token);
-            }
-        }
-        
-        if (index == 0)
-        {
-            await WriteElseAsync(scope, block.ElseBlocks, token);
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/12.html b/src/wwwroot/gfm/blocks/12.html
deleted file mode 100644
index 1661a36..0000000
--- a/src/wwwroot/gfm/blocks/12.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like each block</span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#each customers}} {{Name}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} {{it.Name}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each num in numbers}} {{num}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each num in [1,2,3]}} {{num}} {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each n in numbers where n &gt; 5}} {{it}} {{else}} no numbers &gt; 5 {{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#each n in numbers where n &gt; 5 orderby n skip 1 take 2}} {{it}} {{else}}no numbers &gt; 5{{/each}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateEachBlock</span> : <span class="pl-en">TemplateBlock</span> { ... }</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/12.md b/src/wwwroot/gfm/blocks/12.md
deleted file mode 100644
index 7486e57..0000000
--- a/src/wwwroot/gfm/blocks/12.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```csharp
-/// <summary>
-/// Handlebars.js like each block
-/// Usages: {{#each customers}} {{Name}} {{/each}}
-///         {{#each customers}} {{it.Name}} {{/each}}
-///         {{#each num in numbers}} {{num}} {{/each}}
-///         {{#each num in [1,2,3]}} {{num}} {{/each}}
-///         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}
-///         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}
-///         {{#each n in numbers where n > 5}} {{it}} {{else}} no numbers > 5 {{/each}}
-///         {{#each n in numbers where n > 5 orderby n skip 1 take 2}} {{it}} {{else}}no numbers > 5{{/each}}
-/// </summary>
-public class TemplateEachBlock : TemplateBlock { ... }
-```
diff --git a/src/wwwroot/gfm/blocks/13.html b/src/wwwroot/gfm/blocks/13.html
deleted file mode 100644
index 91dca16..0000000
--- a/src/wwwroot/gfm/blocks/13.html
+++ /dev/null
@@ -1,50 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Special block which captures the raw body as a string fragment</span>
-<span class="pl-c"><span class="pl-c">///</span></span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#raw}}emit {{ verbatim }} body{{/raw}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#raw varname}}assigned to varname{{/raw}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#raw appendTo varname}}appended to varname{{/raw}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateRawBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>raw<span class="pl-pds">"</span></span>;
-    
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
-
-        <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">IsNullOrWhiteSpace</span>())
-        {
-            <span class="pl-en">Capture</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">strFragment</span>);
-        }
-        <span class="pl-k">else</span>
-        {
-            <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>.<span class="pl-smi">Span</span>, <span class="pl-smi">token</span>);
-        }
-    }
-
-    <span class="pl-k">private</span> <span class="pl-k">static</span> <span class="pl-k">void</span> <span class="pl-en">Capture</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">PageStringFragment</span> <span class="pl-smi">strFragment</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-smi">Span</span>.<span class="pl-en">AdvancePastWhitespace</span>();
-        <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>;
-        <span class="pl-k">if</span> (<span class="pl-smi">literal</span>.<span class="pl-en">StartsWith</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>))
-        {
-            <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>;
-            <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">Advance</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>.<span class="pl-smi">Length</span>);
-        }
-
-        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
-        <span class="pl-k">var</span> <span class="pl-smi">nameString</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>.<span class="pl-en">Value</span>();
-        <span class="pl-k">if</span> (<span class="pl-smi">appendTo</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>.<span class="pl-en">TryGetValue</span>(<span class="pl-smi">nameString</span>, <span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">oVar</span>)
-                        <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">oVar</span> <span class="pl-k">is</span> <span class="pl-k">string</span> <span class="pl-smi">existingString</span>)
-        {
-            <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">existingString</span> <span class="pl-k">+</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>;
-            <span class="pl-k">return</span>;
-        }
-
-        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>.<span class="pl-en">ToString</span>();
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/13.md b/src/wwwroot/gfm/blocks/13.md
deleted file mode 100644
index 4dbc014..0000000
--- a/src/wwwroot/gfm/blocks/13.md
+++ /dev/null
@@ -1,51 +0,0 @@
-```csharp
-/// <summary>
-/// Special block which captures the raw body as a string fragment
-///
-/// Usages: {{#raw}}emit {{ verbatim }} body{{/raw}}
-///         {{#raw varname}}assigned to varname{{/raw}}
-///         {{#raw appendTo varname}}appended to varname{{/raw}}
-/// </summary>
-public class TemplateRawBlock : TemplateBlock
-{
-    public override string Name => "raw";
-    
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var strFragment = (PageStringFragment)block.Body[0];
-
-        if (!block.Argument.IsNullOrWhiteSpace())
-        {
-            Capture(scope, block, strFragment);
-        }
-        else
-        {
-            await scope.OutputStream.WriteAsync(strFragment.Value.Span, token);
-        }
-    }
-
-    private static void Capture(
-        TemplateScopeContext scope, PageBlockFragment block, PageStringFragment strFragment)
-    {
-        var literal = block.Argument.Span.AdvancePastWhitespace();
-        bool appendTo = false;
-        if (literal.StartsWith("appendTo "))
-        {
-            appendTo = true;
-            literal = literal.Advance("appendTo ".Length);
-        }
-
-        literal = literal.ParseVarName(out var name);
-        var nameString = name.Value();
-        if (appendTo && scope.PageResult.Args.TryGetValue(nameString, out var oVar)
-                        && oVar is string existingString)
-        {
-            scope.PageResult.Args[nameString] = existingString + strFragment.Value;
-            return;
-        }
-
-        scope.PageResult.Args[nameString] = strFragment.Value.ToString();
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/14.html b/src/wwwroot/gfm/blocks/14.html
deleted file mode 100644
index e821048..0000000
--- a/src/wwwroot/gfm/blocks/14.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Captures the output and assigns it to the specified variable.</span>
-<span class="pl-c"><span class="pl-c">///</span> Accepts an optional Object Dictionary as scope arguments when evaluating body.</span>
-<span class="pl-c"><span class="pl-c">///</span> Effectively is similar </span>
-<span class="pl-c"><span class="pl-c">///</span></span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#capture output}} {{#each args}} - [{{it}}](/path?arg={{it}}) {{/each}} {{/capture}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#capture output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#capture appendTo output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateCaptureBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>capture<span class="pl-pds">"</span></span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> (<span class="pl-en">name</span>, <span class="pl-en">scopeArgs</span>, <span class="pl-en">appendTo</span>) <span class="pl-k">=</span> <span class="pl-en">Parse</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>);
-
-        <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">ms</span> <span class="pl-k">=</span> <span class="pl-smi">MemoryStreamFactory</span>.<span class="pl-en">GetStream</span>())
-        {
-            <span class="pl-k">var</span> <span class="pl-smi">useScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWith</span>(<span class="pl-smi">scopeArgs</span>, <span class="pl-smi">ms</span>);
-
-            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">useScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
-
-            <span class="pl-k">var</span> <span class="pl-smi">capturedOutput</span> <span class="pl-k">=</span> <span class="pl-smi">ms</span>.<span class="pl-en">ReadToEnd</span>();
-
-            <span class="pl-k">if</span> (<span class="pl-smi">appendTo</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>.<span class="pl-en">TryGetValue</span>(<span class="pl-smi">name</span>, <span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">oVar</span>)
-                         <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">oVar</span> <span class="pl-k">is</span> <span class="pl-k">string</span> <span class="pl-smi">existingString</span>)
-            {
-                <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>] <span class="pl-k">=</span> <span class="pl-smi">existingString</span> <span class="pl-k">+</span> <span class="pl-smi">capturedOutput</span>;
-                <span class="pl-k">return</span>;
-            }
-        
-            <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>] <span class="pl-k">=</span> <span class="pl-smi">capturedOutput</span>;
-        }
-    }
-
-    <span class="pl-c"><span class="pl-c">//</span>Extract usages of Span outside of async method </span>
-    <span class="pl-k">private</span> (<span class="pl-k">string</span> <span class="pl-smi">name</span>, <span class="pl-smi">Dictionary</span>&lt;<span class="pl-smi">string</span>, <span class="pl-smi">object</span>&gt; <span class="pl-smi">scopeArgs</span>, <span class="pl-smi">bool</span> <span class="pl-smi">appendTo</span>) 
-        <span class="pl-smi">Parse</span>(<span class="pl-smi">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-smi">PageBlockFragment</span> <span class="pl-smi">block</span>)
-    {
-        <span class="pl-smi">if</span> (<span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-smi">IsNullOrWhiteSpace</span>())
-            <span class="pl-smi">throw</span> <span class="pl-smi">new</span> <span class="pl-smi">NotSupportedException</span>("'<span class="pl-smi">capture</span>' <span class="pl-smi">block</span> <span class="pl-smi">is</span> <span class="pl-smi">missing</span> <span class="pl-smi">variable</span> <span class="pl-smi">name</span> <span class="pl-smi">to</span> <span class="pl-smi">assign</span> <span class="pl-smi">output</span> <span class="pl-smi">to</span>");
-        
-        <span class="pl-en">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">AdvancePastWhitespace</span>();
-        <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>;
-        <span class="pl-en">if</span> (literal.StartsWith("appendTo "))
-        {
-            <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>;
-            <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">Advance</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>.<span class="pl-smi">Length</span>);
-        }
-            
-        literal <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
-        <span class="pl-en">if</span> (name.IsNullOrEmpty())
-            <span class="pl-en">throw</span> <span class="pl-en">new</span> <span class="pl-en">NotSupportedException</span>("'capture' <span class="pl-en">block</span> <span class="pl-smi">is</span> <span class="pl-en">missing</span> <span class="pl-smi">variable</span> <span class="pl-en">name</span> <span class="pl-smi">to</span> <span class="pl-en">assign</span> <span class="pl-smi">output</span> to");
-
-        literal <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">AdvancePastWhitespace</span>();
-
-        <span class="pl-en">var</span> <span class="pl-smi">argValue</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>);
-
-        <span class="pl-en">var</span> <span class="pl-smi">scopeArgs</span> <span class="pl-k">=</span> <span class="pl-smi">argValue</span> <span class="pl-k">as</span> <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;;
-
-        <span class="pl-en">if</span> (argValue != null &amp;&amp; scopeArgs == null)
-            <span class="pl-en">throw</span> <span class="pl-en">new</span> <span class="pl-en">NotSupportedException</span>("Any 'capture' <span class="pl-en">argument</span> <span class="pl-smi">must</span> <span class="pl-en">be</span> <span class="pl-smi">an</span> <span class="pl-en">Object</span> <span class="pl-smi">Dictionary</span>");
-
-        <span class="pl-en">return</span> (name.ToString(), <span class="pl-en">scopeArgs</span>, <span class="pl-en">appendTo</span>);
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/14.md b/src/wwwroot/gfm/blocks/14.md
deleted file mode 100644
index 6f09ef2..0000000
--- a/src/wwwroot/gfm/blocks/14.md
+++ /dev/null
@@ -1,70 +0,0 @@
-```csharp
-/// <summary>
-/// Captures the output and assigns it to the specified variable.
-/// Accepts an optional Object Dictionary as scope arguments when evaluating body.
-/// Effectively is similar 
-///
-/// Usages: {{#capture output}} {{#each args}} - [{{it}}](/path?arg={{it}}) {{/each}} {{/capture}}
-///         {{#capture output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}
-///         {{#capture appendTo output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}
-/// </summary>
-public class TemplateCaptureBlock : TemplateBlock
-{
-    public override string Name => "capture";
-
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var (name, scopeArgs, appendTo) = Parse(scope, block);
-
-        using (var ms = MemoryStreamFactory.GetStream())
-        {
-            var useScope = scope.ScopeWith(scopeArgs, ms);
-
-            await WriteBodyAsync(useScope, block, token);
-
-            var capturedOutput = ms.ReadToEnd();
-
-            if (appendTo && scope.PageResult.Args.TryGetValue(name, out var oVar)
-                         && oVar is string existingString)
-            {
-                scope.PageResult.Args[name] = existingString + capturedOutput;
-                return;
-            }
-        
-            scope.PageResult.Args[name] = capturedOutput;
-        }
-    }
-
-    //Extract usages of Span outside of async method 
-    private (string name, Dictionary<string, object> scopeArgs, bool appendTo) 
-        Parse(TemplateScopeContext scope, PageBlockFragment block)
-    {
-        if (block.Argument.IsNullOrWhiteSpace())
-            throw new NotSupportedException("'capture' block is missing variable name to assign output to");
-        
-        var literal = block.Argument.AdvancePastWhitespace();
-        bool appendTo = false;
-        if (literal.StartsWith("appendTo "))
-        {
-            appendTo = true;
-            literal = literal.Advance("appendTo ".Length);
-        }
-            
-        literal = literal.ParseVarName(out var name);
-        if (name.IsNullOrEmpty())
-            throw new NotSupportedException("'capture' block is missing variable name to assign output to");
-
-        literal = literal.AdvancePastWhitespace();
-
-        var argValue = literal.GetJsExpressionAndEvaluate(scope);
-
-        var scopeArgs = argValue as Dictionary<string, object>;
-
-        if (argValue != null && scopeArgs == null)
-            throw new NotSupportedException("Any 'capture' argument must be an Object Dictionary");
-
-        return (name.ToString(), scopeArgs, appendTo);
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/15.html b/src/wwwroot/gfm/blocks/15.html
deleted file mode 100644
index 2face59..0000000
--- a/src/wwwroot/gfm/blocks/15.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-js"><pre>{{#capture todoMarkdown { items<span class="pl-k">:</span>[<span class="pl-c1">1</span>,<span class="pl-c1">2</span>,<span class="pl-c1">3</span>] } }}
-## <span class="pl-c1">TODO</span> List
-{{#each items}}
-  <span class="pl-k">-</span> Item {{it}}
-{{<span class="pl-k">/</span>each}}
-{{<span class="pl-k">/</span>capture}}
-
-{{todoMarkdown <span class="pl-k">|</span> markdown}}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/15.md b/src/wwwroot/gfm/blocks/15.md
deleted file mode 100644
index dcc2ac7..0000000
--- a/src/wwwroot/gfm/blocks/15.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```js
-{{#capture todoMarkdown { items:[1,2,3] } }}
-## TODO List
-{{#each items}}
-  - Item {{it}}
-{{/each}}
-{{/capture}}
-
-{{todoMarkdown | markdown}}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/16.html b/src/wwwroot/gfm/blocks/16.html
deleted file mode 100644
index 52a5dd6..0000000
--- a/src/wwwroot/gfm/blocks/16.html
+++ /dev/null
@@ -1,55 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-c"><span class="pl-c">///</span> Converts markdown contents to HTML using the configured MarkdownConfig.Transformer.</span>
-<span class="pl-c"><span class="pl-c">///</span> If a variable name is specified the HTML output is captured and saved instead. </span>
-<span class="pl-c"><span class="pl-c">///</span></span>
-<span class="pl-c"><span class="pl-c">///</span> Usages: {{#markdown}} ## The Heading {{/markdown}}</span>
-<span class="pl-c"><span class="pl-c">///</span>         {{#markdown content}} ## The Heading {{/markdown}} HTML: {{content}}</span>
-<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">TemplateMarkdownBlock</span> : <span class="pl-en">TemplateBlock</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>;
-    
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
-
-        <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">IsNullOrWhiteSpace</span>())
-        {
-            <span class="pl-en">Capture</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">strFragment</span>);
-        }
-        <span class="pl-k">else</span>
-        {
-            <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-smi">MarkdownConfig</span>.<span class="pl-en">Transform</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>), <span class="pl-smi">token</span>);
-        }
-    }
-
-    <span class="pl-k">private</span> <span class="pl-k">static</span> <span class="pl-k">void</span> <span class="pl-en">Capture</span>(
-        <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">PageStringFragment</span> <span class="pl-smi">strFragment</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">AdvancePastWhitespace</span>();
-
-        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
-        <span class="pl-k">var</span> <span class="pl-smi">nameString</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>.<span class="pl-en">ToString</span>();
-        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownConfig</span>.<span class="pl-en">Transform</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>).<span class="pl-en">ToRawString</span>();
-    }
-}</pre></div>
-<h3>
-<a id="user-content-use-alternative-markdown-implementation" class="anchor" href="#use-alternative-markdown-implementation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Use Alternative Markdown Implementation</h3>
-<p>By default ServiceStack uses an interned implementation of <code>MarkdownDeep</code> for rendering markdown, you can get ServiceStack to use an alternate
-Markdown implementation by overriding <code>MarkdownConfig.Transformer</code>.</p>
-<p>E.g. to use the richer <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation, install the <a href="https://www.nuget.org/packages/Markdig/" rel="nofollow">Markdig</a>
-NuGet package:</p>
-<pre><code>PM&gt; Install-Package Markdig
-</code></pre>
-<p>Then assign a custom <code>IMarkdownTransformer</code>:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdigTransformer</span> : <span class="pl-en">IMarkdownTransformer</span>
-{
-    <span class="pl-k">private</span> Markdig.<span class="pl-en">MarkdownPipeline</span> <span class="pl-smi">Pipeline</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> 
-        <span class="pl-smi">Markdig</span>.<span class="pl-smi">MarkdownExtensions</span>.<span class="pl-en">UseAdvancedExtensions</span>(<span class="pl-k">new</span> <span class="pl-k">Markdig</span>.<span class="pl-en">MarkdownPipelineBuilder</span>()).<span class="pl-en">Build</span>();
-
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">Transform</span>(<span class="pl-k">string</span> <span class="pl-smi">markdown</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Markdig</span>.<span class="pl-smi">Markdown</span>.<span class="pl-en">ToHtml</span>(<span class="pl-smi">markdown</span>, <span class="pl-smi">Pipeline</span>);
-}
-
-<span class="pl-smi">MarkdownConfig</span>.<span class="pl-smi">Transformer</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">MarkdigTransformer</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/16.md b/src/wwwroot/gfm/blocks/16.md
deleted file mode 100644
index 9460131..0000000
--- a/src/wwwroot/gfm/blocks/16.md
+++ /dev/null
@@ -1,62 +0,0 @@
-```csharp
-/// <summary>
-/// Converts markdown contents to HTML using the configured MarkdownConfig.Transformer.
-/// If a variable name is specified the HTML output is captured and saved instead. 
-///
-/// Usages: {{#markdown}} ## The Heading {{/markdown}}
-///         {{#markdown content}} ## The Heading {{/markdown}} HTML: {{content}}
-/// </summary>
-public class TemplateMarkdownBlock : TemplateBlock
-{
-    public override string Name => "markdown";
-    
-    public override async Task WriteAsync(
-        TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
-    {
-        var strFragment = (PageStringFragment)block.Body[0];
-
-        if (!block.Argument.IsNullOrWhiteSpace())
-        {
-            Capture(scope, block, strFragment);
-        }
-        else
-        {
-            await scope.OutputStream.WriteAsync(MarkdownConfig.Transform(strFragment.ValueString), token);
-        }
-    }
-
-    private static void Capture(
-        TemplateScopeContext scope, PageBlockFragment block, PageStringFragment strFragment)
-    {
-        var literal = block.Argument.AdvancePastWhitespace();
-
-        literal = literal.ParseVarName(out var name);
-        var nameString = name.ToString();
-        scope.PageResult.Args[nameString] = MarkdownConfig.Transform(strFragment.ValueString).ToRawString();
-    }
-}
-```
-
-### Use Alternative Markdown Implementation
-
-By default ServiceStack uses an interned implementation of `MarkdownDeep` for rendering markdown, you can get ServiceStack to use an alternate
-Markdown implementation by overriding `MarkdownConfig.Transformer`. 
-
-E.g. to use the richer [Markdig](https://github.com/lunet-io/markdig) implementation, install the [Markdig](https://www.nuget.org/packages/Markdig/) 
-NuGet package:
-
-    PM> Install-Package Markdig
-
-Then assign a custom `IMarkdownTransformer`:
-
-```csharp
-public class MarkdigTransformer : IMarkdownTransformer
-{
-    private Markdig.MarkdownPipeline Pipeline { get; } = 
-        Markdig.MarkdownExtensions.UseAdvancedExtensions(new Markdig.MarkdownPipelineBuilder()).Build();
-
-    public string Transform(string markdown) => Markdig.Markdown.ToHtml(markdown, Pipeline);
-}
-
-MarkdownConfig.Transformer = new MarkdigTransformer();
-```
diff --git a/src/wwwroot/gfm/blocks/18.html b/src/wwwroot/gfm/blocks/18.html
deleted file mode 100644
index 019774e..0000000
--- a/src/wwwroot/gfm/blocks/18.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-js"><pre>{{#ul {if<span class="pl-k">:</span>hasAccess, each<span class="pl-k">:</span>items, where<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">'</span>Age &gt; 27<span class="pl-pds">'</span></span>, 
-        class<span class="pl-k">:</span>[<span class="pl-s"><span class="pl-pds">'</span>nav<span class="pl-pds">'</span></span>, <span class="pl-k">!</span>disclaimerAccepted <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">'</span>blur<span class="pl-pds">'</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>], id<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">`</span>menu-<span class="pl-s1"><span class="pl-pse">${</span>id<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span>, selected<span class="pl-k">:</span><span class="pl-c1">true</span>} }}
-    {{#li {class<span class="pl-k">:</span> {alt<span class="pl-k">:</span><span class="pl-en">isOdd</span>(index), active<span class="pl-k">:</span>Name<span class="pl-k">==</span>highlight} }} {{Name}} {{<span class="pl-k">/</span>li}}
-{{<span class="pl-k">else</span>}}
-    <span class="pl-k">&lt;</span>div<span class="pl-k">&gt;</span>no items<span class="pl-k">&lt;</span><span class="pl-k">/</span>div<span class="pl-k">&gt;</span>
-{{<span class="pl-k">/</span>ul}}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/20.md b/src/wwwroot/gfm/blocks/20.md
deleted file mode 100644
index c35985b..0000000
--- a/src/wwwroot/gfm/blocks/20.md
+++ /dev/null
@@ -1,17 +0,0 @@
-```csharp
-var context = new TemplateContext()
-    .RemovePlugins(x => x is TemplateDefaultBlocks) // Remove default blocks
-    .RemovePlugins(x => x is TemplateHtmlBlocks)    // Remove all html blocks
-    .Init();
-```
-
-Or you can use the `OnAfterPlugins` callback to remove any individual blocks or filters that were added by any plugin. 
-
-E.g. the `capture` block can be removed with:
-
-```csharp
-var context = new TemplateContext {
-        OnAfterPlugins = ctx => ctx.RemoveBlocks(x => x.Name == "capture")
-    }
-    .Init();
-```
diff --git a/src/wwwroot/gfm/code-pages/01.html b/src/wwwroot/gfm/code-pages/01.html
deleted file mode 100644
index a70a764..0000000
--- a/src/wwwroot/gfm/code-pages/01.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System.Linq</span>;
-<span class="pl-k">using</span> <span class="pl-en">System.Collections.Generic</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [Page(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>)]
-    [PageArg(<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Products<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ProductsPage</span> : <span class="pl-en">TemplateCodePage</span>
-    {
-        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-en">Product</span>[] <span class="pl-smi">products</span>) =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">        &lt;table class='table table-striped'&gt;</span>
-<span class="pl-s">            &lt;thead&gt;</span>
-<span class="pl-s">                &lt;tr&gt;</span>
-<span class="pl-s">                    &lt;th&gt;&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Name&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Price&lt;/th&gt;</span>
-<span class="pl-s">                &lt;/tr&gt;</span>
-<span class="pl-s">            &lt;/thead&gt;</span>
-<span class="pl-s">            </span>{products.OrderBy(x =&gt; x.Category).ThenBy(x =&gt; x.ProductName).Map(x =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">                &lt;tr&gt;</span>
-<span class="pl-s">                    &lt;th&gt;</span>{x.Category}<span class="pl-s">&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;td&gt;</span>{x.ProductName.HtmlEncode()}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">                    &lt;td&gt;</span>{x.UnitPrice:C}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">                &lt;/tr&gt;</span><span class="pl-pds">"</span>).Join(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}<span class="pl-s"></span>
-<span class="pl-s">        &lt;/table&gt;</span><span class="pl-pds">"</span>;
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/01.md b/src/wwwroot/gfm/code-pages/01.md
deleted file mode 100644
index d349887..0000000
--- a/src/wwwroot/gfm/code-pages/01.md
+++ /dev/null
@@ -1,31 +0,0 @@
-```csharp
-using System.Linq;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Page("products")]
-    [PageArg("title", "Products")]
-    public class ProductsPage : TemplateCodePage
-    {
-        string render(Product[] products) => $@"
-        <table class='table table-striped'>
-            <thead>
-                <tr>
-                    <th></th>
-                    <th>Name</th>
-                    <th>Price</th>
-                </tr>
-            </thead>
-            {products.OrderBy(x => x.Category).ThenBy(x => x.ProductName).Map(x => $@"
-                <tr>
-                    <th>{x.Category}</th>
-                    <td>{x.ProductName.HtmlEncode()}</td>
-                    <td>{x.UnitPrice:C}</td>
-                </tr>").Join("")}
-        </table>";
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/02.html b/src/wwwroot/gfm/code-pages/02.html
deleted file mode 100644
index 26ed8a7..0000000
--- a/src/wwwroot/gfm/code-pages/02.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/products/view<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ViewProducts</span>
-    {
-        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ProductsServices</span> : <span class="pl-en">Service</span>
-    {
-        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewProducts</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span>
-            <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">Request</span>.<span class="pl-en">GetCodePage</span>(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>)) {
-                <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
-                    [<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Products</span>
-                }
-            };
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/02.md b/src/wwwroot/gfm/code-pages/02.md
deleted file mode 100644
index 1d7a4e9..0000000
--- a/src/wwwroot/gfm/code-pages/02.md
+++ /dev/null
@@ -1,23 +0,0 @@
-```csharp
-using ServiceStack;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Route("/products/view")]
-    public class ViewProducts
-    {
-        public string Id { get; set; }
-    }
-
-    public class ProductsServices : Service
-    {
-        public object Any(ViewProducts request) =>
-            new PageResult(Request.GetCodePage("products")) {
-                Args = {
-                    ["products"] = TemplateQueryData.Products
-                }
-            };
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/03.html b/src/wwwroot/gfm/code-pages/03.html
deleted file mode 100644
index 04ad6fa..0000000
--- a/src/wwwroot/gfm/code-pages/03.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-en">ITemplatePages</span> Pages { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-
-<span class="pl-k">public</span> <span class="pl-k">object </span>Any(ViewProducts request) 
-{
-    <span class="pl-k">var</span> <span class="pl-en">codePage </span>= Pages.GetCodePage(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>);
-    (codePage <span class="pl-k">as</span> <span class="pl-en">IRequiresRequest</span>)?.Request = Request;
-    <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">codePage</span>) { ... };
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/03.md b/src/wwwroot/gfm/code-pages/03.md
deleted file mode 100644
index 933ca1c..0000000
--- a/src/wwwroot/gfm/code-pages/03.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-public ITemplatePages Pages { get; set; }
-
-public object Any(ViewProducts request) 
-{
-    var codePage = Pages.GetCodePage("products");
-    (codePage as IRequiresRequest)?.Request = Request;
-    return new PageResult(codePage) { ... };
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/04.html b/src/wwwroot/gfm/code-pages/04.html
deleted file mode 100644
index f2b40a4..0000000
--- a/src/wwwroot/gfm/code-pages/04.html
+++ /dev/null
@@ -1,49 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System.Linq</span>;
-<span class="pl-k">using</span> <span class="pl-en">System.Collections.Generic</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [Page(<span class="pl-s"><span class="pl-pds">"</span>navLinks<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NavLinksPartial</span> : <span class="pl-en">TemplateCodePage</span>
-    {
-        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">PathInfo</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">links</span>) =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">        &lt;ul&gt;</span>
-<span class="pl-s">            </span>{links.Map(entry =&gt; <span class="pl-pds">$@"</span><span class="pl-s">&lt;li class='</span>{GetClass(PathInfo, entry.Key)}<span class="pl-s">'&gt;</span>
-<span class="pl-s">                &lt;a href='</span>{entry.Key}<span class="pl-s">'&gt;</span>{entry.Value}<span class="pl-s">&lt;/a&gt;</span>
-<span class="pl-s">            &lt;/li&gt;</span><span class="pl-pds">"</span>).Join(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}<span class="pl-s"></span>
-<span class="pl-s">        &lt;/ul&gt;</span><span class="pl-pds">"</span>;
-
-        <span class="pl-k">string</span> <span class="pl-en">GetClass</span>(<span class="pl-k">string</span> <span class="pl-smi">pathInfo</span>, <span class="pl-k">string</span> <span class="pl-smi">url</span>) =&gt; url == pathInfo ? <span class="pl-s"><span class="pl-pds">"</span>active<span class="pl-pds">"</span></span> : <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>; 
-    }
-
-    [Page(<span class="pl-s"><span class="pl-pds">"</span>customerCard<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerCardPartial</span> : <span class="pl-en">TemplateCodePage</span>
-    {
-        <span class="pl-k">public </span><span class="pl-en">ICustomers</span> <span class="pl-en">Customers</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-
-        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">customerId</span>) =&gt; renderCustomer(Customers.GetCustomer(customerId));
-
-        <span class="pl-k">string</span> <span class="pl-en">renderCustomer</span>(<span class="pl-en">Customer</span> <span class="pl-smi">customer</span>) =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">        &lt;table class='table table-bordered'&gt;</span>
-<span class="pl-s">            &lt;caption&gt;</span>{customer.CompanyName}<span class="pl-s">&lt;/caption&gt;</span>
-<span class="pl-s">            &lt;thead class='thead-inverse'&gt;</span>
-<span class="pl-s">                &lt;tr&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Address&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Phone&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Fax&lt;/th&gt;</span>
-<span class="pl-s">                &lt;/tr&gt;</span>
-<span class="pl-s">            &lt;/thead&gt;</span>
-<span class="pl-s">            &lt;tr&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>
-<span class="pl-s">                    </span>{customer.Address}<span class="pl-s"> </span>
-<span class="pl-s">                    </span>{customer.City}<span class="pl-s">, </span>{customer.PostalCode}<span class="pl-s">, </span>{customer.Country}<span class="pl-s"></span>
-<span class="pl-s">                &lt;/td&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>{customer.Phone}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>{customer.Fax}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">            &lt;/tr&gt;</span>
-<span class="pl-s">        &lt;/table&gt;</span><span class="pl-pds">"</span>;
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/04.md b/src/wwwroot/gfm/code-pages/04.md
deleted file mode 100644
index c89ebc0..0000000
--- a/src/wwwroot/gfm/code-pages/04.md
+++ /dev/null
@@ -1,50 +0,0 @@
-```csharp
-using System.Linq;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Page("navLinks")]
-    public class NavLinksPartial : TemplateCodePage
-    {
-        string render(string PathInfo, Dictionary<string, object> links) => $@"
-        <ul>
-            {links.Map(entry => $@"<li class='{GetClass(PathInfo, entry.Key)}'>
-                <a href='{entry.Key}'>{entry.Value}</a>
-            </li>").Join("")}
-        </ul>";
-
-        string GetClass(string pathInfo, string url) => url == pathInfo ? "active" : ""; 
-    }
-
-    [Page("customerCard")]
-    public class CustomerCardPartial : TemplateCodePage
-    {
-        public ICustomers Customers { get; set; }
-
-        string render(string customerId) => renderCustomer(Customers.GetCustomer(customerId));
-
-        string renderCustomer(Customer customer) => $@"
-        <table class='table table-bordered'>
-            <caption>{customer.CompanyName}</caption>
-            <thead class='thead-inverse'>
-                <tr>
-                    <th>Address</th>
-                    <th>Phone</th>
-                    <th>Fax</th>
-                </tr>
-            </thead>
-            <tr>
-                <td>
-                    {customer.Address} 
-                    {customer.City}, {customer.PostalCode}, {customer.Country}
-                </td>
-                <td>{customer.Phone}</td>
-                <td>{customer.Fax}</td>
-            </tr>
-        </table>";
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/05.html b/src/wwwroot/gfm/code-pages/05.html
deleted file mode 100644
index 336e4f4..0000000
--- a/src/wwwroot/gfm/code-pages/05.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System.Linq</span>;
-<span class="pl-k">using</span> <span class="pl-en">System.Collections.Generic</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [Page(<span class="pl-s"><span class="pl-pds">"</span>navLinks<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NavLinksPartial</span> : <span class="pl-en">ServiceStackCodePage</span>
-    {
-        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">links</span>) =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">        &lt;ul&gt;</span>
-<span class="pl-s">            </span>{links.Map(entry =&gt; <span class="pl-pds">$@"</span><span class="pl-s">&lt;li class='</span>{GetClass(entry.Key)}<span class="pl-s">'&gt;</span>
-<span class="pl-s">                &lt;a href='</span>{entry.Key}<span class="pl-s">'&gt;</span>{entry.Value}<span class="pl-s">&lt;/a&gt;</span>
-<span class="pl-s">            &lt;/li&gt;</span><span class="pl-pds">"</span>).Join(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}<span class="pl-s"></span>
-<span class="pl-s">        &lt;/ul&gt;</span><span class="pl-pds">"</span>;
-
-        <span class="pl-k">string</span> <span class="pl-en">GetClass</span>(<span class="pl-k">string</span> <span class="pl-smi">url</span>) =&gt; url == Request.PathInfo ? <span class="pl-s"><span class="pl-pds">"</span>active<span class="pl-pds">"</span></span> : <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>; 
-    }
-
-    [Page(<span class="pl-s"><span class="pl-pds">"</span>customerCard<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerCardPartial</span> : <span class="pl-en">ServiceStackCodePage</span>
-    {
-        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">customerId</span>) =&gt; renderCustomer(Db.SingleById&lt;Customer&gt;(<span class="pl-en">customerId</span>));
-
-        <span class="pl-k">string</span> <span class="pl-en">renderCustomer</span>(<span class="pl-en">Customer</span> <span class="pl-smi">customer</span>) =&gt; <span class="pl-pds">$@"</span><span class="pl-s"></span>
-<span class="pl-s">        &lt;table class='table table-bordered'&gt;</span>
-<span class="pl-s">            &lt;caption&gt;</span>{customer.CompanyName}<span class="pl-s">&lt;/caption&gt;</span>
-<span class="pl-s">            &lt;thead class='thead-inverse'&gt;</span>
-<span class="pl-s">                &lt;tr&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Address&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Phone&lt;/th&gt;</span>
-<span class="pl-s">                    &lt;th&gt;Fax&lt;/th&gt;</span>
-<span class="pl-s">                &lt;/tr&gt;</span>
-<span class="pl-s">            &lt;/thead&gt;</span>
-<span class="pl-s">            &lt;tr&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>
-<span class="pl-s">                    </span>{customer.Address}<span class="pl-s"> </span>
-<span class="pl-s">                    </span>{customer.City}<span class="pl-s">, </span>{customer.PostalCode}<span class="pl-s">, </span>{customer.Country}<span class="pl-s"></span>
-<span class="pl-s">                &lt;/td&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>{customer.Phone}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">                &lt;td&gt;</span>{customer.Fax}<span class="pl-s">&lt;/td&gt;</span>
-<span class="pl-s">            &lt;/tr&gt;</span>
-<span class="pl-s">        &lt;/table&gt;</span><span class="pl-pds">"</span>;
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/code-pages/05.md b/src/wwwroot/gfm/code-pages/05.md
deleted file mode 100644
index 5282102..0000000
--- a/src/wwwroot/gfm/code-pages/05.md
+++ /dev/null
@@ -1,48 +0,0 @@
-```csharp
-using System.Linq;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Page("navLinks")]
-    public class NavLinksPartial : ServiceStackCodePage
-    {
-        string render(Dictionary<string, object> links) => $@"
-        <ul>
-            {links.Map(entry => $@"<li class='{GetClass(entry.Key)}'>
-                <a href='{entry.Key}'>{entry.Value}</a>
-            </li>").Join("")}
-        </ul>";
-
-        string GetClass(string url) => url == Request.PathInfo ? "active" : ""; 
-    }
-
-    [Page("customerCard")]
-    public class CustomerCardPartial : ServiceStackCodePage
-    {
-        string render(string customerId) => renderCustomer(Db.SingleById<Customer>(customerId));
-
-        string renderCustomer(Customer customer) => $@"
-        <table class='table table-bordered'>
-            <caption>{customer.CompanyName}</caption>
-            <thead class='thead-inverse'>
-                <tr>
-                    <th>Address</th>
-                    <th>Phone</th>
-                    <th>Fax</th>
-                </tr>
-            </thead>
-            <tr>
-                <td>
-                    {customer.Address} 
-                    {customer.City}, {customer.PostalCode}, {customer.Country}
-                </td>
-                <td>{customer.Phone}</td>
-                <td>{customer.Fax}</td>
-            </tr>
-        </table>";
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/db-filters/01.html b/src/wwwroot/gfm/db-filters/01.html
deleted file mode 100644
index 4d55da7..0000000
--- a/src/wwwroot/gfm/db-filters/01.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">container.AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() =&gt; 
-    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(connectionString, SqlServer2012Dialect.Provider));</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/db-filters/01.md b/src/wwwroot/gfm/db-filters/01.md
deleted file mode 100644
index 52e1de6..0000000
--- a/src/wwwroot/gfm/db-filters/01.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-container.AddSingleton<IDbConnectionFactory>(() => 
-    new OrmLiteConnectionFactory(connectionString, SqlServer2012Dialect.Provider));
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/db-filters/02.html b/src/wwwroot/gfm/db-filters/02.html
deleted file mode 100644
index 653bfa6..0000000
--- a/src/wwwroot/gfm/db-filters/02.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> { 
-    <span class="pl-smi">TemplateFilters</span> <span class="pl-k">=</span> {
-        <span class="pl-k">new</span> <span class="pl-en">TemplateDbFiltersAsync</span>()
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/db-filters/02.md b/src/wwwroot/gfm/db-filters/02.md
deleted file mode 100644
index 3b7bb5c..0000000
--- a/src/wwwroot/gfm/db-filters/02.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-var context = new TemplateContext { 
-    TemplateFilters = {
-        new TemplateDbFiltersAsync()
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/default-filters/01.html b/src/wwwroot/gfm/default-filters/01.html
deleted file mode 100644
index 7bf7a56..0000000
--- a/src/wwwroot/gfm/default-filters/01.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    Args = {
-        [TemplateConstants.DefaultDateFormat] = <span class="pl-s"><span class="pl-pds">"</span>yyyy-MM-dd HH:mm:ss<span class="pl-pds">"</span></span>
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/default-filters/01.md b/src/wwwroot/gfm/default-filters/01.md
deleted file mode 100644
index f237260..0000000
--- a/src/wwwroot/gfm/default-filters/01.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    Args = {
-        [TemplateConstants.DefaultDateFormat] = "yyyy-MM-dd HH:mm:ss"
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/deploying-web-apps/01.md b/src/wwwroot/gfm/deploying-web-apps/01.md
deleted file mode 100644
index 319998a..0000000
--- a/src/wwwroot/gfm/deploying-web-apps/01.md
+++ /dev/null
@@ -1,13 +0,0 @@
-```bash
-cat ../apps/bare/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.bare.settings
-cat ../apps/blog/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.blog.settings
-cat ../apps/redis/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.redis.settings
-cat ../apps/rockwind/web.sqlite.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.rockwind-sqlite.settings
-cat ../apps/rockwind-vfs/web.sqlite.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.rockwind-vfs-sqlite.settings
-cat ../apps/plugins/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.plugins.settings
-cat ../apps/chat/web.release.settings > ../apps/web/web.chat.settings
-
-rsync -avz -e 'ssh' ../apps deploy@web-app.io:/home/deploy
-
-ssh deploy@web-app.io "sudo supervisorctl restart all"
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/deploying-web-apps/02.html b/src/wwwroot/gfm/deploying-web-apps/02.html
deleted file mode 100644
index f08d0ac..0000000
--- a/src/wwwroot/gfm/deploying-web-apps/02.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-dockerfile"><pre><span class="pl-k">FROM</span> microsoft/dotnet:2.1-sdk AS build-env
-<span class="pl-k">COPY</span> app /app
-<span class="pl-k">WORKDIR</span> /app
-<span class="pl-k">RUN</span> dotnet tool install -g web
-
-<span class="pl-c"><span class="pl-c">#</span> Build runtime image</span>
-<span class="pl-k">FROM</span> microsoft/dotnet:2.1-aspnetcore-runtime
-<span class="pl-k">WORKDIR</span> /app
-<span class="pl-k">COPY</span> --from=build-env /app app
-<span class="pl-k">COPY</span> --from=build-env /root/.dotnet/tools tools
-<span class="pl-k">ENV</span> ASPNETCORE_URLS http://*:5000
-<span class="pl-k">ENTRYPOINT</span> [<span class="pl-s">"/app/tools/web"</span>, <span class="pl-s">"app/app.settings"</span>]</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/deploying-web-apps/02.md b/src/wwwroot/gfm/deploying-web-apps/02.md
deleted file mode 100644
index 487c77e..0000000
--- a/src/wwwroot/gfm/deploying-web-apps/02.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```dockerfile
-FROM microsoft/dotnet:2.1-sdk AS build-env
-COPY app /app
-WORKDIR /app
-RUN dotnet tool install -g web
-
-# Build runtime image
-FROM microsoft/dotnet:2.1-aspnetcore-runtime
-WORKDIR /app
-COPY --from=build-env /app app
-COPY --from=build-env /root/.dotnet/tools tools
-ENV ASPNETCORE_URLS http://*:5000
-ENTRYPOINT ["/app/tools/web", "app/app.settings"]
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/deploying-web-apps/03.md b/src/wwwroot/gfm/deploying-web-apps/03.md
deleted file mode 100644
index 47e4f69..0000000
--- a/src/wwwroot/gfm/deploying-web-apps/03.md
+++ /dev/null
@@ -1,15 +0,0 @@
-```bash
-#!/bin/bash
-
-# set environment variables used in deploy.sh and AWS task-definition.json:
-export IMAGE_NAME=netcoreapps-rockwind-aws
-export IMAGE_VERSION=latest
-
-export AWS_DEFAULT_REGION=us-east-1
-export AWS_ECS_CLUSTER_NAME=default
-export AWS_VIRTUAL_HOST=rockwind-aws.web-app.io
-
-# set any sensitive information in travis-ci encrypted project settings:
-# required: AWS_ACCOUNT_ID, AWS_ACCESS_KEY, AWS_SECRET_KEY
-# optional: SERVICESTACK_LICENSE
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/email-templates/01.html b/src/wwwroot/gfm/email-templates/01.html
deleted file mode 100644
index d4e5ac3..0000000
--- a/src/wwwroot/gfm/email-templates/01.html
+++ /dev/null
@@ -1,56 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System.Linq</span>;
-<span class="pl-k">using</span> <span class="pl-en">System.Collections.Generic</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.Templates</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.IO</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [Route(<span class="pl-s"><span class="pl-pds">"</span>/emails/order-confirmation/preview<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">PreviewHtmlEmail</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">PreviewHtmlEmailResponse</span>&gt;
-    {
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">EmailTemplate</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">HtmlTemplate</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">PreviewCustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">PreviewHtmlEmailResponse</span> 
-    {
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">HtmlEmail</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">TextEmail</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">EmailTemplatesServices</span> : <span class="pl-en">Service</span>
-    {
-        <span class="pl-k">public </span><span class="pl-en">ICustomers</span> <span class="pl-en">Customers</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-
-        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">PreviewHtmlEmail</span> <span class="pl-smi">request</span>)
-        {
-            <span class="pl-k">var</span> <span class="pl-en">customer </span>= Customers.GetCustomer(request.PreviewCustomerId) 
-                ?? Customers.GetAllCustomers().First();
-
-            <span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-                PageFormats = { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() },
-                Args = {
-                    [<span class="pl-s"><span class="pl-pds">"</span>customer<span class="pl-pds">"</span></span>] = customer,
-                    [<span class="pl-s"><span class="pl-pds">"</span>order<span class="pl-pds">"</span></span>] = customer.Orders.LastOrDefault(),
-                }
-            }.Init();
-
-            context.VirtualFiles.WriteFile(<span class="pl-s"><span class="pl-pds">"</span>email.md<span class="pl-pds">"</span></span>, request.EmailTemplate);
-            context.VirtualFiles.WriteFile(<span class="pl-s"><span class="pl-pds">"</span>layout.html<span class="pl-pds">"</span></span>, request.HtmlTemplate);
-
-            <span class="pl-k">var</span> <span class="pl-en">textEmail </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(context.GetPage(<span class="pl-s"><span class="pl-pds">"</span>email<span class="pl-pds">"</span></span>)).Result;
-            <span class="pl-k">var</span> <span class="pl-en">htmlEmail </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(context.GetPage(<span class="pl-s"><span class="pl-pds">"</span>email<span class="pl-pds">"</span></span>)) {
-                Layout = <span class="pl-s"><span class="pl-pds">"</span>layout<span class="pl-pds">"</span></span>,
-                PageTransformers = { MarkdownPageFormat.TransformToHtml }
-            }.Result;
-
-            <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PreviewHtmlEmailResponse</span> {
-                TextEmail = textEmail,
-                HtmlEmail = htmlEmail,
-            };
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/email-templates/01.md b/src/wwwroot/gfm/email-templates/01.md
deleted file mode 100644
index 6524412..0000000
--- a/src/wwwroot/gfm/email-templates/01.md
+++ /dev/null
@@ -1,57 +0,0 @@
-```csharp
-using System.Linq;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.Templates;
-using ServiceStack.IO;
-
-namespace TemplatePages
-{
-    [Route("/emails/order-confirmation/preview")]
-    public class PreviewHtmlEmail : IReturn<PreviewHtmlEmailResponse>
-    {
-        public string EmailTemplate { get; set; }
-        public string HtmlTemplate { get; set; }
-        public string PreviewCustomerId { get; set; }
-    }
-
-    public class PreviewHtmlEmailResponse 
-    {
-        public string HtmlEmail { get; set; }
-        public string TextEmail { get; set; }
-    }
-
-    public class EmailTemplatesServices : Service
-    {
-        public ICustomers Customers { get; set; }
-
-        public object Any(PreviewHtmlEmail request)
-        {
-            var customer = Customers.GetCustomer(request.PreviewCustomerId) 
-                ?? Customers.GetAllCustomers().First();
-
-            var context = new TemplateContext {
-                PageFormats = { new MarkdownPageFormat() },
-                Args = {
-                    ["customer"] = customer,
-                    ["order"] = customer.Orders.LastOrDefault(),
-                }
-            }.Init();
-
-            context.VirtualFiles.WriteFile("email.md", request.EmailTemplate);
-            context.VirtualFiles.WriteFile("layout.html", request.HtmlTemplate);
-
-            var textEmail = new PageResult(context.GetPage("email")).Result;
-            var htmlEmail = new PageResult(context.GetPage("email")) {
-                Layout = "layout",
-                PageTransformers = { MarkdownPageFormat.TransformToHtml }
-            }.Result;
-
-            return new PreviewHtmlEmailResponse {
-                TextEmail = textEmail,
-                HtmlEmail = htmlEmail,
-            };
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/email-templates/02.html b/src/wwwroot/gfm/email-templates/02.html
deleted file mode 100644
index e04d444..0000000
--- a/src/wwwroot/gfm/email-templates/02.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
-<span class="pl-s1"><span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>FORM<span class="pl-pds">"</span></span>).<span class="pl-en">ajaxPreview</span>({ </span>
-<span class="pl-s1">    <span class="pl-en">success</span><span class="pl-k">:</span> <span class="pl-k">function</span>(<span class="pl-smi">r</span>) {</span>
-<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#html-preview<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(<span class="pl-smi">r</span>.<span class="pl-smi">htmlEmail</span>);</span>
-<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#text-preview<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(<span class="pl-smi">r</span>.<span class="pl-smi">textEmail</span>);</span>
-<span class="pl-s1">    } </span>
-<span class="pl-s1">})</span>
-<span class="pl-s1"></span><span class="pl-s1">&lt;</span>/<span class="pl-ent">script</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/01.html b/src/wwwroot/gfm/error-handling/01.html
deleted file mode 100644
index 2e6d3f7..0000000
--- a/src/wwwroot/gfm/error-handling/01.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    SkipExecutingFiltersIfError = <span class="pl-c1">true</span>
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/01.md b/src/wwwroot/gfm/error-handling/01.md
deleted file mode 100644
index cfd721b..0000000
--- a/src/wwwroot/gfm/error-handling/01.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-new TemplateContext {
-    SkipExecutingFiltersIfError = true
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/02.html b/src/wwwroot/gfm/error-handling/02.html
deleted file mode 100644
index 3a85413..0000000
--- a/src/wwwroot/gfm/error-handling/02.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    RenderExpressionExceptions = <span class="pl-c1">true</span>
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/02.md b/src/wwwroot/gfm/error-handling/02.md
deleted file mode 100644
index c12fa93..0000000
--- a/src/wwwroot/gfm/error-handling/02.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    RenderExpressionExceptions = true
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/03.html b/src/wwwroot/gfm/error-handling/03.html
deleted file mode 100644
index 6c20761..0000000
--- a/src/wwwroot/gfm/error-handling/03.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">T</span> <span class="pl-en">exec</span>&lt;<span class="pl-en">T</span>&gt;(<span class="pl-en">Func</span>&lt;<span class="pl-en">IDbConnection</span>, <span class="pl-en">T</span>&gt; <span class="pl-smi">fn</span>, <span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">object</span> <span class="pl-smi">options</span>)
-{
-    <span class="pl-k">try</span>
-    {
-        <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-en">db </span>= DbFactory.Open())
-        {
-            <span class="pl-k">return</span> fn(db);
-        }
-    }
-    <span class="pl-k">catch</span> (Exception ex)
-    {
-        <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">StopFilterExecutionException</span>(scope, options, ex);
-    }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">object </span>dbSelect(TemplateScopeContext scope, <span class="pl-k">string </span>sql, Dictionary&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; args) =&gt; 
-    <span class="pl-en">exec</span>(db =&gt; db.SqlList&lt;Dictionary&lt;string, object&gt;&gt;(sql, args), scope, null);
-
-<span class="pl-k">public</span> <span class="pl-k">object </span>dbSelect(TemplateScopeContext scope, <span class="pl-k">string </span>sql, Dictionary&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; args, <span class="pl-k">object </span>op) =&gt; 
-    <span class="pl-en">exec</span>(db =&gt; db.SqlList&lt;Dictionary&lt;string, object&gt;&gt;(sql, args), scope, op);
-
-
-<span class="pl-k">public</span> <span class="pl-k">object </span>dbSingle(TemplateScopeContext scope, <span class="pl-k">string </span>sql, Dictionary&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; args) =&gt;
-    <span class="pl-en">exec</span>(db =&gt; db.Single&lt;Dictionary&lt;string, object&gt;&gt;(sql, args), scope, null);
-
-<span class="pl-k">public</span> <span class="pl-k">object </span>dbSingle(TemplateScopeContext scope, <span class="pl-k">string </span>sql, Dictionary&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; args, <span class="pl-k">object </span>op) =&gt;
-    <span class="pl-en">exec</span>(db =&gt; db.Single&lt;Dictionary&lt;string, object&gt;&gt;(sql, args), scope, op);</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/error-handling/03.md b/src/wwwroot/gfm/error-handling/03.md
deleted file mode 100644
index a4fd168..0000000
--- a/src/wwwroot/gfm/error-handling/03.md
+++ /dev/null
@@ -1,29 +0,0 @@
-```csharp
-T exec<T>(Func<IDbConnection, T> fn, TemplateScopeContext scope, object options)
-{
-    try
-    {
-        using (var db = DbFactory.Open())
-        {
-            return fn(db);
-        }
-    }
-    catch (Exception ex)
-    {
-        throw new StopFilterExecutionException(scope, options, ex);
-    }
-}
-
-public object dbSelect(TemplateScopeContext scope, string sql, Dictionary<string, object> args) => 
-    exec(db => db.SqlList<Dictionary<string, object>>(sql, args), scope, null);
-
-public object dbSelect(TemplateScopeContext scope, string sql, Dictionary<string, object> args, object op) => 
-    exec(db => db.SqlList<Dictionary<string, object>>(sql, args), scope, op);
-
-
-public object dbSingle(TemplateScopeContext scope, string sql, Dictionary<string, object> args) =>
-    exec(db => db.Single<Dictionary<string, object>>(sql, args), scope, null);
-
-public object dbSingle(TemplateScopeContext scope, string sql, Dictionary<string, object> args, object op) =>
-    exec(db => db.Single<Dictionary<string, object>>(sql, args), scope, op);
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/01.html b/src/wwwroot/gfm/filters/01.html
deleted file mode 100644
index 649daf1..0000000
--- a/src/wwwroot/gfm/filters/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">context.TemplateFilters.Insert</span>(0, new <span class="pl-en">MyTemplateFilters</span>());</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/01.md b/src/wwwroot/gfm/filters/01.md
deleted file mode 100644
index 4e8d83f..0000000
--- a/src/wwwroot/gfm/filters/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-context.TemplateFilters.Insert(0, new MyTemplateFilters());
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/02.html b/src/wwwroot/gfm/filters/02.html
deleted file mode 100644
index 2a73486..0000000
--- a/src/wwwroot/gfm/filters/02.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">context.TemplateFilters.Clear</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/02.md b/src/wwwroot/gfm/filters/02.md
deleted file mode 100644
index f8c52b0..0000000
--- a/src/wwwroot/gfm/filters/02.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-context.TemplateFilters.Clear();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/03.html b/src/wwwroot/gfm/filters/03.html
deleted file mode 100644
index 3c50da4..0000000
--- a/src/wwwroot/gfm/filters/03.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">class</span> <span class="pl-en">MyFilter</span> : <span class="pl-en">TemplateFilter</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">echo</span>(<span class="pl-k">string</span> <span class="pl-smi">text</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$"</span>{<span class="pl-smi">text</span>} {<span class="pl-smi">text</span>}<span class="pl-pds">"</span></span>;
-    <span class="pl-k">public</span> <span class="pl-k">double</span> <span class="pl-en">squared</span>(<span class="pl-k">double</span> <span class="pl-smi">value</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">value</span> <span class="pl-k">*</span> <span class="pl-smi">value</span>;
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">greetArg</span>(<span class="pl-k">string</span> <span class="pl-smi">key</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$"</span>Hello {<span class="pl-smi">Context</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">key</span>]}<span class="pl-pds">"</span></span>;
-            
-    <span class="pl-k">public</span> <span class="pl-en">ICacheClient</span> <span class="pl-smi">Cache</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-c"><span class="pl-c">//</span>injected dependency</span>
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">fromCache</span>(<span class="pl-k">string</span> <span class="pl-smi">key</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Cache</span>.<span class="pl-en">Get</span>(<span class="pl-smi">key</span>);
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/03.md b/src/wwwroot/gfm/filters/03.md
deleted file mode 100644
index f460702..0000000
--- a/src/wwwroot/gfm/filters/03.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```csharp
-class MyFilter : TemplateFilter
-{
-    public string echo(string text) => $"{text} {text}";
-    public double squared(double value) => value * value;
-    public string greetArg(string key) => $"Hello {Context.Args[key]}";
-            
-    public ICacheClient Cache { get; set; } //injected dependency
-    public string fromCache(string key) => Cache.Get(key);
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/04.html b/src/wwwroot/gfm/filters/04.html
deleted file mode 100644
index f8fab65..0000000
--- a/src/wwwroot/gfm/filters/04.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    Args =
-    {
-        [<span class="pl-s"><span class="pl-pds">"</span>contextArg<span class="pl-pds">"</span></span>] = <span class="pl-s"><span class="pl-pds">"</span>foo<span class="pl-pds">"</span></span>
-    },
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">MyFilter</span>() }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/04.md b/src/wwwroot/gfm/filters/04.md
deleted file mode 100644
index 3d18b0f..0000000
--- a/src/wwwroot/gfm/filters/04.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    Args =
-    {
-        ["contextArg"] = "foo"
-    },
-    TemplateFilters = { new MyFilter() }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/05.html b/src/wwwroot/gfm/filters/05.html
deleted file mode 100644
index 29dc961..0000000
--- a/src/wwwroot/gfm/filters/05.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">output </span>= <span class="pl-en">context.EvaluateTemplate</span>("&lt;p&gt;{{ <span class="pl-s"><span class="pl-pds">'</span>contextArg<span class="pl-pds">'</span></span> | greetArg }}&lt;/p&gt;");</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/05.md b/src/wwwroot/gfm/filters/05.md
deleted file mode 100644
index be3b124..0000000
--- a/src/wwwroot/gfm/filters/05.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var output = context.EvaluateTemplate("<p>{{ 'contextArg' | greetArg }}</p>");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/06.html b/src/wwwroot/gfm/filters/06.html
deleted file mode 100644
index 6ca59bc..0000000
--- a/src/wwwroot/gfm/filters/06.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">output </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.OneTimePage</span>("&lt;p&gt;{{ <span class="pl-s"><span class="pl-pds">'</span>hello<span class="pl-pds">'</span></span> | echo }}&lt;/p&gt;"))
-{
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">MyFilter</span>() }
-}.<span class="pl-en">Result</span>;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/06.md b/src/wwwroot/gfm/filters/06.md
deleted file mode 100644
index 3ec79ad..0000000
--- a/src/wwwroot/gfm/filters/06.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-var output = new PageResult(context.OneTimePage("<p>{{ 'hello' | echo }}</p>"))
-{
-    TemplateFilters = { new MyFilter() }
-}.Result;
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/07.html b/src/wwwroot/gfm/filters/07.html
deleted file mode 100644
index 2f5b78d..0000000
--- a/src/wwwroot/gfm/filters/07.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    ScanTypes = { <span class="pl-k">typeof</span>(<span class="pl-en">MyFilter</span>) }
-};
-<span class="pl-en">context.Container.AddSingleton</span>&lt;<span class="pl-en">ICacheClient</span>&gt;(() =&gt; <span class="pl-k">new</span> <span class="pl-en">MemoryCacheClient</span>());
-<span class="pl-en">context.Container.Resolve</span>&lt;<span class="pl-en">ICacheClient</span>&gt;().<span class="pl-en">Set</span>(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>foo<span class="pl-pds">"</span></span>);
-<span class="pl-en">context.Init</span>();
-
-<span class="pl-k">var</span> <span class="pl-en">output </span>= <span class="pl-en">context.EvaluateTemplate</span>("&lt;p&gt;{{ <span class="pl-s"><span class="pl-pds">'</span>key<span class="pl-pds">'</span></span> | fromCache }}&lt;/p&gt;");</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/07.md b/src/wwwroot/gfm/filters/07.md
deleted file mode 100644
index 743dbe0..0000000
--- a/src/wwwroot/gfm/filters/07.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    ScanTypes = { typeof(MyFilter) }
-};
-context.Container.AddSingleton<ICacheClient>(() => new MemoryCacheClient());
-context.Container.Resolve<ICacheClient>().Set("key", "foo");
-context.Init();
-
-var output = context.EvaluateTemplate("<p>{{ 'key' | fromCache }}</p>");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/08.html b/src/wwwroot/gfm/filters/08.html
deleted file mode 100644
index 0de54ac..0000000
--- a/src/wwwroot/gfm/filters/08.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    ScanAssemblies = { <span class="pl-k">typeof</span>(<span class="pl-en">MyFilter</span>).Assembly }
-};</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/08.md b/src/wwwroot/gfm/filters/08.md
deleted file mode 100644
index be8aadb..0000000
--- a/src/wwwroot/gfm/filters/08.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    ScanAssemblies = { typeof(MyFilter).Assembly }
-};
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/09.html b/src/wwwroot/gfm/filters/09.html
deleted file mode 100644
index 649daf1..0000000
--- a/src/wwwroot/gfm/filters/09.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">context.TemplateFilters.Insert</span>(0, new <span class="pl-en">MyTemplateFilters</span>());</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/09.md b/src/wwwroot/gfm/filters/09.md
deleted file mode 100644
index 4e8d83f..0000000
--- a/src/wwwroot/gfm/filters/09.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-context.TemplateFilters.Insert(0, new MyTemplateFilters());
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/10.html b/src/wwwroot/gfm/filters/10.html
deleted file mode 100644
index 6662e02..0000000
--- a/src/wwwroot/gfm/filters/10.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">double </span>squared(<span class="pl-k">double </span><span class="pl-k">value</span>) =&gt; value * value;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/10.md b/src/wwwroot/gfm/filters/10.md
deleted file mode 100644
index 7524a41..0000000
--- a/src/wwwroot/gfm/filters/10.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-double squared(double value) => value * value;
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/11.html b/src/wwwroot/gfm/filters/11.html
deleted file mode 100644
index 8c49f78..0000000
--- a/src/wwwroot/gfm/filters/11.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object </span>assignTo(TemplateScopeContext scope, <span class="pl-k">object </span><span class="pl-k">value</span>, <span class="pl-k">string </span>argName) <span class="pl-c">//from filter</span>
-{
-    scope.ScopedParams[argName] = <span class="pl-k">value</span>;
-    <span class="pl-k">return</span> IgnoreResult.Value;
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/11.md b/src/wwwroot/gfm/filters/11.md
deleted file mode 100644
index e3a39c1..0000000
--- a/src/wwwroot/gfm/filters/11.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-public object assignTo(TemplateScopeContext scope, object value, string argName) //from filter
-{
-    scope.ScopedParams[argName] = value;
-    return IgnoreResult.Value;
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/12.html b/src/wwwroot/gfm/filters/12.html
deleted file mode 100644
index 200def0..0000000
--- a/src/wwwroot/gfm/filters/12.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">includeFile</span>(<span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">virtualPath</span>)
-{
-    <span class="pl-k">var</span> <span class="pl-en">file </span>= scope.Context.VirtualFiles.GetFile(virtualPath);
-    <span class="pl-k">if</span> (file == <span class="pl-c1">null</span>)
-        <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">FileNotFoundException</span>(<span class="pl-pds">$"</span><span class="pl-s">includeFile '</span>{virtualPath}<span class="pl-s">' was not found</span><span class="pl-pds">"</span>);
-
-    <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-en">reader </span>= file.OpenRead())
-    {
-        <span class="pl-k">await</span> reader.CopyToAsync(scope.OutputStream);
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/filters/12.md b/src/wwwroot/gfm/filters/12.md
deleted file mode 100644
index e05c79a..0000000
--- a/src/wwwroot/gfm/filters/12.md
+++ /dev/null
@@ -1,13 +0,0 @@
-```csharp
-public async Task includeFile(TemplateScopeContext scope, string virtualPath)
-{
-    var file = scope.Context.VirtualFiles.GetFile(virtualPath);
-    if (file == null)
-        throw new FileNotFoundException($"includeFile '{virtualPath}' was not found");
-
-    using (var reader = file.OpenRead())
-    {
-        await reader.CopyToAsync(scope.OutputStream);
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/hot-reloading/01.html b/src/wwwroot/gfm/hot-reloading/01.html
deleted file mode 100644
index 373e341..0000000
--- a/src/wwwroot/gfm/hot-reloading/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new <span class="pl-en">TemplatePagesFeature</span>());</pre></div>
-</div>
diff --git a/src/wwwroot/gfm/hot-reloading/01.md b/src/wwwroot/gfm/hot-reloading/01.md
deleted file mode 100644
index d4b1c5d..0000000
--- a/src/wwwroot/gfm/hot-reloading/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature());
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/hot-reloading/02.html b/src/wwwroot/gfm/hot-reloading/02.html
deleted file mode 100644
index 1f6039a..0000000
--- a/src/wwwroot/gfm/hot-reloading/02.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">i</span> <span class="pl-e">hidden</span>&gt;{{ '/js/hot-loader.js' | ifDebugIncludeScript }}&lt;/<span class="pl-ent">i</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/hot-reloading/02.md b/src/wwwroot/gfm/hot-reloading/02.md
deleted file mode 100644
index dfb89e1..0000000
--- a/src/wwwroot/gfm/hot-reloading/02.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```html
-<i hidden>{{ '/js/hot-loader.js' | ifDebugIncludeScript }}</i>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/01.html b/src/wwwroot/gfm/info-filters/01.html
deleted file mode 100644
index 9c89bce..0000000
--- a/src/wwwroot/gfm/info-filters/01.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> 
-{
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">TemplateInfoFilters</span>() }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/01.md b/src/wwwroot/gfm/info-filters/01.md
deleted file mode 100644
index f3fa6f2..0000000
--- a/src/wwwroot/gfm/info-filters/01.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-var context = new TemplatePagesFeature 
-{
-    TemplateFilters = { new TemplateInfoFilters() }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/02.html b/src/wwwroot/gfm/info-filters/02.html
deleted file mode 100644
index 5de87a3..0000000
--- a/src/wwwroot/gfm/info-filters/02.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> { 
-    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
-})</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/02.md b/src/wwwroot/gfm/info-filters/02.md
deleted file mode 100644
index de05ebe..0000000
--- a/src/wwwroot/gfm/info-filters/02.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature { 
-    MetadataDebugAdminRole = RoleNames.AllowAnon
-})
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/03.html b/src/wwwroot/gfm/info-filters/03.html
deleted file mode 100644
index 2d02298..0000000
--- a/src/wwwroot/gfm/info-filters/03.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre>SetConfig(<span class="pl-k">new</span> <span class="pl-en">HostConfig</span> { AdminAuthSecret = <span class="pl-s"><span class="pl-pds">"</span>secret<span class="pl-pds">"</span></span> })</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/04.html b/src/wwwroot/gfm/info-filters/04.html
deleted file mode 100644
index dc5b7a4..0000000
--- a/src/wwwroot/gfm/info-filters/04.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> { 
-    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnyUser</span>,  <span class="pl-c"><span class="pl-c">//</span> Allow Authenticated Users</span>
-    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>,     <span class="pl-c"><span class="pl-c">//</span> Allow anyone</span>
-})</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/04.md b/src/wwwroot/gfm/info-filters/04.md
deleted file mode 100644
index 7551b42..0000000
--- a/src/wwwroot/gfm/info-filters/04.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature { 
-    MetadataDebugAdminRole = RoleNames.AllowAnyUser,  // Allow Authenticated Users
-    MetadataDebugAdminRole = RoleNames.AllowAnon,     // Allow anyone
-})
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/01.html b/src/wwwroot/gfm/installation/01.html
deleted file mode 100644
index dd5b6ca..0000000
--- a/src/wwwroot/gfm/installation/01.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> context <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>().<span class="pl-en">Init</span>();
-<span class="pl-k">var</span> dynamicPage <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">OneTimePage</span>(<span class="pl-s"><span class="pl-pds">"</span>The time is now: {{ now | dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); 
-<span class="pl-k">var</span> output <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-smi">Result</span>;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/01.md b/src/wwwroot/gfm/installation/01.md
deleted file mode 100644
index e7f50ae..0000000
--- a/src/wwwroot/gfm/installation/01.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```ts
-var context = new TemplateContext().Init();
-var dynamicPage = context.OneTimePage("The time is now: {{ now | dateFormat('HH:mm:ss') }}"); 
-var output = new PageResult(dynamicPage).Result;
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/02.html b/src/wwwroot/gfm/installation/02.html
deleted file mode 100644
index b591c27..0000000
--- a/src/wwwroot/gfm/installation/02.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">output </span>= <span class="pl-en">context.EvaluateTemplate</span>("The time is now: {{ now | dateFormat(<span class="pl-s"><span class="pl-pds">'</span>HH:mm:ss<span class="pl-pds">'</span></span>) }}<span class="pl-s"><span class="pl-pds">"</span>);</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/02.md b/src/wwwroot/gfm/installation/02.md
deleted file mode 100644
index 852a956..0000000
--- a/src/wwwroot/gfm/installation/02.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var output = context.EvaluateTemplate("The time is now: {{ now | dateFormat('HH:mm:ss') }}");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/03.html b/src/wwwroot/gfm/installation/03.html
deleted file mode 100644
index 2d1b2a9..0000000
--- a/src/wwwroot/gfm/installation/03.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
-{
-    Plugins.Add(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span>());
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/installation/03.md b/src/wwwroot/gfm/installation/03.md
deleted file mode 100644
index 4d5848a..0000000
--- a/src/wwwroot/gfm/installation/03.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-public void Configure(Container container)
-{
-    Plugins.Add(new TemplatePagesFeature());
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/01.html b/src/wwwroot/gfm/introduction/01.html
deleted file mode 100644
index 19f93cf..0000000
--- a/src/wwwroot/gfm/introduction/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>().<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/01.md b/src/wwwroot/gfm/introduction/01.md
deleted file mode 100644
index 5fccfa8..0000000
--- a/src/wwwroot/gfm/introduction/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var context = new TemplateContext().Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/02.html b/src/wwwroot/gfm/introduction/02.html
deleted file mode 100644
index 4b4d208..0000000
--- a/src/wwwroot/gfm/introduction/02.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">output </span>= <span class="pl-en">context.EvaluateTemplate</span>("{{ <span class="pl-c1">12.34</span> | currency }}<span class="pl-s"><span class="pl-pds">"</span>);</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/02.md b/src/wwwroot/gfm/introduction/02.md
deleted file mode 100644
index ece1d62..0000000
--- a/src/wwwroot/gfm/introduction/02.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var output = context.EvaluateTemplate("{{ 12.34 | currency }}");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/03.html b/src/wwwroot/gfm/introduction/03.html
deleted file mode 100644
index e69de29..0000000
diff --git a/src/wwwroot/gfm/introduction/03.md b/src/wwwroot/gfm/introduction/03.md
deleted file mode 100644
index f7192f6..0000000
--- a/src/wwwroot/gfm/introduction/03.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-context.VirtualFiles.WriteFile("_layout.html", "I am the Layout: <b>{{ page }}</b>");
-context.VirtualFiles.WriteFile("page.html", "I am the Page");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/04.html b/src/wwwroot/gfm/introduction/04.html
deleted file mode 100644
index 99a696b..0000000
--- a/src/wwwroot/gfm/introduction/04.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">pageResult </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.GetPage</span>("page"));</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/04.md b/src/wwwroot/gfm/introduction/04.md
deleted file mode 100644
index c9c05e1..0000000
--- a/src/wwwroot/gfm/introduction/04.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var pageResult = new PageResult(context.GetPage("page"));
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/05.html b/src/wwwroot/gfm/introduction/05.html
deleted file mode 100644
index 375c4e8..0000000
--- a/src/wwwroot/gfm/introduction/05.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">await</span> <span class="pl-en">pageResult.WriteToAsync</span>(responseStream);</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/05.md b/src/wwwroot/gfm/introduction/05.md
deleted file mode 100644
index cd7b9a0..0000000
--- a/src/wwwroot/gfm/introduction/05.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-await pageResult.WriteToAsync(responseStream);
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/06.html b/src/wwwroot/gfm/introduction/06.html
deleted file mode 100644
index 178ba5e..0000000
--- a/src/wwwroot/gfm/introduction/06.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">string</span> <span class="pl-en">output</span> = <span class="pl-k">await</span> <span class="pl-en">pageResult.RenderToStringAsync</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/06.md b/src/wwwroot/gfm/introduction/06.md
deleted file mode 100644
index d924885..0000000
--- a/src/wwwroot/gfm/introduction/06.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-string output = await pageResult.RenderToStringAsync();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/07.html b/src/wwwroot/gfm/introduction/07.html
deleted file mode 100644
index e196229..0000000
--- a/src/wwwroot/gfm/introduction/07.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">string</span> <span class="pl-en">output</span> = <span class="pl-en">pageResult.Result</span>;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/07.md b/src/wwwroot/gfm/introduction/07.md
deleted file mode 100644
index aa9d835..0000000
--- a/src/wwwroot/gfm/introduction/07.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-string output = pageResult.Result;
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/08.html b/src/wwwroot/gfm/introduction/08.html
deleted file mode 100644
index bcd054e..0000000
--- a/src/wwwroot/gfm/introduction/08.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-js"><pre>{{ <span class="pl-s"><span class="pl-pds">'</span>select url from quote where id= @id<span class="pl-pds">'</span></span> <span class="pl-k">|</span> <span class="pl-en">dbScalar</span>({ id }) <span class="pl-k">|</span> urlContents <span class="pl-k">|</span> markdown <span class="pl-k">|</span> assignTo<span class="pl-k">:</span> quote }}
-
-{{ quote <span class="pl-k">|</span> <span class="pl-en">replace</span>(<span class="pl-s"><span class="pl-pds">'</span>Razor<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Templates<span class="pl-pds">'</span></span>) <span class="pl-k">|</span> <span class="pl-en">replace</span>(<span class="pl-s"><span class="pl-pds">'</span>2010<span class="pl-pds">'</span></span>, <span class="pl-smi">now</span>.<span class="pl-smi">Year</span>) <span class="pl-k">|</span> raw }}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introduction/08.md b/src/wwwroot/gfm/introduction/08.md
deleted file mode 100644
index da63a6f..0000000
--- a/src/wwwroot/gfm/introduction/08.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```js
-{{ 'select url from quote where id= @id' | dbScalar({ id }) | urlContents | markdown | assignTo: quote }}
-
-{{ quote | replace('Razor', 'Templates') | replace('2010', now.Year) | raw }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/01.html b/src/wwwroot/gfm/introspect-state/01.html
deleted file mode 100644
index 477273d..0000000
--- a/src/wwwroot/gfm/introspect-state/01.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>;
-<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
-<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">IO</span>;
-<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Diagnostics</span>;
-<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">IO</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/introspect/state<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">IntrospectState</span> 
-    {
-        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Page</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ProcessInfo</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">DriveInfo</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">StateTemplateFilters</span> : <span class="pl-en">TemplateFilter</span>
-    {
-        <span class="pl-k">bool</span> <span class="pl-en">HasAccess</span>(<span class="pl-en">Process</span> <span class="pl-smi">process</span>)
-        {
-            <span class="pl-k">try</span> { <span class="pl-k">return</span> <span class="pl-smi">process</span>.<span class="pl-smi">TotalProcessorTime</span> <span class="pl-k">&gt;=</span> <span class="pl-smi">TimeSpan</span>.<span class="pl-smi">Zero</span>; } 
-            <span class="pl-k">catch</span> (<span class="pl-en">Exception</span>) { <span class="pl-k">return</span> <span class="pl-c1">false</span>; }
-        }
-
-        <span class="pl-k">public</span> <span class="pl-en">IEnumerable</span>&lt;<span class="pl-en">Process</span>&gt; <span class="pl-en">processes</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetProcesses</span>().<span class="pl-en">Where</span>(<span class="pl-smi">HasAccess</span>);
-        <span class="pl-k">public</span> <span class="pl-en">Process</span> <span class="pl-en">processById</span>(<span class="pl-k">int</span> <span class="pl-smi">processId</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetProcessById</span>(<span class="pl-smi">processId</span>);
-        <span class="pl-k">public</span> <span class="pl-en">Process</span> <span class="pl-en">currentProcess</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetCurrentProcess</span>();
-        <span class="pl-k">public</span> <span class="pl-en">DriveInfo</span>[] <span class="pl-en">drives</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">DriveInfo</span>.<span class="pl-en">GetDrives</span>();
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">IntrospectStateServices</span> : <span class="pl-en">Service</span>
-    {
-        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">IntrospectState</span> <span class="pl-smi">request</span>)
-        {
-            <span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-                <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">StateTemplateFilters</span>) }, <span class="pl-c"><span class="pl-c">//</span>Autowires (if needed)</span>
-                <span class="pl-smi">RenderExpressionExceptions</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>
-            }.<span class="pl-en">Init</span>();
-
-            <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">OneTimePage</span>(<span class="pl-smi">request</span>.<span class="pl-smi">Page</span>));
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/01.md b/src/wwwroot/gfm/introspect-state/01.md
deleted file mode 100644
index 466130b..0000000
--- a/src/wwwroot/gfm/introspect-state/01.md
+++ /dev/null
@@ -1,48 +0,0 @@
-```csharp
-using System;
-using System.Linq;
-using System.IO;
-using System.Diagnostics;
-using System.Collections.Generic;
-using ServiceStack;
-using ServiceStack.IO;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Route("/introspect/state")]
-    public class IntrospectState 
-    {
-        public string Page { get; set; }
-        public string ProcessInfo { get; set; }
-        public string DriveInfo { get; set; }
-    }
-
-    public class StateTemplateFilters : TemplateFilter
-    {
-        bool HasAccess(Process process)
-        {
-            try { return process.TotalProcessorTime >= TimeSpan.Zero; } 
-            catch (Exception) { return false; }
-        }
-
-        public IEnumerable<Process> processes() => Process.GetProcesses().Where(HasAccess);
-        public Process processById(int processId) => Process.GetProcessById(processId);
-        public Process currentProcess() => Process.GetCurrentProcess();
-        public DriveInfo[] drives() => DriveInfo.GetDrives();
-    }
-
-    public class IntrospectStateServices : Service
-    {
-        public object Any(IntrospectState request)
-        {
-            var context = new TemplateContext {
-                ScanTypes = { typeof(StateTemplateFilters) }, //Autowires (if needed)
-                RenderExpressionExceptions = true
-            }.Init();
-
-            return new PageResult(context.OneTimePage(request.Page));
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/02.html b/src/wwwroot/gfm/introspect-state/02.html
deleted file mode 100644
index 3d7637e..0000000
--- a/src/wwwroot/gfm/introspect-state/02.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
-<span class="pl-s1"><span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">'</span>form<span class="pl-pds">'</span></span>).<span class="pl-en">ajaxPreview</span>({ </span>
-<span class="pl-s1">    dataType<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>html<span class="pl-pds">'</span></span>,</span>
-<span class="pl-s1">    <span class="pl-en">success</span><span class="pl-k">:</span> <span class="pl-k">function</span>(<span class="pl-smi">r</span>) {</span>
-<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#output<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(r);</span>
-<span class="pl-s1">    } </span>
-<span class="pl-s1">})</span>
-<span class="pl-s1"></span><span class="pl-s1">&lt;</span>/<span class="pl-ent">script</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/03.html b/src/wwwroot/gfm/introspect-state/03.html
deleted file mode 100644
index 5de87a3..0000000
--- a/src/wwwroot/gfm/introspect-state/03.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> { 
-    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
-})</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/03.md b/src/wwwroot/gfm/introspect-state/03.md
deleted file mode 100644
index de05ebe..0000000
--- a/src/wwwroot/gfm/introspect-state/03.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature { 
-    MetadataDebugAdminRole = RoleNames.AllowAnon
-})
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/01.html b/src/wwwroot/gfm/model-view-controller/01.html
deleted file mode 100644
index e7a8a32..0000000
--- a/src/wwwroot/gfm/model-view-controller/01.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
-<span class="pl-k">using</span> <span class="pl-en">ServiceStack.Templates</span>;
-
-<span class="pl-k">namespace</span> <span class="pl-en">TemplatePages</span>
-{
-    [Route(<span class="pl-s"><span class="pl-pds">"</span>/customers/{Id}<span class="pl-pds">"</span></span>)]
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ViewCustomer</span>
-    {
-        <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerServices</span> : <span class="pl-en">Service</span>
-    {
-        <span class="pl-k">public </span><span class="pl-en">ITemplatePages</span> <span class="pl-en">Pages</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-
-        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewCustomer</span> <span class="pl-smi">request</span>) =&gt;
-            <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(Pages.GetPage(<span class="pl-s"><span class="pl-pds">"</span>examples/customer<span class="pl-pds">"</span></span>)) {
-                Model = TemplateQueryData.GetCustomer(request.Id)
-            };
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/01.md b/src/wwwroot/gfm/model-view-controller/01.md
deleted file mode 100644
index d968a81..0000000
--- a/src/wwwroot/gfm/model-view-controller/01.md
+++ /dev/null
@@ -1,23 +0,0 @@
-```csharp
-using ServiceStack;
-using ServiceStack.Templates;
-
-namespace TemplatePages
-{
-    [Route("/customers/{Id}")]
-    public class ViewCustomer
-    {
-        public string Id { get; set; }
-    }
-
-    public class CustomerServices : Service
-    {
-        public ITemplatePages Pages { get; set; }
-
-        public object Any(ViewCustomer request) =>
-            new PageResult(Pages.GetPage("examples/customer")) {
-                Model = TemplateQueryData.GetCustomer(request.Id)
-            };
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/02.html b/src/wwwroot/gfm/model-view-controller/02.html
deleted file mode 100644
index ada5f08..0000000
--- a/src/wwwroot/gfm/model-view-controller/02.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerServices</span> : <span class="pl-en">Service</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewCustomer</span> <span class="pl-smi">request</span>) =&gt;
-        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(Request.GetPage(<span class="pl-s"><span class="pl-pds">"</span>examples/customer<span class="pl-pds">"</span></span>)) {
-            Model = TemplateQueryData.GetCustomer(request.Id)
-        };
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/02.md b/src/wwwroot/gfm/model-view-controller/02.md
deleted file mode 100644
index dca404f..0000000
--- a/src/wwwroot/gfm/model-view-controller/02.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```csharp
-public class CustomerServices : Service
-{
-    public object Any(ViewCustomer request) =>
-        new PageResult(Request.GetPage("examples/customer")) {
-            Model = TemplateQueryData.GetCustomer(request.Id)
-        };
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/03.html b/src/wwwroot/gfm/model-view-controller/03.html
deleted file mode 100644
index 7f5a364..0000000
--- a/src/wwwroot/gfm/model-view-controller/03.html
+++ /dev/null
@@ -1,32 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">title: Customer Details</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span>
-
-&lt;<span class="pl-ent">h2</span>&gt;{{ CompanyName }}&lt;/<span class="pl-ent">h2</span>&gt;
-
-&lt;<span class="pl-ent">table</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>table table-bordered<span class="pl-pds">"</span></span>&gt;
-    &lt;<span class="pl-ent">tr</span>&gt;
-        &lt;<span class="pl-ent">th</span>&gt;Address&lt;/<span class="pl-ent">th</span>&gt;
-        &lt;<span class="pl-ent">td</span>&gt;
-            {{ Address }} 
-            {{ City }}, {{ PostalCode }}, {{ Country }}            
-        &lt;/<span class="pl-ent">td</span>&gt;
-    &lt;/<span class="pl-ent">tr</span>&gt;
-    &lt;<span class="pl-ent">tr</span>&gt;
-        &lt;<span class="pl-ent">th</span>&gt;Phone&lt;/<span class="pl-ent">th</span>&gt;
-        &lt;<span class="pl-ent">td</span>&gt;{{ Phone }}&lt;/<span class="pl-ent">td</span>&gt;
-    &lt;/<span class="pl-ent">tr</span>&gt;
-    &lt;<span class="pl-ent">tr</span>&gt;
-        &lt;<span class="pl-ent">th</span>&gt;Fax&lt;/<span class="pl-ent">th</span>&gt;
-        &lt;<span class="pl-ent">td</span>&gt;{{ Fax }}&lt;/<span class="pl-ent">td</span>&gt;
-    &lt;/<span class="pl-ent">tr</span>&gt;
-&lt;/<span class="pl-ent">table</span>&gt;
-
-&lt;<span class="pl-ent">h4</span>&gt;{{ CompanyName }}'s Orders&lt;/<span class="pl-ent">h4</span>&gt;
-
-&lt;<span class="pl-ent">table</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>table <span class="pl-pds">"</span></span>&gt;
-{{#each Orders}}
-    &lt;<span class="pl-ent">tr</span>&gt;&lt;<span class="pl-ent">td</span>&gt;{{OrderId}}&lt;/<span class="pl-ent">td</span>&gt;&lt;<span class="pl-ent">td</span>&gt;{{OrderDate}}&lt;/<span class="pl-ent">td</span>&gt;&lt;<span class="pl-ent">td</span>&gt;{{Total | currency}}&lt;/<span class="pl-ent">td</span>&gt;&lt;/<span class="pl-ent">tr</span>&gt;
-{{/each}}
-&lt;/<span class="pl-ent">table</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/model-view-controller/03.md b/src/wwwroot/gfm/model-view-controller/03.md
deleted file mode 100644
index 4f3915d..0000000
--- a/src/wwwroot/gfm/model-view-controller/03.md
+++ /dev/null
@@ -1,33 +0,0 @@
-```html
-<!--
-title: Customer Details
--->
-
-<h2>{{ CompanyName }}</h2>
-
-<table class="table table-bordered">
-    <tr>
-        <th>Address</th>
-        <td>
-            {{ Address }} 
-            {{ City }}, {{ PostalCode }}, {{ Country }}            
-        </td>
-    </tr>
-    <tr>
-        <th>Phone</th>
-        <td>{{ Phone }}</td>
-    </tr>
-    <tr>
-        <th>Fax</th>
-        <td>{{ Fax }}</td>
-    </tr>
-</table>
-
-<h4>{{ CompanyName }}'s Orders</h4>
-
-<table class="table ">
-{{#each Orders}}
-    <tr><td>{{OrderId}}</td><td>{{OrderDate}}</td><td>{{Total | currency}}</td></tr>
-{{/each}}
-</table>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-aspnet/01.html b/src/wwwroot/gfm/mvc-aspnet/01.html
deleted file mode 100644
index 8383be5..0000000
--- a/src/wwwroot/gfm/mvc-aspnet/01.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
-{
-    <span class="pl-en">ITemplatePages</span> <span class="pl-en">pages</span>;
-    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(ITemplatePages pages) =&gt; <span class="pl-c1">this</span>.pages = pages;
-
-    <span class="pl-k">public</span> <span class="pl-en">Task</span>&lt;<span class="pl-en">MvcPageResult</span>&gt; <span class="pl-en">Index</span>() =&gt;
-        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(pages.GetPage(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).ToMvcResultAsync();
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-aspnet/01.md b/src/wwwroot/gfm/mvc-aspnet/01.md
deleted file mode 100644
index da57c7c..0000000
--- a/src/wwwroot/gfm/mvc-aspnet/01.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-public class HomeController : Controller
-{
-    ITemplatePages pages;
-    public HomeController(ITemplatePages pages) => this.pages = pages;
-
-    public Task<MvcPageResult> Index() =>
-        new PageResult(pages.GetPage("index")).ToMvcResultAsync();
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/01.html b/src/wwwroot/gfm/mvc-netcore/01.html
deleted file mode 100644
index 3805971..0000000
--- a/src/wwwroot/gfm/mvc-netcore/01.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
-    {
-        app.UseServiceStack(<span class="pl-k">new</span> <span class="pl-en">AppHost</span>());
-    }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span> {}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
-{
-    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-c1">base</span>("ServiceStack Template Pages", typeof(MyServices).<span class="pl-en">GetAssembly</span>()) { }
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
-    {
-        Plugins.Add(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span>());
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/01.md b/src/wwwroot/gfm/mvc-netcore/01.md
deleted file mode 100644
index f561f03..0000000
--- a/src/wwwroot/gfm/mvc-netcore/01.md
+++ /dev/null
@@ -1,21 +0,0 @@
-```csharp
-public class Startup
-{
-    public void Configure(IApplicationBuilder app)
-    {
-        app.UseServiceStack(new AppHost());
-    }
-}
-
-public class MyServices : Service {}
-
-public class AppHost : AppHostBase
-{
-    public AppHost() : base("ServiceStack Template Pages", typeof(MyServices).GetAssembly()) { }
-
-    public override void Configure(Container container)
-    {
-        Plugins.Add(new TemplatePagesFeature());
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/02.html b/src/wwwroot/gfm/mvc-netcore/02.html
deleted file mode 100644
index a24306b..0000000
--- a/src/wwwroot/gfm/mvc-netcore/02.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
-{
-    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() =&gt;
-        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(HostContext.TryResolve&lt;ITemplatePages&gt;().GetPage(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).ToMvcResult();
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/02.md b/src/wwwroot/gfm/mvc-netcore/02.md
deleted file mode 100644
index 4c9d625..0000000
--- a/src/wwwroot/gfm/mvc-netcore/02.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-public class HomeController : Controller
-{
-    public ActionResult Index() =>
-        new PageResult(HostContext.TryResolve<ITemplatePages>().GetPage("index")).ToMvcResult();
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/03.html b/src/wwwroot/gfm/mvc-netcore/03.html
deleted file mode 100644
index 420251b..0000000
--- a/src/wwwroot/gfm/mvc-netcore/03.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">ConfigureServices</span>(<span class="pl-en">IServiceCollection</span> <span class="pl-smi">services</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span>();
-        services.AddSingleton(context);
-        services.AddSingleton(context.Pages);
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
-    {
-        app.UseServiceStack(<span class="pl-k">new</span> <span class="pl-en">AppHost</span>());
-    }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span> {}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
-{
-    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-c1">base</span>("ServiceStack Template Pages", typeof(MyServices).<span class="pl-en">GetAssembly</span>()) {}
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
-    {
-        Plugins.Add(container.Resolve&lt;TemplatePagesFeature&gt;());
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/03.md b/src/wwwroot/gfm/mvc-netcore/03.md
deleted file mode 100644
index 6bfcaee..0000000
--- a/src/wwwroot/gfm/mvc-netcore/03.md
+++ /dev/null
@@ -1,28 +0,0 @@
-```csharp
-public class Startup
-{
-    public void ConfigureServices(IServiceCollection services)
-    {
-        var context = new TemplatePagesFeature();
-        services.AddSingleton(context);
-        services.AddSingleton(context.Pages);
-    }
-
-    public void Configure(IApplicationBuilder app)
-    {
-        app.UseServiceStack(new AppHost());
-    }
-}
-
-public class MyServices : Service {}
-
-public class AppHost : AppHostBase
-{
-    public AppHost() : base("ServiceStack Template Pages", typeof(MyServices).GetAssembly()) {}
-
-    public override void Configure(Container container)
-    {
-        Plugins.Add(container.Resolve<TemplatePagesFeature>());
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/04.html b/src/wwwroot/gfm/mvc-netcore/04.html
deleted file mode 100644
index bb90c0f..0000000
--- a/src/wwwroot/gfm/mvc-netcore/04.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
-{
-    <span class="pl-en">ITemplatePages</span> <span class="pl-en">pages</span>;
-    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(ITemplatePages pages) =&gt; <span class="pl-c1">this</span>.pages = pages;
-
-    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() =&gt; <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(pages.GetPage(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).ToMvcResult();
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/04.md b/src/wwwroot/gfm/mvc-netcore/04.md
deleted file mode 100644
index 6077ed2..0000000
--- a/src/wwwroot/gfm/mvc-netcore/04.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```csharp
-public class HomeController : Controller
-{
-    ITemplatePages pages;
-    public HomeController(ITemplatePages pages) => this.pages = pages;
-
-    public ActionResult Index() => new PageResult(pages.GetPage("index")).ToMvcResult();
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/05.html b/src/wwwroot/gfm/mvc-netcore/05.html
deleted file mode 100644
index 835ac0c..0000000
--- a/src/wwwroot/gfm/mvc-netcore/05.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">ConfigureServices</span>(<span class="pl-en">IServiceCollection</span> <span class="pl-smi">services</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>();
-        services.AddSingleton(context);
-        services.AddSingleton(context.Pages);
-    }
-
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-en">context </span>= app.ApplicationServices.GetService&lt;TemplateContext&gt;();
-        context.VirtualFiles = <span class="pl-k">new</span> <span class="pl-en">FileSystemVirtualFiles</span>(env.WebRootPath);
-        context.Init();
-    }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
-{
-    <span class="pl-en">ITemplatePages</span> <span class="pl-en">pages</span>;
-    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(ITemplatePages pages) =&gt; <span class="pl-c1">this</span>.pages = pages;
-
-    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() =&gt; <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(pages.GetPage(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).ToMvcResult();
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/mvc-netcore/05.md b/src/wwwroot/gfm/mvc-netcore/05.md
deleted file mode 100644
index 6471787..0000000
--- a/src/wwwroot/gfm/mvc-netcore/05.md
+++ /dev/null
@@ -1,26 +0,0 @@
-```csharp
-public class Startup
-{
-    public void ConfigureServices(IServiceCollection services)
-    {
-        var context = new TemplateContext();
-        services.AddSingleton(context);
-        services.AddSingleton(context.Pages);
-    }
-
-    public void Configure(IApplicationBuilder app)
-    {
-        var context = app.ApplicationServices.GetService<TemplateContext>();
-        context.VirtualFiles = new FileSystemVirtualFiles(env.WebRootPath);
-        context.Init();
-    }
-}
-
-public class HomeController : Controller
-{
-    ITemplatePages pages;
-    public HomeController(ITemplatePages pages) => this.pages = pages;
-
-    public ActionResult Index() => new PageResult(pages.GetPage("index")).ToMvcResult();
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/page-formats/01.md b/src/wwwroot/gfm/page-formats/01.md
deleted file mode 100644
index 30d1f1c..0000000
--- a/src/wwwroot/gfm/page-formats/01.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```csharp
-public class HtmlPageFormat : PageFormat
-{
-    public HtmlPageFormat()
-    {
-        ArgsPrefix = "<!--";
-        ArgsSuffix = "-->";
-        Extension = "html";
-        ContentType = MimeTypes.Html;
-        EncodeValue = HtmlEncodeValue;
-        ResolveLayout = HtmlResolveLayout;
-        OnExpressionException = HtmlExpressionException;
-    }
-    public static string HtmlEncodeValue(object value) { /*impl*/ }
-    public TemplatePage HtmlResolveLayout(TemplatePage page) { /*impl*/ }
-    public virtual object HtmlExpressionException(PageResult result, Exception ex) { /*impl*/ }
-    public static async Task HtmlEncodeTransformer(Stream stream) { /*impl*/ }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/page-formats/02.html b/src/wwwroot/gfm/page-formats/02.html
deleted file mode 100644
index 1725970..0000000
--- a/src/wwwroot/gfm/page-formats/02.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownPageFormat</span> : <span class="pl-en">PageFormat</span>
-{
-    <span class="pl-k">public</span> <span class="pl-en">MarkdownPageFormat</span>()
-    {
-        Extension = <span class="pl-s"><span class="pl-pds">"</span>md<span class="pl-pds">"</span></span>;
-        ContentType = MimeTypes.MarkdownText;
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/page-formats/02.md b/src/wwwroot/gfm/page-formats/02.md
deleted file mode 100644
index 91b9f54..0000000
--- a/src/wwwroot/gfm/page-formats/02.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-public class MarkdownPageFormat : PageFormat
-{
-    public MarkdownPageFormat()
-    {
-        Extension = "md";
-        ContentType = MimeTypes.MarkdownText;
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/page-formats/03.html b/src/wwwroot/gfm/page-formats/03.html
deleted file mode 100644
index 3b03571..0000000
--- a/src/wwwroot/gfm/page-formats/03.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> { 
-    PageFormats = { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/page-formats/03.md b/src/wwwroot/gfm/page-formats/03.md
deleted file mode 100644
index 2728eab..0000000
--- a/src/wwwroot/gfm/page-formats/03.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-var context = new TemplateContext { 
-    PageFormats = { new MarkdownPageFormat() }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/protected-filters/01.html b/src/wwwroot/gfm/protected-filters/01.html
deleted file mode 100644
index aad65f3..0000000
--- a/src/wwwroot/gfm/protected-filters/01.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">TemplateProtectedFilters</span>() }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/protected-filters/01.md b/src/wwwroot/gfm/protected-filters/01.md
deleted file mode 100644
index 8cf2c8c..0000000
--- a/src/wwwroot/gfm/protected-filters/01.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    TemplateFilters = { new TemplateProtectedFilters() }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/01.html b/src/wwwroot/gfm/redis-filters/01.html
deleted file mode 100644
index 44fa8e3..0000000
--- a/src/wwwroot/gfm/redis-filters/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">container.AddSingleton</span>&lt;<span class="pl-en">IRedisClientsManager</span>&gt;(() =&gt; <span class="pl-k">new</span> <span class="pl-en">RedisManagerPool</span>(<span class="pl-en">connString</span>));</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/01.md b/src/wwwroot/gfm/redis-filters/01.md
deleted file mode 100644
index dbff0cd..0000000
--- a/src/wwwroot/gfm/redis-filters/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-container.AddSingleton<IRedisClientsManager>(() => new RedisManagerPool(connString));
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/02.html b/src/wwwroot/gfm/redis-filters/02.html
deleted file mode 100644
index 3a94de9..0000000
--- a/src/wwwroot/gfm/redis-filters/02.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> { 
-    TemplateFilters = {
-        <span class="pl-k">new</span> <span class="pl-en">TemplateRedisFilters</span>()
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/02.md b/src/wwwroot/gfm/redis-filters/02.md
deleted file mode 100644
index 392b0ca..0000000
--- a/src/wwwroot/gfm/redis-filters/02.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-var context = new TemplateContext { 
-    TemplateFilters = {
-        new TemplateRedisFilters()
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/03.html b/src/wwwroot/gfm/redis-filters/03.html
deleted file mode 100644
index d3ae710..0000000
--- a/src/wwwroot/gfm/redis-filters/03.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">RedisSearchResult</span>
-{
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">Type</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">long</span> <span class="pl-en">Ttl</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">long</span> <span class="pl-en">Size</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/redis-filters/03.md b/src/wwwroot/gfm/redis-filters/03.md
deleted file mode 100644
index ea1a4bf..0000000
--- a/src/wwwroot/gfm/redis-filters/03.md
+++ /dev/null
@@ -1,9 +0,0 @@
-```csharp
-public class RedisSearchResult
-{
-    public string Id { get; set; }
-    public string Type { get; set; }
-    public long Ttl { get; set; }
-    public long Size { get; set; }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/01.html b/src/wwwroot/gfm/sandbox/01.html
deleted file mode 100644
index 2a73486..0000000
--- a/src/wwwroot/gfm/sandbox/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">context.TemplateFilters.Clear</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/01.md b/src/wwwroot/gfm/sandbox/01.md
deleted file mode 100644
index f8c52b0..0000000
--- a/src/wwwroot/gfm/sandbox/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-context.TemplateFilters.Clear();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/02.html b/src/wwwroot/gfm/sandbox/02.html
deleted file mode 100644
index 6b874b5..0000000
--- a/src/wwwroot/gfm/sandbox/02.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    ExcludeFiltersNamed = { <span class="pl-s"><span class="pl-pds">"</span>partial<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>selectPartial<span class="pl-pds">"</span></span> }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/02.md b/src/wwwroot/gfm/sandbox/02.md
deleted file mode 100644
index 0f92f5c..0000000
--- a/src/wwwroot/gfm/sandbox/02.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    ExcludeFiltersNamed = { "partial", "selectPartial" }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/03.html b/src/wwwroot/gfm/sandbox/03.html
deleted file mode 100644
index 8cabfce..0000000
--- a/src/wwwroot/gfm/sandbox/03.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    Args = {
-        [TemplateConstants.MaxQuota] = <span class="pl-c1">1000</span>
-    }
-}.<span class="pl-en">Init</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/sandbox/03.md b/src/wwwroot/gfm/sandbox/03.md
deleted file mode 100644
index 8a6549c..0000000
--- a/src/wwwroot/gfm/sandbox/03.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    Args = {
-        [TemplateConstants.MaxQuota] = 1000
-    }
-}.Init();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/01.html b/src/wwwroot/gfm/servicestack-filters/01.html
deleted file mode 100644
index a7e78fb..0000000
--- a/src/wwwroot/gfm/servicestack-filters/01.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryCustomers</span> : <span class="pl-en">QueryDb</span>&lt;<span class="pl-en">Customer</span>&gt;
-{
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">CustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">CompanyNameContains</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">string</span>[] <span class="pl-en">CountryIn</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/01.md b/src/wwwroot/gfm/servicestack-filters/01.md
deleted file mode 100644
index 1bd411d..0000000
--- a/src/wwwroot/gfm/servicestack-filters/01.md
+++ /dev/null
@@ -1,8 +0,0 @@
-```csharp
-public class QueryCustomers : QueryDb<Customer>
-{
-    public string CustomerId { get; set; }
-    public string CompanyNameContains { get; set; }
-    public string[] CountryIn { get; set; }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/02.html b/src/wwwroot/gfm/servicestack-filters/02.html
deleted file mode 100644
index f1e47b6..0000000
--- a/src/wwwroot/gfm/servicestack-filters/02.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-js"><pre>{{ { id, firstName, lastName, age } <span class="pl-k">|</span> ensureAllArgsNotNull <span class="pl-k">|</span> <span class="pl-en">publishToGateway</span>(<span class="pl-s"><span class="pl-pds">'</span>StoreContact<span class="pl-pds">'</span></span>) }}
-{{ { id }  <span class="pl-k">|</span> <span class="pl-en">sendToGateway</span>(<span class="pl-s"><span class="pl-pds">'</span>GetContact<span class="pl-pds">'</span></span>) <span class="pl-k">|</span> assignTo<span class="pl-k">:</span> contact }}
-{{ contact <span class="pl-k">|</span> selectPartial<span class="pl-k">:</span> contact<span class="pl-k">-</span>details }}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/02.md b/src/wwwroot/gfm/servicestack-filters/02.md
deleted file mode 100644
index bd90611..0000000
--- a/src/wwwroot/gfm/servicestack-filters/02.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```js
-{{ { id, firstName, lastName, age } | ensureAllArgsNotNull | publishToGateway('StoreContact') }}
-{{ { id }  | sendToGateway('GetContact') | assignTo: contact }}
-{{ contact | selectPartial: contact-details }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/03.html b/src/wwwroot/gfm/servicestack-filters/03.html
deleted file mode 100644
index 7a47fae..0000000
--- a/src/wwwroot/gfm/servicestack-filters/03.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new AutoQueryDataFeature { MaxLimit = <span class="pl-c1">100</span> }
-    .<span class="pl-en">AddDataSource</span>(ctx =&gt; ctx.ServiceSource&lt;GithubRepo&gt;(ctx.Dto.ConvertTo&lt;GetGithubRepos&gt;(), 
-        HostContext.Cache, TimeSpan.FromMinutes(<span class="pl-c1">10</span>)))
-);</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/03.md b/src/wwwroot/gfm/servicestack-filters/03.md
deleted file mode 100644
index a0f4df6..0000000
--- a/src/wwwroot/gfm/servicestack-filters/03.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-Plugins.Add(new AutoQueryDataFeature { MaxLimit = 100 }
-    .AddDataSource(ctx => ctx.ServiceSource<GithubRepo>(ctx.Dto.ConvertTo<GetGithubRepos>(), 
-        HostContext.Cache, TimeSpan.FromMinutes(10)))
-);
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/04.html b/src/wwwroot/gfm/servicestack-filters/04.html
deleted file mode 100644
index 0d497e7..0000000
--- a/src/wwwroot/gfm/servicestack-filters/04.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryGitHubRepos</span> : <span class="pl-en">QueryDatao</span>&lt;<span class="pl-en">GithubRepo</span>&gt;
-{
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">UserName</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">GetGithubRepos</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt;<span class="pl-k">&gt;</span>
-{
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">UserName</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AutoDataQueryServices</span> : <span class="pl-en">Service</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">GetGithubRepos</span> <span class="pl-smi">request</span>)
-    {
-        <span class="pl-k">var</span> <span class="pl-en">map </span>= <span class="pl-k">new</span> <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">int</span>, GithubRepo&gt;();
-        GetUserRepos(request.UserName).Each(x =&gt; map[x.Id] = x);
-        GetOrgRepos(request.UserName).Each(x =&gt; map[x.Id] = x);
-        GetUserOrgs(request.UserName).Each(org =&gt;
-            GetOrgRepos(org.Login)
-                .Each(repo =&gt; map[repo.Id] = repo));
-
-        <span class="pl-k">return</span> map.Values.ToList();
-    }
-
-    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubOrg</span>&gt; <span class="pl-en">GetUserOrgs</span>(<span class="pl-k">string</span> <span class="pl-smi">githubUsername</span>) =&gt; 
-        GetJson&lt;List&lt;GithubOrg&gt;&gt;(<span class="pl-pds">$"</span><span class="pl-s">users/</span>{githubUsername}<span class="pl-s">/orgs</span><span class="pl-pds">"</span>);
-    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt; <span class="pl-en">GetUserRepos</span>(<span class="pl-k">string</span> <span class="pl-smi">githubUsername</span>) =&gt; 
-        GetJson&lt;List&lt;GithubRepo&gt;&gt;(<span class="pl-pds">$"</span><span class="pl-s">users/</span>{githubUsername}<span class="pl-s">/repos</span><span class="pl-pds">"</span>);
-    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt; <span class="pl-en">GetOrgRepos</span>(<span class="pl-k">string</span> <span class="pl-smi">githubOrgName</span>) =&gt; 
-        GetJson&lt;List&lt;GithubRepo&gt;&gt;(<span class="pl-pds">$"</span><span class="pl-s">orgs/</span>{githubOrgName}<span class="pl-s">/repos</span><span class="pl-pds">"</span>);
-
-    <span class="pl-k">public</span> <span class="pl-en">T</span> <span class="pl-en">GetJson</span>&lt;<span class="pl-en">T</span>&gt;(<span class="pl-k">string</span> <span class="pl-smi">route</span>) 
-    {
-        <span class="pl-k">try</span> {
-            <span class="pl-k">return</span> <span class="pl-s"><span class="pl-pds">"</span>https://api.github.com<span class="pl-pds">"</span></span>.CombineWith(route)
-                .GetJsonFromUrl(requestFilter: req =&gt; req.UserAgent = <span class="pl-k">nameof</span>(<span class="pl-en">AutoDataQueryServices</span>))
-                .FromJson&lt;T&gt;();
-        } <span class="pl-k">catch</span>(<span class="pl-en">Exception</span>) { <span class="pl-k">return</span> <span class="pl-k">default</span>(<span class="pl-en">T</span>); }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/04.md b/src/wwwroot/gfm/servicestack-filters/04.md
deleted file mode 100644
index 24bd495..0000000
--- a/src/wwwroot/gfm/servicestack-filters/04.md
+++ /dev/null
@@ -1,42 +0,0 @@
-```csharp
-public class QueryGitHubRepos : QueryDatao<GithubRepo>
-{
-    public string UserName { get; set; }
-}
-
-public class GetGithubRepos : IReturn<List<GithubRepo>>
-{
-    public string UserName { get; set; }
-}
-
-public class AutoDataQueryServices : Service
-{
-    public object Any(GetGithubRepos request)
-    {
-        var map = new Dictionary<int, GithubRepo>();
-        GetUserRepos(request.UserName).Each(x => map[x.Id] = x);
-        GetOrgRepos(request.UserName).Each(x => map[x.Id] = x);
-        GetUserOrgs(request.UserName).Each(org =>
-            GetOrgRepos(org.Login)
-                .Each(repo => map[repo.Id] = repo));
-
-        return map.Values.ToList();
-    }
-
-    public List<GithubOrg> GetUserOrgs(string githubUsername) => 
-        GetJson<List<GithubOrg>>($"users/{githubUsername}/orgs");
-    public List<GithubRepo> GetUserRepos(string githubUsername) => 
-        GetJson<List<GithubRepo>>($"users/{githubUsername}/repos");
-    public List<GithubRepo> GetOrgRepos(string githubOrgName) => 
-        GetJson<List<GithubRepo>>($"orgs/{githubOrgName}/repos");
-
-    public T GetJson<T>(string route) 
-    {
-        try {
-            return "https://api.github.com".CombineWith(route)
-                .GetJsonFromUrl(requestFilter: req => req.UserAgent = nameof(AutoDataQueryServices))
-                .FromJson<T>();
-        } catch(Exception) { return default(T); }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/05.html b/src/wwwroot/gfm/servicestack-filters/05.html
deleted file mode 100644
index 4d55da7..0000000
--- a/src/wwwroot/gfm/servicestack-filters/05.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">container.AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() =&gt; 
-    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(connectionString, SqlServer2012Dialect.Provider));</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/05.md b/src/wwwroot/gfm/servicestack-filters/05.md
deleted file mode 100644
index 52e1de6..0000000
--- a/src/wwwroot/gfm/servicestack-filters/05.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-container.AddSingleton<IDbConnectionFactory>(() => 
-    new OrmLiteConnectionFactory(connectionString, SqlServer2012Dialect.Provider));
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/06.html b/src/wwwroot/gfm/servicestack-filters/06.html
deleted file mode 100644
index 635d4cf..0000000
--- a/src/wwwroot/gfm/servicestack-filters/06.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new AutoQueryFeature { MaxLimit = <span class="pl-c1">100</span> });</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/06.md b/src/wwwroot/gfm/servicestack-filters/06.md
deleted file mode 100644
index 56bdd7b..0000000
--- a/src/wwwroot/gfm/servicestack-filters/06.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-Plugins.Add(new AutoQueryFeature { MaxLimit = 100 });
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/07.html b/src/wwwroot/gfm/servicestack-filters/07.html
deleted file mode 100644
index dfb5d54..0000000
--- a/src/wwwroot/gfm/servicestack-filters/07.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new TemplatePagesFeature {
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">TemplateAutoQueryFilters</span>() },
-});</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/07.md b/src/wwwroot/gfm/servicestack-filters/07.md
deleted file mode 100644
index 6dab660..0000000
--- a/src/wwwroot/gfm/servicestack-filters/07.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature {
-    TemplateFilters = { new TemplateAutoQueryFilters() },
-});
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/08.html b/src/wwwroot/gfm/servicestack-filters/08.html
deleted file mode 100644
index a7e78fb..0000000
--- a/src/wwwroot/gfm/servicestack-filters/08.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryCustomers</span> : <span class="pl-en">QueryDb</span>&lt;<span class="pl-en">Customer</span>&gt;
-{
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">CustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">string</span> <span class="pl-en">CompanyNameContains</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-    <span class="pl-k">public </span><span class="pl-k">string</span>[] <span class="pl-en">CountryIn</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/servicestack-filters/08.md b/src/wwwroot/gfm/servicestack-filters/08.md
deleted file mode 100644
index 1bd411d..0000000
--- a/src/wwwroot/gfm/servicestack-filters/08.md
+++ /dev/null
@@ -1,8 +0,0 @@
-```csharp
-public class QueryCustomers : QueryDb<Customer>
-{
-    public string CustomerId { get; set; }
-    public string CompanyNameContains { get; set; }
-    public string[] CountryIn { get; set; }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/syntax/01.html b/src/wwwroot/gfm/syntax/01.html
deleted file mode 100644
index 0c067f1..0000000
--- a/src/wwwroot/gfm/syntax/01.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">string </span>upper(<span class="pl-k">string </span>text) =&gt; text?.<span class="pl-en">ToUpper</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/syntax/01.md b/src/wwwroot/gfm/syntax/01.md
deleted file mode 100644
index 053c22b..0000000
--- a/src/wwwroot/gfm/syntax/01.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-public string upper(string text) => text?.ToUpper();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/syntax/02.html b/src/wwwroot/gfm/syntax/02.html
deleted file mode 100644
index 6fb5fe5..0000000
--- a/src/wwwroot/gfm/syntax/02.html
+++ /dev/null
@@ -1,3 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">string </span>substring(<span class="pl-k">string </span>text, <span class="pl-k">int </span>startIndex) =&gt; text.<span class="pl-en">SafeSubstring</span>(startIndex);
-<span class="pl-k">public</span> <span class="pl-k">string </span>padRight(<span class="pl-k">string </span>text, <span class="pl-k">int </span>totalWidth, <span class="pl-k">char </span>padChar) =&gt; text?.<span class="pl-en">PadRight</span>(totalWidth, padChar);</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/syntax/02.md b/src/wwwroot/gfm/syntax/02.md
deleted file mode 100644
index 39fc9e7..0000000
--- a/src/wwwroot/gfm/syntax/02.md
+++ /dev/null
@@ -1,4 +0,0 @@
-```csharp
-public string substring(string text, int startIndex) => text.SafeSubstring(startIndex);
-public string padRight(string text, int totalWidth, char padChar) => text?.PadRight(totalWidth, padChar);
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/01.html b/src/wwwroot/gfm/transformers/01.html
deleted file mode 100644
index e69de29..0000000
diff --git a/src/wwwroot/gfm/transformers/01.md b/src/wwwroot/gfm/transformers/01.md
deleted file mode 100644
index cd45730..0000000
--- a/src/wwwroot/gfm/transformers/01.md
+++ /dev/null
@@ -1,22 +0,0 @@
-```csharp
-public class MarkdownPageFormat : PageFormat
-{
-    private static readonly MarkdownDeep.Markdown markdown = new MarkdownDeep.Markdown();
-
-    public MarkdownPageFormat()
-    {
-        Extension = "md";
-        ContentType = MimeTypes.MarkdownText;
-    }
-
-    public static async Task<Stream> TransformToHtml(Stream markdownStream)
-    {
-        using (var reader = new StreamReader(markdownStream))
-        {
-            var md = await reader.ReadToEndAsync();
-            var html = markdown.Transform(md);
-            return MemoryStreamFactory.GetStream(html.ToUtf8Bytes());
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/02.html b/src/wwwroot/gfm/transformers/02.html
deleted file mode 100644
index f667e95..0000000
--- a/src/wwwroot/gfm/transformers/02.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    PageFormats = { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
-}.<span class="pl-en">Init</span>();
-
-<span class="pl-en">context.VirtualFiles.WriteFile</span>("_layout.md", @"
-The Header
-
-{{ page }}<span class="pl-s"><span class="pl-pds">"</span>);</span>
-<span class="pl-s"></span>
-<span class="pl-s">context.VirtualFiles.WriteFile(<span class="pl-pds">"</span></span><span class="pl-en">page.md</span>",  @"
-## {{ title }}
-
-<span class="pl-en">The</span> Content");</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/02.md b/src/wwwroot/gfm/transformers/02.md
deleted file mode 100644
index 1a042ff..0000000
--- a/src/wwwroot/gfm/transformers/02.md
+++ /dev/null
@@ -1,15 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    PageFormats = { new MarkdownPageFormat() }
-}.Init();
-
-context.VirtualFiles.WriteFile("_layout.md", @"
-The Header
-
-{{ page }}");
-
-context.VirtualFiles.WriteFile("page.md",  @"
-## {{ title }}
-
-The Content");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/03.html b/src/wwwroot/gfm/transformers/03.html
deleted file mode 100644
index b88a49c..0000000
--- a/src/wwwroot/gfm/transformers/03.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">result </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.GetPage</span>("page")) 
-{
-    Args = { {<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>The Title<span class="pl-pds">"</span></span>} },
-    ContentType = MimeTypes.Html,
-    OutputTransformers = { MarkdownPageFormat.TransformToHtml },
-};
-
-<span class="pl-k">var</span> <span class="pl-en">html </span>= <span class="pl-k">await</span> <span class="pl-en">result.RenderToStringAsync</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/03.md b/src/wwwroot/gfm/transformers/03.md
deleted file mode 100644
index c3f880b..0000000
--- a/src/wwwroot/gfm/transformers/03.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-var result = new PageResult(context.GetPage("page")) 
-{
-    Args = { {"title", "The Title"} },
-    ContentType = MimeTypes.Html,
-    OutputTransformers = { MarkdownPageFormat.TransformToHtml },
-};
-
-var html = await result.RenderToStringAsync();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/04.html b/src/wwwroot/gfm/transformers/04.html
deleted file mode 100644
index 9450ef9..0000000
--- a/src/wwwroot/gfm/transformers/04.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
-    PageFormats = { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
-}.<span class="pl-en">Init</span>();
-
-<span class="pl-en">context.VirtualFiles.WriteFile</span>("_layout.html", @"
-&lt;html&gt;
-  &lt;title&gt;{{ title }}&lt;/title&gt;
-&lt;/head&gt;
-&lt;body&gt;
-  {{ page }}
-&lt;/body&gt;");
-
-<span class="pl-en">context.VirtualFiles.WriteFile</span>("page.md",  @"
-## Transformers
-
-The Content");</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/04.md b/src/wwwroot/gfm/transformers/04.md
deleted file mode 100644
index ee5a4d4..0000000
--- a/src/wwwroot/gfm/transformers/04.md
+++ /dev/null
@@ -1,18 +0,0 @@
-```csharp
-var context = new TemplateContext {
-    PageFormats = { new MarkdownPageFormat() }
-}.Init();
-
-context.VirtualFiles.WriteFile("_layout.html", @"
-<html>
-  <title>{{ title }}</title>
-</head>
-<body>
-  {{ page }}
-</body>");
-
-context.VirtualFiles.WriteFile("page.md",  @"
-## Transformers
-
-The Content");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/05.html b/src/wwwroot/gfm/transformers/05.html
deleted file mode 100644
index fa2c577..0000000
--- a/src/wwwroot/gfm/transformers/05.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">result </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.GetPage</span>("page")) 
-{
-    Args = { {<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>The Title<span class="pl-pds">"</span></span>} },
-    ContentType = MimeTypes.Html,
-    PageTransformers = { MarkdownPageFormat.TransformToHtml },
-};
-
-<span class="pl-k">var</span> <span class="pl-en">html </span>= <span class="pl-k">await</span> <span class="pl-en">result.RenderToStringAsync</span>();</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/05.md b/src/wwwroot/gfm/transformers/05.md
deleted file mode 100644
index bc9920a..0000000
--- a/src/wwwroot/gfm/transformers/05.md
+++ /dev/null
@@ -1,10 +0,0 @@
-```csharp
-var result = new PageResult(context.GetPage("page")) 
-{
-    Args = { {"title", "The Title"} },
-    ContentType = MimeTypes.Html,
-    PageTransformers = { MarkdownPageFormat.TransformToHtml },
-};
-
-var html = await result.RenderToStringAsync();
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/06.html b/src/wwwroot/gfm/transformers/06.html
deleted file mode 100644
index dd71de1..0000000
--- a/src/wwwroot/gfm/transformers/06.html
+++ /dev/null
@@ -1,18 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">context </span>= <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>
-{
-    TemplateFilters = { <span class="pl-k">new</span> <span class="pl-en">TemplateProtectedFilters</span>() },
-    FilterTransformers =
-    {
-        [<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] = MarkdownPageFormat.TransformToHtml
-    }
-}.<span class="pl-en">Init</span>();
-
-<span class="pl-en">context.VirtualFiles.WriteFile</span>("doc.md", "## The Heading
-
-The Content");
-
-<span class="pl-en">context.VirtualFiles.WriteFile</span>("page.html", "
-&lt;div id="content"&gt;
-    {{ <span class="pl-s"><span class="pl-pds">'</span>doc.md<span class="pl-pds">'</span></span> | includeFile | markdown }}
-&lt;/div&gt;");</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/06.md b/src/wwwroot/gfm/transformers/06.md
deleted file mode 100644
index 99edde5..0000000
--- a/src/wwwroot/gfm/transformers/06.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```csharp
-var context = new TemplateContext
-{
-    TemplateFilters = { new TemplateProtectedFilters() },
-    FilterTransformers =
-    {
-        ["markdown"] = MarkdownPageFormat.TransformToHtml
-    }
-}.Init();
-
-context.VirtualFiles.WriteFile("doc.md", "## The Heading
-
-The Content");
-
-context.VirtualFiles.WriteFile("page.html", "
-<div id="content">
-    {{ 'doc.md' | includeFile | markdown }}
-</div>");
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/07.html b/src/wwwroot/gfm/transformers/07.html
deleted file mode 100644
index 452aaed..0000000
--- a/src/wwwroot/gfm/transformers/07.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-en">html </span>= <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-en">context.GetPage</span>("page")).Result;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/transformers/07.md b/src/wwwroot/gfm/transformers/07.md
deleted file mode 100644
index 40565c5..0000000
--- a/src/wwwroot/gfm/transformers/07.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-var html = new PageResult(context.GetPage("page")).Result;
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/01.html b/src/wwwroot/gfm/view-engine/01.html
deleted file mode 100644
index 30e2f97..0000000
--- a/src/wwwroot/gfm/view-engine/01.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
-{
-    <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span>());
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/01.md b/src/wwwroot/gfm/view-engine/01.md
deleted file mode 100644
index 4d5848a..0000000
--- a/src/wwwroot/gfm/view-engine/01.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```csharp
-public void Configure(Container container)
-{
-    Plugins.Add(new TemplatePagesFeature());
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/02.html b/src/wwwroot/gfm/view-engine/02.html
deleted file mode 100644
index 7ef77c5..0000000
--- a/src/wwwroot/gfm/view-engine/02.html
+++ /dev/null
@@ -1,2 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new TemplatePagesFeature { HtmlExtension = <span class="pl-s"><span class="pl-pds">"</span>htm<span class="pl-pds">"</span></span> });</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/02.md b/src/wwwroot/gfm/view-engine/02.md
deleted file mode 100644
index 15597bb..0000000
--- a/src/wwwroot/gfm/view-engine/02.md
+++ /dev/null
@@ -1,3 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature { HtmlExtension = "htm" });
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/03.html b/src/wwwroot/gfm/view-engine/03.html
deleted file mode 100644
index 3c7e491..0000000
--- a/src/wwwroot/gfm/view-engine/03.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">layout: mobile-layout</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span></pre></div>
-</div>
diff --git a/src/wwwroot/gfm/view-engine/03.md b/src/wwwroot/gfm/view-engine/03.md
deleted file mode 100644
index a86ebf8..0000000
--- a/src/wwwroot/gfm/view-engine/03.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```html
-<!--
-layout: mobile-layout
--->
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/04.html b/src/wwwroot/gfm/view-engine/04.html
deleted file mode 100644
index d3b39ad..0000000
--- a/src/wwwroot/gfm/view-engine/04.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">layout: templates/mobile-layout</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span></pre></div>
-</div>
diff --git a/src/wwwroot/gfm/view-engine/04.md b/src/wwwroot/gfm/view-engine/04.md
deleted file mode 100644
index 9c94528..0000000
--- a/src/wwwroot/gfm/view-engine/04.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```html
-<!--
-layout: templates/mobile-layout
--->
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/05.html b/src/wwwroot/gfm/view-engine/05.html
deleted file mode 100644
index 32a8909..0000000
--- a/src/wwwroot/gfm/view-engine/05.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">nav</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>sidebar<span class="pl-pds">"</span></span>&gt;
-&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>inner<span class="pl-pds">"</span></span>&gt;
-
-&lt;<span class="pl-ent">ul</span>&gt;
-    &lt;<span class="pl-ent">li</span>&gt;
-        &lt;<span class="pl-ent">h5</span>&gt;docs&lt;/<span class="pl-ent">h5</span>&gt;
-        &lt;<span class="pl-ent">ul</span>&gt;
-            {{#each docLinks}}
-            &lt;<span class="pl-ent">li</span> {{ {<span class="pl-e">active:</span> <span class="pl-e">matchesPathInfo</span>(<span class="pl-e">Key</span>)} | <span class="pl-e">htmlClass</span> }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
-            {{/each}}
-        &lt;/<span class="pl-ent">ul</span>&gt;
-    &lt;/<span class="pl-ent">li</span>&gt;
-
-    &lt;<span class="pl-ent">li</span>&gt;
-        &lt;<span class="pl-ent">h5</span>&gt;use cases&lt;/<span class="pl-ent">h5</span>&gt;
-        &lt;<span class="pl-ent">ul</span>&gt;
-            {{#each useCaseLinks}}
-            &lt;<span class="pl-ent">li</span> {{ {<span class="pl-e">active:</span> <span class="pl-e">matchesPathInfo</span>(<span class="pl-e">Key</span>)} | <span class="pl-e">htmlClass</span> }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
-            {{/each}}
-        &lt;/<span class="pl-ent">ul</span>&gt;
-    &lt;/<span class="pl-ent">li</span>&gt;
-
-    &lt;<span class="pl-ent">li</span>&gt;
-        &lt;<span class="pl-ent">h5</span>&gt;linq examples&lt;/<span class="pl-ent">h5</span>&gt;
-        &lt;<span class="pl-ent">ul</span>&gt;
-            {{#each linqLinks}}
-            &lt;<span class="pl-ent">li</span> {{ {<span class="pl-e">active:</span> <span class="pl-e">matchesPathInfo</span>(<span class="pl-e">Key</span>)} | <span class="pl-e">htmlClass</span> }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
-            {{/each}}
-        &lt;/<span class="pl-ent">ul</span>&gt;
-    &lt;/<span class="pl-ent">li</span>&gt;
-&lt;/<span class="pl-ent">ul</span>&gt;
-
-&lt;/<span class="pl-ent">div</span>&gt;
-&lt;/<span class="pl-ent">nav</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/05.md b/src/wwwroot/gfm/view-engine/05.md
deleted file mode 100644
index ddda834..0000000
--- a/src/wwwroot/gfm/view-engine/05.md
+++ /dev/null
@@ -1,36 +0,0 @@
-```html
-<nav id="sidebar">
-<div class="inner">
-
-<ul>
-    <li>
-        <h5>docs</h5>
-        <ul>
-            {{#each docLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-
-    <li>
-        <h5>use cases</h5>
-        <ul>
-            {{#each useCaseLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-
-    <li>
-        <h5>linq examples</h5>
-        <ul>
-            {{#each linqLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-</ul>
-
-</div>
-</nav>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/06.html b/src/wwwroot/gfm/view-engine/06.html
deleted file mode 100644
index 70454cc..0000000
--- a/src/wwwroot/gfm/view-engine/06.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">ignore: page</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span>
-
-Nothing in this page will be evaluated but will still be rendered inside the closest Layout.</pre></div>
-</div>
diff --git a/src/wwwroot/gfm/view-engine/06.md b/src/wwwroot/gfm/view-engine/06.md
deleted file mode 100644
index 9ad7093..0000000
--- a/src/wwwroot/gfm/view-engine/06.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```html
-<!--
-ignore: page
--->
-
-Nothing in this page will be evaluated but will still be rendered inside the closest Layout.
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/07.html b/src/wwwroot/gfm/view-engine/07.html
deleted file mode 100644
index c048a1d..0000000
--- a/src/wwwroot/gfm/view-engine/07.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">ignore: template</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span>
-
-This page will not be evaluated nor will it have a Layout.</pre></div>
-</div>
diff --git a/src/wwwroot/gfm/view-engine/07.md b/src/wwwroot/gfm/view-engine/07.md
deleted file mode 100644
index c4db490..0000000
--- a/src/wwwroot/gfm/view-engine/07.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```html
-<!--
-ignore: template
--->
-
-This page will not be evaluated nor will it have a Layout.
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/08.html b/src/wwwroot/gfm/view-engine/08.html
deleted file mode 100644
index 8177528..0000000
--- a/src/wwwroot/gfm/view-engine/08.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
-<span class="pl-c">layout: none</span>
-<span class="pl-c"><span class="pl-c">--&gt;</span></span>
-
-This page will be evaluated but rendered without a layout.</pre></div>
-</div>
diff --git a/src/wwwroot/gfm/view-engine/08.md b/src/wwwroot/gfm/view-engine/08.md
deleted file mode 100644
index fd51f26..0000000
--- a/src/wwwroot/gfm/view-engine/08.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```html
-<!--
-layout: none
--->
-
-This page will be evaluated but rendered without a layout.
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/09.html b/src/wwwroot/gfm/view-engine/09.html
deleted file mode 100644
index 7b04116..0000000
--- a/src/wwwroot/gfm/view-engine/09.html
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object </span>Any(MyRequest request)
-{
-    ...
-    <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">HttpResult</span>(<span class="pl-en">response</span>)
-    {
-        View = <span class="pl-s"><span class="pl-pds">"</span>CustomPage<span class="pl-pds">"</span></span>,
-        Template = <span class="pl-s"><span class="pl-pds">"</span>_custom-layout<span class="pl-pds">"</span></span>,
-    };
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/09.md b/src/wwwroot/gfm/view-engine/09.md
deleted file mode 100644
index 296a56f..0000000
--- a/src/wwwroot/gfm/view-engine/09.md
+++ /dev/null
@@ -1,11 +0,0 @@
-```csharp
-public object Any(MyRequest request)
-{
-    ...
-    return new HttpResult(response)
-    {
-        View = "CustomPage",
-        Template = "_custom-layout",
-    };
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/10.html b/src/wwwroot/gfm/view-engine/10.html
deleted file mode 100644
index 463d190..0000000
--- a/src/wwwroot/gfm/view-engine/10.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span>  `<span class="pl-e"><span class="pl-v">CREATE</span></span> <span class="pl-e"><span class="pl-v">TABLE</span></span> <span class="pl-e"><span class="pl-v">IF</span></span> <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">EXISTS</span></span> <span class="pl-s"><span class="pl-pds">"</span>UserInfo<span class="pl-pds">"</span></span> 
-    (
-        <span class="pl-s"><span class="pl-pds">"</span>UserName<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">PRIMARY</span></span> <span class="pl-e"><span class="pl-v">KEY</span></span>, 
-        <span class="pl-s"><span class="pl-pds">"</span>DisplayName<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
-        <span class="pl-s"><span class="pl-pds">"</span>AvatarUrl<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
-        <span class="pl-s"><span class="pl-pds">"</span>AvatarUrlLarge<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
-        <span class="pl-s"><span class="pl-pds">"</span>Created<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">NULL</span></span>,
-        <span class="pl-s"><span class="pl-pds">"</span>Modified<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">NULL</span></span>
-    );`    
-    | <span class="pl-e"><span class="pl-v">dbExec</span></span>
-<span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">dbScalar</span>(`<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">COUNT</span></span>(*) <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span>`) | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">postsCount</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">postsCount</span> == <span class="pl-e"><span class="pl-v">0</span></span> <span class="pl-c1">}}</span>
-
-    ========================================
-    Seed with initial UserInfo and Post data
-    ========================================
-
-    ...
-
-<span class="pl-c1">{{</span><span class="pl-c1">/if</span>}
-
-{{ htmlError <span class="pl-c1">}}</span></pre></div>
-<p>The output of the <code>_init</code> page is captured in the <code>initout</code> argument which can be later inspected as a normal template argument as seen in
-<a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/log.html">log.html</a>:</p>
-<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">div</span>&gt;
-    Output from init.html:
-
-    &lt;<span class="pl-ent">pre</span>&gt;{{initout | raw}}&lt;/<span class="pl-ent">pre</span>&gt;
-&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
-<p>If there was an Exception with any of the SQL Statements it will be displayed in the <code>{{ htmlError }}</code> filter which can be
-later viewed in the <a href="http://blog.web-app.io/log" rel="nofollow">/log</a> page above.</p>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/10.md b/src/wwwroot/gfm/view-engine/10.md
deleted file mode 100644
index bf36cee..0000000
--- a/src/wwwroot/gfm/view-engine/10.md
+++ /dev/null
@@ -1,41 +0,0 @@
-```hbs
-{{  `CREATE TABLE IF NOT EXISTS "UserInfo" 
-    (
-        "UserName" VARCHAR(8000) PRIMARY KEY, 
-        "DisplayName" VARCHAR(8000) NULL, 
-        "AvatarUrl" VARCHAR(8000) NULL, 
-        "AvatarUrlLarge" VARCHAR(8000) NULL, 
-        "Created" VARCHAR(8000) NOT NULL,
-        "Modified" VARCHAR(8000) NOT NULL
-    );`    
-    | dbExec
-}}
-
-{{ dbScalar(`SELECT COUNT(*) FROM Post`) | assignTo: postsCount }}
-
-{{#if postsCount == 0 }}
-
-    ========================================
-    Seed with initial UserInfo and Post data
-    ========================================
-
-    ...
-
-{{/if}
-
-{{ htmlError }}
-```
-
-The output of the `_init` page is captured in the `initout` argument which can be later inspected as a normal template argument as seen in 
-[log.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/log.html):
-
-```html
-<div>
-    Output from init.html:
-
-    <pre>{{initout | raw}}</pre>
-</div>
-```
-
-If there was an Exception with any of the SQL Statements it will be displayed in the `{{ htmlError }}` filter which can be 
-later viewed in the [/log](http://blog.web-app.io/log) page above.
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/11.html b/src/wwwroot/gfm/view-engine/11.html
deleted file mode 100644
index ee7d0de..0000000
--- a/src/wwwroot/gfm/view-engine/11.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> {
-    <span class="pl-smi">TemplatesAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnyUser</span>, <span class="pl-c"><span class="pl-c">//</span> Allow any Authenticated User to call /templates/admin</span>
-    <span class="pl-c"><span class="pl-c">//</span>TemplatesAdminRole = RoleNames.AllowAnon,  // Allow anyone</span>
-    <span class="pl-c"><span class="pl-c">//</span>TemplatesAdminRole = null,                 // Do not register /templates/admin service</span>
-});</pre></div>
-<p>This also the preferred way to enable the <a href="https://docs.servicestack.net/debugging#metadata-debug-template" rel="nofollow">Metadata Debug Template</a>
-in production, which is only available in <code>DebugMode</code> and <strong>Admin</strong> Role by default:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span> {
-    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">Admin</span>,          <span class="pl-c"><span class="pl-c">//</span> Only allow Admin users to call /metadata/debug</span>
-    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = RoleNames.AllowAnyUser, // Allow Authenticated Users</span>
-    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = RoleNames.AllowAnon,    // Allow anyone</span>
-    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = null,                   // Default. Do not register /metadata/debug service</span>
-});</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/view-engine/11.md b/src/wwwroot/gfm/view-engine/11.md
deleted file mode 100644
index 53b5d33..0000000
--- a/src/wwwroot/gfm/view-engine/11.md
+++ /dev/null
@@ -1,19 +0,0 @@
-```csharp
-Plugins.Add(new TemplatePagesFeature {
-    TemplatesAdminRole = RoleNames.AllowAnyUser, // Allow any Authenticated User to call /templates/admin
-    //TemplatesAdminRole = RoleNames.AllowAnon,  // Allow anyone
-    //TemplatesAdminRole = null,                 // Do not register /templates/admin service
-});
-```
-
-This also the preferred way to enable the [Metadata Debug Template](https://docs.servicestack.net/debugging#metadata-debug-template) 
-in production, which is only available in `DebugMode` and **Admin** Role by default:
-
-```csharp
-Plugins.Add(new TemplatePagesFeature {
-    MetadataDebugAdminRole = RoleNames.Admin,          // Only allow Admin users to call /metadata/debug
-    //MetadataDebugAdminRole = RoleNames.AllowAnyUser, // Allow Authenticated Users
-    //MetadataDebugAdminRole = RoleNames.AllowAnon,    // Allow anyone
-    //MetadataDebugAdminRole = null,                   // Default. Do not register /metadata/debug service
-});
-```
diff --git a/src/wwwroot/gfm/web-apps/01.html b/src/wwwroot/gfm/web-apps/01.html
deleted file mode 100644
index 85e2b93..0000000
--- a/src/wwwroot/gfm/web-apps/01.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-js"><pre>{{#<span class="pl-k">if</span> id}}
-    {{ <span class="pl-s"><span class="pl-pds">`</span>select o.Id, </span>
-<span class="pl-s">            <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-en">sqlConcat</span>([<span class="pl-s"><span class="pl-pds">"</span>e.FirstName<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>' '<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>e.LastName<span class="pl-pds">"</span></span>])<span class="pl-pse">}</span></span> Employee, </span>
-<span class="pl-s">            OrderDate, ShipCountry, ShippedDate, </span>
-<span class="pl-s">            <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-en">sqlCurrency</span>(<span class="pl-s"><span class="pl-pds">"</span>sum((d.Unitprice * d.Quantity) - d.discount)<span class="pl-pds">"</span></span>)<span class="pl-pse">}</span></span> Total </span>
-<span class="pl-s">        from <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-en">sqlQuote</span>(<span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span>)<span class="pl-pse">}</span></span> o</span>
-<span class="pl-s">            inner join</span>
-<span class="pl-s">            OrderDetail d on o.Id = d.OrderId</span>
-<span class="pl-s">            inner join </span>
-<span class="pl-s">            Employee e on o.EmployeeId = e.Id</span>
-<span class="pl-s">        where CustomerId = @id</span>
-<span class="pl-s">        group by o.Id, EmployeeId, FirstName, LastName, OrderDate, ShipCountry, ShippedDate<span class="pl-pds">`</span></span>
-        <span class="pl-k">|</span> <span class="pl-en">dbSelect</span>({ id }) 
-        <span class="pl-k">|</span> assignTo<span class="pl-k">:</span> orders }}
-{{<span class="pl-k">/</span><span class="pl-k">if</span>}}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/01.md b/src/wwwroot/gfm/web-apps/01.md
deleted file mode 100644
index 4f9d124..0000000
--- a/src/wwwroot/gfm/web-apps/01.md
+++ /dev/null
@@ -1,17 +0,0 @@
-```js
-{{#if id}}
-    {{ `select o.Id, 
-            ${sqlConcat(["e.FirstName", "' '", "e.LastName"])} Employee, 
-            OrderDate, ShipCountry, ShippedDate, 
-            ${sqlCurrency("sum((d.Unitprice * d.Quantity) - d.discount)")} Total 
-        from ${sqlQuote("Order")} o
-            inner join
-            OrderDetail d on o.Id = d.OrderId
-            inner join 
-            Employee e on o.EmployeeId = e.Id
-        where CustomerId = @id
-        group by o.Id, EmployeeId, FirstName, LastName, OrderDate, ShipCountry, ShippedDate`
-        | dbSelect({ id }) 
-        | assignTo: orders }}
-{{/if}}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/02.html b/src/wwwroot/gfm/web-apps/02.html
deleted file mode 100644
index 2983429..0000000
--- a/src/wwwroot/gfm/web-apps/02.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{ 'assets/css/bootstrap.css' | resolveAsset }}<span class="pl-pds">"</span></span> /&gt;
-
-&lt;<span class="pl-ent">img</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>{{ 'splash.jpg' | resolveAsset }}<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>splash<span class="pl-pds">"</span></span> <span class="pl-e">alt</span>=<span class="pl-s"><span class="pl-pds">"</span>Dave Grohl<span class="pl-pds">"</span></span> /&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/02.md b/src/wwwroot/gfm/web-apps/02.md
deleted file mode 100644
index fea25c1..0000000
--- a/src/wwwroot/gfm/web-apps/02.md
+++ /dev/null
@@ -1,5 +0,0 @@
-```html
-<link rel="stylesheet" href="{{ 'assets/css/bootstrap.css' | resolveAsset }}" />
-
-<img src="{{ 'splash.jpg' | resolveAsset }}" id="splash" alt="Dave Grohl" />
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/03.html b/src/wwwroot/gfm/web-apps/03.html
deleted file mode 100644
index f08d0ac..0000000
--- a/src/wwwroot/gfm/web-apps/03.html
+++ /dev/null
@@ -1,13 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-dockerfile"><pre><span class="pl-k">FROM</span> microsoft/dotnet:2.1-sdk AS build-env
-<span class="pl-k">COPY</span> app /app
-<span class="pl-k">WORKDIR</span> /app
-<span class="pl-k">RUN</span> dotnet tool install -g web
-
-<span class="pl-c"><span class="pl-c">#</span> Build runtime image</span>
-<span class="pl-k">FROM</span> microsoft/dotnet:2.1-aspnetcore-runtime
-<span class="pl-k">WORKDIR</span> /app
-<span class="pl-k">COPY</span> --from=build-env /app app
-<span class="pl-k">COPY</span> --from=build-env /root/.dotnet/tools tools
-<span class="pl-k">ENV</span> ASPNETCORE_URLS http://*:5000
-<span class="pl-k">ENTRYPOINT</span> [<span class="pl-s">"/app/tools/web"</span>, <span class="pl-s">"app/app.settings"</span>]</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/03.md b/src/wwwroot/gfm/web-apps/03.md
deleted file mode 100644
index 487c77e..0000000
--- a/src/wwwroot/gfm/web-apps/03.md
+++ /dev/null
@@ -1,14 +0,0 @@
-```dockerfile
-FROM microsoft/dotnet:2.1-sdk AS build-env
-COPY app /app
-WORKDIR /app
-RUN dotnet tool install -g web
-
-# Build runtime image
-FROM microsoft/dotnet:2.1-aspnetcore-runtime
-WORKDIR /app
-COPY --from=build-env /app app
-COPY --from=build-env /root/.dotnet/tools tools
-ENV ASPNETCORE_URLS http://*:5000
-ENTRYPOINT ["/app/tools/web", "app/app.settings"]
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/04.html b/src/wwwroot/gfm/web-apps/04.html
deleted file mode 100644
index 8b6d584..0000000
--- a/src/wwwroot/gfm/web-apps/04.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Plugins.Add</span>(new CustomPlugin { ShowProcessLinks = <span class="pl-c1">true</span> });
-<span class="pl-en">Plugins.Add</span>(new <span class="pl-en">OpenApiFeature</span>());
-<span class="pl-en">Plugins.Add</span>(new <span class="pl-en">PostmanFeature</span>());
-<span class="pl-en">Plugins.Add</span>(new <span class="pl-en">CorsFeature</span>());
-<span class="pl-en">Plugins.Add</span>(new ValidationFeature { ScanAppHostAssemblies = <span class="pl-c1">true</span> });</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/04.md b/src/wwwroot/gfm/web-apps/04.md
deleted file mode 100644
index c2f318a..0000000
--- a/src/wwwroot/gfm/web-apps/04.md
+++ /dev/null
@@ -1,7 +0,0 @@
-```csharp
-Plugins.Add(new CustomPlugin { ShowProcessLinks = true });
-Plugins.Add(new OpenApiFeature());
-Plugins.Add(new PostmanFeature());
-Plugins.Add(new CorsFeature());
-Plugins.Add(new ValidationFeature { ScanAppHostAssemblies = true });
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/05.html b/src/wwwroot/gfm/web-apps/05.html
deleted file mode 100644
index cc24d7b..0000000
--- a/src/wwwroot/gfm/web-apps/05.html
+++ /dev/null
@@ -1,25 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomPlugin</span> : <span class="pl-en">IPlugin</span>
-{
-    <span class="pl-k">public </span><span class="pl-k">bool</span> <span class="pl-en">ShowDrivesLinks</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } = <span class="pl-c1">true</span>;
-    
-    <span class="pl-k">public </span><span class="pl-k">bool</span> <span class="pl-en">ShowProcessLinks</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">IAppHost</span> <span class="pl-smi">appHost</span>)
-    {
-        <span class="pl-k">if</span> (<span class="pl-en">ShowDrivesLinks</span>)
-        {
-            <span class="pl-k">var</span> <span class="pl-en">diskFormat </span>= Env.IsWindows ? <span class="pl-s"><span class="pl-pds">"</span>NTFS<span class="pl-pds">"</span></span> : <span class="pl-s"><span class="pl-pds">"</span>ext2<span class="pl-pds">"</span></span>;
-            appHost.GetPlugin&lt;MetadataFeature&gt;()
-                .AddPluginLink(<span class="pl-s"><span class="pl-pds">"</span>/drives<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>All Disks<span class="pl-pds">"</span></span>)
-                .AddPluginLink(<span class="pl-pds">$"</span><span class="pl-s">/drives?DriveFormatIn=</span>{diskFormat}<span class="pl-pds">"</span>, <span class="pl-pds">$"</span>{diskFormat}<span class="pl-s"> Disks</span><span class="pl-pds">"</span>);
-        }
-
-        <span class="pl-k">if</span> (<span class="pl-en">ShowProcessLinks</span>)
-        {
-            appHost.GetPlugin&lt;MetadataFeature&gt;()
-                .AddPluginLink(<span class="pl-s"><span class="pl-pds">"</span>/processes<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>All Processes<span class="pl-pds">"</span></span>)
-                .AddPluginLink(<span class="pl-s"><span class="pl-pds">"</span>/process/current<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Current Process<span class="pl-pds">"</span></span>);
-        }
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/05.md b/src/wwwroot/gfm/web-apps/05.md
deleted file mode 100644
index 53e2b0a..0000000
--- a/src/wwwroot/gfm/web-apps/05.md
+++ /dev/null
@@ -1,26 +0,0 @@
-```csharp
-public class CustomPlugin : IPlugin
-{
-    public bool ShowDrivesLinks { get; set; } = true;
-    
-    public bool ShowProcessLinks { get; set; }
-
-    public void Register(IAppHost appHost)
-    {
-        if (ShowDrivesLinks)
-        {
-            var diskFormat = Env.IsWindows ? "NTFS" : "ext2";
-            appHost.GetPlugin<MetadataFeature>()
-                .AddPluginLink("/drives", "All Disks")
-                .AddPluginLink($"/drives?DriveFormatIn={diskFormat}", $"{diskFormat} Disks");
-        }
-
-        if (ShowProcessLinks)
-        {
-            appHost.GetPlugin<MetadataFeature>()
-                .AddPluginLink("/processes", "All Processes")
-                .AddPluginLink("/process/current", "Current Process");
-        }
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/06.html b/src/wwwroot/gfm/web-apps/06.html
deleted file mode 100644
index 003a8b5..0000000
--- a/src/wwwroot/gfm/web-apps/06.html
+++ /dev/null
@@ -1,47 +0,0 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>, <span class="pl-en">IHostingEnvironment</span> <span class="pl-smi">env</span>, <span class="pl-en">ILoggerFactory</span> <span class="pl-smi">loggerFactory</span>)
-    {
-        <span class="pl-smi">loggerFactory</span>.<span class="pl-en">AddConsole</span>();
-        <span class="pl-k">var</span> <span class="pl-smi">appSettings</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TextFileSettings</span>(<span class="pl-s"><span class="pl-pds">"</span>~/../../apps/chat/app.settings<span class="pl-pds">"</span></span>.<span class="pl-en">MapProjectPath</span>());
-        <span class="pl-smi">app</span>.<span class="pl-en">UseServiceStack</span>(<span class="pl-k">new</span> <span class="pl-en">AppHost</span>(<span class="pl-smi">appSettings</span>));
-    }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
-{
-    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-k">base</span>(<span class="pl-s"><span class="pl-pds">"</span>Chat Web App<span class="pl-pds">"</span></span>, <span class="pl-k">typeof</span>(<span class="pl-en">ServerEventsServices</span>).<span class="pl-en">GetAssembly</span>()) {}
-    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>(<span class="pl-en">IAppSettings</span> <span class="pl-smi">appSettings</span>) : <span class="pl-k">this</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">AppSettings</span> <span class="pl-k">=</span> <span class="pl-smi">appSettings</span>;
-
-    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
-    {
-        <span class="pl-smi">Plugins</span>.<span class="pl-en">AddIfNotExists</span>(<span class="pl-k">new</span> <span class="pl-en">TemplatePagesFeature</span>()); <span class="pl-c"><span class="pl-c">//</span>Already added if it's running as a Web App</span>
-        
-        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">ServerEventsFeature</span>());
-
-        <span class="pl-en">SetConfig</span>(<span class="pl-k">new</span> <span class="pl-en">HostConfig</span>
-        {
-            <span class="pl-smi">DefaultContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">Json</span>,
-            <span class="pl-smi">AllowSessionIdsInHttpParams</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
-        });
-
-        <span class="pl-k">this</span>.<span class="pl-smi">CustomErrorHttpHandlers</span>.<span class="pl-en">Remove</span>(<span class="pl-smi">HttpStatusCode</span>.<span class="pl-smi">Forbidden</span>);
-
-        <span class="pl-c"><span class="pl-c">//</span>Register all Authentication methods you want to enable for this web app.            </span>
-        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">AuthFeature</span>(
-            () <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">AuthUserSession</span>(),
-            <span class="pl-k">new</span> <span class="pl-en">IAuthProvider</span>[] {
-                <span class="pl-k">new</span> <span class="pl-en">TwitterAuthProvider</span>(<span class="pl-smi">AppSettings</span>),   <span class="pl-c"><span class="pl-c">//</span>Sign-in with Twitter</span>
-                <span class="pl-k">new</span> <span class="pl-en">FacebookAuthProvider</span>(<span class="pl-smi">AppSettings</span>),  <span class="pl-c"><span class="pl-c">//</span>Sign-in with Facebook</span>
-                <span class="pl-k">new</span> <span class="pl-en">GithubAuthProvider</span>(<span class="pl-smi">AppSettings</span>),    <span class="pl-c"><span class="pl-c">//</span>Sign-in with GitHub</span>
-            }));
-
-        <span class="pl-smi">container</span>.<span class="pl-en">RegisterAutoWiredAs</span>&lt;<span class="pl-en">MemoryChatHistory</span>, <span class="pl-en">IChatHistory</span>&gt;();
-
-        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">CorsFeature</span>(
-            <span class="pl-smi">allowOriginWhitelist</span>: <span class="pl-k">new</span>[] { <span class="pl-s"><span class="pl-pds">"</span>http://localhost<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>http://null.jsbin.com<span class="pl-pds">"</span></span> },
-            <span class="pl-smi">allowCredentials</span>: <span class="pl-c1">true</span>,
-            <span class="pl-smi">allowedHeaders</span>: <span class="pl-s"><span class="pl-pds">"</span>Content-Type, Allow, Authorization<span class="pl-pds">"</span></span>));
-    }
-}</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/06.md b/src/wwwroot/gfm/web-apps/06.md
deleted file mode 100644
index 825ff82..0000000
--- a/src/wwwroot/gfm/web-apps/06.md
+++ /dev/null
@@ -1,48 +0,0 @@
-```csharp
-public class Startup
-{
-    public void Configure(IApplicationBuilder app, IHostingEnvironment env, ILoggerFactory loggerFactory)
-    {
-        loggerFactory.AddConsole();
-        var appSettings = new TextFileSettings("~/../../apps/chat/app.settings".MapProjectPath());
-        app.UseServiceStack(new AppHost(appSettings));
-    }
-}
-
-public class AppHost : AppHostBase
-{
-    public AppHost() : base("Chat Web App", typeof(ServerEventsServices).GetAssembly()) {}
-    public AppHost(IAppSettings appSettings) : this() => AppSettings = appSettings;
-
-    public override void Configure(Container container)
-    {
-        Plugins.AddIfNotExists(new TemplatePagesFeature()); //Already added if it's running as a Web App
-        
-        Plugins.Add(new ServerEventsFeature());
-
-        SetConfig(new HostConfig
-        {
-            DefaultContentType = MimeTypes.Json,
-            AllowSessionIdsInHttpParams = true,
-        });
-
-        this.CustomErrorHttpHandlers.Remove(HttpStatusCode.Forbidden);
-
-        //Register all Authentication methods you want to enable for this web app.            
-        Plugins.Add(new AuthFeature(
-            () => new AuthUserSession(),
-            new IAuthProvider[] {
-                new TwitterAuthProvider(AppSettings),   //Sign-in with Twitter
-                new FacebookAuthProvider(AppSettings),  //Sign-in with Facebook
-                new GithubAuthProvider(AppSettings),    //Sign-in with GitHub
-            }));
-
-        container.RegisterAutoWiredAs<MemoryChatHistory, IChatHistory>();
-
-        Plugins.Add(new CorsFeature(
-            allowOriginWhitelist: new[] { "http://localhost", "http://null.jsbin.com" },
-            allowCredentials: true,
-            allowedHeaders: "Content-Type, Allow, Authorization"));
-    }
-}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/07.html b/src/wwwroot/gfm/web-apps/07.html
deleted file mode 100644
index 083578b..0000000
--- a/src/wwwroot/gfm/web-apps/07.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">html</span>&gt;
-&lt;<span class="pl-ent">head</span>&gt;
-&lt;<span class="pl-ent">title</span>&gt;{{ title ?? 'Redis Vue WebApp' }}&lt;/<span class="pl-ent">title</span>&gt;
-&lt;<span class="pl-ent">i</span> <span class="pl-e">hidden</span>&gt;{{ '/js/hot-loader.js' | ifDebugIncludeScript }}&lt;/<span class="pl-ent">i</span>&gt;
-
-...
-&lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>../assets/css/bootstrap.css<span class="pl-pds">"</span></span>&gt;
-&lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>../assets/css/default.css<span class="pl-pds">"</span></span>&gt;
-&lt;/<span class="pl-ent">head</span>&gt;
-&lt;<span class="pl-ent">body</span>&gt;
-    &lt;<span class="pl-ent">h2</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/<span class="pl-pds">"</span></span>&gt;&lt;<span class="pl-ent">img</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>/assets/img/redis-logo.png<span class="pl-pds">"</span></span> /&gt; {{ title }}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">h2</span>&gt;
-
-    {{ page }}
-
-    &lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>../assets/js/html-utils.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;
-    &lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>../assets/js/vue{{ '.min' | if(!debug) }}.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;
-    &lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>../assets/js/axios.min.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;
-    
-    {{ scripts | raw }} 
-&lt;/<span class="pl-ent">body</span>&gt;
-&lt;/<span class="pl-ent">html</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/07.md b/src/wwwroot/gfm/web-apps/07.md
deleted file mode 100644
index 324a7b1..0000000
--- a/src/wwwroot/gfm/web-apps/07.md
+++ /dev/null
@@ -1,23 +0,0 @@
-```html
-<html>
-<head>
-<title>{{ title ?? 'Redis Vue WebApp' }}</title>
-<i hidden>{{ '/js/hot-loader.js' | ifDebugIncludeScript }}</i>
-
-...
-<link rel="stylesheet" href="../assets/css/bootstrap.css">
-<link rel="stylesheet" href="../assets/css/default.css">
-</head>
-<body>
-    <h2 id="title"><a href="/"><img src="/assets/img/redis-logo.png" /> {{ title }}</a></h2>
-
-    {{ page }}
-
-    <script src="../assets/js/html-utils.js"></script>
-    <script src="../assets/js/vue{{ '.min' | if(!debug) }}.js"></script>
-    <script src="../assets/js/axios.min.js"></script>
-    
-    {{ scripts | raw }} 
-</body>
-</html>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/08.html b/src/wwwroot/gfm/web-apps/08.html
deleted file mode 100644
index ecaccd7..0000000
--- a/src/wwwroot/gfm/web-apps/08.html
+++ /dev/null
@@ -1,15 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/x-template<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>redis-info-template<span class="pl-pds">"</span></span>&gt;
-&lt;<span class="pl-ent">div</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>redis-info<span class="pl-pds">"</span></span>&gt;
-  &lt;<span class="pl-ent">table</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>table table-striped<span class="pl-pds">"</span></span> <span class="pl-e">style</span>=<span class="pl-s"><span class="pl-pds">"</span>width:450px<span class="pl-pds">"</span></span>&gt;
-    &lt;<span class="pl-ent">tbody</span>&gt;
-    {{#each toList(redisInfo) }}
-        &lt;<span class="pl-ent">tr</span>&gt;
-          &lt;<span class="pl-ent">th</span>&gt;{{ it.Key | replace('_',' ') }}&lt;/<span class="pl-ent">th</span>&gt;
-          &lt;<span class="pl-ent">td</span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>{{it.Value}}<span class="pl-pds">"</span></span>&gt;{{ it.Value | substringWithEllipsis(32) }}&lt;/<span class="pl-ent">td</span>&gt;
-        &lt;/<span class="pl-ent">tr</span>&gt;
-    {{/each}}
-    &lt;/<span class="pl-ent">tbody</span>&gt;
-  &lt;/<span class="pl-ent">table</span>&gt;
-&lt;/<span class="pl-ent">div</span>&gt;
-&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/08.md b/src/wwwroot/gfm/web-apps/08.md
deleted file mode 100644
index fac5cb0..0000000
--- a/src/wwwroot/gfm/web-apps/08.md
+++ /dev/null
@@ -1,16 +0,0 @@
-```html
-<script type="text/x-template" id="redis-info-template">
-<div id="redis-info">
-  <table class="table table-striped" style="width:450px">
-    <tbody>
-    {{#each toList(redisInfo) }}
-        <tr>
-          <th>{{ it.Key | replace('_',' ') }}</th>
-          <td title="{{it.Value}}">{{ it.Value | substringWithEllipsis(32) }}</td>
-        </tr>
-    {{/each}}
-    </tbody>
-  </table>
-</div>
-</script>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/09.html b/src/wwwroot/gfm/web-apps/09.html
deleted file mode 100644
index a7b0ee6..0000000
--- a/src/wwwroot/gfm/web-apps/09.html
+++ /dev/null
@@ -1,14 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/x-template<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>connection-template<span class="pl-pds">"</span></span>&gt;
-&lt;<span class="pl-ent">div</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>connection-info<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>container<span class="pl-pds">"</span></span>&gt;
-    {{ continueExecutingFiltersOnError }}
-    {{#if Request.Verb == "POST" }}
-        {{ { host, port, db, password } | withoutEmptyValues | redisChangeConnection | end }}
-        {{#if lastErrorMessage }}
-            &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>&gt;{{lastErrorMessage}}&lt;/<span class="pl-ent">div</span>&gt;
-        {{else}}
-            &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>alert alert-success<span class="pl-pds">"</span></span>&gt;Connection Changed&lt;/<span class="pl-ent">div</span>&gt;
-        {{/if}}
-    {{/if}}
-&lt;/<span class="pl-ent">div</span>&gt;
-&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/09.md b/src/wwwroot/gfm/web-apps/09.md
deleted file mode 100644
index 5337bba..0000000
--- a/src/wwwroot/gfm/web-apps/09.md
+++ /dev/null
@@ -1,15 +0,0 @@
-```html
-<script type="text/x-template" id="connection-template">
-<div id="connection-info" class="container">
-    {{ continueExecutingFiltersOnError }}
-    {{#if Request.Verb == "POST" }}
-        {{ { host, port, db, password } | withoutEmptyValues | redisChangeConnection | end }}
-        {{#if lastErrorMessage }}
-            <div class="alert alert-danger">{{lastErrorMessage}}</div>
-        {{else}}
-            <div class="alert alert-success">Connection Changed</div>
-        {{/if}}
-    {{/if}}
-</div>
-</script>
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/10.html b/src/wwwroot/gfm/web-apps/10.html
deleted file mode 100644
index 3607c71..0000000
--- a/src/wwwroot/gfm/web-apps/10.html
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span>  | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">q</span></span> ?? <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>}*` | <span class="pl-e"><span class="pl-v">redisSearchKeys</span></span>({ <span class="pl-e"><span class="pl-v">limit</span></span> }) 
-                 | <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/10.md b/src/wwwroot/gfm/web-apps/10.md
deleted file mode 100644
index 98b2ed5..0000000
--- a/src/wwwroot/gfm/web-apps/10.md
+++ /dev/null
@@ -1,6 +0,0 @@
-```hbs
-{{ limit ?? 100  | assignTo: limit }}
-
-{{ `${q ?? ''}*` | redisSearchKeys({ limit }) 
-                 | return }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/11.html b/src/wwwroot/gfm/web-apps/11.html
deleted file mode 100644
index 799a263..0000000
--- a/src/wwwroot/gfm/web-apps/11.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">command</span></span> } | <span class="pl-e"><span class="pl-v">ensureAllArgsNotEmpty</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> [<span class="pl-s"><span class="pl-pds">'</span>flush<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>monitor<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>brpop<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>blpop<span class="pl-pds">'</span></span>] | <span class="pl-e"><span class="pl-v">any</span></span> =&gt; <span class="pl-e"><span class="pl-v">contains</span></span>(<span class="pl-e"><span class="pl-v">lower</span></span>(<span class="pl-e"><span class="pl-v">command</span></span>), <span class="pl-e"><span class="pl-v">it</span></span>)
-   | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">illegalCommand</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">illegalCommand</span> ? <span class="pl-e"><span class="pl-v">throwArgumentException</span></span>(<span class="pl-s"><span class="pl-pds">'</span>Command is not allowed.<span class="pl-pds">'</span></span>) : <span class="pl-e"><span class="pl-v">null</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">command</span>  | <span class="pl-e"><span class="pl-v">redisCall</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">contents</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-v">contents</span> | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-s"><span class="pl-pds">'</span>Content-Type<span class="pl-pds">'</span></span>: <span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/11.md b/src/wwwroot/gfm/web-apps/11.md
deleted file mode 100644
index f0f681c..0000000
--- a/src/wwwroot/gfm/web-apps/11.md
+++ /dev/null
@@ -1,12 +0,0 @@
-```hbs
-{{ { command } | ensureAllArgsNotEmpty }}
-
-{{ ['flush','monitor','brpop','blpop'] | any => contains(lower(command), it)
-   | assignTo: illegalCommand }}
-
-{{ illegalCommand ? throwArgumentException('Command is not allowed.') : null }}
-
-{{ command  | redisCall | assignTo: contents }}
-
-{{ contents | return({ 'Content-Type': 'text/plain' }) }}
-```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/12.md b/src/wwwroot/gfm/web-apps/12.md
deleted file mode 100644
index fab8d52..0000000
--- a/src/wwwroot/gfm/web-apps/12.md
+++ /dev/null
@@ -1,35 +0,0 @@
-```csharp
-public class StartupDep
-{
-    public string Name { get; } = nameof(StartupDep);
-}
-
-public class StartupPlugin : IPlugin, IStartup
-{
-    public void Configure(IApplicationBuilder app) {}
-
-    public IServiceProvider ConfigureServices(IServiceCollection services)
-    {
-        services.AddSingleton(new StartupDep());
-        return null;
-    }
-
-    public void Register(IAppHost appHost)
-    {
-        appHost.GetPlugin<MetadataFeature>()
-            .AddPluginLink("/startup-dep", "Startup Service");
-    }       
-}
-
-[Route("/startup-dep")]
-public class GetStartupDep : IReturn<string> {}
-
-public class StartupServices : Service
-{
-    public StartupDep StartupDep { get; set; }
-
-    [AddHeader(ContentType = MimeTypes.PlainText)]
-    public object Any(GetStartupDep request) => StartupDep.Name;
-}
-```
-
diff --git a/src/wwwroot/gfm/web-apps/13.html b/src/wwwroot/gfm/web-apps/13.html
deleted file mode 100644
index 78615c1..0000000
--- a/src/wwwroot/gfm/web-apps/13.html
+++ /dev/null
@@ -1,96 +0,0 @@
-<div class="gfm"><p>The Parcel WebApp template is maintained in the following directory structure:</p>
-<ul>
-<li>
-<code>/app</code> - Your Web App's published source code and any plugins</li>
-<li>
-<code>/client</code> - The Parcel managed Client App where client source code is maintained</li>
-<li>
-<code>/server</code> - Extend your Web App with an optional <code>server.dll</code> plugin containing additional Server functionality</li>
-<li>
-<code>/web</code> - The Web App binaries</li>
-</ul>
-<p>Most development will happen within <code>/client</code> which is automatically published to <code>/app</code> using parcel's CLI that's invoked from the included npm scripts.</p>
-<h3>
-<a id="user-content-client" class="anchor" href="#client" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>client</h3>
-<p>The difference with <a href="https://github.com/NetCoreTemplates/templates-webapp">templates-webapp</a> is that the client source code is maintained in the <code>/client</code> folder and uses <a href="https://parceljs.org" rel="nofollow">Parcel JS</a> to automatically bundle and publish your App to <code>/app/wwwroot</code> which is updated with live changes during development.</p>
-<p>The client folder also contains the npm <a href="https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/package.json">package.json</a> which contains all npm scripts required during development.</p>
-<p>If this is the first time using Parcel, you will need to install its global CLI:</p>
-<pre><code>$ npm install -g parcel-bundler
-</code></pre>
-<p>Then you can run a watched parcel build of your Web App with:</p>
-<pre><code>$ npm run dev
-</code></pre>
-<p>Parcel is a zero configuration bundler which inspects your <code>.html</code> files to automatically transpile and bundle all your <strong>.js</strong> and <strong>.css</strong> assets and other web resources like TypeScript <strong>.ts</strong> source files into a static <code>.html</code> website synced at <code>/app/wwwroot</code>.</p>
-<p>Then to start the ServiceStack Server to host your Web App run:</p>
-<pre><code>$ npm run server
-</code></pre>
-<p>Which will host your App at <code>http://localhost:5000</code> which in <code>debug</code> mode will enable <a href="http://templates.servicestack.net/docs/hot-reloading" rel="nofollow">hot reloading</a>
-which will automatically reload your web page as it detects any file changes made by parcel.</p>
-<h3>
-<a id="user-content-server" class="anchor" href="#server" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>server</h3>
-<p>To enable even richer functionality, this Web Apps template is also pre-configured with a custom Server project where you can extend your Web App with <a href="http://templates.servicestack.net/docs/web-apps#plugins" rel="nofollow">Plugins</a> where all <code>Plugins</code>, <code>Services</code>, <code>Filters</code>, etc are automatically wired and made available to your Web App.</p>
-<p>This template includes a simple <a href="https://github.com/NetCoreTemplates/parcel-webapp/blob/master/server/ServerPlugin.cs">ServerPlugin.cs</a> which contains an Empty <code>ServerPlugin</code> and <code>Hello</code> Service:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ServerPlugin</span> : <span class="pl-en">IPlugin</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">IAppHost</span> <span class="pl-smi">appHost</span>)
-    {
-    }
-}
-
-<span class="pl-c"><span class="pl-c">//</span>[Route("/hello/{Name}")] // Handled by /hello/_name.html API page, uncomment to take over</span>
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Hello</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">HelloResponse</span>&gt;
-{
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloResponse</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Result</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
-}
-
-<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span>
-{
-    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">Hello</span> <span class="pl-smi">request</span>)
-    {
-        <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">HelloResponse</span> { <span class="pl-smi">Result</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">$"</span>Hi {<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>} from server.dll<span class="pl-pds">"</span></span> };
-    }
-}</pre></div>
-<p>To build the <code>server.csproj</code> project and copy the resulting <code>server.dll</code> to <code>/app/plugins/serer.dll</code> which will require restarting the server to load the latest plugin:</p>
-<pre><code>$ npm run server
-</code></pre>
-<p>This will automatically load any <code>Plugins</code>, <code>Services</code>, <code>Filters</code>, etc and make them available to your Web App.</p>
-<p>One benefit of creating your APIs with C# ServiceStack Services instead of <a href="http://templates.servicestack.net/docs/api-pages" rel="nofollow">API Pages</a> is that you can generate TypeScript DTOs with:</p>
-<pre><code>$ npm run dtos
-</code></pre>
-<p>Which saves generate DTOs for all your ServiceStack Services in <a href="https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/dtos.ts">dtos.ts</a> which can then be accessed in your TypeScript source code.</p>
-<p>If preferred you can instead develop Server APIs with API Pages, an example is included in <a href="https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/hello/_name.html">/client/hello/_name.html</a></p>
-<div class="highlight highlight-text-html-basic"><pre>{{ { result: `Hi ${name} from /hello/_name.html` } | return }}</pre></div>
-<p>Which as it uses the same data structure as the <code>Hello</code> Service above, can be called with ServiceStack's <code>JsonServiceClient</code> and generated TypeScript DTOs.</p>
-<p>The <a href="https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/index.ts">/client/index.ts</a> shows an example of this where initially the App calls  the C# <code>Hello</code> ServiceStack Service:</p>
-<div class="highlight highlight-source-ts"><pre><span class="pl-k">import</span> { <span class="pl-smi">client</span> } <span class="pl-k">from</span> <span class="pl-s"><span class="pl-pds">"</span>./shared<span class="pl-pds">"</span></span>;
-<span class="pl-k">import</span> { <span class="pl-smi">Hello</span>, <span class="pl-smi">HelloResponse</span> } <span class="pl-k">from</span> <span class="pl-s"><span class="pl-pds">"</span>./dtos<span class="pl-pds">"</span></span>;
-
-<span class="pl-k"><span class="pl-k">const</span></span> result <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(<span class="pl-s"><span class="pl-pds">"</span>#result<span class="pl-pds">"</span></span>)<span class="pl-k">!</span>;
-
-<span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(<span class="pl-s"><span class="pl-pds">"</span>#Name<span class="pl-pds">"</span></span>)<span class="pl-k">!</span>.<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, <span class="pl-k">async</span> <span class="pl-v">e</span> <span class="pl-k">=&gt;</span> {
-  <span class="pl-k"><span class="pl-k">const</span></span> value <span class="pl-k">=</span> (<span class="pl-smi">e</span>.<span class="pl-c1">target</span> <span class="pl-k">as</span> <span class="pl-en">HTMLInputElement</span>).<span class="pl-c1">value</span>;
-  <span class="pl-k">if</span> (<span class="pl-smi">value</span> <span class="pl-k">!=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>) {
-    <span class="pl-k"><span class="pl-k">const</span></span> request <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">Hello</span>();
-    <span class="pl-smi">request</span>.<span class="pl-c1">name</span> <span class="pl-k">=</span> <span class="pl-smi">value</span>;
-    <span class="pl-k"><span class="pl-k">const</span></span> response <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">client</span>.<span class="pl-c1">get</span>(<span class="pl-smi">request</span>);
-    <span class="pl-c"><span class="pl-c">//</span> const response = await client.get&lt;HelloResponse&gt;(`/hello/${request.name}`); //call /hello/_name.html</span>
-    <span class="pl-smi">result</span>.<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> <span class="pl-smi">response</span>.<span class="pl-smi">result</span>;
-  } <span class="pl-k">else</span> {
-    <span class="pl-smi">result</span>.<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>;
-  }
-});</pre></div>
-<p>But while your App is running you can instead toggle the uncommented the line and hit <code>Ctrl+S</code> to save <code>index.ts</code> which Parcel will automatically transpile and publish to <code>/app/wwwroot</code> that will be detected by Hot Reload to automatically reload the page with the latest changes. Now typing in the text field will display the response from calling the <code>/hello/_name.html</code> API instead.</p>
-<h3>
-<a id="user-content-deployments" class="anchor" href="#deployments" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Deployments</h3>
-<p>During development Parcel maintains a debug and source-code friendly version of your App. Before deploying you can build an optimized production version of your App with:</p>
-<pre><code>$ npm run build
-</code></pre>
-<p>Which will bundle and minify all <code>.css</code>, <code>.js</code> and <code>.html</code> assets and publish to <code>/app/wwwroot</code>.</p>
-<p>Then to deploy Web Apps you just need to copy the <code>/app</code> and <code>/web</code> folders to any server with .NET Core 2.1 runtime installed.
-The <a href="http://templates.servicestack.net/docs/deploying-web-apps" rel="nofollow">Deploying Web Apps</a> docs.</p>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/13.md b/src/wwwroot/gfm/web-apps/13.md
deleted file mode 100644
index cfdc435..0000000
--- a/src/wwwroot/gfm/web-apps/13.md
+++ /dev/null
@@ -1,120 +0,0 @@
-The Parcel WebApp template is maintained in the following directory structure:
-
- - `/app` - Your Web App's published source code and any plugins
- - `/client` - The Parcel managed Client App where client source code is maintained
- - `/server` - Extend your Web App with an optional `server.dll` plugin containing additional Server functionality
- - `/web` - The Web App binaries
-
-Most development will happen within `/client` which is automatically published to `/app` using parcel's CLI that's invoked from the included npm scripts.
-
-### client
-
-The difference with [templates-webapp](https://github.com/NetCoreTemplates/templates-webapp) is that the client source code is maintained in the `/client` folder and uses [Parcel JS](https://parceljs.org) to automatically bundle and publish your App to `/app/wwwroot` which is updated with live changes during development.
-
-The client folder also contains the npm [package.json](https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/package.json) which contains all npm scripts required during development.
-
-If this is the first time using Parcel, you will need to install its global CLI:
-
-    $ npm install -g parcel-bundler
-
-Then you can run a watched parcel build of your Web App with:
-
-    $ npm run dev
-
-Parcel is a zero configuration bundler which inspects your `.html` files to automatically transpile and bundle all your **.js** and **.css** assets and other web resources like TypeScript **.ts** source files into a static `.html` website synced at `/app/wwwroot`.
-
-Then to start the ServiceStack Server to host your Web App run:
-
-    $ npm run server
-
-Which will host your App at `http://localhost:5000` which in `debug` mode will enable [hot reloading](http://templates.servicestack.net/docs/hot-reloading) 
-which will automatically reload your web page as it detects any file changes made by parcel.
-
-### server
-
-To enable even richer functionality, this Web Apps template is also pre-configured with a custom Server project where you can extend your Web App with [Plugins](http://templates.servicestack.net/docs/web-apps#plugins) where all `Plugins`, `Services`, `Filters`, etc are automatically wired and made available to your Web App. 
-
-This template includes a simple [ServerPlugin.cs](https://github.com/NetCoreTemplates/parcel-webapp/blob/master/server/ServerPlugin.cs) which contains an Empty `ServerPlugin` and `Hello` Service:
-
-```csharp
-public class ServerPlugin : IPlugin
-{
-    public void Register(IAppHost appHost)
-    {
-    }
-}
-
-//[Route("/hello/{Name}")] // Handled by /hello/_name.html API page, uncomment to take over
-public class Hello : IReturn<HelloResponse>
-{
-    public string Name { get; set; }
-}
-
-public class HelloResponse
-{
-    public string Result { get; set; }
-}
-
-public class MyServices : Service
-{
-    public object Any(Hello request)
-    {
-        return new HelloResponse { Result = $"Hi {request.Name} from server.dll" };
-    }
-}
-```
-
-To build the `server.csproj` project and copy the resulting `server.dll` to `/app/plugins/serer.dll` which will require restarting the server to load the latest plugin:
-
-    $ npm run server
-
-This will automatically load any `Plugins`, `Services`, `Filters`, etc and make them available to your Web App. 
-
-One benefit of creating your APIs with C# ServiceStack Services instead of [API Pages](http://templates.servicestack.net/docs/api-pages) is that you can generate TypeScript DTOs with:
-
-    $ npm run dtos
-
-Which saves generate DTOs for all your ServiceStack Services in [dtos.ts](https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/dtos.ts) which can then be accessed in your TypeScript source code.
-
-If preferred you can instead develop Server APIs with API Pages, an example is included in [/client/hello/_name.html](https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/hello/_name.html)
-
-```html
-{{ { result: `Hi ${name} from /hello/_name.html` } | return }}
-```
-
-Which as it uses the same data structure as the `Hello` Service above, can be called with ServiceStack's `JsonServiceClient` and generated TypeScript DTOs.
-
-The [/client/index.ts](https://github.com/NetCoreTemplates/parcel-webapp/blob/master/client/index.ts) shows an example of this where initially the App calls  the C# `Hello` ServiceStack Service:
-
-```ts
-import { client } from "./shared";
-import { Hello, HelloResponse } from "./dtos";
-
-const result = document.querySelector("#result")!;
-
-document.querySelector("#Name")!.addEventListener("input", async e => {
-  const value = (e.target as HTMLInputElement).value;
-  if (value != "") {
-    const request = new Hello();
-    request.name = value;
-    const response = await client.get(request);
-    // const response = await client.get<HelloResponse>(`/hello/${request.name}`); //call /hello/_name.html
-    result.innerHTML = response.result;
-  } else {
-    result.innerHTML = "";
-  }
-});
-```
-
-But while your App is running you can instead toggle the uncommented the line and hit `Ctrl+S` to save `index.ts` which Parcel will automatically transpile and publish to `/app/wwwroot` that will be detected by Hot Reload to automatically reload the page with the latest changes. Now typing in the text field will display the response from calling the `/hello/_name.html` API instead.
-
-### Deployments
-
-During development Parcel maintains a debug and source-code friendly version of your App. Before deploying you can build an optimized production version of your App with:
-
-    $ npm run build
-
-Which will bundle and minify all `.css`, `.js` and `.html` assets and publish to `/app/wwwroot`.
-
-Then to deploy Web Apps you just need to copy the `/app` and `/web` folders to any server with .NET Core 2.1 runtime installed. 
-The [Deploying Web Apps](http://templates.servicestack.net/docs/deploying-web-apps) docs.
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/14.html b/src/wwwroot/gfm/web-apps/14.html
deleted file mode 100644
index d504aa7..0000000
--- a/src/wwwroot/gfm/web-apps/14.html
+++ /dev/null
@@ -1,97 +0,0 @@
-<div class="gfm"><p><a href="http://blog.web-app.io" rel="nofollow"><img src="https://raw.githubusercontent.com/NetCoreApps/TemplatePages/master/src/wwwroot/assets/img/screenshots/blog.png" alt="" style="max-width:100%;"></a></p>
-<blockquote>
-<p>Live Demo: <a href="http://blog.web-app.io" rel="nofollow">blog.web-app.io</a></p>
-</blockquote>
-<p>To maximize approachability the <a href="https://github.com/NetCoreWebApps/Blog/tree/master/app">/Blog</a> Web App has no C# source code, plugins and uses
-no JavaScript or CSS frameworks yielding an enjoyable development experiences as all the usual complexities of developing a C# Server and modern
-JS App has been dispensed and you can just focus on the App you want to create, using a plain-text editor on the left, a live updating browser on
-the right and nothing else to interrupt your flow.</p>
-<p>Any infrastructure dependencies have also been avoided by using SQLite by default which is
-<a href="/docs/view-engine#init-pages">automatically created an populated on first run</a> if no database exists, or if preferred can be
-<a href="/docs/web-apps#multi-platform-configurations">changed to use any other popular RDBMS</a> using just config.</p>
-<h3>
-<a id="user-content-multi-user-blogging-platform" class="anchor" href="#multi-user-blogging-platform" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Multi User Blogging Platform</h3>
-<p>Any number of users can Sign In via Twitter and publish content under their Twitter Username where only they'll be able to modify their own Content.
-Setting up Twitter is as easy as it can be which just requires modifying the
-<a href="#customizable-auth-providers">Twitter Auth Config in app.settings</a> with the URL where the blog
-is hosted and the OAuth Keys for the Twitter OAuth App created at <a href="https://apps.twitter.com" rel="nofollow">apps.twitter.com</a>.</p>
-<h3>
-<a id="user-content-rich-content" class="anchor" href="#rich-content" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Rich Content</h3>
-<p>Whilst most blogging platforms just edit static text, each Post content has access to full Templates language features so they can be used to create
-<a href="http://blog.web-app.io/posts/live-document-example" rel="nofollow">Live Documents</a> or
-<a href="http://blog.web-app.io/posts/markdown-example" rel="nofollow">Render Markdown</a> which is itself just
-<a href="/docs/blocks#markdown">one of the available blocks</a> where it will render to HTML any content between the <code>markdown</code> blocks:</p>
-<div class="highlight highlight-text-html-handlebars"><pre>{#markdown}}
-## Markdown Content
-{​{/markdown}}</pre></div>
-<p>By default the <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation is used to render Markdown but can also be configured to use an
-<a href="http://blog.web-app.io/posts/web-app-customizations#customizable-markdown-providers" rel="nofollow">alternate Markdown provider</a>.</p>
-<h3>
-<a id="user-content-rich-markdown-editor" class="anchor" href="#rich-markdown-editor" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Rich Markdown Editor</h3>
-<p>To make it easy to recall Markdown features, each Content is equipped with a Rich Text editor containing the most popular formatting controls
-along with common short-cuts for each feature, discoverable by hovering over each button:</p>
-<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png" alt="" style="max-width:100%;"></a></p>
-<p>The Editor also adopts popular behavior in IDEs where <code>Tab</code> and <code>SHIFT+Tab</code> can be used to indent blocks of text and lines can be commented with
-<code>Ctrl+/</code> or blocks with <code>CTRL+SHIFT+/</code>.</p>
-<p>Another nice productivity win is being able to <code>CTRL+CLICK</code> on any Content you created to navigate to its Edit page.</p>
-<h3>
-<a id="user-content-auto-saved-drafts" class="anchor" href="#auto-saved-drafts" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Auto saved drafts</h3>
-<p>The content in each Text <code>input</code> and <code>textarea</code> is saved to <code>localStorage</code> on each key-press so you can freely reload pages and navigate
-around the site where all unpublished content will be preserved upon return.</p>
-<p>When you want to revert back to the original published content you can clear the text boxes and reload the page which will load content from
-the database instead of <code>localStorage</code>.</p>
-<h3>
-<a id="user-content-server-validation" class="anchor" href="#server-validation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Server Validation</h3>
-<p>The <a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/new.html">new.html</a> and <a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/_slug/edit.html">edit.html</a> pages shows examples of performing server validation with ServiceStack Templates:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">assignErrorAndContinueExecuting</span>: <span class="pl-e"><span class="pl-v">ex</span></span> <span class="pl-c1">}}</span>
-
-<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Title must be between 5 and 200 characters<span class="pl-pds">'</span></span>      
-   | <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">postTitle</span></span>) &lt; <span class="pl-e"><span class="pl-v">5</span></span> || <span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">postTitle</span></span>) &gt; <span class="pl-e"><span class="pl-v">200</span></span>) | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">titleError</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Content must be between 25 and 64000 characters<span class="pl-pds">'</span></span> 
-   | <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>) &lt; <span class="pl-e"><span class="pl-v">25</span></span>  || <span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>) &gt; <span class="pl-e"><span class="pl-v">64000</span></span>) | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">contentError</span></span> <span class="pl-c1">}}</span>
-<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Potentially malicious characters detected<span class="pl-pds">'</span></span>       
-   | <span class="pl-e"><span class="pl-v">ifNotExists</span></span>(<span class="pl-e"><span class="pl-v">contentError</span></span>) | <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">containsXss</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>)) | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">contentError</span></span> <span class="pl-c1">}}</span></pre></div>
-<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png" alt="" style="max-width:100%;"></a></p>
-<p>For more info see the docs on <a href="/docs/error-handling">Error Handling</a>.</p>
-<h3>
-<a id="user-content-live-previews" class="anchor" href="#live-previews" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Live Previews</h3>
-<p>Creating and Posting content benefit from Live Previews where its rendered output can be visualized in real-time before it's published.</p>
-<p>Any textarea can easily be enhanced to enable Live Preview by including the <code>data-livepreview</code> attribute with the element where the output
-should be rendered in, e.g:</p>
-<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">textarea</span> <span class="pl-e">data-livepreview</span>=<span class="pl-s"><span class="pl-pds">"</span>.preview<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">textarea</span>&gt;
-&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>preview<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
-<p>The implementation of which is surprisingly simple where the JavaScript snippet in
-<a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/default.js">default.js</a> below is used to send its content on each change:</p>
-<div class="highlight highlight-source-js"><pre><span class="pl-c"><span class="pl-c">//</span> Enable Live Preview of new Content</span>
-textAreas <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelectorAll</span>(<span class="pl-s"><span class="pl-pds">"</span>textarea[data-livepreview]<span class="pl-pds">"</span></span>);
-<span class="pl-k">for</span> (<span class="pl-k">let</span> i <span class="pl-k">=</span> <span class="pl-c1">0</span>; i <span class="pl-k">&lt;</span> <span class="pl-smi">textAreas</span>.<span class="pl-c1">length</span>; i<span class="pl-k">++</span>) {
-  textAreas[i].<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, livepreview, <span class="pl-c1">false</span>);
-  <span class="pl-en">livepreview</span>({ target<span class="pl-k">:</span> textAreas[i] });
-}
-
-<span class="pl-k">function</span> <span class="pl-en">livepreview</span>(<span class="pl-smi">e</span>) {
-  <span class="pl-k">let</span> el <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-c1">target</span>;
-  <span class="pl-k">let</span> sel <span class="pl-k">=</span> <span class="pl-smi">el</span>.<span class="pl-c1">getAttribute</span>(<span class="pl-s"><span class="pl-pds">"</span>data-livepreview<span class="pl-pds">"</span></span>);
-
-  <span class="pl-k">if</span> (<span class="pl-smi">el</span>.<span class="pl-c1">value</span>.<span class="pl-en">trim</span>() <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>) {
-    <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>&lt;div&gt;Live Preview&lt;/div&gt;<span class="pl-pds">"</span></span>;
-    <span class="pl-k">return</span>;
-  }
-
-  <span class="pl-k">let</span> formData <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">FormData</span>();
-  <span class="pl-smi">formData</span>.<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">"</span>content<span class="pl-pds">"</span></span>, <span class="pl-smi">el</span>.<span class="pl-c1">value</span>);
-
-  <span class="pl-en">fetch</span>(<span class="pl-s"><span class="pl-pds">"</span>/preview<span class="pl-pds">"</span></span>, {
-    method<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span>post<span class="pl-pds">"</span></span>,
-    body<span class="pl-k">:</span> formData
-  }).<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-k">return</span> <span class="pl-smi">r</span>.<span class="pl-c1">text</span>(); })
-    .<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> r; });
-}</pre></div>
-<p>To the <a href="https://github.com/NetCoreWebApps/Blog/blob/master/app/preview.html">/preview.html</a> API Page which just renders and captures any
-Template Content its sent and returns the output:</p>
-<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">content</span>  | <span class="pl-e"><span class="pl-v">evalTemplate</span></span>({<span class="pl-e"><span class="pl-v">use</span></span>:{<span class="pl-e"><span class="pl-v">plugins</span></span>:<span class="pl-s"><span class="pl-pds">'</span>MarkdownTemplatePlugin<span class="pl-pds">'</span></span><span class="pl-c1">}}</span>) | assignTo:response }}
-<span class="pl-c1">{{</span> <span class="pl-v">response</span> | <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>:<span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
-<p>By default the <code>evalTemplate</code> filter renders Templates in a new <code>TemplateContext</code> which can be customized to utilize any additional
-<code>plugins</code>, <code>filters</code> and <code>blocks</code> available in the configured <a href="/docs/view-engine">TemplatePagesFeature</a>,
-or for full access you can use <code>{use:{context:true}}</code> to evaluate any Template content under the same context that <code>evalTemplate</code> is run on.</p>
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/web-apps/14.md b/src/wwwroot/gfm/web-apps/14.md
deleted file mode 100644
index aeb46f2..0000000
--- a/src/wwwroot/gfm/web-apps/14.md
+++ /dev/null
@@ -1,129 +0,0 @@
-[![](https://raw.githubusercontent.com/NetCoreApps/TemplatePages/master/src/wwwroot/assets/img/screenshots/blog.png)](http://blog.web-app.io)
-
-> Live Demo: [blog.web-app.io](http://blog.web-app.io)
-
-To maximize approachability the [/Blog](https://github.com/NetCoreWebApps/Blog/tree/master/app) Web App has no C# source code, plugins and uses 
-no JavaScript or CSS frameworks yielding an enjoyable development experiences as all the usual complexities of developing a C# Server and modern 
-JS App has been dispensed and you can just focus on the App you want to create, using a plain-text editor on the left, a live updating browser on 
-the right and nothing else to interrupt your flow.
-
-Any infrastructure dependencies have also been avoided by using SQLite by default which is 
-[automatically created an populated on first run](/docs/view-engine#init-pages) if no database exists, or if preferred can be 
-[changed to use any other popular RDBMS](/docs/web-apps#multi-platform-configurations) using just config.
-
-### Multi User Blogging Platform
-
-Any number of users can Sign In via Twitter and publish content under their Twitter Username where only they'll be able to modify their own Content. 
-Setting up Twitter is as easy as it can be which just requires modifying the 
-[Twitter Auth Config in app.settings](#customizable-auth-providers) with the URL where the blog 
-is hosted and the OAuth Keys for the Twitter OAuth App created at [apps.twitter.com](https://apps.twitter.com).
-
-### Rich Content
-
-Whilst most blogging platforms just edit static text, each Post content has access to full Templates language features so they can be used to create 
-[Live Documents](http://blog.web-app.io/posts/live-document-example) or 
-[Render Markdown](http://blog.web-app.io/posts/markdown-example) which is itself just 
-[one of the available blocks](/docs/blocks#markdown) where it will render to HTML any content between the `markdown` blocks:
-
-```hbs
-{#markdown}}
-## Markdown Content
-{​{/markdown}}
-```
-
-By default the [Markdig](https://github.com/lunet-io/markdig) implementation is used to render Markdown but can also be configured to use an 
-[alternate Markdown provider](http://blog.web-app.io/posts/web-app-customizations#customizable-markdown-providers).
-
-### Rich Markdown Editor
-
-To make it easy to recall Markdown features, each Content is equipped with a Rich Text editor containing the most popular formatting controls 
-along with common short-cuts for each feature, discoverable by hovering over each button:
-
-![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png)
-
-The Editor also adopts popular behavior in IDEs where `Tab` and `SHIFT+Tab` can be used to indent blocks of text and lines can be commented with 
-`Ctrl+/` or blocks with `CTRL+SHIFT+/`.
-
-Another nice productivity win is being able to `CTRL+CLICK` on any Content you created to navigate to its Edit page.
-
-### Auto saved drafts
-
-The content in each Text `input` and `textarea` is saved to `localStorage` on each key-press so you can freely reload pages and navigate 
-around the site where all unpublished content will be preserved upon return. 
-
-When you want to revert back to the original published content you can clear the text boxes and reload the page which will load content from 
-the database instead of `localStorage`.
-
-### Server Validation
-
-The [new.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/new.html) and [edit.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/posts/_slug/edit.html) pages shows examples of performing server validation with ServiceStack Templates:
-
-```hbs
-{{ assignErrorAndContinueExecuting: ex }}
-
-{{ 'Title must be between 5 and 200 characters'      
-   | onlyIf(length(postTitle) < 5 || length(postTitle) > 200) | assignTo: titleError }}
-{{ 'Content must be between 25 and 64000 characters' 
-   | onlyIf(length(content) < 25  || length(content) > 64000) | assignTo: contentError }}
-{{ 'Potentially malicious characters detected'       
-   | ifNotExists(contentError) | onlyIf(containsXss(content)) | assignTo: contentError }}
-```
-
-![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png)
-
-For more info see the docs on [Error Handling](/docs/error-handling).
-
-### Live Previews
-
-Creating and Posting content benefit from Live Previews where its rendered output can be visualized in real-time before it's published. 
-
-Any textarea can easily be enhanced to enable Live Preview by including the `data-livepreview` attribute with the element where the output 
-should be rendered in, e.g:
-
-```html
-<textarea data-livepreview=".preview"></textarea>
-<div class="preview"></div>
-```
-
-The implementation of which is surprisingly simple where the JavaScript snippet in 
-[default.js](https://github.com/NetCoreWebApps/Blog/blob/master/app/default.js) below is used to send its content on each change:
-
-```js
-// Enable Live Preview of new Content
-textAreas = document.querySelectorAll("textarea[data-livepreview]");
-for (let i = 0; i < textAreas.length; i++) {
-  textAreas[i].addEventListener("input", livepreview, false);
-  livepreview({ target: textAreas[i] });
-}
-
-function livepreview(e) {
-  let el = e.target;
-  let sel = el.getAttribute("data-livepreview");
-
-  if (el.value.trim() == "") {
-    document.querySelector(sel).innerHTML = "<div>Live Preview</div>";
-    return;
-  }
-
-  let formData = new FormData();
-  formData.append("content", el.value);
-
-  fetch("/preview", {
-    method: "post",
-    body: formData
-  }).then(function(r) { return r.text(); })
-    .then(function(r) { document.querySelector(sel).innerHTML = r; });
-}
-```
-
-To the [/preview.html](https://github.com/NetCoreWebApps/Blog/blob/master/app/preview.html) API Page which just renders and captures any 
-Template Content its sent and returns the output:
-
-```hbs
-{{ content  | evalTemplate({use:{plugins:'MarkdownTemplatePlugin'}}) | assignTo:response }}
-{{ response | return({ contentType:'text/plain' }) }}
-```
-
-By default the `evalTemplate` filter renders Templates in a new `TemplateContext` which can be customized to utilize any additional 
-`plugins`, `filters` and `blocks` available in the configured [TemplatePagesFeature](/docs/view-engine), 
-or for full access you can use `{use:{context:true}}` to evaluate any Template content under the same context that `evalTemplate` is run on.
diff --git a/src/wwwroot/index.html b/src/wwwroot/index.html
deleted file mode 100644
index 423a2dc..0000000
--- a/src/wwwroot/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
-<!--
-title: ServiceStack Templates
--->
-
-<p>
-    At its core ServiceStack Templates is a <a href="/docs/introduction#simplicity-end-to-end">simple</a>, fast, and extremely versatile 
-    dynamic templating language for .NET and .NET Core that utilizes an <a href="/docs/syntax">Expressive Syntax</a> to compose high-level 
-    functionality using .NET <a href="/docs/filters">filters</a> and <a href="/docs/arguments">arguments</a>.
-</p>
-
-<p>
-    It's small, lightweight footprint and built-in <a href="/docs/hot-reloading">Hot Reloading</a>
-    provides a fun, clean and productive alternative to MVC Razor that's easily 
-    <a href="/docs/view-engine">integrated into any web framework</a> and runs identically in 
-    <a href="/docs/view-engine#runs-everywhere">every platform ServiceStack runs on</a>, it can also
-    be returned in <a href="/docs/mvc-aspnet">ASP.NET MVC</a> and <a href="/docs/mvc-aspnet">ASP.NET MVC Core</a> 
-    Controllers - in all cases, using the same <a href="/docs/introduction#instant-startup">high-performance implementation</a>    
-    to asynchronously write to a forward-only OutputStream for max performance and maximum potential reuse of your Source Code.
-</p>
-
-<p>
-    Templates are lazily loaded and <a href="/docs/introduction#late-bound">late-bound</a> for Instant Startup, doesn't require any 
-    pre-compilation, have coupling to any external configuration files, build tools, designer tooling or have 
-    any special deployment requirements.
-    It can be used as a general purpose templating language to enhance <a href="/docs/page-formats">any text format</a> and
-    includes built-in support for <em>.html</em>.
-</p>
-
-<p>
-    Templates are evaluated in an <a href="/docs/sandbox">Isolated Sandboxed</a> that enables fine-grained control over exactly
-    what functionality and instances are available to different Templates. They're pre-configured with a comprehensive suite of safe 
-    <a href="/docs/default-filters">Default Filters</a> which when running in trusted contexts can easily be granted access to 
-    <a href="/docs/filters-reference">enhanced functionality</a>.
-</p>
-
-<p>
-    Templates are designed to be incrementally adoptable where its initial form is
-    <a href="/docs/web-apps#ideal-for-web-designers-and-content-authors">ideal for non-programmers</a>, 
-    that can gradually adopt more power and functionality when needed where they can leverage existing Services or MVC Controllers 
-    to enable an 
-    <a href="/docs/model-view-controller">MVC programming model</a> or have <em>.html</em> pages upgraded to use 
-    <a href="/docs/code-pages">Code Pages</a> where they can utilize the full unlimited power of the C# programming language to 
-    enable precise control over the rendering of pages and partials. Code pages take precedence and are interchangeable wherever 
-    normal <em>.html</em> pages are requested making them a non-invasive alternative whenever advanced functionality is required.
-</p>
-
-<h3>Surrounding Ecosystem</h3>
-
-<p>
-    These qualities opens Templates up to a number of new use-cases that's better suited than Razor for maintaining 
-    <a href="/usecases/content-websites">content-heavy websites</a>, <a href="/usecases/live-documents">live documents</a>,
-    <a href="/usecases/email-templates">Email Templates</a> and can easily 
-    <a href="/usecases/introspect-state">introspect the state of running .NET Apps</a> where they provide 
-    <a href="/docs/servicestack-filters#debug-template">valuable insight at a glance</a> with support for 
-    <a href="/usecases/adhoc-querying">Adhoc querying</a>.
-</p>
-
-<h3>Web Apps</h3>
-
-<p>
-    One use-case made possible by Templates we're extremely excited about is <a href="/docs/web-apps">Web Apps</a> - a new approach to 
-    dramatically simplify .NET Web App development and provide the most productive development experience possible whilst maximizing 
-    reuse and component sharing. 
-</p>
-
-<p>
-    Web Apps leverages Templates to develop entire content-rich, data-driven websites without needing to write any C#, compile projects 
-    or manually refresh pages - resulting in the easiest and fastest way to develop Web Apps in .NET!
-</p>
-
-<h4>Pure Cloud Apps</h4>
-
-<p>
-    Web Apps also enable the development of <a href="/docs/web-apps#pure-cloud-apps">Pure Cloud Apps</a> where the same Web App 
-    can be developed and run entirely on <em>AWS S3 and RDS</em> or <em>Azure Blob Storage and SQL Server</em> by just changing
-    the <em>app.settings</em> that's deployed with the pre-compiled <a href="https://github.com/ServiceStack/Web">Web App Binary</a>.
-</p>
-
-<h3>Learn ServiceStack Templates</h3>
-
-<p>
-    Get started learning ServiceStack Templates by going through the <a href="/docs/installation">Interactive Guide</a> and creating
-    a <a href="/docs/installation#starter-projects">Starter Project</a>.
-</p>
-
-<p>
-    View the source code of this 
-    <a href="https://github.com/NetCoreApps/TemplatePages">Template Pages generated website</a> to see how clean a website built with it is.
-</p>
-
-<p>
-    Checkout the <a href="/linq/">Live LINQ examples</a> for a fun Live programming experience to explore its querying features, as a quick
-    preview here's a copy of the <a href="/linq/restriction-operators">first LINQ example</a> you can play with below:
-</p>
-
-{{ "linq-preview" | partial({ rows: 7, example: "linq01" }) }}
-
-<h3>Free for OSS and Commercial Projects</h3>
-
-<p>
-    We believe we've only just scratched the surface of what's possible with Templates and we'd love to see what new 
-    use-cases it can help achieve and help encourage an ecosystem of pluggable and reusable filters, so whilst ServiceStack is a 
-    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/license.txt">dual-licensed</a> platform with a 
-    <a href="https://servicestack.net/pricing">commercial license</a> for closed-source projects, the core of Templates is 
-    being developed in <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a> which is an unrestricted
-    library that's free for OSS and commercial usage. 
-</p>
-
-<p>
-    ServiceStack's <a href="https://servicestack.net/download#free-quotas">existing free-quota restrictions</a>
-    only applies if you're using <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>,
-    <a href="https://github.com/ServiceStack/ServiceStack.Redis">ServiceStack.Redis</a> or exceed the allowed free-quota of 
-    ServiceStack Services.
-</p>
-
-{{ "doc-links" | partial({ order: 0 }) }}
diff --git a/src/wwwroot/linq-links.html b/src/wwwroot/linq-links.html
deleted file mode 100644
index 3c158aa..0000000
--- a/src/wwwroot/linq-links.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="linq-links">
-
-{{ order | prevLinqLink | select: <span>&#8592; <a href="{ it.Key }">{ it.Value }</a></span> }}
-
-{{ order | nextLinqLink | select: <span style="float:right"><a href="{ it.Key }">{ it.Value }</a> &#8594;</span> }}
-
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/linq-preview.html b/src/wwwroot/linq-preview.html
deleted file mode 100644
index 0677549..0000000
--- a/src/wwwroot/linq-preview.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="linq-preview {{ output }}">
-    <div class="template">
-        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" 
-            rows="{{ rows ?? 6 }}">{{ `code/${example}.txt` | includeFile }}</textarea>
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div> 
diff --git a/src/wwwroot/linq/index.html b/src/wwwroot/linq/index.html
deleted file mode 100644
index 37066fe..0000000
--- a/src/wwwroot/linq/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!--
-title: Overview
-order: 0
--->
-
-<p>
-    All LINQ Examples are executed using the same TemplateContext instance below:
-</p>
-
-<pre><code>
-    LinqContext = new TemplateContext {
-        Args = {
-            [TemplateConstants.DefaultDateFormat] = "yyyy/MM/dd",
-            ["products"] = TemplateQueryData.Products,
-            ["customers"] = TemplateQueryData.Customers,
-            ["comparer"] = new CaseInsensitiveComparer(),
-            ["anagramComparer"] = new AnagramEqualityComparer(),
-        }
-    }.Init();
-</code></pre>
-
-<p>
-    Which makes available the <b>products</b> and <b>customer</b> data sources to each template, all other data 
-    sources are created within the template that uses them. 
-</p>
-
-<p>
-    The <b>comparer</b> and <b>anagramComparer</b> are examples of custom .NET objects the templates can't create themselves 
-    so they need to defined externally so they're available to the LINQ examples that need them.
-</p>
-
-<p>
-    The <em>Args[DefaultDateFormat]</em> changes the default format the <em>dateFormat</em> filter uses if none is provided.
-</p>
-
-{{ "linq-links" | partial({ order }) }}
-
diff --git a/src/wwwroot/live-pages.html b/src/wwwroot/live-pages.html
deleted file mode 100644
index 6a8d287..0000000
--- a/src/wwwroot/live-pages.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="live-pages" data-page="{{ page }}">
-    <div class="files count-{{ files | count }}">
-{{ files | toList 
-   | select: <section><h5>{ it.Key }</h5><textarea class="form-control" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" rows="{ rows | otherwise(3) }">{ it.Value }</textarea></section>\n }}
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div>
diff --git a/src/wwwroot/live-template.html b/src/wwwroot/live-template.html
deleted file mode 100644
index dcff40f..0000000
--- a/src/wwwroot/live-template.html
+++ /dev/null
@@ -1,9 +0,0 @@
-<div class="live-template {{ output | ifExists }}">
-    <div class="template">
-        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" 
-                  rows="{{ rows | otherwise(3) }}">{{ template }}</textarea>
-    </div>
-    <div class="result">
-        <div class="output"></div>
-    </div>
-</div> 
diff --git a/src/wwwroot/sidebar.html b/src/wwwroot/sidebar.html
deleted file mode 100644
index ca80101..0000000
--- a/src/wwwroot/sidebar.html
+++ /dev/null
@@ -1,34 +0,0 @@
-<nav id="sidebar">
-<div class="inner">
-
-<ul>
-    <li>
-        <h5>docs</h5>
-        <ul>
-            {{#each docLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-
-    <li>
-        <h5>use cases</h5>
-        <ul>
-            {{#each useCaseLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-
-    <li>
-        <h5>linq examples</h5>
-        <ul>
-            {{#each linqLinks}}
-            <li {{ {active: matchesPathInfo(Key)} | htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
-            {{/each}}
-        </ul>
-    </li>
-</ul>
-
-</div>
-</nav>
\ No newline at end of file
diff --git a/src/wwwroot/usecase-links.html b/src/wwwroot/usecase-links.html
deleted file mode 100644
index 1e6e3dd..0000000
--- a/src/wwwroot/usecase-links.html
+++ /dev/null
@@ -1,7 +0,0 @@
-<div class="usecase-links">
-
-{{ order | prevUseCaseLink | select: <span>&#8592; <a href="{ it.Key }">{ it.Value }</a></span> }}
-
-{{ order | nextUseCaseLink | select: <span style="float:right"><a href="{ it.Key }">{ it.Value }</a> &#8594;</span> }}
-
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/usecases/adhoc-querying.html b/src/wwwroot/usecases/adhoc-querying.html
deleted file mode 100644
index 6a3bb9f..0000000
--- a/src/wwwroot/usecases/adhoc-querying.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!--
-title: Adhoc Querying
-order: 6
---> 
-
-<p>  
-    The same qualities that make Templates great at   
-    <a href="/usecases/introspect-state">querying State of a running .NET App</a>  
-    also makes it excel at executing adhoc queries against providers which allow free text queries like 
-    OrmLite's <a href="/docs/db-filters">Database Filters</a> which enables access to its
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#dynamic-result-sets">Dynamic Result Set APIs</a>:
-</p>
-
-<style> 
-.live-template .output {
-    max-height: 1500px;
-}
-</style>
-
-{{ 'examples/adhoc-query-db.html' | includeFile | assignTo: template }}
-
-{{ "live-template" | partial({ rows:20, template }) }}
-
-<hr style="margin:20px 0">
-
-<h4>Register DB Filters</h4>
-
-<p>
-    To access OrmLite's <a href="/docs/db-filters">Database Filters</a> install the 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a> then add the 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/TemplateDbFiltersAsync.cs">TemplateDbFiltersAsync</a>
-    to your <em>TemplateContext</em> and register its required <em>IDbConnectionFactory</em> dependency in its IOC, e.g. for SQL Server:
-</p>
-
-{{ 'gfm/adhoc-querying/01.md' | githubMarkdown }}
-
-<blockquote>
-    If using ServiceStack's <em>TemplatePagesFeature</em> it's Container has already been reassigned to use 
-    <a href="http://docs.servicestack.net/ioc">ServiceStack's Funq IOC</a> so it only needs to be registered once in ServiceStack's IOC.
-</blockquote>
-
-<h4>Always protect free text APIs</h4>
-
-<p>
-    If you're exposing filters enabling a free text API against a production database it should never be accessible by untrusted parties 
-    so you'll want to at a minimum ensure Services are protected with the <em>[Authenticate]</em> attribute so it's only available to
-    <a href="http://docs.servicestack.net/authentication-and-authorization">Authenticated Users</a> and
-    ideally configure it to use a <b>Read Only</b> connection, e.g. for SQLite:
-</p>
-
-{{ 'gfm/adhoc-querying/02.md' | githubMarkdown }}
-
-<h4>Populating the database</h4>
-
-<p>
-    The database queried above was populated in the 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/AppHost.cs">AppHost</a>
-    where it re-uses the LINQ data sources to create and populate an In Memory SQLite database on Startup:
-</p>
-
-{{ 'gfm/adhoc-querying/03.md' | githubMarkdown }}
-
-<h4 id="order-report-example">Order Report Example</h4>
-
-{{ 'gfm/adhoc-querying/04.md' | githubMarkdown }}
-
-{{ "usecase-links" | partial({ order }) }}
diff --git a/src/wwwroot/usecases/content-websites.html b/src/wwwroot/usecases/content-websites.html
deleted file mode 100644
index a1015e4..0000000
--- a/src/wwwroot/usecases/content-websites.html
+++ /dev/null
@@ -1,122 +0,0 @@
-<!--
-title: Content Websites
-order: 2
--->
-
-<p>
-    In its simplest form Templates is just plain HTML marked up with variable place holders, coupled with 
-    partials just being HTML pages themselves and the intuitive <a href="/docs/view-engine#layout-selection">Cascading Layout Selection</a> 
-    and using Templates becomes a natural solution for building complete websites without any code.
-</p>
-
-<p>
-    The flexibility of Templates allows for several different solutions for generating websites:
-</p>
-
-<h3>Website Sub Directory</h3>
-
-<p>
-    A lightweight solution that can be embedded in any existing ASP.NET or ASP.NET Core Web Application is to embed
-    and maintain an entire Website in a stand-alone sub directory. To showcase an example we've ported the content in 
-    the .NET Core <a href="https://github.com/NetCoreApps/RazorRockstars/tree/master/src/RazorRockstars.WebHost">Razor Rockstars</a> into the 
-    <a href="https://github.com/NetCoreApps/TemplatePages/tree/master/src/wwwroot/usecases/rockstar-files">/usecases/rockstar-files</a>
-    sub directory with the entire website viewable from:     
-</p>
-
-<h4><a href="/usecases/rockstar-files/">/rockstar-files</a></h4>
-
-<h4>Porting an existing Razor Website</h4>
-
-<p>
-    Porting an existing Razor Website is fairly straight-forward, to port Razor Rockstars we needed to rename all
-    <em>.cshtml</em> files back to <em>.html</em> and replace all their C# code. Using 
-    <a href="/usecases/rockstar-files/dead/cobain">/cobain</a> page as an example we needed to replace:
-</p>
-
-<pre class="cs"><code>@{
-    Layout = "DeadLayout";
-    ViewBag.Title = "Kurt Cobain";
-}</code></pre>
-
-<p>
-    To use the equivalent page metadata:
-</p>
-
-<pre class="cs"><code>&lt;!--
-title: Kurt Cobain
---&gt;</code></pre>
-
-<p>
-    You won't need to specify a custom layout as Templates will automatically select the closest layout from the 
-    page at:
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/rockstar-files/dead/_layout.html">/rockstar-files/dead/_layout.html</a>.
-    You'll also no longer need to maintain your Layout pages and partials in <em>/Views/Shared</em> separate from your views as they 
-    all get to all live cohesively in the same logical folder structure. 
-</p>
-
-
-<p>
-    The declarative <em>{{ pass: page }}</em> is used to embed a page in a layout instead of the imperative <em>@RenderBody()</em>.
-    Likewise the syntax for partials changes to <em>{{ pass: "menu-alive" | partial }}</em> from <em>@Html.Partial("MenuAlive")</em>.
-    Templates also alleviates the need for bespoke partials like <em>@Html.PartialMarkdown("Content")</em> as it can instead leverage the 
-    flexibility of chaining existing filters to achieve the same result like
-    <em>{{ pass: "content.md" | includeFile | markdown }}</em>.
-</p>
-
-<p>
-    To get a feel for what an equivalent Razor Website looks like compared to Templates checkout:
-</p>
-
-<table class="table">
-    <tr>
-        <td>type</td>
-        <td>before</td>
-        <td>after</td>
-    </tr>
-    <tr>
-        <td>Layout</td>
-        <td>
-            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/Views/Shared/DeadLayout.cshtml">/Views/Shared/DeadLayout.cshtml</a>
-        </td>
-        <td>
-            <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/rockstar-files/dead/_layout.html">/dead/_layout.html</a>
-        </td>
-    </tr>
-    <tr>
-        <td>Partial</td>
-        <td>
-            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/Views/Shared/MenuAlive.cshtml">/Views/Shared/MenuAlive.cshtml</a>
-        </td>
-        <td>
-            <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/rockstar-files/menu-alive.html">/menu-alive.html</a>
-        </td>
-    </tr>
-    <tr>
-        <td>Page</td>
-        <td>
-            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/wwwroot/stars/alive/vedder/default.cshtml">/alive/vedder/default.cshtml</a>
-        </td>
-        <td>
-            <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/rockstar-files/alive/vedder/index.html">/alive/vedder/index.html</a>
-        </td>
-    </tr>
-</table>
-
-<h4>Embedding Remote Content</h4>
-
-<p>
-    A useful alternative to embedding static file content in pages is to source the content from a external url. Using the 
-    <a href="/docs/protected-filters#includeurlwithcache">includeUrlWithCache</a> filter this is easy to do with great
-    performance where you can embed remote url content, cache it for 1 minute and convert from markdown with:
-</p>
-
-<pre class="tpl"><code>{{ pass: url | includeUrlWithCache | markdown }}</code></pre>
-
-<p>
-    As seen in <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html">/grohl-url/index.html</a>
-    which is viewable at:
-</p>
-
-<h4><a href="/usecases/rockstar-files/alive/grohl-url/">/rockstar-files/alive/grohl-url/</a></h4>
-
-{{ "usecase-links" | partial({ order }) }}
diff --git a/src/wwwroot/usecases/index.html b/src/wwwroot/usecases/index.html
deleted file mode 100644
index 6d62521..0000000
--- a/src/wwwroot/usecases/index.html
+++ /dev/null
@@ -1,43 +0,0 @@
-<!--
-title: Overview
-order: 0
--->
-
-<p>
-    The ease-of-use, performance, no precompilation, interactivity and sandbox features of Templates makes it useful for a 
-    wide range of use cases. To help stimulate some potential ideas we've included some example use cases below:
-</p>
-
-<h4><a href="/docs/web-apps">Web Apps</a></h4>
-<p>
-    Build entire content-rich and data-driven .NET Websites in real-time for each major server platform without compilation.
-</p>
-
-<h4><a href="/usecases/content-websites">Content Websites</a></h4>
-<p>
-    Build self-contained content-heavy and documentation websites without any code.
-</p>
-
-<h4><a href="/usecases/email-templates">Email Templates</a></h4>
-<p>
-    Provide marketers a live editing experience to easily generate plain-text and HTML Templates.
-</p>
-
-<h4><a href="/usecases/live-documents">Live Documents</a></h4>
-<p>
-    Use Templates built-in functionality and live interactivity experience to author and preview smart documents in real-time.
-</p>
-
-<h4><a href="/usecases/introspect-state">Introspect State</a></h4>
-<p>
-    Use Templates to execute adhoc queries on the state of a running .NET App.
-</p>
-
-<h4><a href="/usecases/adhoc-querying">Adhoc Querying</a></h4>
-<p>
-    Easily query data sources offering free-text APIs like using SQL to query RDBMS's with 
-    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>.
-</p>
-
-{{ "usecase-links" | partial({ order }) }}
-
diff --git a/src/wwwroot/usecases/introspect-state.html b/src/wwwroot/usecases/introspect-state.html
deleted file mode 100644
index 73980a9..0000000
--- a/src/wwwroot/usecases/introspect-state.html
+++ /dev/null
@@ -1,95 +0,0 @@
-<!--
-title: Introspect State
-order: 5
--->
-
-<p>
-    Since templates are executable at runtime without precompilation it's a great tool for running 
-    live queries to inspect the state of a running .NET App within a controlled window sandbox. 
-    Here's an example of querying a Server's state:
-</p>
-
-<style>
-    form textarea {
-        padding: 10px;
-        width: 100%;
-        height: 600px;
-    }
-</style>
-
-<form action="/introspect/state">
-    <ul class="nav nav-tabs" role="tablist">
-        <li class="nav-item">
-            <a class="nav-link active" data-toggle="tab" href="#process-template" role="tab">process</a>
-        </li>
-    </ul>
-
-    <div class="tab-content">
-        <div class="tab-pane active" id="process-template" role="tabpanel">
-            <textarea name="Page"
-             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/introspect.html' | includeFile }}</textarea>
-        </div>
-    </div>
-</form>
-
-<hr style="margin:20px 0">
-
-<div id="output"></div>
-
-{{ `<script>
-$('form').ajaxPreview({ 
-    dataType: 'html',
-    success: function(r) {
-        $("#output").html(r);
-    } 
-})
-</script>` | raw | assignTo: scripts }}
-
-<hr style="margin:20px 0">
-
-<h4>Implementation</h4>
-
-<p>
-    To implement <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/IntrospectStateServices.cs">IntrospectStateServices.cs</a>
-    we created a separate Service using a new <em>TemplateContext</em> instance with a custom set of filters which just exposes the APIs 
-    we want to be able to query:
-</p>
-
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/IntrospectStateServices.cs">IntrospectStateServices.cs</a></h4>
-
-{{ 'gfm/introspect-state/01.md' | githubMarkdown }}
-
-<h4 id="client-ui">Client UI</h4>
-
-<p>
-    Then to implement the 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/introspect-state.html">Client UI</a>
-    we just used a FORM containing Bootstrap Tabs that only uses this custom javascript:
-</p>
-
-{{ 'gfm/introspect-state/02.md' | githubMarkdown }}
-
-<p>
-    Which calls the generic <em>ajaxPreview</em> jQuery plugin in 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/assets/js/default.js">default.js</a>
-    to make an ajax request on every text box change.
-</p>
-
-<h3>Debug Template</h3>
-
-<p>
-    As this feature is an extremely useful way to inspect the state of a remote .NET or .NET Core App it's an embedded feature in
-    ServiceStack which is automatically registered in <a href="http://docs.servicestack.net/debugging#debugmode">DebugMode</a>
-    which can optionally be made available to everyone with:
-</p>
-
-{{ 'gfm/introspect-state/03.md' | githubMarkdown }}
-
-<p>
-    Which we've done in this App so you can inspect this Servers State from:
-</p>
-
-<h4><a href="/metadata/debug">/metadata/debug</a></h4>
-
-
-{{ "usecase-links" | partial({ order }) }}
diff --git a/src/wwwroot/usecases/live-documents.html b/src/wwwroot/usecases/live-documents.html
deleted file mode 100644
index f855f5f..0000000
--- a/src/wwwroot/usecases/live-documents.html
+++ /dev/null
@@ -1,20 +0,0 @@
-<!--
-title: Live Documents
-order: 4
--->
-
-<p>
-    The lack of pre-compilation and its fast startup and runtime performance makes Templates ideal for maintaining 
-    reactive live documents containing a mix of docs, processing and calculations like creating a personal budget:
-</p>
-
-{{ 'examples/monthly-budget.txt' | includeFile | assignTo: template }}
-{{ "live-template" | partial({ rows:33, template }) }}
-
-<style>
-    .output {
-        font-family: Monaco, Consolas;
-    }
-</style>
-
-{{ "usecase-links" | partial({ order }) }}
diff --git a/src/wwwroot/usecases/rockstar-files/alive/_layout.html b/src/wwwroot/usecases/rockstar-files/alive/_layout.html
deleted file mode 100644
index e18d704..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/_layout.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-<title>Alive Rockstars - {{ title }}</title>
-<link href="../../default.css" rel="stylesheet" />
-<style type="text/css">
-body {
-    background: #ACDBCE url(../../img/green_dust_scratch.png);
-    background-attachment: fixed;
-}
-a {
-    color: #060;    
-}
-</style>
-</head>
-    <body>
-        <a id="back" href="../../../content-websites">&#8592; Content Websites</a>
-
-        <div id="page">
-            <div id="info">
-                <h6>Rockstars still rocking it...</h6>
-                <p>
-                    <a id="home" href="../../"></a>
-                </p>
-            </div>
-
-            <h1>{{ title }}</h1>
-            
-            {{ "menu-alive" | partial }}
-        
-            <div id="content">
-                {{ page }}
-                <b class="clear"></b>
-            </div>
-            
-            {{ "menu-dead" | partial }}
-        </div>
-
-    </body>
-</html>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html b/src/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html
deleted file mode 100644
index 224cdde..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html
+++ /dev/null
@@ -1,37 +0,0 @@
-<!--
-title: Dave Grohl
--->
-<div id="content-page">
-    
-    <img src="../grohl/splash.jpg" id="splash" alt="Dave Grohl" />
-    <p>
-        David Eric "Dave" Grohl is an American rock musician, multi-instrumentalist, and 
-        singer-songwriter, who is the lead vocalist, guitarist, primary songwriter and founder of 
-        the Foo Fighters, prior to ... Wikipedia
-    </p>
-
-    <dl>
-        <dt>
-            Born
-        </dt>
-        <dd>
-            January 14, 1969 (age 48), Warren
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Jordyn Blum (m. 2003), Jennifer Youngblood (m. 1993-1997)
-        </dd>
-        <dt>
-            Music groups
-        </dt>
-        <dd>
-            Foo Fighters, Nirvana, Scream, Killing Joke, Melvana
-        </dd>
-    </dl>
-
-    {{ "https://raw.githubusercontent.com/NetCoreApps/TemplatePages/master/src/wwwroot/usecases/rockstar-files/alive/grohl/content.md" 
-       | includeUrlWithCache | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/grohl/index.html b/src/wwwroot/usecases/rockstar-files/alive/grohl/index.html
deleted file mode 100644
index ac91b12..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/grohl/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-title: Dave Grohl
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Dave Grohl" />
-    <p>
-        David Eric "Dave" Grohl is an American rock musician, multi-instrumentalist, and 
-        singer-songwriter, who is the lead vocalist, guitarist, primary songwriter and founder of 
-        the Foo Fighters, prior to ... Wikipedia
-    </p>
-
-    <dl>
-        <dt>
-            Born
-        </dt>
-        <dd>
-            January 14, 1969 (age 48), Warren
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Jordyn Blum (m. 2003), Jennifer Youngblood (m. 1993-1997)
-        </dd>
-        <dt>
-            Music groups
-        </dt>
-        <dd>
-            Foo Fighters, Nirvana, Scream, Killing Joke, Melvana
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/love/index.html b/src/wwwroot/usecases/rockstar-files/alive/love/index.html
deleted file mode 100644
index c40f204..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/love/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-title: Courtney Love
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Courtney Love" />
-    <p>
-        Courtney Michelle Love is an American singer-songwriter, musician, actress and artist. 
-        Love initially gained notoriety in the Los Angeles indie rock scene with her band Hole, 
-        which she formed in 1989 with Eric Erlandson. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            July 9, 1964 (age 53), San Francisco
-        </dd>
-        <dt>
-            Height
-        </dt>
-        <dd>
-            5' 10" (1.77 m)
-        </dd>
-        <dt>
-            Albums
-        </dt>
-        <dd>
-            Nobody's Daughter, America's Sweetheart
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/springsteen/index.html b/src/wwwroot/usecases/rockstar-files/alive/springsteen/index.html
deleted file mode 100644
index 19c797a..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/springsteen/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--
-title: Bruce Springsteen
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Bruce Springsteen" />
-    <p>
-        Bruce Frederick Joseph Springsteen, nicknamed "The Boss", is an American singer-songwriter 
-        and multi-instrumentalist who records and tours with the E Street Band. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            September 23, 1949 (age 67), Long Branch
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Patti Scialfa (m. 1991), Julianne Phillips (m. 1985-1989)
-        </dd>
-        <dt>
-            Music groups
-        </dt>
-        <dd>
-            E Street Band, U.S.A. for Africa, Steel Mill
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/vedder/index.html b/src/wwwroot/usecases/rockstar-files/alive/vedder/index.html
deleted file mode 100644
index 7944daa..0000000
--- a/src/wwwroot/usecases/rockstar-files/alive/vedder/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
-<!--
-title: Eddie Vedder
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Eddie Vedder" />
-    <p>
-        Eddie Vedder is an American musician and singer-songwriter who is best known for being the 
-        lead singer and one of three guitarists of the alternative rock band Pearl Jam. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            December 23, 1964 (age 52), Evanston
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Jill McCormick (m. 2010), Beth Liebling (m. 1994-2000)
-        </dd>
-        <dt>
-            Music groups
-        </dt>
-        <dd>
-            Pearl Jam, Temple of the Dog, Bad Radio, Hovercraft
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/_layout.html b/src/wwwroot/usecases/rockstar-files/dead/_layout.html
deleted file mode 100644
index fdbeded..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/_layout.html
+++ /dev/null
@@ -1,40 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-<title>Dead Rockstars - {{ title }}</title>
-<link href="../../default.css" rel="stylesheet" />
-<style type="text/css">
-body {
-    background: #ACDBCE url(../../img/tileable_wood_texture.png);
-    background-attachment: fixed;
-}
-a {
-    color: #a30;
-}
-</style>
-</head>
-    <body>
-        <a id="back" href="../../../content-websites">&#8592; Content Websites</a>
-
-        <div id="page">
-            <div id="info">
-                <h6>Rocking the grave...</h6>
-                <p>
-                    <a id="home" href="../../"></a>
-                </p>
-            </div>
-
-            <h1>{{ title }}</h1>
-            
-            {{ "menu-dead" | partial }}
-        
-            <div id="content">
-                {{ page }}
-                <b class="clear"></b>
-            </div>
-            
-            {{ "menu-alive" | partial }}
-        </div>
-
-    </body>
-</html>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/cobain/index.html b/src/wwwroot/usecases/rockstar-files/dead/cobain/index.html
deleted file mode 100644
index 95bfe3c..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/cobain/index.html
+++ /dev/null
@@ -1,41 +0,0 @@
-<!--
-title: Kurt Cobain
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Kurt Cobain" />
-    <p>
-        Kurt Donald Cobain was an American singer-songwriter, musician and artist, best known as the 
-        lead singer and guitarist of the grunge band Nirvana. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            February 20, 1967, Aberdeen
-        </dd>
-        <dt> 
-            Died
-        </dt>
-        <dd>
-            April 5, 1994, Seattle
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Courtney Love (m. 1992-1994)
-        </dd>
-        <dt>
-            Music groups
-        </dt>
-        <dd>
-            Nirvana
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/hendrix/index.html b/src/wwwroot/usecases/rockstar-files/dead/hendrix/index.html
deleted file mode 100644
index 7992dda..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/hendrix/index.html
+++ /dev/null
@@ -1,30 +0,0 @@
-<!--
-title: Jimi Hendrix
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Jimi Hendrix" />
-    <p>
-        James Marshall "Jimi" Hendrix was an American musician and singer-songwriter. 
-        He is widely considered to be the greatest electric guitarist in music history and one of 
-        the most influential musicians of ... 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            November 27, 1942, Seattle
-        </dd>
-        <dt>
-            Died
-        </dt>
-        <dd>
-            September 18, 1970, London
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
\ No newline at end of file
diff --git a/src/wwwroot/usecases/rockstar-files/dead/jackson/index.html b/src/wwwroot/usecases/rockstar-files/dead/jackson/index.html
deleted file mode 100644
index 10270f9..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/jackson/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--  
-title: Michael Jackson
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Michael Jackson" />
-    <p>
-        Michael Joseph Jackson was an American recording artist, entertainer, and businessman. 
-        Often referred to as the King of Pop, or by his initials MJ, Jackson is recognized as the 
-        most successful entertainer of all time by Guinness World Records. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            August 29, 1958, Gary
-        </dd>
-        <dt>
-            Died
-        </dt>
-        <dd>
-            June 25, 2009, UCLA Medical Center
-        </dd>
-        <dt>
-            Albums
-        </dt>
-        <dd>
-            Thriller, Immortal, Bad, Number Ones, Dangerous
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/joplin/index.html b/src/wwwroot/usecases/rockstar-files/dead/joplin/index.html
deleted file mode 100644
index b1e3ad5..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/joplin/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--
-title: Janis Joplin
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Janis Joplin" />
-    <p>
-        Janis Lyn Joplin was an American singer and songwriter from Port Arthur, Texas. As a youth 
-        Joplin was ridiculed by her fellow students due to her unconventional appearance and 
-        personal beliefs. 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            January 19, 1943, Port Arthur
-        </dd>
-        <dt>
-            Died
-        </dt>
-        <dd>
-            October 4, 1970, Los Angeles
-        </dd>
-        <dt>
-            Nicknames
-        </dt>
-        <dd>
-            Beat Weeds, Pearl
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/presley/index.html b/src/wwwroot/usecases/rockstar-files/dead/presley/index.html
deleted file mode 100644
index 707970d..0000000
--- a/src/wwwroot/usecases/rockstar-files/dead/presley/index.html
+++ /dev/null
@@ -1,36 +0,0 @@
-<!--  
-title: Elvis Presley
--->
-<div id="content-page">
-    
-    <img src="splash.jpg" id="splash" alt="Elvis Presley" />
-    <p>
-        Elvis Aaron Presley was one of the most popular American singers of the 20th century. 
-        A cultural icon, he is commonly known by the single name Elvis. He is often referred to 
-        as the "King of Rock and Roll" or simply "the King". 
-    </p>
-
-    <dl>
-        <dt> 
-            Born
-        </dt>
-        <dd>
-            January 8, 1935, Tupelo
-        </dd>
-        <dt>
-            Died
-        </dt>
-        <dd>
-            August 16, 1977, Memphis
-        </dd>
-        <dt>
-            Spouse
-        </dt>
-        <dd>
-            Priscilla Presley (m. 1967-1973)
-        </dd>
-    </dl>
-
-    {{ "content.md" | includeFile | markdown }}
-
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/menu-alive.html b/src/wwwroot/usecases/rockstar-files/menu-alive.html
deleted file mode 100644
index 9b9c7d4..0000000
--- a/src/wwwroot/usecases/rockstar-files/menu-alive.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{{ {
-    "/usecases/rockstar-files/alive/grohl/": "Dave Grohl",
-    "/usecases/rockstar-files/alive/vedder/": "Eddie Vedder",
-    "/usecases/rockstar-files/alive/springsteen/": "Bruce Springsteen",
-    "/usecases/rockstar-files/alive/love/": "Courtney Love"
-} | assignTo: links }}
-
-<div class="menu">
-    <ul>
-        <li class="label"><b>Living Rockstars:</b></li>
-        {{ links | toList 
-           | select: <li class="{ 'active' | ifMatchesPathInfo(it.Key) }"><a href="{ it.Key }">{ it.Value }</a></li> }}
-    </ul>                
-</div>
diff --git a/src/wwwroot/usecases/rockstar-files/menu-dead.html b/src/wwwroot/usecases/rockstar-files/menu-dead.html
deleted file mode 100644
index e22a39d..0000000
--- a/src/wwwroot/usecases/rockstar-files/menu-dead.html
+++ /dev/null
@@ -1,15 +0,0 @@
-{{ {
-    "/usecases/rockstar-files/dead/cobain/": "Kurt Cobain",
-    "/usecases/rockstar-files/dead/hendrix/": "Jimi Hendrix",
-    "/usecases/rockstar-files/dead/jackson/": "Michael Jackson",
-    "/usecases/rockstar-files/dead/joplin/": "Janis Joplin",
-    "/usecases/rockstar-files/dead/presley/": "Elvis Presley"
-} | assignTo: links }}
-
-<div class="menu">
-    <ul>
-        <li class="label"><b>Past Rockstars:</b></li>
-        {{ links | toList 
-           | select: <li class="{ 'active' | ifMatchesPathInfo(it.Key) }"><a href="{ it.Key }">{ it.Value }</a></li> }}
-    </ul>                
-</div>
diff --git a/wip/script-net.ss b/wip/script-net.ss
new file mode 100644
index 0000000..935659c
--- /dev/null
+++ b/wip/script-net.ss
@@ -0,0 +1,19 @@
+Type Examples
+
+{{#function info(o) }}
+   `${o.getType().typeQualifiedName()} '${o}'` |> raw |> return
+{{/function}}
+
+```code
+'DateTime'.new() | info
+'int'.new() | info
+'Int32'.new() | info
+'System.Text.StringBuilder'.new() | info
+'Dictionary<string,int>'.new() | info
+
+'Ints'.new([1,2])
+'Ints'.new([1.0,2.0])
+'KeyValuePair<string,int>'.new(['A',1])
+'KeyValuePair<char,double>'.new(['A',1])
+
+```
diff --git a/wwwroot/_layout.html b/wwwroot/_layout.html
new file mode 100644
index 0000000..15f8fd5
--- /dev/null
+++ b/wwwroot/_layout.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <title>{{ title ?? "Script" }}</title>
+    <meta charset="utf-8">
+    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+    <link rel="shortcut icon" type="image/png" href="/assets/img/favicon.png">
+    <link rel="stylesheet" href="/assets/css/bootstrap.css">
+    <link rel="stylesheet" href="/assets/css/gfm.css">
+    <link rel="stylesheet" href="/assets/css/default.css">
+</head>
+
+<body>
+    <i hidden>{{ '/js/hot-loader.js' |> ifDebugIncludeScript }}</i>
+
+    <nav id="topnav" class="navbar navbar-light bg-faded">
+        <a title="#Script" class="navbar-brand" href="/" style="width:220px;">
+            <img src="/assets/img/logo.svg" width="32" height="32" class="d-inline-block align-top" alt="" style="float:left;margin:3px 3px 0 0">
+            <h2 style="color:#000">Script</h2>
+        </a>
+        <button id="sidebar-toggle" class="navbar-toggler" type="button">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+    </nav>
+    <div id="scroll-screen"></div>
+    
+    <div id="body">
+
+        {{ "sidebar" |> partial }}
+
+        <div id="content">
+            <h1>{{ title }}</h1>
+            {{ page }}
+        </div>
+
+    </div>
+
+    <div id="sig"><p>made with <span>&#10084;</span> by <a target="_blank" href="https://servicestack.net" title="ServiceStack">ServiceStack</a></p></div>
+
+    <script src="/assets/js/jquery-3.2.1.min.js"></script>
+    <script src="/assets/js/bootstrap.min.js"></script>
+    <script src="/assets/js/default.js"></script>
+
+    <script>
+        var pathinfo = location.pathname + location.hash;
+        if (pathinfo != "/")
+        {
+            var scrollItem = $("#sidebar").find("a[href='" + pathinfo + "']")
+                .parents().filter("div>ul>li")[0];
+        
+            if (scrollItem) {
+                scrollItem.scrollIntoView({
+                    block: "start"
+                });
+            }
+        }
+        $("#sidebar-toggle").click(function(){
+            $("#sidebar").fadeToggle()
+        })
+    </script>
+            
+    {{ scripts |> raw }}
+
+<!-- Global site tag (gtag.js) - Google Analytics -->
+<script async src="https://www.googletagmanager.com/gtag/js?id=UA-7722718-15"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+  gtag('config', 'UA-7722718-15');
+</script>
+
+    
+</body>
+</html>
\ No newline at end of file
diff --git a/wwwroot/_net-usage-partial.html b/wwwroot/_net-usage-partial.html
new file mode 100644
index 0000000..135a4a8
--- /dev/null
+++ b/wwwroot/_net-usage-partial.html
@@ -0,0 +1,29 @@
+{{ 'gfm/introduction/11.md' |> githubMarkdown }}
+
+<p>
+    Where you can customize the pure <a href="/docs/sandbox">sandboxed</a> <em>ScriptContext</em> your Script is executed within by extending it with:
+</p>
+
+<ul>
+    <li>
+        <a href="/docs/arguments">Arguments</a>
+    </li>
+    <li>
+        <a href="/docs/methods">Script Methods</a>
+    </li>
+    <li>
+        <a href="/docs/blocks">Script Blocks</a>
+    </li>
+    <li>
+        <a href="/docs/transformers">Filter Transformers</a>
+    </li>
+    <li>
+        <a href="/docs/script-plugins">Script Plugins</a>
+    </li>
+    <li>
+        <a href="/docs/page-formats">Page Formats</a>
+    </li>
+    <li>
+        <a href="/docs/plugins">Plugins</a>
+    </li>
+</ul>
diff --git a/wwwroot/apps-links.html b/wwwroot/apps-links.html
new file mode 100644
index 0000000..4c6664c
--- /dev/null
+++ b/wwwroot/apps-links.html
@@ -0,0 +1,12 @@
+<div class="apps-links">
+
+    {{#with order.prevAppsLink() }}
+        <span>&#8592; <a href="{{ Key }}">{{ Value }}</a></span>
+    {{/with}}
+
+
+    {{#with order.nextAppsLink() }}
+        <span style="float:right"><a href="{{ Key }}">{{ Value }}</a> &#8594;</span>
+    {{/with}}
+
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/assets/css/bootstrap.css b/wwwroot/assets/css/bootstrap.css
similarity index 100%
rename from src/wwwroot/assets/css/bootstrap.css
rename to wwwroot/assets/css/bootstrap.css
diff --git a/src/wwwroot/assets/css/default.css b/wwwroot/assets/css/default.css
similarity index 89%
rename from src/wwwroot/assets/css/default.css
rename to wwwroot/assets/css/default.css
index a03f77d..a8fab6c 100644
--- a/src/wwwroot/assets/css/default.css
+++ b/wwwroot/assets/css/default.css
@@ -82,8 +82,8 @@ a:hover {
     top: 63px;
     left: 0;
     bottom: 0;
-    overflow-x: hidden;
-    overflow-y: auto;
+    overflow-x: scroll;
+    overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: none;
 }
@@ -189,6 +189,9 @@ blockquote {
     border-left: 0.25rem solid #eceeef;
     background: #f8f8f8;
 }
+blockquote > p {
+    margin: 0;
+}
 caption {
     caption-side: top; 
     text-align: center;
@@ -197,6 +200,9 @@ caption {
 .html-sm {
     font-size: .75rem;
 }
+.no-pre, .no-pre .output {
+    white-space: normal;
+}
 .html {
     font-size: .8rem;
 }
@@ -231,8 +237,28 @@ caption {
     display: none;
 }
 
-::-webkit-scrollbar { width:7px; height:5px }
-::-webkit-scrollbar-thumb { background-color:#ccc; }
+#sidebar::-webkit-scrollbar
+{
+    width:10px; 
+    height:15px;
+}
+#sidebar::-webkit-scrollbar-thumb
+{
+    background-color: #f8f8f8;
+}
+
+.youtube-play {
+    background: no-repeat url(/assets/img/youtube-play.png);
+    display: block;
+    position: absolute;
+    opacity: 0.8;
+}
+.youtube-play:hover {
+    background: no-repeat url(/assets/img/youtube-play-hover.png);
+    opacity: 1;
+    background-color: rgba(255,255,255,.1);
+    cursor: pointer;
+}
 
 @media (max-width: 1366px) {
     #content {
diff --git a/src/wwwroot/assets/css/gfm.css b/wwwroot/assets/css/gfm.css
similarity index 98%
rename from src/wwwroot/assets/css/gfm.css
rename to wwwroot/assets/css/gfm.css
index 272ab8e..15a3881 100644
--- a/src/wwwroot/assets/css/gfm.css
+++ b/wwwroot/assets/css/gfm.css
@@ -761,3 +761,18 @@
 .gfm .vg { color: #dd7700 } /* Name.Variable.Global */
 .gfm .vi { color: #3333bb } /* Name.Variable.Instance */
 .gfm .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
+
+/* Custom */
+
+.gfm blockquote p {
+  padding: .5em 0;
+}
+#content .gfm h2, #content .gfm h3, #content .gfm h4 {
+  padding: 0;
+}
+.gfm .h-link {
+  cursor: pointer;
+}
+.gfm h2.h-link:hover:after, .gfm h3.h-link:hover:after, .gfm h4.h-link:hover:after {
+  content: " \00B6";
+}
\ No newline at end of file
diff --git a/src/wwwroot/assets/img/favicon.png b/wwwroot/assets/img/favicon.png
similarity index 85%
rename from src/wwwroot/assets/img/favicon.png
rename to wwwroot/assets/img/favicon.png
index 08e81b4..b8f2b8a 100644
Binary files a/src/wwwroot/assets/img/favicon.png and b/wwwroot/assets/img/favicon.png differ
diff --git a/wwwroot/assets/img/logo.svg b/wwwroot/assets/img/logo.svg
new file mode 100644
index 0000000..6a0c6f2
--- /dev/null
+++ b/wwwroot/assets/img/logo.svg
@@ -0,0 +1,18 @@
+<svg width="36" height="36" xmlns="http://www.w3.org/2000/svg">
+    <g stroke="null" id="svg_7">
+        <path stroke="null" id="svg_1"
+              d="m31.729624,21.922979c0.007364,-1.365167 -1.116897,-2.465748 -2.488546,-2.475266l-3.268174,0.000895l-0.025503,-6.486645l3.268174,-0.000895c1.371649,0.009518 2.463594,-1.110415 2.479594,-2.47991c0.007364,-1.365167 -1.116897,-2.465748 -2.488546,-2.475266l-3.268174,0.000895l-0.005324,-3.384814c0.007364,-1.365167 -1.116897,-2.465748 -2.488546,-2.475266c-1.371649,-0.009518 -2.463594,1.110415 -2.479594,2.47991l0.005324,3.384814l-6.726426,0.010607l-0.005324,-3.384814c0.007364,-1.365167 -1.116897,-2.465748 -2.488546,-2.475266c-1.371649,-0.009518 -2.463594,1.110415 -2.479594,2.47991l0.005324,3.384814l-3.259538,-0.003434c-1.371649,-0.009518 -2.463594,1.110415 -2.479594,2.47991c0.011779,1.047619 0.72114,1.967143 1.648135,2.318367c0.41925,0.211294 0.812328,0.154765 4.102103,0.153851l0.025503,6.486645l-3.268174,0.000895c-1.365167,-0.007364 -2.465748,1.116897 -2.479594,2.47991c0.011779,1.047619 0.72114,1.967143 1.648135,2.318367c0.41925,0.211294 0.812328,0.154765 4.102103,0.153851l0.005324,3.384814c0.018423,1.222578 0.976443,2.411878 2.488546,2.475266c1.371649,0.009518 2.463594,-1.110415 2.479594,-2.47991l-0.005324,-3.384814l6.741544,-0.012781l0.005324,3.384814c0.018423,1.222578 0.976443,2.411878 2.488546,2.475266c1.371649,0.009518 2.463594,-1.110415 2.479594,-2.47991l-0.005324,-3.384814l3.268174,-0.000895c1.360859,0.020329 2.46144,-1.103933 2.468804,-2.469099zm-17.487965,-2.413726l-0.021195,-6.499609l6.735062,-0.014935l0.021195,6.499609l-6.735062,0.014935z"/>
+        <path stroke="null" id="svg_3"
+              d="m13.401813,25.865762c0.951799,1.047827 1.064291,3.14371 0.24387,4.543654c-0.517337,0.882772 -5.48437,5.46806 -5.636246,5.203071c-0.049571,-0.086489 -0.139827,-1.684333 -0.200569,-3.550766c-0.097303,-2.989829 -0.055951,-3.522134 0.34762,-4.474762c0.818022,-1.930938 2.745367,-2.979955 4.241523,-2.308582c0.436599,0.195917 0.88831,0.46024 1.003803,0.587384l0,0zm-1.596996,0.46894c-0.145073,0.233394 -0.105227,0.394074 0.121554,0.490147c0.516856,0.218961 0.892959,1.327291 0.731263,2.154938c-0.172486,0.882875 0.239729,1.171196 0.628569,0.439648c0.749156,-1.40943 -0.676911,-4.378969 -1.481385,-3.084733l0,0z"
+              fill-opacity="null" stroke-opacity="null" stroke-width="null" fill="null"/>
+        <path stroke="null" id="svg_4"
+              d="m26.634068,25.135983c0.997237,1.09785 1.1151,3.293788 0.255512,4.760565c-0.542034,0.924914 -5.746189,5.7291 -5.905316,5.451462c-0.051937,-0.090618 -0.146502,-1.764742 -0.210144,-3.720277c-0.101948,-3.13256 -0.058622,-3.690278 0.364216,-4.688384c0.857074,-2.023119 2.876428,-3.122216 4.444009,-2.418791c0.457442,0.205271 0.930718,0.482212 1.051723,0.615426l0,0zm-1.673235,0.491327c-0.151999,0.244537 -0.11025,0.412887 0.127356,0.513547c0.54153,0.229414 0.935589,1.390655 0.766173,2.257813c-0.180721,0.925022 0.251173,1.227108 0.658576,0.460636c0.78492,-1.476715 -0.709226,-4.588017 -1.552105,-3.231996l-0.000001,0z"
+              fill-opacity="null" stroke-opacity="null" stroke-width="null" fill="null"/>
+        <path stroke="null" id="svg_5"
+              d="m21.18293,5.048344c-0.150945,-1.081367 0.688462,-2.465651 1.819746,-3.000984c0.71336,-0.337568 5.871313,-1.099898 5.85289,-0.865041c-0.006013,0.076654 -0.64309,1.13395 -1.415727,2.349545c-1.237683,1.947256 -1.495423,2.268437 -2.166665,2.699968c-1.360579,0.874695 -3.044588,0.705256 -3.706011,-0.372886c-0.193012,-0.314618 -0.365917,-0.67939 -0.384233,-0.810603l0,0zm1.221368,0.395431c0.19389,-0.085643 0.238349,-0.205341 0.13562,-0.365135c-0.234131,-0.364188 0.008028,-1.233849 0.47083,-1.690891c0.493685,-0.487541 0.356377,-0.850433 -0.209375,-0.553359c-1.090002,0.572355 -1.472247,3.084298 -0.397075,2.609385l0,0z"
+              fill-opacity="null" stroke-opacity="null" stroke-width="null" fill="null"/>
+        <path stroke="null" id="svg_6"
+              d="m13.264505,6.036925c-0.939511,0.658711 -2.636367,0.535793 -3.678608,-0.266476c-0.657211,-0.505891 -3.838782,-4.966952 -3.61023,-5.062106c0.074597,-0.031057 1.368693,0.059039 2.875768,0.200212c2.414176,0.226145 2.83802,0.313591 3.562989,0.735109c1.469481,0.854399 2.116828,2.511072 1.424621,3.645854c-0.201997,0.331145 -0.46054,0.667479 -0.574542,0.747407l0,0zm-0.214509,-1.331966c-0.172915,-0.140423 -0.306182,-0.124739 -0.406527,0.047845c-0.228698,0.393338 -1.158252,0.582944 -1.807342,0.368654c-0.692402,-0.228589 -0.966223,0.07354 -0.417537,0.460704c1.057122,0.745926 3.590263,-0.098521 2.631406,-0.877203l0,0z"
+              fill-opacity="null" stroke-opacity="null" stroke-width="null" fill="null"/>
+    </g>
+</svg>
\ No newline at end of file
diff --git a/wwwroot/assets/img/multi-langs.svg b/wwwroot/assets/img/multi-langs.svg
new file mode 100644
index 0000000..13ea05d
--- /dev/null
+++ b/wwwroot/assets/img/multi-langs.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="809px" height="211px" viewBox="-0.5 -0.5 809 211" content="&lt;mxfile host=&quot;www.draw.io&quot; modified=&quot;2019-09-27T21:13:03.396Z&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36&quot; etag=&quot;ay7leU6z7K01zyHWwoUe&quot; version=&quot;12.0.0&quot; type=&quot;device&quot; pages=&quot;1&quot;&gt;&lt;diagram id=&quot;4GX1z3SIiXSqh2pcvB7I&quot; name=&quot;Page-1&quot;&gt;5VvtjqM2FH2aSLOVWoENBH7uZGa3qtpq1WjbnxUDTmALmBpnk+nT1wZDgi/RZDJ8jEgSKfYFG3zO/fC1YYFX6eEz8/PoNxqSZIGM8LDADwuETGS44k9KnpXEQXYl2bI4VLKjYB3/R5TQUNJdHJKidSKnNOFx3hYGNMtIwFsynzG6b5+2oUn7qrm/JUCwDvwESv+KQx5VUtc2jvKfSbyN6iubhjqS+vXJSlBEfkj3JyL8uMArRimvSulhRRKJXo1L1e7TmaPNjTGS8UsaeKso/T34O/v3c/HNXwUk+nXz9UdLdfPdT3ZqxOpu+XMNAaO7LCSyF2OB7/dRzMk69wN5dC9YF7KIp4momaK4iZNkRRPKyrY4tIkbWkJecEb/ISdHXPSEHUccUTdAGCeHs0MzG8CEqhGaEs6exSmqgV3TobTMUtX9kTG0VLLohK1Gy3ylJdum6yOQoqCwfAWuF8D6ApB+kVf6vIkPEvx7P4m3magnZMP7gc1EL6JmjooaAqiV5ilMnhy4+Fss7+UPGaasIFlCTQmXJzzInw512byFblsdM5oRTXeVSANdwh0L5/BRidM4DOVFOq2ibTc98IXbfNmQL7NTy4eiC0Mld4zql8RFvkBOIkF7YqK0laW7iilT8YY/wFOaHm6ERBEQf7Iv49EeikfrPI+BiOiQpDPmd3NcomWLS/dCIi17ICJtQGRK2Yn/9LNQ3p6EpiihmSkvuo3hDmLsMT2lAy1MhrJV5SaNux80rygC2ep2AlmD+yk/zpj8LAE/nKR54nNoIq+bDSdx/mf3zHhjy2/XzNgpP7IFzfiJvPr05LmsNgWOBxjo8lx4KAJcQEAVeYYC3w1IEHSB/+Talt1XeNBANhGeFmUPoFw5oIFQDn3ibjpRdgKXPG0GQnm5nBblOj1638kfrsf/brI/EybNG+ZvUzmgPtckpvW82Grj3pXFeV24O0PBDrPuI+zG3S/Fmos4WFbt+4X98KFfMkbxxDroLnTEI4MOc+cb0HXTdKbGHea6p8q+fjzkjBRFTLMhlH2cgAhQn97FwMT0FrTdtabGHeads9d2Mf+bGnWYzABcSRZ+lLtTohYkvqAgaENZNSAh2Jx6EZaTYXctcdQyRkR2G39vd98FhbrCFxqXSlNPuusx1QG1WcWs+yjojgVENTsiCns6E5rrfrjPtoSDfkpmmmG/gSyYE82QLNx2TNi9ni1T68oblS50QW41O7q8NxiXRpc3rnWhjoXPudGFtW3U612hnpKP7AoRXAWdIVm9uUKMJ3aFNzDNAHRd7woBXWO7QjjRmPkeg+1o7gymQ6Ouy2I4d5jBJoOOsvBoE8MMl3FnsMsAYPbQxDDDNZXZuX9HmxB5y2u9v2O57Z7cUZ0/voF5sKMHWBtfz5andWWNS9cNzIR1upDxBuPytK5Gti44E1bPjdIdz3dwjfna3ddAUEdYPwHF0Z5ZXsKwbdoepL8R9v8YIAIwfhEw/kGKXQIxfA+PIsnJ61rdklnXq1cIzJ4eLddpsiBNnYvLrw/7onp8GaAyjeM7Ffjxfw==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="538" y="0" width="270" height="210" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/><rect x="0" y="0" width="210" height="210" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(21.5,13.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="123" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 124px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">page text {{ 1 + 2 + 3 }}</div></div></foreignObject><text x="62" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">page text {{ 1 + 2 + 3 }}</text></switch></g><g transform="translate(21.5,127.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="45" height="40" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 46px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">```lisp<br />(+ 1 2 3)<br />```</div></div></foreignObject><text x="23" y="26" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(16.5,47.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="47" height="40" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">```code<br />1 + 2 + 3<br />```</div></div></foreignObject><text x="24" y="26" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><g transform="translate(21.5,98.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="137" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 138px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">more text and whitespace</div></div></foreignObject><text x="69" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">more text and whitespace</text></switch></g><g transform="translate(21.5,183.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="81" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 82px; white-space: nowrap; overflow-wrap: normal; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">{|lisp (* 1 2 3) |}</div></div></foreignObject><text x="41" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">{|lisp (* 1 2 3) |}</text></switch></g><rect x="230" y="29" width="70" height="30" fill="#f5f5f5" stroke="#666666" transform="translate(0,44)scale(1,-1)translate(0,-44)" pointer-events="none"/><g transform="translate(241.5,37.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">template</div></div></foreignObject><text x="23" y="12" fill="#333333" text-anchor="middle" font-size="12px" font-family="Helvetica">template</text></switch></g><rect x="230" y="83" width="70" height="30" fill="#f8cecc" stroke="#b85450" transform="translate(0,98)scale(1,-1)translate(0,-98)" pointer-events="none"/><g transform="translate(251.5,91.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">code</div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">code</text></switch></g><rect x="230" y="137" width="70" height="30" fill="#dae8fc" stroke="#6c8ebf" transform="translate(0,152)scale(1,-1)translate(0,-152)" pointer-events="none"/><g transform="translate(255.5,145.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="18" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 19px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lisp</div></div></foreignObject><text x="9" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">lisp</text></switch></g><rect x="318" y="0" width="210" height="210" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="328" y="10" width="190" height="26" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g transform="translate(398.5,16.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="48" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment</div></div></foreignObject><text x="24" y="12" fill="#333333" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment</text></switch></g><rect x="328" y="43" width="190" height="26" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><g transform="translate(356.5,49.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="132" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 133px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment (JsStatement[])</div></div></foreignObject><text x="66" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment (JsStatement[])</text></switch></g><rect x="328" y="76" width="190" height="26" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g transform="translate(398.5,82.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="48" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment</div></div></foreignObject><text x="24" y="12" fill="#333333" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment</text></switch></g><rect x="328" y="110" width="190" height="26" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/><g transform="translate(356.5,116.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="133" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 134px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment (SExpression[])</div></div></foreignObject><text x="67" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment (SExpression[])</text></switch></g><rect x="328" y="144" width="190" height="26" fill="#f5f5f5" stroke="#666666" pointer-events="none"/><g transform="translate(398.5,150.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="48" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; vertical-align: top; width: 48px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment</div></div></foreignObject><text x="24" y="12" fill="#333333" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment</text></switch></g><rect x="328" y="177" width="190" height="26" fill="#dae8fc" stroke="#6c8ebf" pointer-events="none"/><g transform="translate(356.5,183.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="133" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 134px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">fragment (SExpression[])</div></div></foreignObject><text x="67" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">fragment (SExpression[])</text></switch></g><path d="M 210 42.5 L 221.63 42.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 226.88 42.97 L 219.79 46.27 L 221.63 42.82 L 219.98 39.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 211 98.5 L 222.63 98.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 227.88 98.97 L 220.79 102.27 L 222.63 98.82 L 220.98 95.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 211 152.5 L 222.63 152.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 227.88 152.97 L 220.79 156.27 L 222.63 152.82 L 220.98 149.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 300 42.5 L 311.63 42.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 316.88 42.97 L 309.79 46.27 L 311.63 42.82 L 309.98 39.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 301 98.5 L 312.63 98.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 317.88 98.97 L 310.79 102.27 L 312.63 98.82 L 310.98 95.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 301 152.5 L 312.63 152.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 317.88 152.97 L 310.79 156.27 L 312.63 152.82 L 310.98 149.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="548" y="44" width="70" height="30" fill="#f5f5f5" stroke="#666666" transform="translate(0,59)scale(1,-1)translate(0,-59)" pointer-events="none"/><g transform="translate(559.5,52.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(51, 51, 51); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">template</div></div></foreignObject><text x="23" y="12" fill="#333333" text-anchor="middle" font-size="12px" font-family="Helvetica">template</text></switch></g><rect x="548" y="98" width="70" height="30" fill="#f8cecc" stroke="#b85450" transform="translate(0,113)scale(1,-1)translate(0,-113)" pointer-events="none"/><g transform="translate(569.5,106.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="26" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 27px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">code</div></div></foreignObject><text x="13" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">code</text></switch></g><rect x="548" y="152" width="70" height="30" fill="#dae8fc" stroke="#6c8ebf" transform="translate(0,167)scale(1,-1)translate(0,-167)" pointer-events="none"/><g transform="translate(573.5,160.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="18" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 19px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">lisp</div></div></foreignObject><text x="9" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">lisp</text></switch></g><path d="M 618 57.5 L 629.63 57.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 634.88 57.97 L 627.79 61.27 L 629.63 57.82 L 627.98 54.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 619 113.5 L 630.63 113.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 635.88 113.97 L 628.79 117.27 L 630.63 113.82 L 628.98 110.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 619 167.5 L 630.63 167.82" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 635.88 167.97 L 628.79 171.27 L 630.63 167.82 L 628.98 164.28 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="638" y="38" width="159" height="159" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(685.5,111.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="64" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 64px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">page output</div></div></foreignObject><text x="32" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">page output</text></switch></g><g transform="translate(639.5,9.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="87" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 88px; white-space: nowrap; overflow-wrap: normal; font-weight: bold; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">PageResult</div></div></foreignObject><text x="44" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica" font-weight="bold">PageResult</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/wwwroot/assets/img/query-github.png b/wwwroot/assets/img/query-github.png
new file mode 100644
index 0000000..1c71bc1
Binary files /dev/null and b/wwwroot/assets/img/query-github.png differ
diff --git a/wwwroot/assets/img/sandbox.svg b/wwwroot/assets/img/sandbox.svg
new file mode 100644
index 0000000..51ee742
--- /dev/null
+++ b/wwwroot/assets/img/sandbox.svg
@@ -0,0 +1,3 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="881px" height="284px" viewBox="-0.5 -0.5 881 284" content="&lt;mxfile modified=&quot;2019-08-25T23:35:22.633Z&quot; host=&quot;www.draw.io&quot; agent=&quot;Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/76.0.3809.100 Safari/537.36&quot; etag=&quot;eR390-RTdyiUeB3OH0ZK&quot; version=&quot;11.2.2&quot; type=&quot;device&quot; pages=&quot;1&quot;&gt;&lt;diagram id=&quot;Txp8l1QIc3TlIH_LLMt8&quot; name=&quot;Page-1&quot;&gt;5Zpdc6IwFIZ/jZd1gPB5adVuZ2e/ZuzMbvcuQsS0kbAxVO2v3yCJiKFOdysVqRctOcmJ5HnDyUmwB4aL9ScG0/lXGiHSs4xo3QOjnmWZluGLf7llIy2OJy0xw5G0lYYJfkbSaEhrhiO0rDTklBKO06oxpEmCQl6xQcboqtpsRkn1W1MYI80wCSHRrT9xxOeF1XeM0n6LcDxX32wasmYBVWNpWM5hRFd7JjDugSGjlBdXi/UQkZye4lL43bxQu7sxhhL+GocAZbfJZ/O3/UwgNYK7wcPVnysbFN08QZLJEcu75RuFgNEsiVDei9ED16s55miSwjCvXQnVhW3OF0SUTHG55Iw+oiEllG29gbH9iJoZJmTPPtt+cjtNuNTddEVZ3hBiHK1fHKq5AyimHqILxNlGNJEOnuUULnLWWUAOc1VKaNqyzXxPPl9qBeWsiXddl2DFhWT7D5xNv4YzmIQMp/zEwH1rClxXBx45yI/sKnDB6W3AJWBP52t5gc7XtIOmANsaYNHxnEbL957PJ5i/KvhJur5OtxZuY2wdje2U0PDxMtG2jK2rsYUszhZiOBeJN2gXXmBoEFEkFnhZpEyEiJgmkIxL63UVc9nmC6WphPuAON/IIAozTqvo0RrzX7l7fxtg8+L9XtVoLbveFjaqkIgBF16OKt7v15Vu25Lyq18/81Ee11BAoRkL0RF6KnXhYkoifqyhXz8rGCKQ46fqnZxeZHBekb3Xi9y4WG/QQLr+oFh89e6JdlQKr3IplTKqLorJIb0OlNzdxv+Lq+Zg1zIn6WAFQQXv+TMpNYZOZFLAqOI993qktlddSKVA0DK2+l72klMp228ZXn2H1aVA7B5sDFoQiPVt1+UGYrdtgVjfd11sIHbbFoi9TgVir22BWD9LLKLwYLlEiynB6NSUIy+Y1lNGbhg2c4Z7mBhb6rx2/wwX1JzhAr8h7kBPjAvud5u0E8httbVrD3I9Sg8IoauCO07i7zNRLviDEWei0aEMAgc/xjqhCTrALE2Q4DgRxVDgQ8J+ncPFISQDWbHAUbQ9S6gTtyp/A2q5ZlUtM6jJWNR7qn21rKZecgA97vej3O2kT8bUd2yn7snwQ9TUk+Eah0+GrbF2wHs+GPoa0BXUrt0y1EFXUXu20S7Utn7W1xHUvmG2DLW+m08Qn617+epwI/6KUkgZgmn6cZZUzzqIPb6vJ0DvuqTa+hmA2RflEZrBjOjnLq2TxnqrNFIK9SJvP7nxa5SwG1NCT0WtXAl1AGYc2X11T5UXNmnnV0lPQUFFJbjto/9tfPdxVDo82mxQJVEsf9FWvAIsfxgIxn8B&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="725" y="203" width="145" height="80" fill="#ffffff" stroke="#000000" pointer-events="none"/><rect x="0" y="43" width="279" height="149" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/><g transform="translate(100.5,103.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="78" height="28" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 25px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 79px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">#Script</div></div></foreignObject><text x="39" y="27" fill="#000000" text-anchor="middle" font-size="25px" font-family="Helvetica">#Script</text></switch></g><rect x="10" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(26.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">methods</div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">methods</text></switch></g><rect x="100" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(122.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="34" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 35px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">blocks</div></div></foreignObject><text x="17" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">blocks</text></switch></g><rect x="190" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(200.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="57" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">arguments</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">arguments</text></switch></g><path d="M 369 192 L 367 192 L 367 208.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 367 213.88 L 363.5 206.88 L 367 208.63 L 370.5 206.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 508 192 L 508 206.63" fill="none" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><path d="M 508 211.88 L 504.5 204.88 L 508 206.63 L 511.5 204.88 Z" fill="#000000" stroke="#000000" stroke-miterlimit="10" pointer-events="none"/><rect x="299" y="43" width="279" height="149" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/><g transform="translate(399.5,103.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="78" height="28" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 25px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 79px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">#Script</div></div></foreignObject><text x="39" y="27" fill="#000000" text-anchor="middle" font-size="25px" font-family="Helvetica">#Script</text></switch></g><rect x="309" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(325.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">methods</div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">methods</text></switch></g><rect x="399" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(421.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="34" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 35px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">blocks</div></div></foreignObject><text x="17" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">blocks</text></switch></g><rect x="489" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(499.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="57" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">arguments</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">arguments</text></switch></g><rect x="600" y="43" width="279" height="149" fill="#d5e8d4" stroke="#82b366" pointer-events="none"/><g transform="translate(700.5,103.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="78" height="28" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 25px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 79px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">#Script</div></div></foreignObject><text x="39" y="27" fill="#000000" text-anchor="middle" font-size="25px" font-family="Helvetica">#Script</text></switch></g><rect x="609" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(625.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="46" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 47px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">methods</div></div></foreignObject><text x="23" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">methods</text></switch></g><rect x="699" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(721.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="34" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 35px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">blocks</div></div></foreignObject><text x="17" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">blocks</text></switch></g><rect x="789" y="53" width="79" height="19" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(799.5,56.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="57" height="12" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 58px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">arguments</div></div></foreignObject><text x="29" y="12" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">arguments</text></switch></g><rect x="299" y="215" width="135" height="38" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(304.5,225.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="123" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 124px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">ScriptAssemblies</div></div></foreignObject><text x="62" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">ScriptAssemblies</text></switch></g><rect x="443" y="215" width="135" height="38" fill="#ffe6cc" stroke="#d79b00" pointer-events="none"/><g transform="translate(468.5,225.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="84" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 84px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">ScriptTypes</div></div></foreignObject><text x="42" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">ScriptTypes</text></switch></g><g transform="translate(630.5,164.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="215" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 216px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">AllowScriptingOfAllTypes=true</div></div></foreignObject><text x="108" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">AllowScriptingOfAllTypes=true</text></switch></g><rect x="603" y="214" width="53" height="38" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><g transform="translate(618.5,224.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="21" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">.dll</div></div></foreignObject><text x="11" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">.dll</text></switch></g><rect x="664" y="214" width="53" height="38" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><g transform="translate(679.5,224.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="21" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">.dll</div></div></foreignObject><text x="11" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">.dll</text></switch></g><rect x="740" y="214" width="53" height="38" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><g transform="translate(755.5,224.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="21" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">.dll</div></div></foreignObject><text x="11" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">.dll</text></switch></g><rect x="801" y="214" width="53" height="38" fill="#f8cecc" stroke="#b85450" pointer-events="none"/><g transform="translate(816.5,224.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="21" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 21px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">.dll</div></div></foreignObject><text x="11" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">.dll</text></switch></g><g transform="translate(734.5,259.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="128" height="17" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 16px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 129px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">netfx / netcoreapp</div></div></foreignObject><text x="64" y="17" fill="#000000" text-anchor="middle" font-size="16px" font-family="Helvetica">netfx / netcoreapp</text></switch></g><g transform="translate(84.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="111" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 112px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">1. Default</div></div></foreignObject><text x="56" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">1. Default</text></switch></g><g transform="translate(320.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="236" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 236px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">2. Script Assemblies</div></div></foreignObject><text x="118" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">2. Script Assemblies</text></switch></g><g transform="translate(642.5,5.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="195" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 196px; white-space: nowrap; overflow-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;white-space:normal;">3. Script all .NET</div></div></foreignObject><text x="98" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">3. Script all .NET</text></switch></g></g></svg>
\ No newline at end of file
diff --git a/wwwroot/assets/img/screenshot.png b/wwwroot/assets/img/screenshot.png
new file mode 100644
index 0000000..aa54607
Binary files /dev/null and b/wwwroot/assets/img/screenshot.png differ
diff --git a/wwwroot/assets/img/screenshots/app-init.png b/wwwroot/assets/img/screenshots/app-init.png
new file mode 100644
index 0000000..8dfda0c
Binary files /dev/null and b/wwwroot/assets/img/screenshots/app-init.png differ
diff --git a/src/wwwroot/assets/img/screenshots/bare.png b/wwwroot/assets/img/screenshots/bare.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/bare.png
rename to wwwroot/assets/img/screenshots/bare.png
diff --git a/src/wwwroot/assets/img/screenshots/blog.png b/wwwroot/assets/img/screenshots/blog.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/blog.png
rename to wwwroot/assets/img/screenshots/blog.png
diff --git a/src/wwwroot/assets/img/screenshots/chat.png b/wwwroot/assets/img/screenshots/chat.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/chat.png
rename to wwwroot/assets/img/screenshots/chat.png
diff --git a/src/wwwroot/assets/img/screenshots/metadata-debug.png b/wwwroot/assets/img/screenshots/metadata-debug.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/metadata-debug.png
rename to wwwroot/assets/img/screenshots/metadata-debug.png
diff --git a/src/wwwroot/assets/img/screenshots/plugins.png b/wwwroot/assets/img/screenshots/plugins.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/plugins.png
rename to wwwroot/assets/img/screenshots/plugins.png
diff --git a/src/wwwroot/assets/img/screenshots/redis-html.png b/wwwroot/assets/img/screenshots/redis-html.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/redis-html.png
rename to wwwroot/assets/img/screenshots/redis-html.png
diff --git a/src/wwwroot/assets/img/screenshots/redis.png b/wwwroot/assets/img/screenshots/redis.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/redis.png
rename to wwwroot/assets/img/screenshots/redis.png
diff --git a/src/wwwroot/assets/img/screenshots/rockwind.png b/wwwroot/assets/img/screenshots/rockwind.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/rockwind.png
rename to wwwroot/assets/img/screenshots/rockwind.png
diff --git a/src/wwwroot/assets/img/screenshots/spirals.png b/wwwroot/assets/img/screenshots/spirals.png
similarity index 100%
rename from src/wwwroot/assets/img/screenshots/spirals.png
rename to wwwroot/assets/img/screenshots/spirals.png
diff --git a/wwwroot/assets/img/screenshots/ssvs-bootstrap.png b/wwwroot/assets/img/screenshots/ssvs-bootstrap.png
new file mode 100644
index 0000000..368af19
Binary files /dev/null and b/wwwroot/assets/img/screenshots/ssvs-bootstrap.png differ
diff --git a/wwwroot/assets/img/youtube-play-hover.png b/wwwroot/assets/img/youtube-play-hover.png
new file mode 100644
index 0000000..bddb0ef
Binary files /dev/null and b/wwwroot/assets/img/youtube-play-hover.png differ
diff --git a/wwwroot/assets/img/youtube-play.png b/wwwroot/assets/img/youtube-play.png
new file mode 100644
index 0000000..066433e
Binary files /dev/null and b/wwwroot/assets/img/youtube-play.png differ
diff --git a/src/wwwroot/assets/js/bootstrap.min.js b/wwwroot/assets/js/bootstrap.min.js
similarity index 100%
rename from src/wwwroot/assets/js/bootstrap.min.js
rename to wwwroot/assets/js/bootstrap.min.js
diff --git a/src/wwwroot/assets/js/customers.json b/wwwroot/assets/js/customers.json
similarity index 100%
rename from src/wwwroot/assets/js/customers.json
rename to wwwroot/assets/js/customers.json
diff --git a/wwwroot/assets/js/default.js b/wwwroot/assets/js/default.js
new file mode 100644
index 0000000..a65431f
--- /dev/null
+++ b/wwwroot/assets/js/default.js
@@ -0,0 +1,231 @@
+$('.lang-select').each(function(){
+    var qs = queryStringParams();
+    var lang = qs['lang'] || 'template';
+    var el = $(this);
+    el.find("input[type=radio]").on("change", function(){
+        qs['lang'] = this.id === 'template' ? null : this.id;
+        var url = location.href.split('?')[0];
+        for (var k in qs) {
+            if (!qs[k]) continue;
+            url += url.indexOf('?' >= 0) ? "?" : "&";
+            url += k + "=" + encodeURIComponent(qs[k]);
+        }
+        location.href = url;
+    });
+    el.find("input[type=radio]").each(function() {
+        this.checked = this.id === lang;
+        if (this.checked)
+            $(this).parents("label").addClass('active');
+        else
+            $(this).parents("label").removeClass('active');
+    })
+})
+
+$(".live-pages").each(function(){
+
+    var el = $(this)
+    el.find("textarea").on("input", function(){
+        var page = el.data("page")
+        var files = {}
+
+        el.find(".files section").each(function(){
+            var name = $.trim($(this).find("h5").html())
+            var contents = $(this).find("textarea").val()
+            files[name] = contents
+        })
+
+        var request = { files: files, page: page }
+
+        $.ajax({
+            type: "POST",
+            url: "/pages/eval",
+            data: JSON.stringify(request),
+            contentType: "application/json",
+            dataType: "html"
+        }).done(function(data){
+            el.removeClass('error').find(".output").html(data)
+        }).fail(function(jqxhr){ handleError(el, jqxhr) })
+    })
+    .trigger("input")
+
+})
+
+$(".live-template").each(function(){
+
+    var el = $(this)
+    el.find("textarea").on("input", function(){
+
+        var request = { template: el.find("textarea").val() }
+
+        $.ajax({
+            type: "POST",
+            url: "/template/eval" + location.search,
+            data: JSON.stringify(request),
+            contentType: "application/json",
+            dataType: "html"
+        }).done(function(data){
+            el.removeClass('error').find(".output").html(data)
+        }).fail(function(jqxhr){ handleError(el, jqxhr) })
+    })
+    .trigger("input")
+
+})
+
+$(".linq-preview").each(function(){
+    var files = {}
+
+    var el = $(this)
+    var lang = $(this).data('lang');
+    el.find("textarea").on("input", function(){
+        var files = {}
+
+        el.find(".files section").each(function(){
+            var name = $.trim($(this).find("h5").html())
+            var contents = $(this).find("textarea").val()
+            files[name] = contents
+        })
+
+        var request = { code: el.find(".template textarea").val(), files: files }
+        var qsLang = lang ? "?lang=" + lang : "";
+
+        $.ajax({
+            type: "POST",
+            url: "/linq/eval" + qsLang,
+            data: JSON.stringify(request),
+            contentType: "application/json",
+            dataType: "html"
+        }).done(function(data){
+            el.removeClass('error').find(".output").html(data);
+        }).fail(function(jqxhr){ handleError(el, jqxhr) })
+    })
+    .trigger("input")
+
+})
+
+$("#content h2,#content h3,#content h4").each(function(){
+    var el = $(this);
+
+    var text = el.html();
+    if (text.indexOf("<") >= 0) return;
+
+    if (!el.attr('id')) {
+        var safeName = text.toLowerCase().replace(/\s+/g, "-").replace(/[^a-zA-Z0-9_-]+/g,"")
+        el.attr('id', safeName)
+    }
+
+    el.on('click', function(){
+        var id = el.attr('id')
+        location.href = "#" + id
+    })
+})
+
+$.fn.ajaxPreview = function(opt) {
+    var inputs = this.find("input,textarea");
+    inputs.on("input", function(){
+        var f = $(this).closest("form");
+        var data = {};
+        inputs.each(function(){ data[this.name] = this.value })
+        $.ajax({ 
+            url: f.attr('action'),
+            method: "POST",
+            data: JSON.stringify(data),
+            contentType: 'application/json',
+            dataType: opt.dataType || 'json',
+            success: opt.success,
+            error: opt.error || function(jqxhr,status,errMsg) { handleError(el, jqxhr) }
+        })
+    })
+    .first().trigger("input")
+
+    return this.each(function(){ 
+        $(this).submit(function(e){ e.preventDefault() }) 
+    });
+}
+
+function handleError(el, jqxhr) {
+    try {
+        console.log('template error:', jqxhr.status, jqxhr.statusText)
+        el.addClass('error')
+        var errorResponse = JSON.parse(jqxhr.responseText);
+        var status = errorResponse.responseStatus;
+        if (status) {
+            el.find('.output').html('<div class="alert alert-danger"><pre>' + status.errorCode + ' ' + status.message +
+             '\n\nStackTrace:\n' + status.stackTrace + '</pre></div>')
+        }
+    } catch(e) {
+        el.find('.output').html('<div class="alert alert-danger"><pre>' + jqxhr.status + ' ' + jqxhr.statusText + '</pre></div>')
+    }
+}
+
+function queryStringParams(qs) {
+    qs = (qs || document.location.search).split('+').join(' ')
+    var params = {}, tokens, re = /[?&]?([^=]+)=([^&]*)/g
+    while (tokens = re.exec(qs)) {
+        params[tokens[1]] = tokens[2];
+    }
+    return params;
+}
+
+
+function video(url) {
+    return '<iframe style="width:100%;min-height:585px" src="' + url + '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>';
+}
+function playVideo(el,id) {
+    var url = 'https://www.youtube.com/embed/' + id + '?autoplay=1';
+    $(el).parent().html(video(url));
+}
+
+function splitOnFirst(s, c) {
+    if (!s) return [s];
+    var pos = s.indexOf(c);
+    return pos >= 0 ? [s.substring(0, pos), s.substring(pos + 1)] : [s];
+}
+function splitOnLast(s, c) {
+    if (!s) return [s];
+    var pos = s.lastIndexOf(c);
+    return pos >= 0
+        ? [s.substring(0, pos), s.substring(pos + 1)]
+        : [s];
+}
+function preloadImage(src) {
+    var img = new Image();
+    img.src = src;
+}
+
+function bindYouTubePlay(img) {
+    var a = img.parent();
+    var p = a.parent();
+    if (p[0] && p[0].tagName === 'P') {
+        var id = splitOnFirst(splitOnLast(a.attr('href'),'/')[1],'?')[0];
+        var width = Math.floor(img[0].offsetWidth/2 - 43);
+        var height = Math.floor(img[0].offsetHeight/2 - 31);
+        var html = `<i class="youtube-play" style="width:${img[0].offsetWidth}px;height:${img[0].offsetHeight}px;background-position:${width}px ${height}px" onclick="playVideo(this,'${id}')"></i>`;
+        p.prepend(html);
+    }
+}
+
+function bindYouTubeImages() {
+    preloadImage('/images/youtube-play-hover.png');
+    $("a[href^='https://youtu.be/']>img").each(function() {
+        if (this.complete) {
+            bindYouTubePlay($(this));
+        } else {
+            this.onload = function() { bindYouTubePlay($(this)); }
+        }
+    });
+}
+
+$(bindYouTubeImages);
+
+$(function(){
+    $("a[name*='app://']").each(function() {
+        this.href = 'app://' + splitOnFirst(this.getAttribute('name'), '://')[1];
+    });
+    $(".gfm h2 .anchor,.gfm h3 .anchor,.gfm h4 .anchor").each(function() {
+        var href = this.href;
+        if (!href) return;
+        var h = $(this).parent();
+        h.addClass('h-link');
+        h.on('click', function() { location.href = href; });
+    })
+});
diff --git a/src/wwwroot/assets/js/jquery-3.2.1.min.js b/wwwroot/assets/js/jquery-3.2.1.min.js
similarity index 100%
rename from src/wwwroot/assets/js/jquery-3.2.1.min.js
rename to wwwroot/assets/js/jquery-3.2.1.min.js
diff --git a/wwwroot/code/linq01-langs.ss b/wwwroot/code/linq01-langs.ss
new file mode 100644
index 0000000..a151874
--- /dev/null
+++ b/wwwroot/code/linq01-langs.ss
@@ -0,0 +1,11 @@
+{{ var numbers = [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] }}
+
+code:
+```code
+#each numbers where it < 5
+  it
+/each
+```
+
+lisp:
+{|lisp (joinln (where #(< % 5) numbers)) |}
\ No newline at end of file
diff --git a/wwwroot/code/linq01.l b/wwwroot/code/linq01.l
new file mode 100644
index 0000000..3f5b748
--- /dev/null
+++ b/wwwroot/code/linq01.l
@@ -0,0 +1,3 @@
+"Numbers < 5:"
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (joinln (where #(< % 5) numbers)))
diff --git a/wwwroot/code/linq01.sc b/wwwroot/code/linq01.sc
new file mode 100644
index 0000000..92937fe
--- /dev/null
+++ b/wwwroot/code/linq01.sc
@@ -0,0 +1,5 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`Numbers < 5:`
+#each numbers where it < 5
+  it
+/each
diff --git a/wwwroot/code/linq01.ss b/wwwroot/code/linq01.ss
new file mode 100644
index 0000000..3a51c82
--- /dev/null
+++ b/wwwroot/code/linq01.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+Numbers < 5:
+{{#each numbers where it < 5}}
+  {{it}}
+{{/each}}
diff --git a/wwwroot/code/linq02.l b/wwwroot/code/linq02.l
new file mode 100644
index 0000000..cf01178
--- /dev/null
+++ b/wwwroot/code/linq02.l
@@ -0,0 +1,4 @@
+(let ( (sold-out-products (where #(= 0 (.UnitsInStock %)) products-list)) )
+    (println "Sold out products:")
+    (doseq (p sold-out-products)
+        (println (.ProductName p) " is sold out") ))
\ No newline at end of file
diff --git a/wwwroot/code/linq02.sc b/wwwroot/code/linq02.sc
new file mode 100644
index 0000000..1af9b12
--- /dev/null
+++ b/wwwroot/code/linq02.sc
@@ -0,0 +1,4 @@
+`Sold out products:`
+#each products where UnitsInStock == 0
+  `${ProductName} is sold out!`
+/each
diff --git a/wwwroot/code/linq02.ss b/wwwroot/code/linq02.ss
new file mode 100644
index 0000000..ebccd86
--- /dev/null
+++ b/wwwroot/code/linq02.ss
@@ -0,0 +1,4 @@
+Sold out products:
+{{#each products where UnitsInStock == 0}}
+  {{ ProductName }} is sold out!
+{{/each}}
diff --git a/wwwroot/code/linq03.l b/wwwroot/code/linq03.l
new file mode 100644
index 0000000..d76c7a5
--- /dev/null
+++ b/wwwroot/code/linq03.l
@@ -0,0 +1,3 @@
+(println "In-stock products that cost more than 3.00:")
+(doseq (p (where #(and (> (.UnitsInStock %) 0) (> (.UnitPrice %) 3)) products-list))
+  (println (.ProductName p) " is in stock and costs more than 3.00"))
\ No newline at end of file
diff --git a/wwwroot/code/linq03.sc b/wwwroot/code/linq03.sc
new file mode 100644
index 0000000..b77aebd
--- /dev/null
+++ b/wwwroot/code/linq03.sc
@@ -0,0 +1,4 @@
+`In-stock products that cost more than 3.00:`
+#each products where UnitsInStock > 0 && UnitPrice > 3.00
+  `${ProductName} is in stock and costs more than 3.00.`
+/each
\ No newline at end of file
diff --git a/src/wwwroot/code/linq03.txt b/wwwroot/code/linq03.ss
similarity index 100%
rename from src/wwwroot/code/linq03.txt
rename to wwwroot/code/linq03.ss
diff --git a/wwwroot/code/linq04-customer.ss b/wwwroot/code/linq04-customer.ss
new file mode 100644
index 0000000..5886a9b
--- /dev/null
+++ b/wwwroot/code/linq04-customer.ss
@@ -0,0 +1,2 @@
+Customer {{ it.CustomerId }} {{ it.CompanyName |> raw }}
+{{ it.Orders |> selectPartial: order }}
\ No newline at end of file
diff --git a/wwwroot/code/linq04-order.ss b/wwwroot/code/linq04-order.ss
new file mode 100644
index 0000000..1a640de
--- /dev/null
+++ b/wwwroot/code/linq04-order.ss
@@ -0,0 +1 @@
+  Order {{ it.OrderId }}: {{ it.OrderDate |> dateFormat }}
diff --git a/wwwroot/code/linq04-partials.ss b/wwwroot/code/linq04-partials.ss
new file mode 100644
index 0000000..e7c3ea5
--- /dev/null
+++ b/wwwroot/code/linq04-partials.ss
@@ -0,0 +1,3 @@
+{{ customers   |> where => it.Region == 'WA' |> to => waCustomers }}
+Customers from Washington and their orders:
+{{ waCustomers |> selectPartial: customer }}
\ No newline at end of file
diff --git a/wwwroot/code/linq04.l b/wwwroot/code/linq04.l
new file mode 100644
index 0000000..dddc8f4
--- /dev/null
+++ b/wwwroot/code/linq04.l
@@ -0,0 +1,5 @@
+(println "Customers from Washington and their orders:")
+(doseq (c (where #(= (.Region %) "WA") customers-list))
+    (println "Customer " (.CustomerId c) ": " (.CompanyName c) ": ")
+    (doseq (o (.Orders c))
+        (println "    Order " (.OrderId o) ": " (.OrderDate o)) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq04.sc b/wwwroot/code/linq04.sc
new file mode 100644
index 0000000..152fce2
--- /dev/null
+++ b/wwwroot/code/linq04.sc
@@ -0,0 +1,7 @@
+`Customers from Washington and their orders:`
+#each c in customers where c.Region == 'WA'
+`  Customer ${c.CustomerId} ${c.CompanyName}`
+    #each c.Orders
+    `    Order ${OrderId}: ${OrderDate.dateFormat()}`
+    /each
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq04.ss b/wwwroot/code/linq04.ss
new file mode 100644
index 0000000..799b905
--- /dev/null
+++ b/wwwroot/code/linq04.ss
@@ -0,0 +1,7 @@
+Customers from Washington and their orders:
+{{#each c in customers where c.Region == 'WA'}}
+Customer {{ c.CustomerId }} {{ c.CompanyName |> raw }}
+{{#each c.Orders}}
+    Order {{ OrderId }}: {{ OrderDate |> dateFormat }}
+{{/each}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq05.l b/wwwroot/code/linq05.l
new file mode 100644
index 0000000..e2c3453
--- /dev/null
+++ b/wwwroot/code/linq05.l
@@ -0,0 +1,4 @@
+(let ( (digits ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+  (println "Short digits:")
+  (doseq (d (filter-index #(< (length %1) %2) digits))
+    (println "The word " d " is shorter than its value")))
\ No newline at end of file
diff --git a/wwwroot/code/linq05.sc b/wwwroot/code/linq05.sc
new file mode 100644
index 0000000..163bf7e
--- /dev/null
+++ b/wwwroot/code/linq05.sc
@@ -0,0 +1,5 @@
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => digits
+`Short digits:`
+#each d in digits where d.Length < index
+  `The word ${d} is shorter than its value.`
+/each
diff --git a/wwwroot/code/linq05.ss b/wwwroot/code/linq05.ss
new file mode 100644
index 0000000..8cff9dd
--- /dev/null
+++ b/wwwroot/code/linq05.ss
@@ -0,0 +1,5 @@
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => digits }}
+Short digits:
+{{#each d in digits where d.Length < index}}
+  The word {{d}} is shorter than its value.
+{{/each}}
diff --git a/wwwroot/code/linq06.l b/wwwroot/code/linq06.l
new file mode 100644
index 0000000..9d2ea79
--- /dev/null
+++ b/wwwroot/code/linq06.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+  (println "Numbers + 1:")
+  (joinln (map inc numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq06.sc b/wwwroot/code/linq06.sc
new file mode 100644
index 0000000..55564d1
--- /dev/null
+++ b/wwwroot/code/linq06.sc
@@ -0,0 +1,5 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`Numbers + 1:`
+#each numbers
+  it + 1
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq06.ss b/wwwroot/code/linq06.ss
new file mode 100644
index 0000000..a3e3fe0
--- /dev/null
+++ b/wwwroot/code/linq06.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+Numbers + 1:
+{{#each numbers}}
+  {{ it + 1 }}
+{{/each}}
diff --git a/wwwroot/code/linq07.l b/wwwroot/code/linq07.l
new file mode 100644
index 0000000..f8b8ca2
--- /dev/null
+++ b/wwwroot/code/linq07.l
@@ -0,0 +1,2 @@
+(println "Product Names:")
+(joinln (map .ProductName products-list))
\ No newline at end of file
diff --git a/wwwroot/code/linq07.sc b/wwwroot/code/linq07.sc
new file mode 100644
index 0000000..2ecc5f4
--- /dev/null
+++ b/wwwroot/code/linq07.sc
@@ -0,0 +1,4 @@
+`Product Names:`
+#each products
+  ProductName
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq07.ss b/wwwroot/code/linq07.ss
new file mode 100644
index 0000000..077731a
--- /dev/null
+++ b/wwwroot/code/linq07.ss
@@ -0,0 +1,4 @@
+Product Names:
+{{#each products}}
+  {{ProductName}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq08.l b/wwwroot/code/linq08.l
new file mode 100644
index 0000000..5859d6e
--- /dev/null
+++ b/wwwroot/code/linq08.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (strings ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+    (println "Number strings:")
+    (joinln (map #(nth strings %) numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq08.sc b/wwwroot/code/linq08.sc
new file mode 100644
index 0000000..15b7ef3
--- /dev/null
+++ b/wwwroot/code/linq08.sc
@@ -0,0 +1,6 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => strings
+`Number strings:`
+#each n in numbers
+    strings[n]
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq08.ss b/wwwroot/code/linq08.ss
new file mode 100644
index 0000000..290dbe0
--- /dev/null
+++ b/wwwroot/code/linq08.ss
@@ -0,0 +1,6 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => strings }}
+Number strings:
+{{#each n in numbers}}
+{{strings[n]}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq09.l b/wwwroot/code/linq09.l
new file mode 100644
index 0000000..52adddc
--- /dev/null
+++ b/wwwroot/code/linq09.l
@@ -0,0 +1,3 @@
+(let ( (words ["aPPLE" "BlUeBeRrY" "cHeRry"]) )
+    (doseq (ul (map #(it { :lower (lower-case %) :upper (upper-case %) } ) words))
+    (println "Uppercase: " (:upper ul) ", Lowercase: " (:lower ul))))
\ No newline at end of file
diff --git a/wwwroot/code/linq09.sc b/wwwroot/code/linq09.sc
new file mode 100644
index 0000000..f1956d2
--- /dev/null
+++ b/wwwroot/code/linq09.sc
@@ -0,0 +1,5 @@
+['aPPLE', 'BlUeBeRrY', 'cHeRry'] |> to => words
+words |> map => { Uppercase: it.upper(), Lowercase: it.lower() } |> to => upperLowerWords
+#each ul in upperLowerWords
+    `Uppercase: ${ul.Uppercase}, Lowercase: ${ul.Lowercase}`
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq09.ss b/wwwroot/code/linq09.ss
new file mode 100644
index 0000000..9d59608
--- /dev/null
+++ b/wwwroot/code/linq09.ss
@@ -0,0 +1,5 @@
+{{ ['aPPLE', 'BlUeBeRrY', 'cHeRry'] |> to => words }}
+{{ words |> map => {Uppercase: it.upper(), Lowercase: it.lower()} |> to => upperLowerWords }}
+{{#each ul in upperLowerWords}}
+{{ `Uppercase: ${ul.Uppercase}, Lowercase: ${ul.Lowercase}` }}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq10.l b/wwwroot/code/linq10.l
new file mode 100644
index 0000000..30e4393
--- /dev/null
+++ b/wwwroot/code/linq10.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (strings ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+    (doseq (d (map #(it { :digit (nth strings %) :even (even? %) }) numbers))
+        (println "The digit " (:digit d) " is " (if (:even d) "even" "odd")) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq10.sc b/wwwroot/code/linq10.sc
new file mode 100644
index 0000000..4990c86
--- /dev/null
+++ b/wwwroot/code/linq10.sc
@@ -0,0 +1,6 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => strings
+numbers |> map => { Digit: strings[it], Even: it % 2 == 0 } |> to => digitOddEvens
+#each digitOddEvens
+    `The digit ${Digit} is ${Even ? "even" : "odd"}.`
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq10.ss b/wwwroot/code/linq10.ss
new file mode 100644
index 0000000..187eef8
--- /dev/null
+++ b/wwwroot/code/linq10.ss
@@ -0,0 +1,6 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => strings}}
+{{ numbers |> map => { Digit: strings[it], Even: it % 2 == 0 } |> to => digitOddEvens }}
+{{#each digitOddEvens}}
+The digit {{Digit}} is {{Even ? "even" : "odd"}}.
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq100.l b/wwwroot/code/linq100.l
new file mode 100644
index 0000000..e9dab8c
--- /dev/null
+++ b/wwwroot/code/linq100.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (i 0) )
+    (setq q (map #(it (f++ i)) numbers))
+    (doseq (v q) (println "v = " v ", i = " i)))
\ No newline at end of file
diff --git a/wwwroot/code/linq100.sc b/wwwroot/code/linq100.sc
new file mode 100644
index 0000000..8ed6800
--- /dev/null
+++ b/wwwroot/code/linq100.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+0 |> to => i
+numbers |> let => { i: i + 1 } |> toList |> map => `v = ${index + 1}, i = ${i}` |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq100.ss b/wwwroot/code/linq100.ss
new file mode 100644
index 0000000..0819dda
--- /dev/null
+++ b/wwwroot/code/linq100.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ 0 |> to => i }}
+{{ numbers |> let => { i: i + 1 } |> toList |> select: v = {index + 1}, i = {i}\n }}
\ No newline at end of file
diff --git a/wwwroot/code/linq101.l b/wwwroot/code/linq101.l
new file mode 100644
index 0000000..0d2f605
--- /dev/null
+++ b/wwwroot/code/linq101.l
@@ -0,0 +1,11 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+ 
+    (defn low-numbers [] (where #(<= % 3) numbers))
+
+    (println "First run numbers <= 3:")
+    (doseq (n (low-numbers)) (println n))
+
+    (setq numbers (map #(- %) numbers))
+    
+    (println "Second run numbers <= 3")
+    (doseq (n (low-numbers)) (println n)))
\ No newline at end of file
diff --git a/wwwroot/code/linq101.sc b/wwwroot/code/linq101.sc
new file mode 100644
index 0000000..2ed0e9a
--- /dev/null
+++ b/wwwroot/code/linq101.sc
@@ -0,0 +1,12 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers |> where => it <= 3 |> to => lowNumbers
+
+`First run numbers <= 3:`
+lowNumbers |> joinln
+10 |> times |> do => numbers[index] = -numbers[index]
+
+`Second run numbers <= 3:`
+lowNumbers |> joinln
+
+`Contents of numbers:`
+numbers |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq101.ss b/wwwroot/code/linq101.ss
new file mode 100644
index 0000000..ba9dff2
--- /dev/null
+++ b/wwwroot/code/linq101.ss
@@ -0,0 +1,11 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers 
+   |> where => it <= 3
+   |> to => lowNumbers }}
+First run numbers <= 3:
+{{ lowNumbers  |> joinln }}
+{{ 10 |> times |> do => numbers[index] = -numbers[index] }}
+Second run numbers <= 3:
+{{ lowNumbers  |> joinln }}
+Contents of numbers:
+{{ numbers |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq11.l b/wwwroot/code/linq11.l
new file mode 100644
index 0000000..be466cf
--- /dev/null
+++ b/wwwroot/code/linq11.l
@@ -0,0 +1,8 @@
+(let ( (product-infos (map #(it {
+                                :ProductName (.ProductName %)
+                                :Category    (.Category %)
+                                :Price       (.UnitPrice %) }) 
+                          products-list)) )
+    (println "Product Info:")
+    (doseq (p product-infos)
+      (println (:ProductName p) " is in the category " (:Category p) " and costs " (:Price p))))
\ No newline at end of file
diff --git a/wwwroot/code/linq11.sc b/wwwroot/code/linq11.sc
new file mode 100644
index 0000000..7fd5bf5
--- /dev/null
+++ b/wwwroot/code/linq11.sc
@@ -0,0 +1,5 @@
+`Product Info:`
+products |> map => { it.ProductName, it.Category, Price: it.UnitPrice } |> to => productInfos
+#each productInfos
+`${ProductName} is in the Category ${Category} and costs ${Price.currency()} per unit.`
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq11.ss b/wwwroot/code/linq11.ss
new file mode 100644
index 0000000..d6e3f1e
--- /dev/null
+++ b/wwwroot/code/linq11.ss
@@ -0,0 +1,6 @@
+Product Info:
+{{ products |> map => { it.ProductName, it.Category, Price: it.UnitPrice } 
+            |> to => productInfos }}
+{{#each productInfos}}
+{{ProductName}} is in the Category {{Category}} and costs {{Price |> currency}} per unit.
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq12.l b/wwwroot/code/linq12.l
new file mode 100644
index 0000000..665a187
--- /dev/null
+++ b/wwwroot/code/linq12.l
@@ -0,0 +1,5 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (i 0) )
+    (println "Number: In-place?")
+    (doseq (n (map #(it { :num % :in-place (= % (f++ i)) }) numbers))
+        (println (:num n) ": " (if (:in-place n) 'true 'false)) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq12.sc b/wwwroot/code/linq12.sc
new file mode 100644
index 0000000..2d23251
--- /dev/null
+++ b/wwwroot/code/linq12.sc
@@ -0,0 +1,5 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`Number: In-place?`
+#each n in numbers
+  `${n}: ${ n == index }`
+/each
diff --git a/wwwroot/code/linq12.ss b/wwwroot/code/linq12.ss
new file mode 100644
index 0000000..2790b32
--- /dev/null
+++ b/wwwroot/code/linq12.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+Number: In-place?
+{{#each n in numbers}}
+  {{n}}: {{ n == index }}
+{{/each}}
diff --git a/wwwroot/code/linq13.l b/wwwroot/code/linq13.l
new file mode 100644
index 0000000..a21a9f1
--- /dev/null
+++ b/wwwroot/code/linq13.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (digits  ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+    (println "Numbers < 5:")
+    (joinln (map #(nth digits %) (where #(< % 5) numbers))))
\ No newline at end of file
diff --git a/wwwroot/code/linq13.sc b/wwwroot/code/linq13.sc
new file mode 100644
index 0000000..fc8574b
--- /dev/null
+++ b/wwwroot/code/linq13.sc
@@ -0,0 +1,6 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => digits
+`Numbers < 5:`
+#each numbers where it < 5
+  digits[it]
+/each
diff --git a/wwwroot/code/linq13.ss b/wwwroot/code/linq13.ss
new file mode 100644
index 0000000..95e9414
--- /dev/null
+++ b/wwwroot/code/linq13.ss
@@ -0,0 +1,6 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to =>digits }}
+Numbers < 5:
+{{#each numbers where it < 5}}
+  {{ digits[it] }}
+{{/each}}
diff --git a/wwwroot/code/linq14.l b/wwwroot/code/linq14.l
new file mode 100644
index 0000000..aa3b3ee
--- /dev/null
+++ b/wwwroot/code/linq14.l
@@ -0,0 +1,5 @@
+(let ( (numbers-a [0 2 4 5 6 8 9])
+       (numbers-b [1 3 5 7 8]) )
+    (println "Pairs where a < b:")
+    (doseq (pair (zip-where #(< %1 %2) #(it { :a %1 :b %2 }) numbers-a numbers-b))
+      (println (:a pair) " is less than " (:b pair))))
\ No newline at end of file
diff --git a/wwwroot/code/linq14.sc b/wwwroot/code/linq14.sc
new file mode 100644
index 0000000..a70357d
--- /dev/null
+++ b/wwwroot/code/linq14.sc
@@ -0,0 +1,8 @@
+[0, 2, 4, 5, 6, 8, 9] |> to => numbersA
+[1, 3, 5, 7, 8]       |> to => numbersB
+`Pairs where a < b:`
+{{ numbersA.zip(numbersB)
+   |> let => { a: it[0], b: it[1] }  
+   |> where => a < b 
+   |> map => `${a} is less than ${b}` |> joinln
+}}
\ No newline at end of file
diff --git a/wwwroot/code/linq14.ss b/wwwroot/code/linq14.ss
new file mode 100644
index 0000000..b33cdd0
--- /dev/null
+++ b/wwwroot/code/linq14.ss
@@ -0,0 +1,8 @@
+{{ [0, 2, 4, 5, 6, 8, 9] |> to => numbersA }}
+{{ [1, 3, 5, 7, 8]       |> to => numbersB }}
+Pairs where a < b:
+{{ numbersA.zip(numbersB)
+   |> let => { a: it[0], b: it[1] }  
+   |> where => a < b 
+   |> map => `${a} is less than ${b}` |> joinln
+}}
\ No newline at end of file
diff --git a/wwwroot/code/linq15.l b/wwwroot/code/linq15.l
new file mode 100644
index 0000000..c3f91d4
--- /dev/null
+++ b/wwwroot/code/linq15.l
@@ -0,0 +1,8 @@
+(let ( (orders (flatmap (fn [c]
+                    (map #(it {
+                            :customer-id (.CustomerId c) 
+                            :order-id    (.OrderId %) 
+                            :total       (.Total %) }) 
+                        (where #(< (.Total %) 500) (.Orders c)) ))
+                    customers-list)) )
+    (htmldump orders))
\ No newline at end of file
diff --git a/wwwroot/code/linq15.sc b/wwwroot/code/linq15.sc
new file mode 100644
index 0000000..c7272f0
--- /dev/null
+++ b/wwwroot/code/linq15.sc
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.Total < 500
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq15.ss b/wwwroot/code/linq15.ss
new file mode 100644
index 0000000..c7272f0
--- /dev/null
+++ b/wwwroot/code/linq15.ss
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.Total < 500
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq16.l b/wwwroot/code/linq16.l
new file mode 100644
index 0000000..3406007
--- /dev/null
+++ b/wwwroot/code/linq16.l
@@ -0,0 +1,9 @@
+(let ( (orders (flatmap (fn [c] 
+                    (map-where #(> (.OrderDate %) (DateTime. 1998 1 1))
+                        #(it {
+                            :customer-id (.CustomerId c) 
+                            :order-id    (.OrderId %) 
+                            :order-date  (.OrderDate %) }) 
+                        (.Orders c) )) 
+                    customers-list) ))
+     (htmldump orders))
\ No newline at end of file
diff --git a/wwwroot/code/linq16.sc b/wwwroot/code/linq16.sc
new file mode 100644
index 0000000..c8b1c74
--- /dev/null
+++ b/wwwroot/code/linq16.sc
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.OrderDate >= '1998-01-01'
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq16.ss b/wwwroot/code/linq16.ss
new file mode 100644
index 0000000..c8b1c74
--- /dev/null
+++ b/wwwroot/code/linq16.ss
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.OrderDate >= '1998-01-01'
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq17.l b/wwwroot/code/linq17.l
new file mode 100644
index 0000000..cc669fc
--- /dev/null
+++ b/wwwroot/code/linq17.l
@@ -0,0 +1,8 @@
+(htmldump (flatmap (fn [c] 
+        (map-where #(>= (.Total %) 2000)
+            #(it {
+                :customer-id (.CustomerId c) 
+                :order-id    (.OrderId %) 
+                :total       (.Total %) })
+            (.Orders c) )) 
+    customers-list))
diff --git a/wwwroot/code/linq17.sc b/wwwroot/code/linq17.sc
new file mode 100644
index 0000000..e0543af
--- /dev/null
+++ b/wwwroot/code/linq17.sc
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.Total >= 2000 
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq17.ss b/wwwroot/code/linq17.ss
new file mode 100644
index 0000000..e0543af
--- /dev/null
+++ b/wwwroot/code/linq17.ss
@@ -0,0 +1,5 @@
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.Total >= 2000 
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq18.l b/wwwroot/code/linq18.l
new file mode 100644
index 0000000..45022df
--- /dev/null
+++ b/wwwroot/code/linq18.l
@@ -0,0 +1,8 @@
+(let ( (cutoff-date (DateTime. 1997 1 1)) )
+    (htmldump (flatmap (fn [c] 
+        (map-where #(>= (.OrderDate %) cutoff-date)
+            #(it {
+                :customer-id (.CustomerId c) 
+                :order-id    (.OrderId %) })
+            (.Orders c) ))
+        (where #(= (.Region %) "WA") customers-list))))
\ No newline at end of file
diff --git a/wwwroot/code/linq18.sc b/wwwroot/code/linq18.sc
new file mode 100644
index 0000000..ccbaaf6
--- /dev/null
+++ b/wwwroot/code/linq18.sc
@@ -0,0 +1,8 @@
+'1997-01-01' |> to => cutoffDate
+{{ customers 
+   |> where => it.Region == 'WA'
+   |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.OrderDate >= cutoffDate 
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq18.ss b/wwwroot/code/linq18.ss
new file mode 100644
index 0000000..f9a00ef
--- /dev/null
+++ b/wwwroot/code/linq18.ss
@@ -0,0 +1,8 @@
+{{ '1997-01-01' |> to => cutoffDate }}
+{{ customers 
+   |> where => it.Region == 'WA'
+   |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => o.OrderDate >= cutoffDate 
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq19.l b/wwwroot/code/linq19.l
new file mode 100644
index 0000000..29e670f
--- /dev/null
+++ b/wwwroot/code/linq19.l
@@ -0,0 +1,7 @@
+(let ( (customer-orders (map 
+            #(it (str "Customer #" (:i %) " has an order with OrderID " (.OrderId (:o %))))
+            (flatten (map-index (fn [c i] (map #(it { 
+                    :o % 
+                    :i (1+ i) }) 
+                (.Orders c))) customers-list)))) )
+    (joinln customer-orders))
\ No newline at end of file
diff --git a/wwwroot/code/linq19.sc b/wwwroot/code/linq19.sc
new file mode 100644
index 0000000..d5bfc6b
--- /dev/null
+++ b/wwwroot/code/linq19.sc
@@ -0,0 +1,5 @@
+{{ customers 
+   |> let => { cust: it, custIndex: index }
+   |> zip => cust.Orders
+   |> let => { o: it[1] }
+   |> map => `Customer #${custIndex + 1} has an order with OrderID ${o.OrderId}` |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq19.ss b/wwwroot/code/linq19.ss
new file mode 100644
index 0000000..d5bfc6b
--- /dev/null
+++ b/wwwroot/code/linq19.ss
@@ -0,0 +1,5 @@
+{{ customers 
+   |> let => { cust: it, custIndex: index }
+   |> zip => cust.Orders
+   |> let => { o: it[1] }
+   |> map => `Customer #${custIndex + 1} has an order with OrderID ${o.OrderId}` |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq20.l b/wwwroot/code/linq20.l
new file mode 100644
index 0000000..872941f
--- /dev/null
+++ b/wwwroot/code/linq20.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) ) 
+    (println "First 3 numbers:")
+    (joinln (take 3 numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq20.sc b/wwwroot/code/linq20.sc
new file mode 100644
index 0000000..82fd2fb
--- /dev/null
+++ b/wwwroot/code/linq20.sc
@@ -0,0 +1,5 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`First 3 numbers:`
+#each numbers take 3
+  it
+/each
diff --git a/wwwroot/code/linq20.ss b/wwwroot/code/linq20.ss
new file mode 100644
index 0000000..ab2c926
--- /dev/null
+++ b/wwwroot/code/linq20.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+First 3 numbers:
+{{#each numbers take 3}}
+  {{it}}
+{{/each}}
diff --git a/wwwroot/code/linq21.l b/wwwroot/code/linq21.l
new file mode 100644
index 0000000..99335b0
--- /dev/null
+++ b/wwwroot/code/linq21.l
@@ -0,0 +1,9 @@
+(println "  First 3 orders in WA:")
+(htmldump (take 3 
+   (flatmap (fn [c] 
+      (map #(it {
+            :customer-id (.CustomerId c) 
+            :order-id    (.OrderId %) 
+            :order-date  (.OrderDate %) }) 
+         (.Orders c) ))
+      (where #(= (.Region %) "WA") customers-list) )) )
\ No newline at end of file
diff --git a/wwwroot/code/linq21.sc b/wwwroot/code/linq21.sc
new file mode 100644
index 0000000..c3f0f47
--- /dev/null
+++ b/wwwroot/code/linq21.sc
@@ -0,0 +1,7 @@
+`  First 3 orders in WA:`
+{{ customers |> zip => it.Orders 
+   |> let => { c: it[0], o: it[1] }
+   |> where => c.Region == 'WA'
+   |> take(3)
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq21.ss b/wwwroot/code/linq21.ss
new file mode 100644
index 0000000..106503b
--- /dev/null
+++ b/wwwroot/code/linq21.ss
@@ -0,0 +1,7 @@
+   First 3 orders in WA:
+{{ customers |> zip => it.Orders 
+   |> let => { c: it[0], o: it[1] }
+   |> where => c.Region == 'WA'
+   |> take(3)
+   |> map => o
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq22.l b/wwwroot/code/linq22.l
new file mode 100644
index 0000000..ea9b414
--- /dev/null
+++ b/wwwroot/code/linq22.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "All but first 4 numbers:")
+    (joinln (skip 4 numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq22.sc b/wwwroot/code/linq22.sc
new file mode 100644
index 0000000..6073d27
--- /dev/null
+++ b/wwwroot/code/linq22.sc
@@ -0,0 +1,5 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`All but first 4 numbers:`
+#each numbers skip 4
+    it
+/each
diff --git a/wwwroot/code/linq22.ss b/wwwroot/code/linq22.ss
new file mode 100644
index 0000000..76d215e
--- /dev/null
+++ b/wwwroot/code/linq22.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+All but first 4 numbers:
+{{#each numbers skip 4}}
+{{it}}
+{{/each}}
diff --git a/wwwroot/code/linq23.l b/wwwroot/code/linq23.l
new file mode 100644
index 0000000..ef38f48
--- /dev/null
+++ b/wwwroot/code/linq23.l
@@ -0,0 +1,9 @@
+(println "All but first 2 orders in WA:")
+(htmldump (skip 2 
+   (flatmap (fn [c] 
+      (map #(it {
+            :customer-id (.CustomerId c) 
+            :order-id    (.OrderId %) 
+            :order-date  (.OrderDate %) }) 
+         (.Orders c) ))
+      (where #(= (.Region %) "WA") customers-list) )) )
\ No newline at end of file
diff --git a/wwwroot/code/linq23.sc b/wwwroot/code/linq23.sc
new file mode 100644
index 0000000..55e7883
--- /dev/null
+++ b/wwwroot/code/linq23.sc
@@ -0,0 +1,7 @@
+`   All but first 2 orders in WA:`
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => c.Region == 'WA'
+   |> skip(2)
+   |> map => { c.CustomerId, o.OrderId, o.OrderDate }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq23.ss b/wwwroot/code/linq23.ss
new file mode 100644
index 0000000..0468ba7
--- /dev/null
+++ b/wwwroot/code/linq23.ss
@@ -0,0 +1,7 @@
+   All but first 2 orders in WA:
+{{ customers |> zip => it.Orders
+   |> let => { c: it[0], o: it[1] }
+   |> where => c.Region == 'WA'
+   |> skip(2)
+   |> map => { c.CustomerId, o.OrderId, o.OrderDate }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq24.l b/wwwroot/code/linq24.l
new file mode 100644
index 0000000..9851706
--- /dev/null
+++ b/wwwroot/code/linq24.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "First numbers less than 6:")
+    (joinln (take-while #(< % 6) numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq24.sc b/wwwroot/code/linq24.sc
new file mode 100644
index 0000000..0684405
--- /dev/null
+++ b/wwwroot/code/linq24.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`First numbers less than 6:`
+numbers |> takeWhile => it < 6 |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq24.ss b/wwwroot/code/linq24.ss
new file mode 100644
index 0000000..9714909
--- /dev/null
+++ b/wwwroot/code/linq24.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+First numbers less than 6:
+{{ numbers 
+   |> takeWhile => it < 6 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq25.l b/wwwroot/code/linq25.l
new file mode 100644
index 0000000..cb55341
--- /dev/null
+++ b/wwwroot/code/linq25.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0] )
+       (i 0) )
+    (println "First numbers not less than their position:")
+    (joinln (take-while #(>= % (f++ i)) numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq25.sc b/wwwroot/code/linq25.sc
new file mode 100644
index 0000000..93357ed
--- /dev/null
+++ b/wwwroot/code/linq25.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`First numbers not less than their position:`
+numbers |> takeWhile => it >= index |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq25.ss b/wwwroot/code/linq25.ss
new file mode 100644
index 0000000..ac90d5e
--- /dev/null
+++ b/wwwroot/code/linq25.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+First numbers not less than their position:
+{{ numbers 
+   |> takeWhile => it >= index 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq26.l b/wwwroot/code/linq26.l
new file mode 100644
index 0000000..d4851a5
--- /dev/null
+++ b/wwwroot/code/linq26.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "All elements starting from first element divisible by 3:")
+    (joinln (skip-while #(not= (mod % 3) 0) numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq26.sc b/wwwroot/code/linq26.sc
new file mode 100644
index 0000000..74771af
--- /dev/null
+++ b/wwwroot/code/linq26.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`All elements starting from first element divisible by 3:`
+numbers |> skipWhile => it % 3 != 0 |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq26.ss b/wwwroot/code/linq26.ss
new file mode 100644
index 0000000..ed93b85
--- /dev/null
+++ b/wwwroot/code/linq26.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+All elements starting from first element divisible by 3:
+{{ numbers 
+   |> skipWhile => it % 3 != 0 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq27.l b/wwwroot/code/linq27.l
new file mode 100644
index 0000000..d0710d5
--- /dev/null
+++ b/wwwroot/code/linq27.l
@@ -0,0 +1,4 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (i 0) )
+    (println "All elements starting from first element less than its position:")
+    (joinln (skip-while #(>= % (f++ i)) numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq27.sc b/wwwroot/code/linq27.sc
new file mode 100644
index 0000000..5d558be
--- /dev/null
+++ b/wwwroot/code/linq27.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+`All elements starting from first element less than its position:`
+numbers |> skipWhile => it >= index |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq27.ss b/wwwroot/code/linq27.ss
new file mode 100644
index 0000000..45ecf10
--- /dev/null
+++ b/wwwroot/code/linq27.ss
@@ -0,0 +1,5 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+All elements starting from first element less than its position:
+{{ numbers 
+   |> skipWhile => it >= index 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq28.l b/wwwroot/code/linq28.l
new file mode 100644
index 0000000..e5f76eb
--- /dev/null
+++ b/wwwroot/code/linq28.l
@@ -0,0 +1,3 @@
+(let ( (words ["cherry" "apple" "blueberry"]) )
+    (println "The sorted list of words:")
+    (joinln (sort words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq28.sc b/wwwroot/code/linq28.sc
new file mode 100644
index 0000000..065d764
--- /dev/null
+++ b/wwwroot/code/linq28.sc
@@ -0,0 +1,5 @@
+['cherry', 'apple', 'blueberry'] |> to => words
+`The sorted list of words:`
+#each words orderby it
+    it
+/each
diff --git a/wwwroot/code/linq28.ss b/wwwroot/code/linq28.ss
new file mode 100644
index 0000000..799c19d
--- /dev/null
+++ b/wwwroot/code/linq28.ss
@@ -0,0 +1,5 @@
+{{ ['cherry', 'apple', 'blueberry'] |> to => words }}
+The sorted list of words:
+{{#each words orderby it}}
+{{it}}
+{{/each}}
diff --git a/wwwroot/code/linq29.l b/wwwroot/code/linq29.l
new file mode 100644
index 0000000..7d4b1ea
--- /dev/null
+++ b/wwwroot/code/linq29.l
@@ -0,0 +1,3 @@
+(let ( (words ["cherry" "apple" "blueberry"]) )
+    (println "The sorted list of words (by length):")
+    (joinln (sort-by count words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq29.sc b/wwwroot/code/linq29.sc
new file mode 100644
index 0000000..2557cd1
--- /dev/null
+++ b/wwwroot/code/linq29.sc
@@ -0,0 +1,5 @@
+['cherry', 'apple', 'blueberry'] |> to => words
+`The sorted list of words (by length):`
+#each words orderby it.Length
+    it
+/each
diff --git a/wwwroot/code/linq29.ss b/wwwroot/code/linq29.ss
new file mode 100644
index 0000000..09e312f
--- /dev/null
+++ b/wwwroot/code/linq29.ss
@@ -0,0 +1,5 @@
+{{ ['cherry', 'apple', 'blueberry'] |> to => words }}
+The sorted list of words (by length):
+{{#each words orderby it.Length}}
+{{it}}
+{{/each}}
diff --git a/wwwroot/code/linq30.l b/wwwroot/code/linq30.l
new file mode 100644
index 0000000..08884b5
--- /dev/null
+++ b/wwwroot/code/linq30.l
@@ -0,0 +1 @@
+(htmldump (sort-by .ProductName products-list))
\ No newline at end of file
diff --git a/wwwroot/code/linq30.sc b/wwwroot/code/linq30.sc
new file mode 100644
index 0000000..3a5a6e7
--- /dev/null
+++ b/wwwroot/code/linq30.sc
@@ -0,0 +1 @@
+products |> orderBy => it.ProductName |> htmlDump
\ No newline at end of file
diff --git a/wwwroot/code/linq30.ss b/wwwroot/code/linq30.ss
new file mode 100644
index 0000000..2194e0c
--- /dev/null
+++ b/wwwroot/code/linq30.ss
@@ -0,0 +1,3 @@
+{{ products 
+   |> orderBy => it.ProductName 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq31.l b/wwwroot/code/linq31.l
new file mode 100644
index 0000000..75d60e2
--- /dev/null
+++ b/wwwroot/code/linq31.l
@@ -0,0 +1,2 @@
+(let ( (words ["aPPLE" "AbAcUs" "bRaNcH" "BlUeBeRrY" "ClOvEr" "cHeRry"]) )
+    (joinln (sort-by it (CaseInsensitiveComparer.) words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq31.sc b/wwwroot/code/linq31.sc
new file mode 100644
index 0000000..d3dd15b
--- /dev/null
+++ b/wwwroot/code/linq31.sc
@@ -0,0 +1,2 @@
+['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words
+ words |> orderBy(o => o, { comparer }) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq31.ss b/wwwroot/code/linq31.ss
new file mode 100644
index 0000000..78e278f
--- /dev/null
+++ b/wwwroot/code/linq31.ss
@@ -0,0 +1,4 @@
+{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words }}
+{{ words 
+   |> orderBy(o => o, { comparer }) 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq32.l b/wwwroot/code/linq32.l
new file mode 100644
index 0000000..0d41987
--- /dev/null
+++ b/wwwroot/code/linq32.l
@@ -0,0 +1,3 @@
+(let ( (dbls [1.7 2.3 1.9 4.1 2.9]) )
+    (println "The doubles from highest to lowest:")
+    (joinln (reverse (sort dbls))) )
\ No newline at end of file
diff --git a/wwwroot/code/linq32.sc b/wwwroot/code/linq32.sc
new file mode 100644
index 0000000..42dd375
--- /dev/null
+++ b/wwwroot/code/linq32.sc
@@ -0,0 +1,5 @@
+[1.7, 2.3, 1.9, 4.1, 2.9] |> to => doubles
+`The doubles from highest to lowest:`
+#each doubles orderby it descending
+    it
+/each
diff --git a/wwwroot/code/linq32.ss b/wwwroot/code/linq32.ss
new file mode 100644
index 0000000..eebb6cc
--- /dev/null
+++ b/wwwroot/code/linq32.ss
@@ -0,0 +1,5 @@
+{{ [1.7, 2.3, 1.9, 4.1, 2.9] |> to => doubles }}
+The doubles from highest to lowest:
+{{#each doubles orderby it descending}}
+{{it}}
+{{/each}}
diff --git a/wwwroot/code/linq33.l b/wwwroot/code/linq33.l
new file mode 100644
index 0000000..527fc91
--- /dev/null
+++ b/wwwroot/code/linq33.l
@@ -0,0 +1 @@
+(htmldump (reverse (sort-by .UnitsInStock products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq33.sc b/wwwroot/code/linq33.sc
new file mode 100644
index 0000000..c6100ab
--- /dev/null
+++ b/wwwroot/code/linq33.sc
@@ -0,0 +1 @@
+products |> orderByDescending => it.UnitsInStock |> htmlDump
\ No newline at end of file
diff --git a/wwwroot/code/linq33.ss b/wwwroot/code/linq33.ss
new file mode 100644
index 0000000..23a3c71
--- /dev/null
+++ b/wwwroot/code/linq33.ss
@@ -0,0 +1,3 @@
+{{ products 
+   |> orderByDescending => it.UnitsInStock
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq34.l b/wwwroot/code/linq34.l
new file mode 100644
index 0000000..a1ee4b4
--- /dev/null
+++ b/wwwroot/code/linq34.l
@@ -0,0 +1,2 @@
+(let ( (words ["aPPLE" "AbAcUs" "bRaNcH" "BlUeBeRrY" "ClOvEr" "cHeRry"]) )
+    (joinln (order-by [{ :comparer (CaseInsensitiveComparer.) :desc true }] words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq34.sc b/wwwroot/code/linq34.sc
new file mode 100644
index 0000000..018f0bd
--- /dev/null
+++ b/wwwroot/code/linq34.sc
@@ -0,0 +1,2 @@
+['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words
+words |> orderByDescending(o => o, { comparer }) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq34.ss b/wwwroot/code/linq34.ss
new file mode 100644
index 0000000..f3c2dc7
--- /dev/null
+++ b/wwwroot/code/linq34.ss
@@ -0,0 +1,4 @@
+{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words }}
+{{ words 
+   |> orderByDescending(o => o, { comparer }) 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq35.l b/wwwroot/code/linq35.l
new file mode 100644
index 0000000..aa10f39
--- /dev/null
+++ b/wwwroot/code/linq35.l
@@ -0,0 +1,4 @@
+(let ( (digits ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) 
+         (i 0) )
+    (println "Sorted digits:")
+    (joinln (order-by [#(count %) it] digits )))
\ No newline at end of file
diff --git a/wwwroot/code/linq35.sc b/wwwroot/code/linq35.sc
new file mode 100644
index 0000000..d2a52cd
--- /dev/null
+++ b/wwwroot/code/linq35.sc
@@ -0,0 +1,3 @@
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => digits
+`Sorted digits:`
+digits |> orderBy => it.length |> thenBy => it |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq35.ss b/wwwroot/code/linq35.ss
new file mode 100644
index 0000000..e36dc89
--- /dev/null
+++ b/wwwroot/code/linq35.ss
@@ -0,0 +1,6 @@
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to =>digits }}
+Sorted digits:
+{{ digits 
+   |> orderBy => it.length
+   |> thenBy => it
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq36.l b/wwwroot/code/linq36.l
new file mode 100644
index 0000000..c125a48
--- /dev/null
+++ b/wwwroot/code/linq36.l
@@ -0,0 +1,2 @@
+(let ( (words ["aPPLE" "AbAcUs" "bRaNcH" "BlUeBeRrY" "ClOvEr" "cHeRry"]) )
+    (joinln (order-by [#(count %) { :comparer (CaseInsensitiveComparer.) }] words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq36.sc b/wwwroot/code/linq36.sc
new file mode 100644
index 0000000..80b4e13
--- /dev/null
+++ b/wwwroot/code/linq36.sc
@@ -0,0 +1,2 @@
+['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words
+words |> orderBy => it.length |> thenBy(w => w, { comparer })  |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq36.ss b/wwwroot/code/linq36.ss
new file mode 100644
index 0000000..27d6360
--- /dev/null
+++ b/wwwroot/code/linq36.ss
@@ -0,0 +1,5 @@
+{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words }}
+{{ words 
+   |> orderBy => it.length
+   |> thenBy(w => w, { comparer }) 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq37.l b/wwwroot/code/linq37.l
new file mode 100644
index 0000000..5d3f43e
--- /dev/null
+++ b/wwwroot/code/linq37.l
@@ -0,0 +1 @@
+(htmldump (order-by [ #(.Category %) { :key #(.UnitPrice %) :desc true } ] products-list))
\ No newline at end of file
diff --git a/wwwroot/code/linq37.sc b/wwwroot/code/linq37.sc
new file mode 100644
index 0000000..c36bc0f
--- /dev/null
+++ b/wwwroot/code/linq37.sc
@@ -0,0 +1 @@
+products |> orderBy => it.Category |> thenByDescending => it.UnitPrice |> htmlDump
\ No newline at end of file
diff --git a/wwwroot/code/linq37.ss b/wwwroot/code/linq37.ss
new file mode 100644
index 0000000..d09dc4e
--- /dev/null
+++ b/wwwroot/code/linq37.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> orderBy => it.Category
+   |> thenByDescending => it.UnitPrice
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq38.l b/wwwroot/code/linq38.l
new file mode 100644
index 0000000..b39161e
--- /dev/null
+++ b/wwwroot/code/linq38.l
@@ -0,0 +1,2 @@
+(let ( (words ["aPPLE" "AbAcUs" "bRaNcH" "BlUeBeRrY" "ClOvEr" "cHeRry"]) )
+  (joinln (order-by [ #(count %) { :comparer (CaseInsensitiveComparer.) :desc true } ] words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq38.sc b/wwwroot/code/linq38.sc
new file mode 100644
index 0000000..826e657
--- /dev/null
+++ b/wwwroot/code/linq38.sc
@@ -0,0 +1,2 @@
+['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words
+words |> orderBy => it.length |> thenByDescending(w => w, { comparer }) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq38.ss b/wwwroot/code/linq38.ss
new file mode 100644
index 0000000..1878f46
--- /dev/null
+++ b/wwwroot/code/linq38.ss
@@ -0,0 +1,5 @@
+{{ ['aPPLE', 'AbAcUs', 'bRaNcH', 'BlUeBeRrY', 'ClOvEr', 'cHeRry'] |> to => words }}
+{{ words 
+   |> orderBy => it.length
+   |> thenByDescending(w => w, { comparer }) 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq39.l b/wwwroot/code/linq39.l
new file mode 100644
index 0000000..11d055b
--- /dev/null
+++ b/wwwroot/code/linq39.l
@@ -0,0 +1,3 @@
+(let ( (digits ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+    (println "A backwards list of the digits with a second character of 'i':")
+    (joinln (reverse (where #(= (:1 %) (:0 "i")) digits))))
\ No newline at end of file
diff --git a/wwwroot/code/linq39.sc b/wwwroot/code/linq39.sc
new file mode 100644
index 0000000..99fca42
--- /dev/null
+++ b/wwwroot/code/linq39.sc
@@ -0,0 +1,3 @@
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to  => digits
+`A backwards list of the digits with a second character of 'i':`
+digits |> where => it[1] == 'i' |> reverse |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq39.ss b/wwwroot/code/linq39.ss
new file mode 100644
index 0000000..76d5873
--- /dev/null
+++ b/wwwroot/code/linq39.ss
@@ -0,0 +1,6 @@
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to =>digits }}
+A backwards list of the digits with a second character of 'i':
+{{ digits 
+   |> where => it[1] == 'i'
+   |> reverse
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq40.l b/wwwroot/code/linq40.l
new file mode 100644
index 0000000..04de9db
--- /dev/null
+++ b/wwwroot/code/linq40.l
@@ -0,0 +1,7 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) 
+       (number-groups) )
+    (setq number-groups 
+        (map #(it { :remainder (.Key %) :numbers % }) (group-by #(mod % 5) numbers)))
+    (doseq (g number-groups)
+        (println "Numbers with a remainder of " (:remainder g) " when divided by 5:")
+        (println (joinln (:numbers g))) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq40.sc b/wwwroot/code/linq40.sc
new file mode 100644
index 0000000..1e293a2
--- /dev/null
+++ b/wwwroot/code/linq40.sc
@@ -0,0 +1,7 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => nums
+{{ nums 
+   |> groupBy => it % 5
+   |> let => { remainder: it.Key, nums: it }
+   |> map => `Numbers with a remainder of ${remainder} when divided by 5:\n${nums.join('\n')}`
+   |> joinln
+}}
\ No newline at end of file
diff --git a/wwwroot/code/linq40.ss b/wwwroot/code/linq40.ss
new file mode 100644
index 0000000..493c607
--- /dev/null
+++ b/wwwroot/code/linq40.ss
@@ -0,0 +1,7 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => nums }}
+{{ nums 
+   |> groupBy => it % 5
+   |> let => { remainder: it.Key, nums: it }
+   |> map => `Numbers with a remainder of ${remainder} when divided by 5:\n${nums.join('\n')}`
+   |> joinln
+}}
\ No newline at end of file
diff --git a/wwwroot/code/linq41.l b/wwwroot/code/linq41.l
new file mode 100644
index 0000000..1d25754
--- /dev/null
+++ b/wwwroot/code/linq41.l
@@ -0,0 +1,7 @@
+(let ( (words ["blueberry" "chimpanzee" "abacus" "banana" "apple" "cheese"])
+       (word-groups) )
+    (setq word-groups 
+        (map #(it {:first-letter (.Key %) :words % }) (group-by #(:0 %) words) ))
+    (doseq (g word-groups)
+        (println "Words that start with the letter: " (:first-letter g))
+        (println (joinln (:words g))) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq41.sc b/wwwroot/code/linq41.sc
new file mode 100644
index 0000000..c02387c
--- /dev/null
+++ b/wwwroot/code/linq41.sc
@@ -0,0 +1,6 @@
+['blueberry', 'chimpanzee', 'abacus', 'banana', 'apple', 'cheese'] |> to => words
+words |> groupBy => it[0] |> map => { firstLetter: it.Key, words: it } |> to => groups
+#each groups
+    `Words that start with the letter '${firstLetter}':`
+    words |> joinln
+/each
diff --git a/wwwroot/code/linq41.ss b/wwwroot/code/linq41.ss
new file mode 100644
index 0000000..4b535c5
--- /dev/null
+++ b/wwwroot/code/linq41.ss
@@ -0,0 +1,6 @@
+{{ ['blueberry', 'chimpanzee', 'abacus', 'banana', 'apple', 'cheese'] |> to => words }}
+{{ words |> groupBy => it[0] |> map => { firstLetter: it.Key, words: it } |> to => groups }}
+{{#each groups}}
+Words that start with the letter '{{firstLetter}}':
+{{ words |> joinln }}
+{{/each}}
diff --git a/wwwroot/code/linq42.l b/wwwroot/code/linq42.l
new file mode 100644
index 0000000..f744461
--- /dev/null
+++ b/wwwroot/code/linq42.l
@@ -0,0 +1 @@
+(htmldump (map #(it {:category (.Key %), :products % }) (group-by :category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq42.sc b/wwwroot/code/linq42.sc
new file mode 100644
index 0000000..5fde557
--- /dev/null
+++ b/wwwroot/code/linq42.sc
@@ -0,0 +1 @@
+products |> groupBy => it.Category |> let => { Category: it.Key, Products: it } |> htmlDump
\ No newline at end of file
diff --git a/wwwroot/code/linq42.ss b/wwwroot/code/linq42.ss
new file mode 100644
index 0000000..ddffe13
--- /dev/null
+++ b/wwwroot/code/linq42.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> let => { Category: it.Key, Products: it }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq43.l b/wwwroot/code/linq43.l
new file mode 100644
index 0000000..390c67c
--- /dev/null
+++ b/wwwroot/code/linq43.l
@@ -0,0 +1,12 @@
+(let ( (customer-order-groups
+      (map (fn [c] {
+        :company-name (.CompanyName c)
+        :year-groups  (map (fn [yg] {
+                :year (.Key yg)
+                :month-groups (map #(it {
+                        :month  (.Key %)
+                        :orders % })
+                    (group-by #(.Month (.OrderDate %)) yg)) }) 
+            (group-by #(it (.Year (.OrderDate %))) (.Orders c))) }) 
+      customers-list)) )
+    (htmldump customer-order-groups))
\ No newline at end of file
diff --git a/wwwroot/code/linq43.sc b/wwwroot/code/linq43.sc
new file mode 100644
index 0000000..06bef6e
--- /dev/null
+++ b/wwwroot/code/linq43.sc
@@ -0,0 +1,12 @@
+{{ customers |> map => { 
+    CompanyName: it.CompanyName, 
+    YearGroups: it.Orders.groupBy(it => it.OrderDate.Year).map(yg =>
+        { 
+            Year: yg.Key,
+            MonthGroups: yg.groupBy(o => o.OrderDate.Month).map(mg => 
+                { Month: mg.Key, Orders: mg }
+            ) 
+        }
+      ) 
+   }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq43.ss b/wwwroot/code/linq43.ss
new file mode 100644
index 0000000..06bef6e
--- /dev/null
+++ b/wwwroot/code/linq43.ss
@@ -0,0 +1,12 @@
+{{ customers |> map => { 
+    CompanyName: it.CompanyName, 
+    YearGroups: it.Orders.groupBy(it => it.OrderDate.Year).map(yg =>
+        { 
+            Year: yg.Key,
+            MonthGroups: yg.groupBy(o => o.OrderDate.Month).map(mg => 
+                { Month: mg.Key, Orders: mg }
+            ) 
+        }
+      ) 
+   }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq44.l b/wwwroot/code/linq44.l
new file mode 100644
index 0000000..53119d1
--- /dev/null
+++ b/wwwroot/code/linq44.l
@@ -0,0 +1,3 @@
+(let ( (anagrams ["from   " " salt" " earn " "  last   " " near " " form  "]) )
+    (doseq (x (group-by .Trim { :comparer (AnagramEqualityComparer.) } anagrams)) 
+        (println (/json x)) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq44.sc b/wwwroot/code/linq44.sc
new file mode 100644
index 0000000..cbdb9d4
--- /dev/null
+++ b/wwwroot/code/linq44.sc
@@ -0,0 +1,4 @@
+['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] |> to => anagrams
+#each anagrams.groupBy(w => w.trim(), { comparer: anagramComparer })
+    it |> json
+/each
diff --git a/wwwroot/code/linq44.ss b/wwwroot/code/linq44.ss
new file mode 100644
index 0000000..e3672f9
--- /dev/null
+++ b/wwwroot/code/linq44.ss
@@ -0,0 +1,4 @@
+{{ ['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] |> to => anagrams }}
+{{#each anagrams.groupBy(w => w.trim(), { comparer: anagramComparer }) }}
+{{it |> json}}
+{{/each}}
diff --git a/wwwroot/code/linq45.l b/wwwroot/code/linq45.l
new file mode 100644
index 0000000..db14ac7
--- /dev/null
+++ b/wwwroot/code/linq45.l
@@ -0,0 +1,3 @@
+(let ( (anagrams ["from   " " salt" " earn " "  last   " " near " " form  "]) )
+    (doseq (x (group-by .Trim { :comparer (AnagramEqualityComparer.) :map /upper } anagrams)) 
+        (println (/json x)) ))
\ No newline at end of file
diff --git a/wwwroot/code/linq45.sc b/wwwroot/code/linq45.sc
new file mode 100644
index 0000000..ac2991d
--- /dev/null
+++ b/wwwroot/code/linq45.sc
@@ -0,0 +1,4 @@
+['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] |> to => anagrams
+#each anagrams.groupBy(w => w.trim(), { map: a => a.upper(), comparer: anagramComparer })
+    it |> json
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq45.ss b/wwwroot/code/linq45.ss
new file mode 100644
index 0000000..934cef5
--- /dev/null
+++ b/wwwroot/code/linq45.ss
@@ -0,0 +1,4 @@
+{{ ['from   ', ' salt', ' earn ', '  last   ', ' near ', ' form  '] |> to => anagrams }}
+{{#each anagrams.groupBy(w => w.trim(), { map: a => a.upper(), comparer: anagramComparer }) }}
+{{it |> json}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq46.l b/wwwroot/code/linq46.l
new file mode 100644
index 0000000..89958d0
--- /dev/null
+++ b/wwwroot/code/linq46.l
@@ -0,0 +1,3 @@
+(let ( (factors-of-300 [2, 2, 3, 5, 5]) )
+    (println "Prime factors of 300:")
+    (joinln (/distinct factors-of-300)))
\ No newline at end of file
diff --git a/wwwroot/code/linq46.sc b/wwwroot/code/linq46.sc
new file mode 100644
index 0000000..a550c1f
--- /dev/null
+++ b/wwwroot/code/linq46.sc
@@ -0,0 +1,3 @@
+[2, 2, 3, 5, 5] |> to => factorsOf300
+`Prime factors of 300:`
+factorsOf300.distinct() |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq46.ss b/wwwroot/code/linq46.ss
new file mode 100644
index 0000000..ce2c16a
--- /dev/null
+++ b/wwwroot/code/linq46.ss
@@ -0,0 +1,3 @@
+{{ [2, 2, 3, 5, 5] |> to => factorsOf300 }}
+Prime factors of 300:
+{{ factorsOf300.distinct() |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq47.l b/wwwroot/code/linq47.l
new file mode 100644
index 0000000..cf3948a
--- /dev/null
+++ b/wwwroot/code/linq47.l
@@ -0,0 +1,2 @@
+(println "Category names:")
+(joinln (/distinct (map .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq47.sc b/wwwroot/code/linq47.sc
new file mode 100644
index 0000000..558b6d0
--- /dev/null
+++ b/wwwroot/code/linq47.sc
@@ -0,0 +1,2 @@
+`Category names:`
+products |> map => it.Category |> distinct |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq47.ss b/wwwroot/code/linq47.ss
new file mode 100644
index 0000000..a77cc4f
--- /dev/null
+++ b/wwwroot/code/linq47.ss
@@ -0,0 +1,5 @@
+Category names:
+{{ products 
+   |> map => it.Category 
+   |> distinct
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq48.l b/wwwroot/code/linq48.l
new file mode 100644
index 0000000..5005f95
--- /dev/null
+++ b/wwwroot/code/linq48.l
@@ -0,0 +1,4 @@
+(let ( (numbers-a [0 2 4 5 6 8 9]) 
+       (numbers-b [1 3 5 7 8]) )
+    (println "Unique numbers from both arrays:")
+    (joinln (/union numbers-a numbers-b)))
\ No newline at end of file
diff --git a/wwwroot/code/linq48.sc b/wwwroot/code/linq48.sc
new file mode 100644
index 0000000..2e62400
--- /dev/null
+++ b/wwwroot/code/linq48.sc
@@ -0,0 +1,6 @@
+[ 0, 2, 4, 5, 6, 8, 9 ] |> to => numbersA
+[ 1, 3, 5, 7, 8 ]       |> to => numbersB
+`Unique numbers from both arrays:`
+#each numbersA.union(numbersB)
+  it
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq48.ss b/wwwroot/code/linq48.ss
new file mode 100644
index 0000000..4cee036
--- /dev/null
+++ b/wwwroot/code/linq48.ss
@@ -0,0 +1,6 @@
+{{ [ 0, 2, 4, 5, 6, 8, 9 ] |> to => numbersA }}
+{{ [ 1, 3, 5, 7, 8 ] |> to => numbersB }}
+Unique numbers from both arrays:
+{{#each numbersA.union(numbersB)}}
+  {{it}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq49.l b/wwwroot/code/linq49.l
new file mode 100644
index 0000000..740f77d
--- /dev/null
+++ b/wwwroot/code/linq49.l
@@ -0,0 +1,5 @@
+(let ( (product-first-chars  (map #(:0 (.ProductName %)) products-list))
+       (customer-first-chars (map #(:0 (.CompanyName %)) customers-list)) )
+        
+    (println "Unique first letters from Product names and Customer names:")
+    (joinln (/union product-first-chars customer-first-chars)))
\ No newline at end of file
diff --git a/wwwroot/code/linq49.sc b/wwwroot/code/linq49.sc
new file mode 100644
index 0000000..ed00797
--- /dev/null
+++ b/wwwroot/code/linq49.sc
@@ -0,0 +1,6 @@
+products  |> map => it.ProductName[0] |> to => productFirstChars
+customers |> map => it.CompanyName[0] |> to => customerFirstChars
+`Unique first letters from Product names and Customer names:`
+#each productFirstChars.union(customerFirstChars)
+  it
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq49.ss b/wwwroot/code/linq49.ss
new file mode 100644
index 0000000..1ea6653
--- /dev/null
+++ b/wwwroot/code/linq49.ss
@@ -0,0 +1,10 @@
+{{ products  
+   |> map => it.ProductName[0] 
+   |> to => productFirstChars }}
+{{ customers 
+   |> map => it.CompanyName[0] 
+   |> to => customerFirstChars }}
+Unique first letters from Product names and Customer names:
+{{#each productFirstChars.union(customerFirstChars) }}
+  {{it}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq50.l b/wwwroot/code/linq50.l
new file mode 100644
index 0000000..b08300b
--- /dev/null
+++ b/wwwroot/code/linq50.l
@@ -0,0 +1,4 @@
+(let ( (numbers-a [0 2 4 5 6 8 9])
+       (numbers-b [1 3 5 7 8]) )
+    (println "Common numbers shared by both arrays:")
+    (joinln (/intersect numbers-a numbers-b)))
\ No newline at end of file
diff --git a/wwwroot/code/linq50.sc b/wwwroot/code/linq50.sc
new file mode 100644
index 0000000..dea7b32
--- /dev/null
+++ b/wwwroot/code/linq50.sc
@@ -0,0 +1,4 @@
+[ 0, 2, 4, 5, 6, 8, 9 ] |> to => numbersA
+[ 1, 3, 5, 7, 8 ]       |> to => numbersB
+`Common numbers shared by both arrays:`
+numbersA.intersect(numbersB) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq50.ss b/wwwroot/code/linq50.ss
new file mode 100644
index 0000000..0fee992
--- /dev/null
+++ b/wwwroot/code/linq50.ss
@@ -0,0 +1,4 @@
+{{ [ 0, 2, 4, 5, 6, 8, 9 ] |> to => numbersA }}
+{{ [ 1, 3, 5, 7, 8 ] |> to => numbersB }}
+Common numbers shared by both arrays:
+{{ numbersA.intersect(numbersB) |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq51.l b/wwwroot/code/linq51.l
new file mode 100644
index 0000000..d8f3757
--- /dev/null
+++ b/wwwroot/code/linq51.l
@@ -0,0 +1,4 @@
+(let ( (product-first-chars  (map #(:0 (.ProductName %)) products-list))
+       (customer-first-chars (map #(:0 (.CompanyName %)) customers-list)) )
+    (println "Common first letters from Product names and Customer names:")
+    (joinln (/intersect product-first-chars customer-first-chars)))
\ No newline at end of file
diff --git a/wwwroot/code/linq51.sc b/wwwroot/code/linq51.sc
new file mode 100644
index 0000000..f522831
--- /dev/null
+++ b/wwwroot/code/linq51.sc
@@ -0,0 +1,6 @@
+products  |> map => it.ProductName[0] |> to => productFirstChars
+customers |> map => it.CompanyName[0] |> to => customerFirstChars
+`Common first letters from Product names and Customer names:`
+#each productFirstChars.intersect(customerFirstChars)
+  it
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq51.ss b/wwwroot/code/linq51.ss
new file mode 100644
index 0000000..36a5359
--- /dev/null
+++ b/wwwroot/code/linq51.ss
@@ -0,0 +1,10 @@
+{{ products  
+   |> map => it.ProductName[0] 
+   |> to => productFirstChars }}
+{{ customers 
+   |> map => it.CompanyName[0] 
+   |> to => customerFirstChars }}
+Common first letters from Product names and Customer names:
+{{#each productFirstChars.intersect(customerFirstChars) }}
+  {{it}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq52.l b/wwwroot/code/linq52.l
new file mode 100644
index 0000000..b6d57ea
--- /dev/null
+++ b/wwwroot/code/linq52.l
@@ -0,0 +1,4 @@
+(let ( (numbers-a [0 2 4 5 6 8 9])
+       (numbers-b [1 3 5 7 8]) )
+    (println "Numbers in first array but not second array:")
+    (joinln (/except numbers-a numbers-b)))
\ No newline at end of file
diff --git a/wwwroot/code/linq52.sc b/wwwroot/code/linq52.sc
new file mode 100644
index 0000000..f174ee6
--- /dev/null
+++ b/wwwroot/code/linq52.sc
@@ -0,0 +1,4 @@
+[ 0, 2, 4, 5, 6, 8, 9 ]   |> to => numbersA
+[ 1, 3, 5, 7, 8 ]         |> to => numbersB
+`Numbers in first array but not second array:`
+numbersA.except(numbersB) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq52.ss b/wwwroot/code/linq52.ss
new file mode 100644
index 0000000..7f200b7
--- /dev/null
+++ b/wwwroot/code/linq52.ss
@@ -0,0 +1,4 @@
+{{ [ 0, 2, 4, 5, 6, 8, 9 ] |> to => numbersA }}
+{{ [ 1, 3, 5, 7, 8 ] |> to => numbersB }}
+Numbers in first array but not second array:
+{{ numbersA.except(numbersB) |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq53.l b/wwwroot/code/linq53.l
new file mode 100644
index 0000000..8ad499d
--- /dev/null
+++ b/wwwroot/code/linq53.l
@@ -0,0 +1,4 @@
+(let ( (product-first-chars  (map #(:0 (.ProductName %)) products-list))
+       (customer-first-chars (map #(:0 (.CompanyName %)) customers-list)) )
+    (println "First letters from Product names, but not from Customer names:")
+    (joinln (/except product-first-chars customer-first-chars)))
\ No newline at end of file
diff --git a/wwwroot/code/linq53.sc b/wwwroot/code/linq53.sc
new file mode 100644
index 0000000..e877ac6
--- /dev/null
+++ b/wwwroot/code/linq53.sc
@@ -0,0 +1,6 @@
+products  |> map => it.ProductName[0] |> to => productFirstChars
+customers |> map => it.CompanyName[0] |> to => customerFirstChars
+`First letters from Product names, but not from Customer names:`
+#each productFirstChars.except(customerFirstChars)
+  it
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq53.ss b/wwwroot/code/linq53.ss
new file mode 100644
index 0000000..67899cd
--- /dev/null
+++ b/wwwroot/code/linq53.ss
@@ -0,0 +1,10 @@
+{{ products  
+   |> map => it.ProductName[0] 
+   |> to => productFirstChars }}
+{{ customers 
+   |> map => it.CompanyName[0] 
+   |> to => customerFirstChars }}
+First letters from Product names, but not from Customer names:
+{{#each productFirstChars.except(customerFirstChars) }}
+  {{it}}
+{{/each}}
\ No newline at end of file
diff --git a/wwwroot/code/linq54.l b/wwwroot/code/linq54.l
new file mode 100644
index 0000000..7c8c40c
--- /dev/null
+++ b/wwwroot/code/linq54.l
@@ -0,0 +1,3 @@
+(let ( (dbls [1.7 2.3 1.9 4.1 2.9]) )
+    (println "Every other double from highest to lowest:")
+    (joinln (/step (reverse (sort dbls)) { :by 2 })))
\ No newline at end of file
diff --git a/wwwroot/code/linq54.sc b/wwwroot/code/linq54.sc
new file mode 100644
index 0000000..60b5fbc
--- /dev/null
+++ b/wwwroot/code/linq54.sc
@@ -0,0 +1,3 @@
+[ 1.7, 2.3, 1.9, 4.1, 2.9 ] |> to => doubles
+`Every other double from highest to lowest:`
+doubles |> orderByDescending => it |> step({ by: 2 }) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq54.ss b/wwwroot/code/linq54.ss
new file mode 100644
index 0000000..7394c88
--- /dev/null
+++ b/wwwroot/code/linq54.ss
@@ -0,0 +1,6 @@
+{{ [ 1.7, 2.3, 1.9, 4.1, 2.9 ] |> to => doubles }}
+Every other double from highest to lowest:
+{{ doubles 
+   |> orderByDescending => it
+   |> step({ by: 2 }) 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq55.l b/wwwroot/code/linq55.l
new file mode 100644
index 0000000..d3eb5df
--- /dev/null
+++ b/wwwroot/code/linq55.l
@@ -0,0 +1,3 @@
+(let ( (words ["cherry" "apple" "blueberry"]) )
+    (println "The sorted word list:")
+    (joinln (to-list (sort words))))
\ No newline at end of file
diff --git a/wwwroot/code/linq55.sc b/wwwroot/code/linq55.sc
new file mode 100644
index 0000000..6674422
--- /dev/null
+++ b/wwwroot/code/linq55.sc
@@ -0,0 +1,3 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => words
+`The sorted word list:`
+words |> orderBy => it |> toList |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq55.ss b/wwwroot/code/linq55.ss
new file mode 100644
index 0000000..640df80
--- /dev/null
+++ b/wwwroot/code/linq55.ss
@@ -0,0 +1,6 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => words }}
+The sorted word list:
+{{ words
+   |> orderBy => it 
+   |> toList 
+   |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq56.l b/wwwroot/code/linq56.l
new file mode 100644
index 0000000..515da29
--- /dev/null
+++ b/wwwroot/code/linq56.l
@@ -0,0 +1,4 @@
+(let ( (sorted-records [{ :name "Alice", :score 50 }
+                        { :name "Bob",   :score 40 }
+                        { :name "Cathy", :score 45 }]) )
+    (println "Bob's score: " (:score (:"Bob" (to-dictionary :name sorted-records)))))
\ No newline at end of file
diff --git a/wwwroot/code/linq56.sc b/wwwroot/code/linq56.sc
new file mode 100644
index 0000000..1067867
--- /dev/null
+++ b/wwwroot/code/linq56.sc
@@ -0,0 +1,3 @@
+[ {name:'Alice',score:50}, {name:'Bob',score:40}, {name:'Cathy',score:45} ] |> to => records
+records |> toDictionary => it.name |> to => scoreRecordsDict
+`Bob's score: ${scoreRecordsDict.Bob.score}`
\ No newline at end of file
diff --git a/wwwroot/code/linq56.ss b/wwwroot/code/linq56.ss
new file mode 100644
index 0000000..d4abbd6
--- /dev/null
+++ b/wwwroot/code/linq56.ss
@@ -0,0 +1,3 @@
+{{ [{name:'Alice',score:50},{name:'Bob',score:40},{name:'Cathy',score:45}] |> to => records }}
+{{ records |> toDictionary => it.name |> to => scoreRecordsDict }}
+Bob's score: {{ scoreRecordsDict.Bob.score }}
\ No newline at end of file
diff --git a/wwwroot/code/linq57.l b/wwwroot/code/linq57.l
new file mode 100644
index 0000000..60ded73
--- /dev/null
+++ b/wwwroot/code/linq57.l
@@ -0,0 +1,3 @@
+(let ( (numbers [nil 1.0 "two" 3 "four" 5 "six" 7.0]) )
+    (println "Numbers stored as doubles:")
+    (joinln (/of numbers { :type "Double" })))
\ No newline at end of file
diff --git a/wwwroot/code/linq57.sc b/wwwroot/code/linq57.sc
new file mode 100644
index 0000000..e1580a3
--- /dev/null
+++ b/wwwroot/code/linq57.sc
@@ -0,0 +1,3 @@
+[null, 1.0, 'two', 3, 'four', 5, 'six', 7.0] |> to => numbers 
+`Numbers stored as doubles:`
+numbers |> of({ type: 'Double' }) |> map => `${it.format('#.0') }` |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq57.ss b/wwwroot/code/linq57.ss
new file mode 100644
index 0000000..a6e79ca
--- /dev/null
+++ b/wwwroot/code/linq57.ss
@@ -0,0 +1,5 @@
+{{ [null, 1.0, 'two', 3, 'four', 5, 'six', 7.0] |> to => numbers }}
+Numbers stored as doubles:
+{{ numbers 
+   |> of({ type: 'Double' })
+   |> select: { it |> format('#.0') }\n }}
\ No newline at end of file
diff --git a/wwwroot/code/linq58.l b/wwwroot/code/linq58.l
new file mode 100644
index 0000000..fe26b92
--- /dev/null
+++ b/wwwroot/code/linq58.l
@@ -0,0 +1 @@
+(dump (first (where #(= (.ProductId %) 12) products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq58.sc b/wwwroot/code/linq58.sc
new file mode 100644
index 0000000..269c3e1
--- /dev/null
+++ b/wwwroot/code/linq58.sc
@@ -0,0 +1 @@
+products |> where => it.ProductId == 12 |> first |> dump
\ No newline at end of file
diff --git a/wwwroot/code/linq58.ss b/wwwroot/code/linq58.ss
new file mode 100644
index 0000000..4b1fe0b
--- /dev/null
+++ b/wwwroot/code/linq58.ss
@@ -0,0 +1,4 @@
+{{ products
+   |> where => it.ProductId == 12 
+   |> first
+   |> dump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq59.l b/wwwroot/code/linq59.l
new file mode 100644
index 0000000..3a999c3
--- /dev/null
+++ b/wwwroot/code/linq59.l
@@ -0,0 +1,2 @@
+(let ( (strings ["zero" "one" "two" "three" "four" "five" "six" "seven" "eight" "nine"]) )
+    (println "A string starting with 'o': " (first (where #(/startsWith % "o") strings))))
\ No newline at end of file
diff --git a/wwwroot/code/linq59.sc b/wwwroot/code/linq59.sc
new file mode 100644
index 0000000..cc7d280
--- /dev/null
+++ b/wwwroot/code/linq59.sc
@@ -0,0 +1,4 @@
+['zero','one','two','three','four','five','six','seven','eight','nine'] |> to => strings
+#each s in strings where s[0] == 'o' take 1
+`A string starting with 'o': ${s}`
+/each
\ No newline at end of file
diff --git a/wwwroot/code/linq59.ss b/wwwroot/code/linq59.ss
new file mode 100644
index 0000000..f1d5b62
--- /dev/null
+++ b/wwwroot/code/linq59.ss
@@ -0,0 +1,4 @@
+{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to =>strings }}
+{{#each s in strings where s[0] == 'o' take 1 }}
+A string starting with 'o': {{s}}
+{{/each}} 
diff --git a/wwwroot/code/linq61.l b/wwwroot/code/linq61.l
new file mode 100644
index 0000000..cd7d1c5
--- /dev/null
+++ b/wwwroot/code/linq61.l
@@ -0,0 +1 @@
+(or (first []) "null")
\ No newline at end of file
diff --git a/wwwroot/code/linq61.sc b/wwwroot/code/linq61.sc
new file mode 100644
index 0000000..dc1f6d3
--- /dev/null
+++ b/wwwroot/code/linq61.sc
@@ -0,0 +1 @@
+([].first()) ?? 'null'
\ No newline at end of file
diff --git a/wwwroot/code/linq61.ss b/wwwroot/code/linq61.ss
new file mode 100644
index 0000000..66a4391
--- /dev/null
+++ b/wwwroot/code/linq61.ss
@@ -0,0 +1,2 @@
+{{ [] |> to => numbers }}
+{{ numbers.first() ?? 'null' }}
\ No newline at end of file
diff --git a/wwwroot/code/linq62.l b/wwwroot/code/linq62.l
new file mode 100644
index 0000000..8936a05
--- /dev/null
+++ b/wwwroot/code/linq62.l
@@ -0,0 +1,2 @@
+(let ( (product-789 (first (where #(= (.ProductId %) 789) products-list))) )
+    (println "Product 789 exists: " (not= product-789 nil)))
\ No newline at end of file
diff --git a/wwwroot/code/linq62.sc b/wwwroot/code/linq62.sc
new file mode 100644
index 0000000..546dc39
--- /dev/null
+++ b/wwwroot/code/linq62.sc
@@ -0,0 +1,2 @@
+products |> first => it.ProductId = 789 |> to => product789
+`Product 789 exists: ${ product789 != null }`
\ No newline at end of file
diff --git a/wwwroot/code/linq62.ss b/wwwroot/code/linq62.ss
new file mode 100644
index 0000000..c40248d
--- /dev/null
+++ b/wwwroot/code/linq62.ss
@@ -0,0 +1,2 @@
+{{ products |> first => it.ProductId = 789 |> to => product789 }}
+Product 789 exists: {{ product789 != null }}
\ No newline at end of file
diff --git a/wwwroot/code/linq64.l b/wwwroot/code/linq64.l
new file mode 100644
index 0000000..61f2271
--- /dev/null
+++ b/wwwroot/code/linq64.l
@@ -0,0 +1,2 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "Second number > 5: " (:1 (where #(> % 5) numbers))))
\ No newline at end of file
diff --git a/wwwroot/code/linq64.sc b/wwwroot/code/linq64.sc
new file mode 100644
index 0000000..e752b6b
--- /dev/null
+++ b/wwwroot/code/linq64.sc
@@ -0,0 +1,3 @@
+[ 5, 4, 1, 3, 9, 8, 6, 7, 2, 0 ] |> to => numbers
+numbers |> where => it > 5 | elementAt(1) |> to => fourthLowNum
+`Second number > 5: ${fourthLowNum}`
\ No newline at end of file
diff --git a/wwwroot/code/linq64.ss b/wwwroot/code/linq64.ss
new file mode 100644
index 0000000..5dd94ee
--- /dev/null
+++ b/wwwroot/code/linq64.ss
@@ -0,0 +1,3 @@
+{{ [ 5, 4, 1, 3, 9, 8, 6, 7, 2, 0 ] |> to => numbers }} 
+{{ numbers |> where => it > 5 | elementAt(1) |> to => fourthLowNum }}
+Second number > 5: {{ fourthLowNum }}
\ No newline at end of file
diff --git a/wwwroot/code/linq65.l b/wwwroot/code/linq65.l
new file mode 100644
index 0000000..1a242cf
--- /dev/null
+++ b/wwwroot/code/linq65.l
@@ -0,0 +1,2 @@
+(doseq (n (range 100 150))
+    (println "The number " n " is " (if (even? n) "even" "odd")))
\ No newline at end of file
diff --git a/wwwroot/code/linq65.sc b/wwwroot/code/linq65.sc
new file mode 100644
index 0000000..2aa68cd
--- /dev/null
+++ b/wwwroot/code/linq65.sc
@@ -0,0 +1,3 @@
+#each range(100,50)
+`The number ${it} is ${ it.isEven() ? 'even' : 'odd' }.`
+/each
diff --git a/wwwroot/code/linq65.ss b/wwwroot/code/linq65.ss
new file mode 100644
index 0000000..d58f6fe
--- /dev/null
+++ b/wwwroot/code/linq65.ss
@@ -0,0 +1,3 @@
+{{#each range(100,50) }}
+The number {{it}} is {{ it.isEven() ? 'even' : 'odd' }}.
+{{/each}}
diff --git a/wwwroot/code/linq66.l b/wwwroot/code/linq66.l
new file mode 100644
index 0000000..2e191b6
--- /dev/null
+++ b/wwwroot/code/linq66.l
@@ -0,0 +1 @@
+(doseq (n (/repeat 7 10)) (println n))
\ No newline at end of file
diff --git a/wwwroot/code/linq66.sc b/wwwroot/code/linq66.sc
new file mode 100644
index 0000000..964d239
--- /dev/null
+++ b/wwwroot/code/linq66.sc
@@ -0,0 +1 @@
+10.itemsOf(7) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq66.ss b/wwwroot/code/linq66.ss
new file mode 100644
index 0000000..a39d69d
--- /dev/null
+++ b/wwwroot/code/linq66.ss
@@ -0,0 +1 @@
+{{ 10.itemsOf(7) |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq67.l b/wwwroot/code/linq67.l
new file mode 100644
index 0000000..99fec4c
--- /dev/null
+++ b/wwwroot/code/linq67.l
@@ -0,0 +1,3 @@
+(let ( (words ["believe" "relief" "receipt" "field"]) )
+    (println "There is a word that contains in the list that contains 'ei': " 
+        (any? #(.Contains % "ie") words)))
\ No newline at end of file
diff --git a/wwwroot/code/linq67.sc b/wwwroot/code/linq67.sc
new file mode 100644
index 0000000..6de8f10
--- /dev/null
+++ b/wwwroot/code/linq67.sc
@@ -0,0 +1,3 @@
+['believe', 'relief', 'receipt', 'field'] |> to => words
+words |> any => it.contains('ei') |> to => iAfterE
+`There is a word that contains in the list that contains 'ei': ${iAfterE.lower()}`
\ No newline at end of file
diff --git a/wwwroot/code/linq67.ss b/wwwroot/code/linq67.ss
new file mode 100644
index 0000000..15c5ece
--- /dev/null
+++ b/wwwroot/code/linq67.ss
@@ -0,0 +1,3 @@
+{{ ['believe', 'relief', 'receipt', 'field'] |> to => words }}
+{{ words |> any => it.contains('ei') |> to => iAfterE }}
+There is a word that contains in the list that contains 'ei': {{ iAfterE | lower }}
\ No newline at end of file
diff --git a/wwwroot/code/linq69.l b/wwwroot/code/linq69.l
new file mode 100644
index 0000000..8f55d89
--- /dev/null
+++ b/wwwroot/code/linq69.l
@@ -0,0 +1,3 @@
+(htmldump (map-where #(any? (fn [p] (= (.UnitsInStock p) 0)) %) 
+                     #(it { :category (.Key %), :products % })
+                     (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq69.sc b/wwwroot/code/linq69.sc
new file mode 100644
index 0000000..fb6abc2
--- /dev/null
+++ b/wwwroot/code/linq69.sc
@@ -0,0 +1,5 @@
+{{ products 
+   |> groupBy => it.Category
+   |> where => it.any(it => it.UnitsInStock = 0)
+   |> let => { Category: it.Key, Products: it } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq69.ss b/wwwroot/code/linq69.ss
new file mode 100644
index 0000000..fb6abc2
--- /dev/null
+++ b/wwwroot/code/linq69.ss
@@ -0,0 +1,5 @@
+{{ products 
+   |> groupBy => it.Category
+   |> where => it.any(it => it.UnitsInStock = 0)
+   |> let => { Category: it.Key, Products: it } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq70.l b/wwwroot/code/linq70.l
new file mode 100644
index 0000000..8c9651f
--- /dev/null
+++ b/wwwroot/code/linq70.l
@@ -0,0 +1,2 @@
+(let ( (numbers [1 11 3 19 41 65 19]) )
+    (println "The list contains only odd numbers: " (all? odd? numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq70.sc b/wwwroot/code/linq70.sc
new file mode 100644
index 0000000..3f18267
--- /dev/null
+++ b/wwwroot/code/linq70.sc
@@ -0,0 +1,3 @@
+[1, 11, 3, 19, 41, 65, 19]  |> to => numbers
+numbers |> all => it.isOdd() |> to => onlyOdd
+`The list contains only odd numbers: ${ onlyOdd }`
\ No newline at end of file
diff --git a/wwwroot/code/linq70.ss b/wwwroot/code/linq70.ss
new file mode 100644
index 0000000..9440272
--- /dev/null
+++ b/wwwroot/code/linq70.ss
@@ -0,0 +1,3 @@
+{{ [1, 11, 3, 19, 41, 65, 19]  |> to => numbers }}
+{{ numbers |> all => it.isOdd() |> to => onlyOdd }}
+The list contains only odd numbers: {{ onlyOdd }}
\ No newline at end of file
diff --git a/wwwroot/code/linq72.l b/wwwroot/code/linq72.l
new file mode 100644
index 0000000..3e8fced
--- /dev/null
+++ b/wwwroot/code/linq72.l
@@ -0,0 +1,3 @@
+(htmldump (map-where #(all? (fn [p] (> (.UnitsInStock p) 0)) %) 
+                     #(it { :category (.Key %), :products % })
+                     (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq72.sc b/wwwroot/code/linq72.sc
new file mode 100644
index 0000000..cb48e00
--- /dev/null
+++ b/wwwroot/code/linq72.sc
@@ -0,0 +1,5 @@
+{{ products 
+   |> groupBy => it.Category
+   |> where => it.all(it => it.UnitsInStock > 0)
+   |> let => { Category: it.Key, Products: it } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq72.ss b/wwwroot/code/linq72.ss
new file mode 100644
index 0000000..cb48e00
--- /dev/null
+++ b/wwwroot/code/linq72.ss
@@ -0,0 +1,5 @@
+{{ products 
+   |> groupBy => it.Category
+   |> where => it.all(it => it.UnitsInStock > 0)
+   |> let => { Category: it.Key, Products: it } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq73.l b/wwwroot/code/linq73.l
new file mode 100644
index 0000000..71d0ad0
--- /dev/null
+++ b/wwwroot/code/linq73.l
@@ -0,0 +1,2 @@
+(let ( (factors-of-300 [2 2 3 5 5]) )
+    (println "There are " (count (/distinct factors-of-300)) " unique factors of 300."))
\ No newline at end of file
diff --git a/wwwroot/code/linq73.sc b/wwwroot/code/linq73.sc
new file mode 100644
index 0000000..3861165
--- /dev/null
+++ b/wwwroot/code/linq73.sc
@@ -0,0 +1,3 @@
+[2, 2, 3, 5, 5] |> to => factorsOf300
+factorsOf300.distinct().count() |> to => uniqueFactors
+`There are ${uniqueFactors} unique factors of 300.`
\ No newline at end of file
diff --git a/wwwroot/code/linq73.ss b/wwwroot/code/linq73.ss
new file mode 100644
index 0000000..086b704
--- /dev/null
+++ b/wwwroot/code/linq73.ss
@@ -0,0 +1,3 @@
+{{ [2, 2, 3, 5, 5] |> to => factorsOf300 }}
+{{ factorsOf300.distinct().count() |> to => uniqueFactors }}
+There are {{uniqueFactors}} unique factors of 300.
\ No newline at end of file
diff --git a/wwwroot/code/linq74.l b/wwwroot/code/linq74.l
new file mode 100644
index 0000000..f16a57d
--- /dev/null
+++ b/wwwroot/code/linq74.l
@@ -0,0 +1,2 @@
+(let ( (numbers [4 5 1 3 9 0 6 7 2 0]) )
+    (println "There are " (count (where odd? numbers)) " odd numbers in the list."))
\ No newline at end of file
diff --git a/wwwroot/code/linq74.sc b/wwwroot/code/linq74.sc
new file mode 100644
index 0000000..a79f801
--- /dev/null
+++ b/wwwroot/code/linq74.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers |> count => it.isOdd() |> to => oddNumbers
+`There are ${oddNumbers} odd numbers in the list.`
\ No newline at end of file
diff --git a/wwwroot/code/linq74.ss b/wwwroot/code/linq74.ss
new file mode 100644
index 0000000..9fefd70
--- /dev/null
+++ b/wwwroot/code/linq74.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers |> count => it.isOdd() |> to => oddNumbers }}
+There are {{oddNumbers}} odd numbers in the list.
\ No newline at end of file
diff --git a/wwwroot/code/linq76.l b/wwwroot/code/linq76.l
new file mode 100644
index 0000000..3b76000
--- /dev/null
+++ b/wwwroot/code/linq76.l
@@ -0,0 +1,5 @@
+(doseq (x (map #(it {
+                :customer-id (.CustomerId %) 
+                :order-count (count (.Orders %)) }) 
+            customers-list))
+    (println (:customer-id x) ", " (:order-count x)))
\ No newline at end of file
diff --git a/wwwroot/code/linq76.sc b/wwwroot/code/linq76.sc
new file mode 100644
index 0000000..5cdf23f
--- /dev/null
+++ b/wwwroot/code/linq76.sc
@@ -0,0 +1,3 @@
+{{ customers 
+   |> let => { it.CustomerId, OrderCount: it.Orders.count() } 
+   |> map => `${CustomerId}, ${OrderCount}` |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq76.ss b/wwwroot/code/linq76.ss
new file mode 100644
index 0000000..5cdf23f
--- /dev/null
+++ b/wwwroot/code/linq76.ss
@@ -0,0 +1,3 @@
+{{ customers 
+   |> let => { it.CustomerId, OrderCount: it.Orders.count() } 
+   |> map => `${CustomerId}, ${OrderCount}` |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq77.l b/wwwroot/code/linq77.l
new file mode 100644
index 0000000..0adc47c
--- /dev/null
+++ b/wwwroot/code/linq77.l
@@ -0,0 +1,4 @@
+(htmldump (map #(it {
+                :category (.Key %)
+                :product-count (count %) })
+            (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq77.sc b/wwwroot/code/linq77.sc
new file mode 100644
index 0000000..bb54963
--- /dev/null
+++ b/wwwroot/code/linq77.sc
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> let => { Category: it.Key, ProductCount: it.count() }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq77.ss b/wwwroot/code/linq77.ss
new file mode 100644
index 0000000..bb54963
--- /dev/null
+++ b/wwwroot/code/linq77.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> let => { Category: it.Key, ProductCount: it.count() }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq78.l b/wwwroot/code/linq78.l
new file mode 100644
index 0000000..f9c2527
--- /dev/null
+++ b/wwwroot/code/linq78.l
@@ -0,0 +1,2 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "The sum of the numbers is " (sum numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq78.sc b/wwwroot/code/linq78.sc
new file mode 100644
index 0000000..10a1e12
--- /dev/null
+++ b/wwwroot/code/linq78.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers.sum() |> to => numSum
+`The sum of the numbers is ${numSum}.`
\ No newline at end of file
diff --git a/wwwroot/code/linq78.ss b/wwwroot/code/linq78.ss
new file mode 100644
index 0000000..7770fbb
--- /dev/null
+++ b/wwwroot/code/linq78.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers.sum() |> to => numSum }}
+The sum of the numbers is {{numSum}}.
\ No newline at end of file
diff --git a/wwwroot/code/linq79.l b/wwwroot/code/linq79.l
new file mode 100644
index 0000000..5926350
--- /dev/null
+++ b/wwwroot/code/linq79.l
@@ -0,0 +1,2 @@
+(let ( (words ["cherry", "apple", "blueberry"]) )
+    (println "There are a total of " (sum (map count words)) " characters in these words."))
\ No newline at end of file
diff --git a/wwwroot/code/linq79.sc b/wwwroot/code/linq79.sc
new file mode 100644
index 0000000..e9c8df8
--- /dev/null
+++ b/wwwroot/code/linq79.sc
@@ -0,0 +1,3 @@
+[ 'cherry', 'apple', 'blueberry'] |> to => words
+words |> sum => it.Length |> to => totalChars
+`There are a total of ${totalChars} characters in these words.`
\ No newline at end of file
diff --git a/wwwroot/code/linq79.ss b/wwwroot/code/linq79.ss
new file mode 100644
index 0000000..68991da
--- /dev/null
+++ b/wwwroot/code/linq79.ss
@@ -0,0 +1,3 @@
+{{ [ 'cherry', 'apple', 'blueberry'] |> to => words }}
+{{ words |> sum => it.Length |> to => totalChars }}
+There are a total of {{totalChars}} characters in these words.
\ No newline at end of file
diff --git a/wwwroot/code/linq80.l b/wwwroot/code/linq80.l
new file mode 100644
index 0000000..8d6c937
--- /dev/null
+++ b/wwwroot/code/linq80.l
@@ -0,0 +1,4 @@
+(htmldump (map #(it {
+                :category (.Key %)
+                :total-units-in-stock (sum (map .UnitsInStock %)) })
+              (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq80.sc b/wwwroot/code/linq80.sc
new file mode 100644
index 0000000..965a9f8
--- /dev/null
+++ b/wwwroot/code/linq80.sc
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, TotalUnitsInStock: it.sum(p => p.UnitsInStock) } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq80.ss b/wwwroot/code/linq80.ss
new file mode 100644
index 0000000..965a9f8
--- /dev/null
+++ b/wwwroot/code/linq80.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, TotalUnitsInStock: it.sum(p => p.UnitsInStock) } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq81.l b/wwwroot/code/linq81.l
new file mode 100644
index 0000000..e6fd7df
--- /dev/null
+++ b/wwwroot/code/linq81.l
@@ -0,0 +1,2 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "The minimum number is " (apply min numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq81.sc b/wwwroot/code/linq81.sc
new file mode 100644
index 0000000..03bca62
--- /dev/null
+++ b/wwwroot/code/linq81.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers.min() |> to => minNum
+`The minimum number is ${minNum}.`
\ No newline at end of file
diff --git a/wwwroot/code/linq81.ss b/wwwroot/code/linq81.ss
new file mode 100644
index 0000000..5ae9718
--- /dev/null
+++ b/wwwroot/code/linq81.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers.min() |> to => minNum }}
+The minimum number is {{minNum}}.
\ No newline at end of file
diff --git a/wwwroot/code/linq82.l b/wwwroot/code/linq82.l
new file mode 100644
index 0000000..91b5b0e
--- /dev/null
+++ b/wwwroot/code/linq82.l
@@ -0,0 +1,2 @@
+(let ( (words ["cherry", "apple", "blueberry"]) )
+    (println "The shortest word is " (apply min (map count words)) " characters long."))
\ No newline at end of file
diff --git a/wwwroot/code/linq82.sc b/wwwroot/code/linq82.sc
new file mode 100644
index 0000000..766ff6c
--- /dev/null
+++ b/wwwroot/code/linq82.sc
@@ -0,0 +1,3 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => words
+words |> min => it.Length |> to => shortestWord
+`The shortest word is ${shortestWord} characters long.`
\ No newline at end of file
diff --git a/wwwroot/code/linq82.ss b/wwwroot/code/linq82.ss
new file mode 100644
index 0000000..abbf86e
--- /dev/null
+++ b/wwwroot/code/linq82.ss
@@ -0,0 +1,3 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => words }}
+{{ words |> min => it.Length |> to => shortestWord }}
+The shortest word is {{shortestWord}} characters long.
\ No newline at end of file
diff --git a/wwwroot/code/linq83.l b/wwwroot/code/linq83.l
new file mode 100644
index 0000000..edfcfdc
--- /dev/null
+++ b/wwwroot/code/linq83.l
@@ -0,0 +1,4 @@
+(htmldump (map #(it {
+                :category (.Key %)
+                :cheapest-price (apply min (map .UnitPrice %)) })
+            (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq83.sc b/wwwroot/code/linq83.sc
new file mode 100644
index 0000000..a1c1cbf
--- /dev/null
+++ b/wwwroot/code/linq83.sc
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, CheapestPrice: it.min(p => p.UnitPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq83.ss b/wwwroot/code/linq83.ss
new file mode 100644
index 0000000..a1c1cbf
--- /dev/null
+++ b/wwwroot/code/linq83.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, CheapestPrice: it.min(p => p.UnitPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq84.l b/wwwroot/code/linq84.l
new file mode 100644
index 0000000..d1b86e0
--- /dev/null
+++ b/wwwroot/code/linq84.l
@@ -0,0 +1,6 @@
+(htmldump (map (fn [g] 
+              (let ( (min-price (apply min (map .UnitPrice g))) ) {
+                      :category (.Key g)
+                      :cheapest-products (where #(= (.UnitPrice %) min-price) g)
+                  }))
+            (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq84.sc b/wwwroot/code/linq84.sc
new file mode 100644
index 0000000..4058552
--- /dev/null
+++ b/wwwroot/code/linq84.sc
@@ -0,0 +1,8 @@
+{{ products 
+   |> groupBy => it.Category
+   |> let => { 
+        g: it,
+        MinPrice: it.min(p => p.UnitPrice), 
+     }
+   |> map => { Category: g.Key, CheapestProducts: g.where(p => p.UnitPrice == MinPrice) }
+   |> htmlDump }}
diff --git a/wwwroot/code/linq84.ss b/wwwroot/code/linq84.ss
new file mode 100644
index 0000000..4058552
--- /dev/null
+++ b/wwwroot/code/linq84.ss
@@ -0,0 +1,8 @@
+{{ products 
+   |> groupBy => it.Category
+   |> let => { 
+        g: it,
+        MinPrice: it.min(p => p.UnitPrice), 
+     }
+   |> map => { Category: g.Key, CheapestProducts: g.where(p => p.UnitPrice == MinPrice) }
+   |> htmlDump }}
diff --git a/wwwroot/code/linq85.l b/wwwroot/code/linq85.l
new file mode 100644
index 0000000..693c86e
--- /dev/null
+++ b/wwwroot/code/linq85.l
@@ -0,0 +1,2 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "The maximum number is " (apply max numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq85.sc b/wwwroot/code/linq85.sc
new file mode 100644
index 0000000..df19371
--- /dev/null
+++ b/wwwroot/code/linq85.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers.max() |> to => maxNum
+`The maximum number is ${maxNum}.`
\ No newline at end of file
diff --git a/wwwroot/code/linq85.ss b/wwwroot/code/linq85.ss
new file mode 100644
index 0000000..56cfa1b
--- /dev/null
+++ b/wwwroot/code/linq85.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers.max() |> to => maxNum }}
+The maximum number is {{maxNum}}.
\ No newline at end of file
diff --git a/wwwroot/code/linq86.l b/wwwroot/code/linq86.l
new file mode 100644
index 0000000..ff7a8a2
--- /dev/null
+++ b/wwwroot/code/linq86.l
@@ -0,0 +1,2 @@
+(let ( (words ["cherry", "apple", "blueberry"]) )
+    (println "The longest word is " (apply max (map count words)) " characters long."))
\ No newline at end of file
diff --git a/wwwroot/code/linq86.sc b/wwwroot/code/linq86.sc
new file mode 100644
index 0000000..7777fbe
--- /dev/null
+++ b/wwwroot/code/linq86.sc
@@ -0,0 +1,3 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => words
+words |> max => it.Length |> to => longestLength
+`The longest word is ${longestLength} characters long.`
\ No newline at end of file
diff --git a/wwwroot/code/linq86.ss b/wwwroot/code/linq86.ss
new file mode 100644
index 0000000..5015fd3
--- /dev/null
+++ b/wwwroot/code/linq86.ss
@@ -0,0 +1,3 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => words }}
+{{ words |> max => it.Length |> to => longestLength }}
+The longest word is {{longestLength}} characters long.
\ No newline at end of file
diff --git a/wwwroot/code/linq87.l b/wwwroot/code/linq87.l
new file mode 100644
index 0000000..6005534
--- /dev/null
+++ b/wwwroot/code/linq87.l
@@ -0,0 +1,5 @@
+(htmldump (map #(it {
+                  :category (.Key %)
+                  :most-expensive-price (apply max (map .UnitPrice %))
+                })
+              (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq87.sc b/wwwroot/code/linq87.sc
new file mode 100644
index 0000000..aded549
--- /dev/null
+++ b/wwwroot/code/linq87.sc
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, MostExpensivePrice: it.max(p => p.UnitPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq87.ss b/wwwroot/code/linq87.ss
new file mode 100644
index 0000000..aded549
--- /dev/null
+++ b/wwwroot/code/linq87.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, MostExpensivePrice: it.max(p => p.UnitPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq88.l b/wwwroot/code/linq88.l
new file mode 100644
index 0000000..89b0f48
--- /dev/null
+++ b/wwwroot/code/linq88.l
@@ -0,0 +1,6 @@
+(htmldump (map (fn [g] (
+                let ( (max-price (apply max (map .UnitPrice g))) ) {
+                      :category (.Key g)
+                      :most-expensive-products (where #(= (.UnitPrice %) max-price) g) 
+                    }))
+                (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq88.sc b/wwwroot/code/linq88.sc
new file mode 100644
index 0000000..8feea00
--- /dev/null
+++ b/wwwroot/code/linq88.sc
@@ -0,0 +1,8 @@
+{{ products
+   |> groupBy => it.Category
+   |> let => {
+        g: it,
+        MaxPrice: it.max(p => p.UnitPrice), 
+     }
+   |> map => { Category: g.Key, MostExpensiveProducts: g.where(p => p.UnitPrice = MaxPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq88.ss b/wwwroot/code/linq88.ss
new file mode 100644
index 0000000..8feea00
--- /dev/null
+++ b/wwwroot/code/linq88.ss
@@ -0,0 +1,8 @@
+{{ products
+   |> groupBy => it.Category
+   |> let => {
+        g: it,
+        MaxPrice: it.max(p => p.UnitPrice), 
+     }
+   |> map => { Category: g.Key, MostExpensiveProducts: g.where(p => p.UnitPrice = MaxPrice) }
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq89.l b/wwwroot/code/linq89.l
new file mode 100644
index 0000000..0a0fb8c
--- /dev/null
+++ b/wwwroot/code/linq89.l
@@ -0,0 +1,2 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0]) )
+    (println "The average number is " (average numbers)))
\ No newline at end of file
diff --git a/wwwroot/code/linq89.sc b/wwwroot/code/linq89.sc
new file mode 100644
index 0000000..fdf9a20
--- /dev/null
+++ b/wwwroot/code/linq89.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+numbers.average() |> to => averageNum
+`The average number is ${averageNum}.`
\ No newline at end of file
diff --git a/wwwroot/code/linq89.ss b/wwwroot/code/linq89.ss
new file mode 100644
index 0000000..9c0f183
--- /dev/null
+++ b/wwwroot/code/linq89.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ numbers.average() |> to => averageNum }}
+The average number is {{averageNum}}.
\ No newline at end of file
diff --git a/wwwroot/code/linq90.l b/wwwroot/code/linq90.l
new file mode 100644
index 0000000..26fdd87
--- /dev/null
+++ b/wwwroot/code/linq90.l
@@ -0,0 +1,2 @@
+(let ( (words ["cherry", "apple", "blueberry"]) )
+    (println "The average word length is " (apply average (map count words)) " characters."))
\ No newline at end of file
diff --git a/wwwroot/code/linq90.sc b/wwwroot/code/linq90.sc
new file mode 100644
index 0000000..f33bb2b
--- /dev/null
+++ b/wwwroot/code/linq90.sc
@@ -0,0 +1,3 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => words
+words |> average => it.Length |> to => averageLength
+`The average word length is ${averageLength} characters.`
\ No newline at end of file
diff --git a/wwwroot/code/linq90.ss b/wwwroot/code/linq90.ss
new file mode 100644
index 0000000..b969528
--- /dev/null
+++ b/wwwroot/code/linq90.ss
@@ -0,0 +1,3 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => words }}
+{{ words |> average => it.Length |> to => averageLength }}
+The average word length is {{averageLength}} characters.
\ No newline at end of file
diff --git a/wwwroot/code/linq91.l b/wwwroot/code/linq91.l
new file mode 100644
index 0000000..16a696f
--- /dev/null
+++ b/wwwroot/code/linq91.l
@@ -0,0 +1,5 @@
+(htmldump (map #(it {
+                  :category (.Key %)
+                  :average-price (apply average (map .UnitPrice %))
+                })
+              (group-by .Category products-list)))
\ No newline at end of file
diff --git a/wwwroot/code/linq91.sc b/wwwroot/code/linq91.sc
new file mode 100644
index 0000000..879bd24
--- /dev/null
+++ b/wwwroot/code/linq91.sc
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, AveragePrice: it.average(p => p.UnitPrice) } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq91.ss b/wwwroot/code/linq91.ss
new file mode 100644
index 0000000..879bd24
--- /dev/null
+++ b/wwwroot/code/linq91.ss
@@ -0,0 +1,4 @@
+{{ products 
+   |> groupBy => it.Category
+   |> map => { Category: it.Key, AveragePrice: it.average(p => p.UnitPrice) } 
+   |> htmlDump }}
\ No newline at end of file
diff --git a/wwwroot/code/linq92.l b/wwwroot/code/linq92.l
new file mode 100644
index 0000000..1e82212
--- /dev/null
+++ b/wwwroot/code/linq92.l
@@ -0,0 +1,2 @@
+(let ( (dbls [1.7 2.3 1.9 4.1 2.9]) )
+    (println "Total product of all numbers: " (reduce * dbls)))
\ No newline at end of file
diff --git a/wwwroot/code/linq92.sc b/wwwroot/code/linq92.sc
new file mode 100644
index 0000000..f5f070b
--- /dev/null
+++ b/wwwroot/code/linq92.sc
@@ -0,0 +1,3 @@
+[1.7, 2.3, 1.9, 4.1, 2.9] |> to => doubles
+doubles.reduce((runningProduct, nextFactor) => runningProduct * nextFactor, 1) |> to => product
+`Total product of all numbers: ${ product }.`
\ No newline at end of file
diff --git a/wwwroot/code/linq92.ss b/wwwroot/code/linq92.ss
new file mode 100644
index 0000000..7774cdf
--- /dev/null
+++ b/wwwroot/code/linq92.ss
@@ -0,0 +1,4 @@
+{{ [1.7, 2.3, 1.9, 4.1, 2.9] |> to => doubles }}
+{{ doubles.reduce((runningProduct, nextFactor) => runningProduct * nextFactor, 1)
+   |> to => product }}
+Total product of all numbers: {{ product }}.
\ No newline at end of file
diff --git a/wwwroot/code/linq93.l b/wwwroot/code/linq93.l
new file mode 100644
index 0000000..629b2f8
--- /dev/null
+++ b/wwwroot/code/linq93.l
@@ -0,0 +1,6 @@
+(let ( (start-balance 100)
+       (attempted-withdrawls [20 10 40 50 10 70 30]) 
+       (end-balance) )
+    (setq end-balance (reduce (fn [balance cut] (if (> balance cut) (- balance cut) balance)) 
+                          attempted-withdrawls start-balance))
+    (println "Ending balance: " end-balance))
\ No newline at end of file
diff --git a/wwwroot/code/linq93.sc b/wwwroot/code/linq93.sc
new file mode 100644
index 0000000..cd72b14
--- /dev/null
+++ b/wwwroot/code/linq93.sc
@@ -0,0 +1,5 @@
+[20, 10, 40, 50, 10, 70, 30] |> to => attemptedWithdrawals
+{{ attemptedWithdrawals.reduce((balance, nextWithdrawal) => 
+   ((nextWithdrawal <= balance) ? (balance - nextWithdrawal) : balance), 100.0)
+   |> to => endBalance }}
+`Ending balance: ${endBalance}.`
\ No newline at end of file
diff --git a/wwwroot/code/linq93.ss b/wwwroot/code/linq93.ss
new file mode 100644
index 0000000..2ac63b0
--- /dev/null
+++ b/wwwroot/code/linq93.ss
@@ -0,0 +1,5 @@
+{{ [20, 10, 40, 50, 10, 70, 30] |> to => attemptedWithdrawals }}
+{{ attemptedWithdrawals.reduce((balance, nextWithdrawal) => 
+   ((nextWithdrawal <= balance) ? (balance - nextWithdrawal) : balance), 100.0)
+   |> to => endBalance }}
+Ending balance: {{endBalance}}.
\ No newline at end of file
diff --git a/wwwroot/code/linq94.l b/wwwroot/code/linq94.l
new file mode 100644
index 0000000..65c375b
--- /dev/null
+++ b/wwwroot/code/linq94.l
@@ -0,0 +1,4 @@
+(let ( (numbers-a [0 2 4 5 6 8 9])
+       (numbers-b [1 3 5 7 8]) )
+    (println "All numbers from both arrays:")
+    (joinln (flatten [numbers-a numbers-b])))
\ No newline at end of file
diff --git a/wwwroot/code/linq94.sc b/wwwroot/code/linq94.sc
new file mode 100644
index 0000000..8931818
--- /dev/null
+++ b/wwwroot/code/linq94.sc
@@ -0,0 +1,4 @@
+[0, 2, 4, 5, 6, 8, 9] |> to => numbersA
+[1, 3, 5, 7, 8]       |> to => numbersB
+`All numbers from both arrays:`
+numbersA.concat(numbersB) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq94.ss b/wwwroot/code/linq94.ss
new file mode 100644
index 0000000..f90f638
--- /dev/null
+++ b/wwwroot/code/linq94.ss
@@ -0,0 +1,4 @@
+{{ [0, 2, 4, 5, 6, 8, 9] |> to => numbersA }}
+{{ [1, 3, 5, 7, 8] |> to => numbersB }}
+All numbers from both arrays:
+{{ numbersA.concat(numbersB) |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq95.l b/wwwroot/code/linq95.l
new file mode 100644
index 0000000..6d6eaff
--- /dev/null
+++ b/wwwroot/code/linq95.l
@@ -0,0 +1,4 @@
+(let ( (customer-names (map .CompanyName customers-list))
+       (product-names  (map .ProductName products-list)) )
+    (println "Customer and product names:")
+    (joinln (flatten [customer-names product-names])))
\ No newline at end of file
diff --git a/wwwroot/code/linq95.sc b/wwwroot/code/linq95.sc
new file mode 100644
index 0000000..f524706
--- /dev/null
+++ b/wwwroot/code/linq95.sc
@@ -0,0 +1,4 @@
+customers |> map => it.CompanyName |> to => customerNames
+products  |> map => it.ProductName |> to => productNames
+`Customer and product names:`
+customerNames.concat(productNames) |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq95.ss b/wwwroot/code/linq95.ss
new file mode 100644
index 0000000..1c494be
--- /dev/null
+++ b/wwwroot/code/linq95.ss
@@ -0,0 +1,8 @@
+{{ customers 
+    |> map => it.CompanyName
+    |> to => customerNames }}
+{{ products 
+    |> map => it.ProductName
+    |> to => productNames }}
+Customer and product names:
+{{ customerNames.concat(productNames) |> joinln }}
\ No newline at end of file
diff --git a/wwwroot/code/linq96.l b/wwwroot/code/linq96.l
new file mode 100644
index 0000000..765b36c
--- /dev/null
+++ b/wwwroot/code/linq96.l
@@ -0,0 +1,3 @@
+(let ( (words-a ["cherry" "apple" "blueberry"]) 
+       (words-b ["cherry" "apple" "blueberry"]) )
+    (println "The sequences match: " (/sequenceEquals words-a words-b)))
\ No newline at end of file
diff --git a/wwwroot/code/linq96.sc b/wwwroot/code/linq96.sc
new file mode 100644
index 0000000..4976626
--- /dev/null
+++ b/wwwroot/code/linq96.sc
@@ -0,0 +1,4 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => wordsA
+[ 'cherry', 'apple', 'blueberry' ] |> to => wordsB
+wordsA.equivalentTo(wordsB) |> to => match
+`The sequences match: ${match.lower()}`
\ No newline at end of file
diff --git a/wwwroot/code/linq96.ss b/wwwroot/code/linq96.ss
new file mode 100644
index 0000000..e834ed9
--- /dev/null
+++ b/wwwroot/code/linq96.ss
@@ -0,0 +1,4 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => wordsA }}
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => wordsB }}
+{{ wordsA.equivalentTo(wordsB) |> to => match }}
+The sequences match: {{ match |> lower }}
\ No newline at end of file
diff --git a/wwwroot/code/linq97.l b/wwwroot/code/linq97.l
new file mode 100644
index 0000000..c7f92b5
--- /dev/null
+++ b/wwwroot/code/linq97.l
@@ -0,0 +1,3 @@
+(let ( (words-a ["cherry" "apple" "blueberry"]) 
+       (words-b ["apple" "blueberry" "cherry"]) )
+    (println "The sequences match: " (/sequenceEquals words-a words-b)))
\ No newline at end of file
diff --git a/wwwroot/code/linq97.sc b/wwwroot/code/linq97.sc
new file mode 100644
index 0000000..28844dd
--- /dev/null
+++ b/wwwroot/code/linq97.sc
@@ -0,0 +1,4 @@
+[ 'cherry', 'apple', 'blueberry' ] |> to => wordsA
+[ 'apple', 'blueberry', 'cherry' ] |> to => wordsB
+wordsA.equivalentTo(wordsB) |> to => match
+`The sequences match: ${match.lower()}`
\ No newline at end of file
diff --git a/wwwroot/code/linq97.ss b/wwwroot/code/linq97.ss
new file mode 100644
index 0000000..8802bf3
--- /dev/null
+++ b/wwwroot/code/linq97.ss
@@ -0,0 +1,4 @@
+{{ [ 'cherry', 'apple', 'blueberry' ] |> to => wordsA }}
+{{ [ 'apple', 'blueberry', 'cherry' ] |> to => wordsB }}
+{{ wordsA.equivalentTo(wordsB) |> to => match }}
+The sequences match: {{ match |> lower }}
diff --git a/wwwroot/code/linq99.l b/wwwroot/code/linq99.l
new file mode 100644
index 0000000..7452874
--- /dev/null
+++ b/wwwroot/code/linq99.l
@@ -0,0 +1,3 @@
+(let ( (numbers [5 4 1 3 9 8 6 7 2 0])
+       (i 0) )
+    (doseq (v (map #(it (fn [] (f++ i))) numbers)) (println "v = " (v) ", i = " i)))
\ No newline at end of file
diff --git a/wwwroot/code/linq99.sc b/wwwroot/code/linq99.sc
new file mode 100644
index 0000000..ba2fd9f
--- /dev/null
+++ b/wwwroot/code/linq99.sc
@@ -0,0 +1,3 @@
+[5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers
+0 |> to => i
+numbers |> let => { i: i + 1 } |> map => `v = ${index + 1}, i = ${i}` |> joinln
\ No newline at end of file
diff --git a/wwwroot/code/linq99.ss b/wwwroot/code/linq99.ss
new file mode 100644
index 0000000..eb6c658
--- /dev/null
+++ b/wwwroot/code/linq99.ss
@@ -0,0 +1,3 @@
+{{ [5, 4, 1, 3, 9, 8, 6, 7, 2, 0] |> to => numbers }}
+{{ 0 |> to => i }}
+{{ numbers |> let => { i: i + 1 } |> select: v = {index + 1}, i = {i}\n }}
\ No newline at end of file
diff --git a/wwwroot/code/mv.sc b/wwwroot/code/mv.sc
new file mode 100644
index 0000000..93278dd
--- /dev/null
+++ b/wwwroot/code/mv.sc
@@ -0,0 +1,7 @@
+vfsFileSystem('.') |> to => fs
+
+#each f in fs.findFiles('linq*.txt')
+    `copy ${f.Name} ${f.Name.lastLeftPart('.')}.sc` |> sh
+    `copy ${f.Name} ${f.Name.lastLeftPart('.')}.l`  |> sh
+    `move ${f.Name} ${f.Name.lastLeftPart('.')}.ss` |> sh
+/each
diff --git a/wwwroot/code/rss.l b/wwwroot/code/rss.l
new file mode 100644
index 0000000..6e51e39
--- /dev/null
+++ b/wwwroot/code/rss.l
@@ -0,0 +1,8 @@
+(load "index:parse-rss")
+
+(def xml (/urlContentsWithCache "https://news.ycombinator.com/rss"))
+
+(def top-links (take 5 (:items (parse-rss xml))))
+(def n 0)
+
+(joinln (map #(str (padLeft (incf n) 2) ". " (:title %) "\n    " (:link %) "\n") top-links ))
diff --git a/wwwroot/doc-links.html b/wwwroot/doc-links.html
new file mode 100644
index 0000000..0cbd7ee
--- /dev/null
+++ b/wwwroot/doc-links.html
@@ -0,0 +1,12 @@
+<div class="doc-links">
+
+    {{#with order.prevDocLink() }}
+        <span>&#8592; <a href="{{ Key }}">{{ Value }}</a></span>
+    {{/with}}
+
+
+    {{#with order.nextDocLink() }}
+        <span style="float:right"><a href="{{ Key }}">{{ Value }}</a> &#8594;</span>
+    {{/with}}
+
+</div>
\ No newline at end of file
diff --git a/wwwroot/docs/api-reference.html b/wwwroot/docs/api-reference.html
new file mode 100644
index 0000000..d32c487
--- /dev/null
+++ b/wwwroot/docs/api-reference.html
@@ -0,0 +1,252 @@
+<!--
+title: API Reference
+order: 27
+-->
+
+<h3 class="plugins">Plugins</h3>
+
+{{#markdown}}
+Plugins are a nice way to extend templates with customized functionality which can encapsulate any number of blocks, filters, 
+preferred configuration and dependencies by implementing the `IScriptPlugin` interface. 
+
+The [MarkdownScriptPlugin](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/MarkdownScriptPlugin.cs)
+is a good example of this which registers a markdown 
+[Page format](/docs/page-formats), [Script Methods](/docs/methods), [Filter Transformer](/docs/transformers) and 
+[markdown Block](/docs/blocks#markdown):
+{{/markdown}}
+
+{{ 'gfm/api-reference/03.md' |> githubMarkdown }}
+
+{{#markdown}}
+#### Removing Plugins
+
+When needed any default plugins can be removed with the `RemovePlugins()` API:
+{{/markdown}}
+
+{{ 'gfm/blocks/20.md' |> githubMarkdown }}
+
+{{#markdown}}
+#### Advanced plugin registration
+
+For greater control over the registration and execution of plugins, they can implement `IScriptPluginBefore` to have custom logic
+executed before plugins are registered or implement `IScriptPluginAfter` for executing any logic after.
+{{/markdown}}
+
+<h3 id="ScriptContext">ScriptContext</h3>
+
+<p>
+    The <em>ScriptContext</em> is the sandbox where all templates are executed within that can be customized with the 
+    available APIs below:
+</p>
+
+<h4>Preconfigured defaults</h4>
+
+<p>
+    Some <a href="/docs/default-scripts">default scripts</a> when called without arguments will use the default configuration 
+    shown below that can be overridden by replacing their default value in the ScriptContext's <em>Args</em> collection:
+</p>
+
+{{ 'gfm/api-reference/01.md' |> githubMarkdown }}
+
+<h4>Args</h4>
+
+<p>
+    <a href="/docs/arguments">ScriptContext Arguments</a> can be used to define global variables available to every template, partial, filter, etc:
+</p>
+
+<h4>Virtual Files</h4>
+
+<p>
+    Templates only have access to Pages available from its configured VirtualFiles which uses an empty <em>MemoryVirtualFiles</em>.
+    To make pages available to your <em>ScriptContext</em> instance you can choose to either programatically populate the 
+    <em>VirtualFiles</em> collection from an external source, e.g:
+</p>
+
+{{ 'gfm/api-reference/02.md' |> githubMarkdown }}
+
+<p>
+    Alternatively if you want to enable access to an entire sub directory you can replace the Virtual Files with a 
+    FileSystem VFS at the directory you want to make the root directory:
+</p>
+
+<pre class="cs"><code>context.VirtualFiles = new FileSystemVirtualFiles("~/template-files".MapProjectPath());</code></pre>
+
+<h4>DebugMode</h4>
+
+<p>
+    <em>DebugMode</em> is used to control whether full Exception details like <em>StackTrace</em> is displayed. In 
+    <em>SharpPagesFeature</em> it defaults to the AppHost DebugMode, otherwise it's <b>true</b> by default.
+</p>
+
+<h4>ScanTypes</h4>
+
+<p>
+    Specify a <em>ScriptMethods</em> or <em>SharpCodePage</em> to auto register.
+</p>
+
+<h4>ScanAssemblies</h4>
+
+<p>
+    Specify assemblies that should be scanned to find ScriptMethods's and SharpCodePage's to auto register. 
+    In <em>SharpPagesFeature</em> the AppHost's Service Assemblies are included by default.
+</p>
+
+<h4>ScriptMethods</h4>
+
+<p>
+    Register additional instances of filters you want templates to have access to.
+</p>
+
+<h4>CodePages</h4>
+
+<p>
+    Register instances of code pages you want templates to have access to.
+</p>
+
+<h4>Container</h4>
+
+<p>
+    The IOC Container used by the <em>ScriptContext</em> to register and resolve dependencies, filters and Code Pages.
+    Uses <em>SimpleContainer</em> by default.
+</p>
+
+<h4>AppSettings</h4>
+
+<p>
+    Specify an optional 
+    <a href="https://docs.servicestack.net/appsettings">App Settings provider</a> that templates can access with the 
+    <em>{{#raw}}{{ key | appSetting }}{{/raw}}</em>
+    default filter.
+</p>
+
+<h4>CheckForModifiedPages</h4>
+
+<p>
+    Whether to check for modified pages by default when not in DebugMode, defaults to <em>true</em>.
+    Note: if <b>DebugMode</b> is <em>true</em> it will always check for changes.
+</p>
+
+<h4>CheckForModifiedPagesAfter</h4>
+
+<p>
+    If provided will specify how long to wait before checking if backing files of pages have changed and to reload them if they have.
+    Note: if <b>DebugMode</b> is <em>true</em> it will always check for changes.
+</p>
+
+<h4>RenderExpressionExceptions</h4>
+
+<p>
+    Whether to Render Expression Exceptions in-line (default = false).
+</p>
+
+<h3 class="ref">PageResult</h3>
+
+<p>
+    The <em>PageResult</em> is the rendering context used to render templates whose output can be customized with the APIs below:
+</p>
+
+<h4>Layout</h4>
+
+<p>
+    Override the layout used for the page by specifying a layout name:
+</p>
+
+<pre class="cs"><code>new PageResult(page) { Layout = "custom-layout" }</code></pre>
+
+<h4>LayoutPage</h4>
+
+<p>
+    Override the layout used for the page by specifying a Layout page:
+</p>
+
+<pre class="cs"><code>new PageResult(page) { LayoutPage = Request.GetPage("custom-layout") }</code></pre>
+
+<h4>Args</h4>
+
+<p>
+    Override existing or specify additional arguments in the Template's scope:
+</p>
+
+<pre class="cs"><code>new PageResult(page) { 
+    Args = { 
+        ["myArg"] = "argValue",
+    }
+}</code></pre>
+
+<h4>ScriptMethods</h4>
+
+<p>
+    Make additional filters available to the Template:
+</p>
+
+<pre class="cs"><code>new PageResult(page) { 
+    ScriptMethods = { new MyScriptMethods() }
+}</code></pre>
+
+<h4>OutputTransformers</h4>
+
+<p>
+    <a href="/transformers#output-transformers">Transform the entire Template's Output</a> before rendering to the OutputStream:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    ContentType = MimeTypes.Html,
+    OutputTransformers = { MarkdownPageFormat.TransformToHtml },
+}</code></pre>
+
+<h4>PageTransformers</h4>
+
+<p>
+    <a href="/docs/transformers#page-transformers">Transform just the Page's Output</a> before rendering to the OutputStream:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    ContentType = MimeTypes.Html,
+    PageTransformers = { MarkdownPageFormat.TransformToHtml },
+}</code></pre>
+
+<h4>FilterTransformers</h4>
+
+<p>
+    Specify additional <a href="/docs/transformers#filter-transformers">Filter Transformers</a> available to the Template:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    FilterTransformers = {
+        ["markdown"] = MarkdownPageFormat.TransformToHtml
+    }
+}</code></pre>
+
+<h4>ExcludeFiltersNamed</h4>
+
+<p>
+   <a href="/docs/sandbox#disable-filters">Disable access</a> to the specified registered filters:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    ExcludeFiltersNamed = { "partial", "selectPartial" }
+}</code></pre>
+
+<h4>Options</h4>
+
+<p>
+    Return additional HTTP Response Headers when rendering to a HTTP Response:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    Options = { 
+        ["X-Powered-By"] = "#Script"
+    }
+}</code></pre>
+
+<h4>ContentType</h4>
+
+<p>
+    Specify the HTTP Content-Type when rendering to a HTTP Response:
+</p>
+
+<pre class="cs"><code>new PageResult(page) {
+    ContentType = "text/plain"
+}</code></pre>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/src/wwwroot/docs/arguments.html b/wwwroot/docs/arguments.html
similarity index 77%
rename from src/wwwroot/docs/arguments.html
rename to wwwroot/docs/arguments.html
index 67baa6e..676ca28 100644
--- a/src/wwwroot/docs/arguments.html
+++ b/wwwroot/docs/arguments.html
@@ -4,27 +4,27 @@
 -->
 
 <p>
-    All data and objects made available to templates are done so using arguments. There are a number of different layers in 
+    All data and objects made available to scripts are done so using arguments. There are a number of different layers in 
     which arguments can be defined, each shadowing the outer scope as it gets closer to the call-site where the argument is accessed,
     behaving similarly to properties defined in a JavaScript prototype chain.
 </p>
 
-<h4>TemplateContext Arguments</h4>
+<h4>ScriptContext Arguments</h4>
 
 <p>
-    Essentially this can be thought of as where global variables are maintained, anything defined here is available to every template, partial, filter, etc:
+    Essentially this can be thought of as where global variables are maintained, anything defined here is available to every page, partial, method, block, etc:
 </p>
 
-{{ 'gfm/arguments/01.md' | githubMarkdown }}
+{{ 'gfm/arguments/01.md' |> githubMarkdown }}
 
 <h4>Page Arguments</h4>
 
 <p>
     All pages can define their own arguments within the header of each page, for <b>.html</b> files they are defined within HTML Comments
-    <em>&lt;!-- --&gt;</em> with each argument on a new line delimited by a colon, e.g:
+    <em>&lt;!-- --&gt;</em> with each argument on a new line delimited by an (optional) colon, e.g:
 </p>
 
-{{ "live-pages" | partial(
+{{ "live-pages" |> partial(
     {
         rows: 7,
         page: 'page', 
@@ -32,7 +32,7 @@ <h4>Page Arguments</h4>
         { 
             '_layout.html': '<!--
 arg: 2
-arg2: 2
+arg2 2
 -->
 
 layout args: <b>{{ arg }}, {{ arg2 }}</b> 
@@ -56,7 +56,7 @@ <h4>PageResult Arguments</h4>
     Arguments can also be defined in the <em>PageResult</em> context that renders the page, this takes precedence over the above:
 </p>
 
-{{ 'gfm/arguments/02.md' | githubMarkdown }}
+{{ 'gfm/arguments/02.md' |> githubMarkdown }}
 
 <h4>Scoped Arguments</h4>
 
@@ -64,7 +64,7 @@ <h4>Scoped Arguments</h4>
     Each template can also create their own arguments using the <em>assignTo</em> or <em>assign</em> filters, e.g:
 </p>
 
-{{ "live-pages" | partial(
+{{ "live-pages" |> partial(
     {
         rows: 7,
         page: 'page', 
@@ -81,7 +81,7 @@ <h4>Scoped Arguments</h4>
 arg: 3
 -->
 
-{{ 6 | assignTo: arg }}
+{{ 6 |> to => arg }}
 page arg: <b>{{ arg }}</b>' 
         } 
     }) 
@@ -91,4 +91,4 @@ <h4>Scoped Arguments</h4>
     These take precedence over all other arguments, but are only available within the scope that defines them.
 </p>
 
-{{ "doc-links" | partial({ order }) }}
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/blocks.html b/wwwroot/docs/blocks.html
new file mode 100644
index 0000000..b7f3846
--- /dev/null
+++ b/wwwroot/docs/blocks.html
@@ -0,0 +1,573 @@
+<!--
+title: Script Blocks
+order: 7
+-->
+
+{{#markdown}}
+Script Blocks lets you define reusable statements that can be invoked with a new context allowing the creation custom iterators and helpers - 
+making it easy to encapsulate reusable functionality and reduce boilerplate for common functionality.
+
+{{/markdown}}
+
+{{ 'gfm/blocks/00.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+
+### Syntax
+
+The syntax for blocks follows the familiar [handlebars block helpers](https://handlebarsjs.com/block_helpers.html) in both syntax and functionality.
+`#Script` also includes most of handlebars.js block helpers which are useful in a HTML template language whilst minimizing any porting efforts if 
+needing to reuse existing JavaScript handlebars templates.
+
+We'll walk through creating a few of the built-in Script blocks to demonstrate how to create them from scratch.
+
+### noop
+
+We'll start with creating the `noop` block (short for "no operation") which functions like a block comment by removing its inner contents
+from the rendered page:
+{{/markdown}}
+
+{{ 'gfm/blocks/01.md' |> githubMarkdown }}
+
+{{#markdown}}
+The `noop` block is also the smallest implementation possible which needs to inherit `ScriptBlock` class, overrides the `Name` getter with 
+the name of the block and implements the `WriteAsync()` method which for the noop block just returns an empty `Task` there by not writing anything 
+to the Output Stream, resulting in its inner contents being ignored:
+{{/markdown}}
+
+{{ 'gfm/blocks/02.md' |> githubMarkdown }}
+
+{{#markdown}}
+All Block's are executed with 3 parameters:
+
+ - `ScriptScopeContext` - The current Execution and Rendering context
+ - `PageBlockFragment` - The parsed Block contents
+ - `CancellationToken` - Allows the async render operation to be cancelled
+{{/markdown}}
+
+<h3 id="registering-blocks">Registering Blocks</h3>
+
+{{#markdown}}
+The same flexible registration options for [Registering Script Methods](/docs/methods#registering-methods) is also available for registering blocks 
+where if it wasn't already built-in, `NoopScriptBlock` could be registered by adding it to the `ScriptBlocks` collection:
+{{/markdown}}
+
+{{ 'gfm/blocks/03.md' |> githubMarkdown }}
+
+<h5 id="scan-types">Autowired using ScriptContext IOC</h5>
+
+{{#markdown}}
+Autowired instances of script blocks and methods can also be created using ScriptContext's configured IOC where they're also injected with any 
+registered IOC dependencies by registering them in the `ScanTypes` collection: 
+{{/markdown}}
+
+{{ 'gfm/blocks/04.md' |> githubMarkdown }}
+
+{{#markdown}}
+When the `ScriptContext` is initialized it will go through each Type and create an autowired instance of each Type and register them in the 
+`ScriptBlocks` collection. An alternative to registering individual Types is to register an entire Assembly, e.g:
+{{/markdown}}
+
+{{ 'gfm/blocks/05.md' |> githubMarkdown }}
+
+{{#markdown}}
+Where it automatically registers any Script Blocks or Methods contained in the Assembly where the `MyBlock` Type is defined.
+{{/markdown}}
+
+{{#markdown}}
+### bold
+
+A step up from `noop` is the **bold** Script Block which markup its contents within the `<b/>` tag:
+{{/markdown}}
+
+<pre>
+{{#raw}}{{#bold}}This text will be bold{{/bold}}{{/raw}}
+</pre>
+
+{{#markdown}}
+Which calls the `base.WriteBodyAsync()` method to evaluate and write the Block's contents to the `OutputStream` using the current 
+`ScriptScopeContext`:
+{{/markdown}}
+
+{{ 'gfm/blocks/06.md' |> githubMarkdown }}
+
+{{#markdown}}
+### with
+
+The `with` Block shows an example of utilizing arguments. To maximize flexibility arguments passed into your block are captured in a free-form
+string (specifically a `ReadOnlyMemory<char>`) which allows creating Blocks varying from simple arguments to complex LINQ-like expressions - a
+feature some built-in Blocks take advantage of. 
+
+The `with` block works similarly to [handlebars with helper](https://handlebarsjs.com/block_helpers.html#with-helper) or JavaScript's 
+[with statement](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/with) where it extracts the properties (or Keys)
+of an object and adds them to the current scope which avoids needing a prefix each property reference, 
+e.g. being able to use `{{Name}}` instead of `{{person.Name}}`:
+
+<pre>
+{{#with person}}
+    Hi {{Name}}, your Age is {{Age}}.
+{{/with}}
+</pre>
+
+Also the `with` Block's contents are only evaluated if the argument expression is `null`. 
+
+The implementation below shows the optimal way to implement `with` by calling `GetJsExpressionAndEvaluate()` to resolve a cached 
+AST token that's then evaluated to return the result of the Argument expression. 
+
+If the argument evaluates to an object it calls the `ToObjectDictionary()` extension method to convert it into a `Dictionary<string,object>` 
+then creates a new scope with each property added as arguments and then evaluates the block's Body contents with the new scope:
+{{/markdown}}
+
+{{ 'gfm/blocks/07.md' |> githubMarkdown }}
+
+{{#markdown}}
+To better highlight how this works, a non-cached version of `GetJsExpressionAndEvaluate()` involves parsing the Argument string into 
+an AST Token then evaluating it with the current scope:
+{{/markdown}}
+
+{{ 'gfm/blocks/08.md' |> githubMarkdown }}
+
+{{#markdown}}
+The `ParseJsExpression()` extension method is able to parse virtually any [JavaScript Expression](/docs/expression-viewer) into an AST tree
+which can then be evaluated by calling its `token.Evaluate(scope)` method.
+
+##### Final implementation
+
+The actual [WithScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Common/Script/Blocks/WithScriptBlock.cs)
+used in #Script includes extended functionality which uses `GetJsExpressionAndEvaluateAsync()` to be able to evaluate both **sync** and **async** 
+results. 
+
+##### else if/else statements
+
+It also evaluates any `block.ElseBlocks` statements which is **functionality available to all blocks** which are able to evaluate any alternative 
+**else/else if** statements when the main template isn't rendered, e.g. in this case when the `with` block is called with a `null` argument:
+{{/markdown}}
+
+{{ 'gfm/blocks/09.md' |> githubMarkdown }}
+
+{{#markdown}}
+### if
+
+Since all blocks are able to execute any number of `{{else}}` statements by calling `base.WriteElseAsync()`, the implementation for 
+the `#if` block ends up being even simpler which just needs to evaluate the argument to `bool`. 
+
+If **true** it writes the body with `WriteBodyAsync()` otherwise it evaluates any `else` statements with `WriteElseAsync()`:
+{{/markdown}}
+
+{{ 'gfm/blocks/10.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### while
+    
+Similar to `#if`, the `#while` block takes a boolean expression, except it keeps evaluating its body until the expression evaluates to `false`.
+
+The implementation includes a safe-guard to ensure it doesn't exceed the configured `ScriptContext.MaxQuota` to avoid infinite recursion:
+{{/markdown}}
+
+{{ 'gfm/blocks/27.md' |> githubMarkdown }}
+
+{{#markdown}}
+### each
+
+From what we've seen up till now, the [handlebars.js each block](https://handlebarsjs.com/block_helpers.html#iterators) is also
+straightforward to implement which just iterates over a collection argument that evaluates its body with a new scope containing the 
+elements **properties**, a conventional `it` binding for the element and an `index` argument that can be used to determine the 
+index of each element:
+{{/markdown}}
+
+{{ 'gfm/blocks/11.md' |> githubMarkdown }}
+
+{{#markdown}}
+Despite its terse implementation, the above Script Block can be used to iterate over any expression that evaluates to a collection, 
+inc. objects, POCOs, strings as well as Value Type collections like ints. 
+
+##### Built-in each
+
+However the built-in [EachScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Common/Script/Blocks/EachScriptBlock.cs)
+has a larger implementation to support its richer feature-set where it also includes support for async results, custom element bindings and LINQ-like syntax for 
+maximum expressiveness whilst utilizing expression caching to ensure any complex argument expressions are only parsed once.
+{{/markdown}}
+
+{{ 'gfm/blocks/12.md' |> githubMarkdown }}
+
+{{#markdown}}
+By using `ParseJsExpression()` to parse expressions after each "LINQ modifier", `each` supports evaluating complex JavaScript expressions in each 
+of its LINQ querying features, e.g:
+{{/markdown}}
+
+<div class="linq-preview {{ output }}">
+    <div class="template">
+        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" rows="6"
+>{{#raw}}{{#each c in customers
+        where c.City == 'London' and c.Country == 'UK' orderby c.CompanyName descending
+        skip 3 - (2 - 1)
+        take 1 + 2 }}
+  {{index + 1}}. {{c.CustomerId}} from <b>{{c.CompanyName}}</b> - {{c.City}}, {{c.Country}}.
+{{/each}}{{/raw}}</textarea>
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div> 
+
+{{#markdown}}
+
+##### Custom bindings
+
+When using a custom binding like `{{#each c in customers}}` above, the element is only accessible with the custom `c` binding which is more efficient 
+when only needing to reference a subset of the element's properties as it avoids adding each of the elements properties in the items execution scope.
+
+Check out [LINQ Examples](/linq/restriction-operators) for more live previews showcasing advanced usages of the `{{#each}}` block.
+
+### raw
+
+The `{{#raw}}` block is similar to [handlebars.js's raw-helper](https://handlebarsjs.com/block_helpers.html#raw-blocks) which captures
+the template's raw text content instead of having its content evaluated, making it ideal for emitting content that could contain
+template expressions like client-side JavaScript or template expressions that shouldn't be evaluated on the server such as
+Vue, Angular or Ember templates:
+
+<pre>
+{{#raw}}
+&lt;div id="app"&gt;
+    {{ message }}
+&lt;/div&gt;
+{{/raw}}
+</pre>
+
+When called with no arguments it will render its unprocessed raw text contents. When called with a single argument, e.g. `{{#raw varname}}` it will
+instead save the raw text contents to the specified global `PageResult` variable and lastly when called with the `appendTo` modifier it will append 
+its contents to the existing variable, or initialize it if it doesn't exist.
+
+This is now the preferred approach used in all [.NET Core and .NET Framework Web Templates](https://docs.servicestack.net/templates-websites) for 
+pages and partials to append any custom JavaScript script blocks they need on the page, e.g:
+
+<pre>
+{{#raw appendTo scripts}}
+&lt;script&gt;
+    //...
+&lt;/script&gt;
+{{/raw}}
+</pre>
+
+Where any captured custom scripts are rendered at the 
+[bottom of _layout.html](https://github.com/NetCoreTemplates/templates/blob/8a082a299d59a0b53b9b6e0a07a6fbabf7bf6e2c/MyApp/wwwroot/_layout.html#L49) with:
+
+<pre>
+    &lt;script src="/assets/js/default.js"&gt;&lt;/script&gt;
+
+    {{ scripts |> raw }}
+
+&lt;/body&gt;
+&lt;/html&gt;
+</pre>
+
+The implementation to support each of these usages is contained within 
+[RawScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Common/Script/Blocks/RawScriptBlock.cs)
+below which inspects the `block.Argument` to determine whether it should capture the contents into the specified variable or write its raw 
+string contents directly to the OutputStream:
+{{/markdown}}
+
+{{ 'gfm/blocks/13.md' |> githubMarkdown }}
+
+{{#markdown}}
+### function
+
+The `{{#function}}` block lets you define reusable functions in your page. Unlike other Script Blocks, the body of a function block
+is parsed as a [code block](/docs/syntax#code-blocks) where only the **return** value is used. Any output generated from executing the
+function is discarded. Use the [partial](#partial) block if you instead want to define reusable fragments.
+
+In its simplest form, defining a function requires the function name and a body that returns a value with the 
+[return](/docs/introduction#evaluate-return-values) method, e.g:
+{{/markdown}}
+
+{{ 'gfm/blocks/23.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+This creates a compiled delegate and assigns it to the pages scope where it can be invoked as a normal function, e.g:
+
+    hi()
+
+Functions can specify arguments using a JavaScript arguments list:
+{{/markdown}}
+
+{{ 'gfm/blocks/24.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+Where it can be called as normal function or as an [extension method](/docs/syntax#extension-methods):
+
+    calc(1,2)
+    1.calc(2)
+
+Functions can also be called recursively:
+{{/markdown}}
+
+{{ 'gfm/blocks/25.md' |> githubMarkdown }}
+
+{{#markdown}}
+Although their limited to the configured [MaxStackDepth](/docs/sandbox#max-stack-depth).
+
+Source code for [FunctionScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Blocks/FunctionScriptBlock.cs).
+
+### defn
+
+Similar to `{{#function}}` above, the `{{#defn}}` script block lets you define a function using lisp. The resulting function is 
+exported as a C# delegate where it can be invoked like any other Script method. 
+    
+An equivalent `calc` and `fib` function in lisp looks like:
+
+{{/markdown}}
+
+{{ 'gfm/blocks/26.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+As in most Lisp expressions, the last expression executed is the implicit return value.
+
+> The `defn` Script Block is automatically registered when the [Lisp language is registered](/lisp/).
+
+### capture
+
+The `{{#capture}}` block is similar to the raw block except instead of using its raw text contents, it instead evaluates its contents and captures 
+the output. It also supports evaluating the contents with scoped arguments where by each property in the object dictionary is added in the 
+scoped arguments that the block is executed with:
+{{/markdown}}
+
+{{ 'gfm/blocks/14.md' |> githubMarkdown }}
+
+{{#markdown}}
+With this we can dynamically generate some markdown, capture its contents and convert the resulting markdown to html using the `markdown` Filter transformer:
+{{/markdown}}
+
+{{ 'gfm/blocks/15.md' |> githubMarkdown }}
+
+{{#markdown}}
+### markdown
+
+The `{{#markdown}}` block makes it even easier to embed markdown content directly in web pages which works as you'd expect where content in a 
+`markdown` block is converted into HTML, e.g:
+{{/markdown}}
+
+<pre>{{#raw}}
+{{#markdown}}
+## TODO List
+  - Item 1
+  - Item 2
+  - Item 3
+{{/markdown}}
+{{/raw}}
+</pre>
+
+{{#markdown}}
+Which is now the easiest and preferred way to embed Markdown content in content-rich hybrid web pages like 
+[Razor Rockstars content pages](https://github.com/sharp-apps/rockwind/blob/master/rockstars/dead/cobain/index.html), 
+or even this [blocks.html WebPage itself](https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/docs/blocks.html) which 
+makes extensive use of markdown.
+
+As `markdown` block only supports 2 usages its implementation is much simpler than the `capture` block above:
+{{/markdown}}
+
+{{ 'gfm/blocks/16.md' |> githubMarkdown }}
+
+{{#markdown}}
+### keyvalues
+
+The `{{#keyvalues}}` block lets you define a key value dictionary in free-text which is useful in [Live Documents](/usecases/live-documents)
+for capturing a data structure like expenses in free-text, e.g:
+
+<pre>
+{{#keyvalues monthlyExpenses}}
+Rent            1000
+Internet        50
+Mobile          50
+Food            400
+Misc            200
+{{/keyvalues}}
+{{ monthlyExpenses |> values |> sum |> to => totalExpenses }}
+</pre>
+
+By default it's delimited by the first space ' ', but if the first key column can contain spaces you can specify to use a different delimiter, e.g:
+
+<pre>
+{{#keyvalues monthlyRevenues ':'}}
+Salary:         4000
+App Royalties:  200
+{{/keyvalues}}
+</pre>
+
+The [KeyValuesScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Blocks/KeyValuesScriptBlock.cs) 
+implementation is fairly straight forward where it passes the string body to `ParseKeyValueText()` method with an optional delimiter and
+assigns the results to the specified variable name:
+{{/markdown}}
+
+{{ 'gfm/blocks/21.md' |> githubMarkdown }}
+
+{{#markdown}}
+### csv
+
+Similar to `keyvalues`, you can specify a multi-column inline data set using the `{{#csv}}` block, e.g:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ rows:7, template: "{{#csv cars}}
+Tesla,Model S,79990
+Tesla,Model 3,38990
+Tesla,Model X,84990
+{{/csv}}
+{{ cars |> map => { Make: it[0], Model: it[1], Cost: it[2] } |> htmlDump }}
+Total Cost: {{ cars |> sum => it[2] |> currency }}" }) }}
+
+{{#markdown}}
+
+The [CsvScriptBlock.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Blocks/CsvScriptBlock.cs) 
+implementation is similar to `keyvalues` except passes the trimmed string body to `FromCsv` into a string List and assigns the result to the specified name:
+{{/markdown}}
+
+{{ 'gfm/blocks/22.md' |> githubMarkdown }}
+
+{{#markdown}}
+### partial
+
+The `{{#partial}}` block lets you create In Memory partials which is useful when working with partial filters like `selectPartial` as
+it lets you declare multiple partials within the same page, instead of requiring multiple individual files. See docs on
+[Inline partials](/docs/partials#inline-partials) for a Live comparison of using in memory partials.
+{{/markdown}}
+
+{{#markdown}}
+### html
+
+The purpose of the html blocks is to pack a suite of generically useful functionality commonly used when generating html. All html blocks
+inherit the same functionality with blocks registered for the most popular HTML elements, currently: 
+
+`script`, `style`, `link`, `meta`, `ul`, `ol`, `li`, `div`, `p`, `form`, `input`, `select`, `option`, `textarea`, `button`, 
+`table`, `tr`, `td`, `thead`, `tbody`, `tfoot`, `dl`, `dt`, `dd`, `span`, `a`, `img`, `em`, `b`, `i`, `strong`.
+
+Ultimately they reduce boilerplate, e.g. you can generate a menu list with a single block:
+
+<pre>
+{{#ul {each:items, id:'menu', class:'nav'} }} 
+    &lt;li&gt;{{it}}&lt;/li&gt; 
+{{/ul}}
+</pre>
+
+A more advanced example showcasing many of its different features is contained in the example below:
+{{/markdown}}
+
+{{ 'gfm/blocks/18.md' |> githubMarkdown }}
+
+{{#markdown}}
+This example utilizes many of the features in html blocks, namely:
+
+ - `if` - only render the template if truthy
+ - `each` - render the template for each item in the collection
+ - `where` - filter the collection
+ - `it` - change the name of each element `it` binding 
+ - `class` - special property implementing [Vue's special class bindings](https://vuejs.org/v2/guide/class-and-style.html) where an **object literal**
+ can be used to emit a list of class names for all **truthy** properties, an **array** can be used to display a list of class names or you can instead use 
+ a **string** of class names.
+
+All other properties like `id` and `selected` are treated like HTML attributes where if the property is a boolean like `selected` it's only displayed
+if its true otherwise all other html attribute's names and values are emitted as normal.
+
+For a better illustration we can implement the same functionality above without using any html blocks:
+{{/markdown}}
+
+{{ 'gfm/blocks/19.md' |> githubMarkdown }}
+
+<h3 id="servicestack-blocks">ServiceStack Blocks</h3>
+
+
+{{#markdown}}
+
+ServiceStack's Blocks are registered by default in [#Script Pages](/docs/sharp-pages) that can be registered in a new `ScriptContext`
+by adding the `ServiceStackScriptBlocks` plugin:
+
+    var context = new ScriptContext {
+        Plugins = {
+            new ServiceStackScriptBlocks(),
+        }
+    }.Init();
+
+### Mix in NUglify
+
+You can configure ServiceStack and `#Script` to use Nuglify's Advanced HTML, CSS, JS Minifiers using [mix](https://docs.servicestack.net/mix-tool) with:
+
+    $ mix nuglify 
+
+Which will add [Configure.Nuglify.cs](https://gist.github.com/gistlyn/4bdb79d21f199c22b8a86f032c186e2d) to your **HOST** project.
+
+To assist with debugging during development, **no minification** is applied when `DebugMode=true`.
+
+All minifier Blocks supports an additional `<name>` argument to store the captured output of the minifier block into, e.g:
+
+    {{#minifier capturedMinification}} ... {{/minifier}}
+    {{capturedMinification}}
+
+That also supports using the `appendTo` modifier to **concatenate** the minified output instead of replacing it, e.g:
+
+    {{#minifier appendTo capturedMinification}} ... {{/minifier}}
+    {{#minifier appendTo capturedMinification}} ... {{/minifier}}
+    {{capturedMinification}}
+
+### minifyjs
+
+Use the `minifyjs` block to minify inline JavaScript:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ rows:6, template: "{{#minifyjs}}
+function add(left, right) {
+    return left + right;
+}
+add(1, 2);
+{{/minifyjs}}" }) }}
+
+{{#markdown}}
+### minifycss
+
+Use the `minifycss` block to minify inline CSS:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ rows:5, template: "{{#minifycss}}
+body {
+    background-color: yellow;
+}
+{{/minifycss}}" }) }}
+
+{{#markdown}}
+### minifyhtml
+
+Use the `minifyhtml` block to minify HTML:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ rows:8, template: "{{#minifyhtml capturedHtml}}
+<h1>
+    Title
+</h1>
+<p>
+    Content
+</p> <br />
+{{/minifyhtml}} {{capturedHtml}}" }) }}
+
+{{#markdown}}
+### svg
+
+Use the `svg` block in your `_init.html` Startup Script to [register SVG Images with ServiceStack](https://docs.servicestack.net/svg#registering-svgs-from-_inithtml).
+
+{{/markdown}}
+
+
+<h3 id="removing-blocks">Removing Blocks</h3>
+
+{{#markdown}}
+Like everything else in `#Script`, all built-in Blocks can be removed. To make it easy to remove groups of related blocks you can just remove the 
+plugin that registered them using the `RemovePlugins()` API, e.g:
+{{/markdown}}
+
+{{ 'gfm/blocks/20.md' |> githubMarkdown }}
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/src/wwwroot/docs/code-pages.html b/wwwroot/docs/code-pages.html
similarity index 77%
rename from src/wwwroot/docs/code-pages.html
rename to wwwroot/docs/code-pages.html
index b7d9c05..0f2d9e9 100644
--- a/src/wwwroot/docs/code-pages.html
+++ b/wwwroot/docs/code-pages.html
@@ -1,6 +1,6 @@
 <!--
 title: Code Pages
-order: 21
+order: 23
 -->
 
 <p>
@@ -14,7 +14,7 @@
 <h4>Creating Code Pages</h4>
 
 <p>
-    A Code Page is a class that inherits <em>TemplateCodePage</em> and is annotated with a <em>[Page(virtualPath)]</em> 
+    A Code Page is a class that inherits <em>SharpCodePage</em> and is annotated with a <em>[Page(virtualPath)]</em> 
     attribute which is used to resolve the page in the same way <b>.html</b> pages are resolved by their virtualPath. 
     Code Pages take precedence over .html pages so you can start with an .html page and when you need more power and
     expressiveness, create a Code Page at the same virtualPath as the page you want to replace and it will get used instead.
@@ -39,9 +39,9 @@ <h5>render Method</h5>
     A complete CodePage implementation using all these features is below:
 </p>
 
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/ProductsPage.cs">ProductsPage.cs</a></h4>
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/ProductsPage.cs">ProductsPage.cs</a></h4>
 
-{{ 'gfm/code-pages/01.md' | githubMarkdown }}
+{{ 'gfm/code-pages/01.md' |> githubMarkdown }}
 
 <p>
     Where with just this implementation, it can now be called by navigating to its virtualPath: 
@@ -50,9 +50,9 @@ <h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/Produc
 <h4><a href="/products">/products</a></h4>
 
 <p>
-    You typically wont need to explicitly register Code Pages since the <em>TemplatePagesFeature</em> populates its
+    You typically wont need to explicitly register Code Pages since the <em>SharpPagesFeature</em> populates its
     <em>ScanAssemblies</em> with the AppHost's Service assemblies which will automatically find and register any 
-    TemplateCodePage's that are in the same Assembly as ServiceStack Services and just like Services, Code Pages 
+    SharpCodePage's that are in the same Assembly as ServiceStack Services and just like Services, Code Pages 
     are autowired and resolved from the IOC transiently, so they can also be injected with any IOC registered dependencies
     by declaring them as public properties.
 </p>
@@ -65,28 +65,28 @@ <h4>MVC Code Pages</h4>
     CodePage by resolving it with its virtualPath:
 </p>
 
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/ProductServices.cs">ProductServices.cs</a></h4>
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/ProductServices.cs">ProductServices.cs</a></h4>
 
-{{ 'gfm/code-pages/02.md' | githubMarkdown }}
+{{ 'gfm/code-pages/02.md' |> githubMarkdown }}
 
 <p>
     Which can be called with <b>/products/view</b> to display exactly the same content as calling ProductsPage directly, but instead uses 
-    the Routing and the argument populated by the ServiceStack Service, instead of the argument populated in the <em>TemplatePagesFeature</em> Arguments.
+    the Routing and the argument populated by the ServiceStack Service, instead of the argument populated in the <em>SharpPagesFeature</em> Arguments.
 </p>
 
 <p>
     Using the <em>Request.GetCodePage()</em> extension method is the recommended way to resolve Code Pages as it will 
     automatically inject the current <em>IRequest</em> on Code Pages that implement <em>IRequiresRequest</em> like
-    ServiceStackCodePage's. It's the same as resolving the Code Page from the <em>ITemplatePages</em> dependency 
+    ServiceStackCodePage's. It's the same as resolving the Code Page from the <em>ISharpPages</em> dependency 
     and injecting the <em>IRequest</em> manually:
 </p>
 
-{{ 'gfm/code-pages/03.md' | githubMarkdown }}
+{{ 'gfm/code-pages/03.md' |> githubMarkdown }}
 
 <h4>Code Pages as Partials</h4>
 
 <p>
-    Another area Code Pages are useful are as partials where they're able to escape the normal sandbox of Template Pages and
+    Another area Code Pages are useful are as partials where they're able to escape the normal sandbox of #Script Pages and
     and use C# to access the existing functionality available within your Web App. 
 </p>
 
@@ -102,18 +102,18 @@ <h5>Partial Arguments</h5>
     generated when embed the partial:
 </p>
 
-<pre class="cs"><code>{{ "examples/nav-links.txt" | includeFile }}</code></pre>
+<pre class="cs"><code>{{ "examples/nav-links.txt" |> includeFile }}</code></pre>
 
 <p>
     Which will generate the following links of progressive advanced features, with the link of the current page highlighted:
 </p>
 
-{{ 'navLinks' | partial(
+{{ 'navLinks' |> partial(
     { 
         links: { 
             '/docs/model-view-controller': 'MVC', 
-            '/docs/view-engine': 'View Engine', 
-            '/docs/code-pages': 'Code Pages'
+            '/docs/sharp-pages': '#Script Pages', 
+            '/docs/code-pages': 'Sharp Code Pages'
         } 
     }) 
 }}
@@ -123,27 +123,27 @@ <h5>Partial Arguments</h5>
     the <em>links</em> argument created when the partial was called:
 </p>
 
-<h4 id="code-page-partials"><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/CodePagePartials.cs">CodePagePartials.cs</a></h4>
+<h4 id="code-page-partials"><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/CodePagePartials.cs">CodePagePartials.cs</a></h4>
 
-{{ 'gfm/code-pages/04.md' | githubMarkdown }}
+{{ 'gfm/code-pages/04.md' |> githubMarkdown }}
 
 <p>
     The <em>customerCard</em> partial shows another example where Code Pages are useful where they're able to access any IOC 
     dependency and existing Web App functionality, which can be called with:
 </p>
 
-<pre class="cs"><code>{{ "examples/customer-card.txt" | includeFile }}</code></pre>
+<pre class="cs"><code>{{ "examples/customer-card.txt" |> includeFile }}</code></pre>
 
 <p>
     To render a nice Customer Card snapshot:
 </p>
 
-{{ 'customerCard' | partial({ customerId: "ALFKI" }) }}
+{{ 'customerCard' |> partial({ customerId: "ALFKI" }) }}
 
 <h4>ServiceStack Code Pages</h4>
 
 <p>
-    <em>ServiceStackCodePage</em> is a convenience base class that inherits <em>TemplateCodePage</em> and enhances it with
+    <em>ServiceStackCodePage</em> is a convenience base class that inherits <em>SharpCodePage</em> and enhances it with
     the same functionality that's available in ServiceStack's <em>Service</em> base class, e.g: access to the current
     <em>Request</em> context, Gateway, Database, Redis, CacheClient, Users Session, AuthRepository, etc.
 </p>
@@ -154,7 +154,7 @@ <h4>ServiceStack Code Pages</h4>
     the <em>PathInfo</em> argument and <em>CustomerCardPartial</em> has direct access to the configured database:
 </p>
 
-{{ 'gfm/code-pages/05.md' | githubMarkdown }}
+{{ 'gfm/code-pages/05.md' |> githubMarkdown }}
 
 <p>
     Since they have access to the same functionality ServiceStack Services do, ServiceStackCodePage's can provide
@@ -162,4 +162,4 @@ <h4>ServiceStack Code Pages</h4>
 </p>
 
 
-{{ "doc-links" | partial({ order }) }}
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/db-scripts.html b/wwwroot/docs/db-scripts.html
new file mode 100644
index 0000000..a59b1d2
--- /dev/null
+++ b/wwwroot/docs/db-scripts.html
@@ -0,0 +1,308 @@
+<!--
+title: Database Scripts
+order: 15
+-->
+
+<p>
+    OrmLite's database methods gives your scripts database connectivity to the most popular RDBMS's. 
+    To enable install the
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a>
+    and register it in your IOC:
+</p>
+
+{{ 'gfm/db-scripts/01.md' |> githubMarkdown }}
+
+<p>
+    Then to enable register either
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs">DbScriptsAsync</a>
+    if you're using either SQL Server, PostgreSQL or MySql, otherwise register the sync
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs">DbScripts</a>
+    to avoid the <i>pseudo async</i> overhead of wrapping synchronous results in <em>Task</em> results.
+</p>
+
+{{ 'gfm/db-scripts/02.md' |> githubMarkdown }}
+
+<p>
+    Now your templates will have access to the <a href="/docs/scripts-reference?tab=db-scripts">available DB Scripts</a>
+    where you can use the <a href="/docs/scripts-reference?nameContains=db&amp;tab=db-scripts"><em>db*</em> methods</a>
+    to execute sql queries:
+</p>
+
+<ul>
+    <li><em>dbSelect</em> - returns multiple rows</li>
+    <li><em>dbSingle</em> - returns a single row</li>
+    <li><em>dbScalar</em> - returns a single field value</li>
+</ul>
+
+<p>
+    The <a href="/docs/scripts-reference?nameContains=sql&amp;tab=db-scripts"><em>sql*</em> filters</a> are used to enable
+    cross-platform RDBMS support where it encapsulates the differences behind each RDBMS and returns the appropriate SQL
+    for the RDBMS that's registered.
+</p>
+
+<h3>Opening different connections</h3>
+
+<p>
+    By default the <em>DbScripts</em> will use the registered <em>IDbConnectionFactory</em> in the IOC or when 
+    <a href="https://docs.servicestack.net/multitenancy">Multi tenancy</a> is configured it will use the connection configured for that request.
+</p>
+
+<p>
+    You can also specify to use a different DB connection using the <em>namedConnection</em> and <em>connectionString</em> arguments:
+</p>
+
+{{ 'gfm/db-scripts/03.md' |> githubMarkdown }}
+
+<h3>DB Filter Examples</h3>
+
+<p>
+    For an interactive example that lets you explore DB Filters checkout the <a href="/usecases/adhoc-querying">Adhoc Querying use-case</a>.
+</p>
+
+<p>
+    To explore a complete data-driven Web App built using Templates and DB Filters, checkout the Rockwind Website below     
+    which uses DB Filters to implement both its Web Pages and <a href="/docs/sharp-apis">Sharp APIs</a>. 
+    The URL
+    The Source code link on the right shows the source code used to generate the Web Page or API Response:
+</p>
+
+<table class="table table-striped" style="width:auto">
+    <caption style="font-size:1.8rem"><a href="http://rockwind-sqlite.web-app.io">Rockwind Website</a></caption>
+    <thead class="thead-inverse">
+    <tr>
+        <th>Description</th>
+        <th>URL</th>
+        <th>Source Code</th>
+    </tr>
+    </thead>
+    <tr>
+        <th>Customers</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers">/northwind/customers</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/customers.html">/northwind/customers.html</a></td>
+    </tr>
+    <tr>
+        <th>Employees</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/employees">/northwind/employees</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/employees.html">/northwind/employees.html</a></td>
+    </tr>
+    <tr>
+        <th>Products</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products">/northwind/products</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/products.html">/northwind/products.html</a></td>
+    </tr>
+    <tr>
+        <th>Categories</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/categories">/northwind/categories</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/categories.html">/northwind/categories.html</a></td>
+    </tr>
+    <tr>
+        <th>Suppliers</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/suppliers">/northwind/suppliers</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/suppliers.html">/northwind/suppliers.html</a></td>
+    </tr>
+    <tr>
+        <th>Shipppers</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/shippers">/northwind/shippers</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/shippers.html">/northwind/shippers.html</a></td>
+    </tr>
+    <tr>
+        <td class="bg-success" colspan="3" style="text-align:center;color:#fff;font-size:1.5rem">Page Queries</td>
+    </tr>
+    <tr>
+        <th>Customers in Germany</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers?country=Germany">/northwind/customers?country=Germany</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/customers.html">/northwind/customers.html</a></td>
+    </tr>
+    <tr>
+        <th>Customers in London</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customers?city=London">/northwind/customers?city=London</a></td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Alfreds Futterkiste Details</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/customer?id=ALFKI">/northwind/customer?id=ALFKI</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/customer.html">/northwind/customer.html</a></td>
+    </tr>
+    <tr>
+        <th>Order #10643</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643">/northwind/order?id=10643</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/order.html">/northwind/order.html</a></td>
+    </tr>
+    <tr>
+        <th>Employee Nancy Davolio Details</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/employee?id=1">/northwind/employee?id=1</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/employee.html">/northwind/employee.html</a></td>
+    </tr>
+    <tr>
+        <th>Chai Product Details</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?id=1">/northwind/products?id=1</a></td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/northwind/products.html">/northwind/products.html</a></td>
+    </tr>
+    <tr>
+        <th>Beverage Products</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?category=Beverages">/northwind/products?category=Beverages</a></td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Products from Bigfoot Breweries</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?supplier=Bigfoot+Breweries">/northwind/products?supplier=Bigfoot+Breweries</a></td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Products containing Tofu</th>
+        <td><a href="http://rockwind-sqlite.web-app.io/northwind/products?nameContains=Tofu">/northwind/products?nameContains=Tofu</a></td>
+        <td></td>
+    </tr>
+    <tr>
+        <td class="bg-success" colspan="3" style="text-align:center;color:#fff;font-size:1.5rem">API Queries</td>
+    </tr>
+    <tr>
+        <th>All Customers</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
+            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
+        </td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/api/customers.html">/api/customers.html</a></td>
+    </tr>
+    <tr>
+        <th>Alfreds Futterkiste Details</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>As List</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Customers in Germany</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Customers in London</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>All Products</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv">/api/products.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html">/api/products.html</a></div>
+        </td>
+        <td><a href="https://github.com/sharp-apps/rockwind/tree/master/api/products.html">/api/products.html</a></td>
+    </tr>
+    <tr>
+        <th>Chai Product Details</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1">/api/products/1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.csv">/api/products/1.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.html">/api/products/1.html</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>As List</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?id=1">/api/products?id=1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?id=1">/api/products.csv?id=1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?id=1">/api/products.html?id=1</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Beverage Products</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?category=Beverages">/api/products?category=Beverages</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?category=Beverages">/api/products.csv?category=Beverages</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?category=Beverages">/api/products.html?category=Beverages</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Products from Bigfoot Breweries</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?supplier=Bigfoot+Breweries">/api/products?supplier=Bigfoot+Breweries</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?supplier=Bigfoot+Breweries">/api/products.csv?supplier=Bigfoot+Breweries</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?supplier=Bigfoot+Breweries">/api/products.html?supplier=Bigfoot+Breweries</a></div>
+        </td>
+        <td></td>
+    </tr>
+    <tr>
+        <th>Products containing Tofu</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?nameContains=Tofu">/api/products?nameContains=Tofu</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?nameContains=Tofu">/api/products.csv?nameContains=Tofu</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?nameContains=Tofu">/api/products.html?nameContains=Tofu</a></div>
+        </td>
+        <td></td>
+    </tr>
+</table>
+
+<h4>Run Rockwind against your Local RDBMS</h4>
+
+<p>
+    You can run the <a href="https://github.com/sharp-apps/rockwind">Rockwind Website</a>
+    against either an SQLite, SQL Server or MySql database by just changing which <b>app.settings</b> the App is run with, e.g:
+</p>
+
+<pre class="sh"><code>x web.sqlserver.settings</code></pre>
+
+<h5>Populate local RDBMS with Northwind database</h5>
+
+<p>
+    If you want to run this Sharp App against your own Database run the 
+    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">northwind-data</a> 
+    project against your database, e.g:
+</p>
+
+<pre class="sh"><code>dotnet run sqlserver "Server=localhost;Database=northwind;User Id=test;Password=test;"</code></pre>
+
+<p>
+    As Rockwind is a <a href="/usecases/web-templates">Web Template</a> Sharp App it doesn't need any compilation so after 
+    <a href="https://github.com/sharp-apps/rockwind">running the Rockwind Sharp App</a>
+    you can modify the source code and see changes in real-time thanks to its built-in 
+    <a href="/docs/hot-reloading">Hot Reloading</a> support.
+</p>
+
+<h4>PostgreSQL Support</h4>
+
+<p>
+    Due to PostgreSQL's automatic conversion of unquoted tables and fields to lower case and MySql not supporting double quotes 
+    for quoting symbols, it's not feasible to develop the same website that runs in both MySql and PostgreSQL unless you 
+    use <em>sqlQuote</em> to quote every column or table or are willing to use lowercase or snake_case for all table and column names. 
+    As a result we've developed an alternate version of Rockwind website called <a href="http://rockwind-vfs-sqlite.web-app.io/">Rockwind VFS</a>
+    which quotes every Table and Column in double quotes so PostgreSQL preserves casing. The 
+    <a href="https://github.com/sharp-apps/rockwind-vfs">Rockwind VFS Project</a>    
+    can be run against either PostgreSQL, SQL Server or SQLite by changing the configuration it's run with, e.g:
+</p>
+
+<pre class="sh"><code>x web.postgres.settings</code></pre>
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=db-scripts">full list of DB filters available</a>.
+</p>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/default-scripts.html b/wwwroot/docs/default-scripts.html
new file mode 100644
index 0000000..792ff5e
--- /dev/null
+++ b/wwwroot/docs/default-scripts.html
@@ -0,0 +1,568 @@
+<!--
+title: Default Scripts
+order: 11
+-->
+
+<p>
+    The default scripts are a comprehensive suite of safe scripts useful within a View Engine or Text Template Generation environment.
+    The source code for all default scripts are defined in 
+    <a href="https://github.com/ServiceStack/ServiceStack/tree/master/src/ServiceStack.Common/Script/Methods">DefaultScripts</a>.
+</p>
+
+<p>
+    For examples of querying methods checkout the <a href="/linq/">Live LINQ Examples</a>, we'll show examples for other useful methods below:
+</p>
+
+<h4 id="as-bindings">Methods as bindings</h4>
+
+<p>
+    Script Methods with no arguments can be used in-place of an argument binding, <em>now</em> and <em>utcNow</em> are some examples of this:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: "now: {{ now |> dateFormat }}
+UTC now: {{ utcNow |> dateFormat('o') }}
+UTC DateTimeOffset {{ utcNowOffset }},
+nguid: {{ nguid }}" }) }}
+
+<p>
+    Many methods have an implicit default format which can be overridden in the ScriptContext's <em>Args</em>, e.g
+    if no Date Format is provided it uses the default format <em>yyyy-MM-dd</em> which can be overridden with:
+</p>
+
+{{ 'gfm/default-scripts/01.md' |> githubMarkdown }}
+
+<h4 id="html-encoding">HTML Encoding</h4>
+
+<p>
+    All values of #Script Expressions in <b>.html</b> pages are HTML-encoded by default, you can bypass the HTML encoding 
+    to emit raw HTML by adding the <em>raw</em> filter as the last filter in an expression:
+</p>
+
+{{ 'live-template' |> partial({ template: "With encoding: {{ '<b>hi</b>' }}
+Without: {{ '<b>hi</b>' |> raw }}" }) }}
+
+<h4 id="arithmetic">Arithmetic</h4>
+
+<p>
+    <em>#Script</em> supports the same arithmetic expressions as JavaScript:
+</p>
+
+{{ 'live-template' |> partial({ rows: 7, template: "1 + 1 = {{ 1 + 1 }}
+2 x 2 = {{ 2 * 2 }}
+3 - 3 = {{ 3 - 3 }} 
+4 / 4 = {{ 4 / 4 }}
+3 % 2 = {{ 3 % 2 }}
+1 - 2 + 3 * 4 / 5 = {{ 1 - 2 + 3 * 4 / 5 }}
+Bitwise = {{ 3 & 1 }}, {{ (3 | 1) }}, {{ 3 ^ 1 }}, {{ 3 << 1 }}, {{ 3 >> 1 }}, {{ ~1 }}" }) }}
+
+<blockquote>
+    Behavior is as you would expect in JavaScript except for Bitwise OR <em>|</em> needs to be in <em>(parens)</em> to avoid it being treated as a 
+    template expression separator and no assignment operations are supported, i.e. <em>=, ++, --, |=</em>, etc. The <em>=</em> is treated 
+    as an equality operator <em>==</em> so it lets you use SQL-like queries if preferred: <em>a = 1 and b = 2 or c = 3 </em>
+</blockquote>
+
+<p>
+    For those who prefer wordier descriptions, you can use the equivalent built-in methods:
+</p>
+
+{{ 'live-template' |> partial({ rows: 5, template: "1 + 1 = {{ 1 |> add(1) }} or {{ add(1,1) }} or {{ 1 |> incr }} or {{ 1 |> incrBy(1) }}
+2 x 2 = {{ 2 |> mul(2) }} or {{ multiply(2,2) }}
+3 - 3 = {{ 3 |> sub(3) }} or {{ subtract(3,3) }} or {{ 3 |> decrBy(3) }} 
+4 / 4 = {{ 4 |> div(4) }} or {{ divide(4,4) }}
+3 % 2 = {{ 3 | mod(2) }} or {{ mod(3,2) }}" }) }}
+
+<p>
+    It should be noted when porting C# code that as script methods don't follow the implied 
+    <a href="https://www.mathsisfun.com/operation-order-bodmas.html">Order of Operations</a> used in math calculations
+    where an expression like <em>1 - 2 + 3 * 4 / 5</em> is executed in the implied order of <em>(1 - 2) + ((3 * 4) / 5)</em>.
+    To achieve the same result you'd need to execute them in their implied grouping explicitly:
+</p>
+
+{{ 'live-template' |> partial({ rows:4, template: "1 - 2 + 3 * 4 / 5 = {{ 1 - 2 + 3 * 4 / 5 }}
+1 - 2 + 3 * 4 / 5 = {{ add(sub(1,2), div(mul(3,4), 5)) }}
+1 - 2 + 3 * 4 / 5 = {{ sub(1,2).add(mul(3,4).div(5)) }}
+((1 - 2 + 3) * 4) / 5 = {{ 1 |> subtract(2) |> add(3) |> multiply(4) |> divide(5) }}" }) }}
+
+<h4 id="math">Math</h4>
+
+<p>
+    Most <em>Math</em> APIs are available including <em>pi</em> and <em>e</em> constants:
+</p>
+
+{{ 'live-template' |> partial({ template: "Circumference = {{ 2 * pi * 10 |> round(5) }}
+&Sqrt; log<sub>10</sub> 10000  = {{ 10000 | log10 | sqrt }}
+Powers of 2      = {{ 10 |> times |> map => `${(it + 1).pow(2)}` |> join }}" }) }}
+
+<h4 id="date-functions">Date Functions</h4>
+
+{{ 'live-template' |> partial({ rows: 10, template: "{{ now |> addTicks(1) }}
+{{ now |> addMilliseconds(1) }}
+{{ now |> addSeconds(1) }}
+{{ now |> addMinutes(1) }}
+{{ now |> addHours(1) }}
+{{ now |> addDays(1) }}
+{{ now |> addMonths(1) }}
+{{ now |> addYears(1) }}
+{{ '2001-01-01' |> toDateTime }}, {{ date(2001,1,1) }}, {{ date(2001,1,1,1,1,1) }}
+{{ time(1,2,3,4) }}, {{ '02:03:04' |> toTimeSpan }}, {{ time(2,3,4) }}" }) }}
+
+<h4 id="formatting">Formatting</h4>
+
+<p>
+    Use format methods to customize how values are formatted:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: ′USD {{12.34 |> currency}} GBP {{12.34 |> currency('en-GB')}} EUR {{12.34 |> currency('FR')}}
+Number: {{ 123.456 |> format('0.##') }} Currency: {{ 123.456 |> format('C') }}
+Date: {{ now |> dateFormat('dddd, MMMM d, yyyy') }} default: {{ now |> dateFormat }}
+Time: {{ now.TimeOfDay |> timeFormat('h\\:mm') }} default: {{ now.TimeOfDay |> timeFormat }}′ }) }}
+
+<p>
+    When no format provided, the default ScriptConstant's formats are used:
+</p>
+
+<ul>
+    <li><em>DefaultDateFormat</em> used by: <em>dateFormat</em></li>
+    <li><em>DefaultDateTimeFormat</em> used by: <em>dateTimeFormat</em></li>
+    <li><em>DefaultTimeFormat</em> used by: <em>timeFormat</em></li>
+    <li><em>DefaultCulture</em> used by: <em>currency</em></li>
+</ul>
+
+<h4 id="string-functions">String functions</h4>
+
+<p>
+    As can be expected from a templating library there's a comprehensive set of string methods available:
+</p>
+
+{{ 'live-template' |> partial({ rows: 13, template: "{{ 'upper' |> upper }} and {{ 'LOWER' | lower }}
+{{ 'SubString'|substring(0,3) }} {{'SubString'|substring(3)}} {{'IsSafe'|substring(2,100)}}
+{{ 'SubStrEllipsis' |> substringWithEllipsis(9) }} {{'SubStr' |> substringWithEllipsis(3,3)}}
+{{ 'left:part' |> leftPart(':') }} + {{ 'part:right' |> rightPart(':') }}
+{{ 'last:left:part' |> lastLeftPart(':') }} + {{ 'last:right:part' |> lastRightPart(':') }}
+{{ 'split.on.first' |> splitOnFirst('.')|>join}} + {{'split.on.last' |> splitOnLast('.')|>join}}
+{{ 'split.these.words' |> split('.') |> get(1)}}, {{'replace this' |> replace('this', 'that')}}
+{{ 'index.of' |> indexOf('.') }} + {{ 'last.index.of' |> lastIndexOf('.') }}
+{{ 'start' |> appendLine |> append('end') }}
+{{ 'in' + ' the ' + 'middle' }}
+{{ 'in the {0} of the {1} I go {2}' |> fmt('middle','night','walking') }}
+{{ 'in the {0} of the {1} I go {2} in my {3}' |> fmt(['middle','night','walking','sleep']) }}
+{{ 'in the ' |> appendFmt('{0} of the {1} I go {2}', 'middle','night','walking') }}" }) }}
+
+<h4 id="text-style">Text Style</h4>
+
+{{ 'live-template' |> partial({ template: `{{ 'aVarName' | humanize }} and {{ 'AVarName' | splitCase }}
+{{ 'wAr aNd pEaCe' | titleCase }}
+{{ 'pascalCase' | pascalCase }} and {{ 'CamelCase' | camelCase }}` }) }}
+
+<h4 id="trimming-and-padding">Trimming and Padding</h4>
+
+{{ 'live-template' |> partial({ template: "'{{ '  start  ' |> trimStart }}', '{{ '  end  ' |> trimEnd }}', '{{ '  both  ' |> trim }}'
+'{{ 'left' |> padLeft(10) }}', '{{ 'right' |> padRight(10) }}'
+'{{ 'left' |> padLeft(10,'_') }}', '{{ 'right' |> padRight(10,'_') }}'" }) }}
+
+<h4 id="url-handling">URL handling</h4>
+
+{{ 'live-template' |> partial({ rows: 8, template: "{{ 'http://example.org' |> to => baseUrl }}
+{{ baseUrl |> addPath('path') }}
+{{ baseUrl |> addPaths(['path1', 'path2', 'path3']) }}
+{{ baseUrl |> addQueryString({ a: 1, b: 2 }) }}
+{{ baseUrl |> addQueryString({ a: 1, b: 2 }) |> setQueryString({ a: 3 }) }}
+{{ baseUrl |> addHashParams({ c: 3, d: 4 }) }}
+{{ baseUrl |> addHashParams({ c: 3, d: 4 }) |> setHashParams({ c: 5 }) }}
+{{ baseUrl |> addPath('path') |> addQueryString({ a: 1 }) |> addHashParams({ b: 2 }) }}" }) }}
+
+<h4 id="generation">Repeating, Ranges and Generation</h4>
+
+{{ 'live-template' |> partial({ rows: 4, template: "{{ 3 |> repeating('ABC ')  }} or {{ 'ABC ' |> repeat(3) }}
+{{ 3 |> itemsOf(2) |> join }} or {{ 3 |> itemsOf(2) |> sum }}
+{{ 5 |> times |> select: {it}, }}
+{{ range(5) |> select: {it}, }} {{ range(5,5) |> select: {it}, }}" }) }}
+
+<h4>Spacing</h4>
+
+<p>
+    The following methods can be used to easily control the precise spacing in templates:
+</p>
+
+{{ 'live-template' |> partial({ rows: 6, template: "{{ space }}1 space
+{{ 3 | spaces }}3 spaces
+{{ indent }}1 indent
+{{ 3 |> indents }}3 indents
+{{ newLine }}1 new line above
+{{ 3 |> newLines }}3 new lines above" }) }}
+
+<blockquote>
+    The default spacing used for indents <em>\t</em> can be overridden with the <em>Args[DefaultIndent]</em>.
+</blockquote>
+
+<h4 id="conditional-tests">Conditional Tests</h4>
+
+<p>
+    These methods allow you to test for different conditions:
+</p>
+
+{{ 'live-template' |> partial({ rows: 17, template: "ternary: {{ true ? 1 : 0 }}, {{ 1 + 1 > subtract(2, 1) ? 'YES' : 'NO' }}
+or: {{ true || false }}, {{ false || false }}, {{ true | OR(true) }}
+and: {{ true && false }}, {{ false and false }}, {{ true | AND(true) }}
+exists: {{ null | exists }}, {{ 1 | exists }}, {{ unknownArg | exists }}
+equals: {{ 1 == 1 }}, {{1 |> equals(1)}}, {{'A' |> equals('A')}}, {{1 |> eq(1)}}
+notEquals: {{ 2 != 1 }}, {{2 |> notEquals(1)}}, {{'A' |> notEquals('A')}} or {{1 |> not(1)}}
+greaterThan: {{ 1 > 1 }}, {{ 1 |> greaterThan(1) }} or {{ 1 |> gt(1) }}
+greaterEqual: {{ 1 >= 1 }}, {{ 1 |> greaterThanEqual(1) }} or {{ 1 |> gte(1) }}
+lessThan: {{ 1 < 1}}, {{ 1 |> lessThan(1) }} or {{ 1 |> lt(1) }}
+lessEqual: {{ 1 <= 1}}, {{ 1 |> lessThanEqual(1) }} or {{ 2 |> lte(1) }}
+isNull: {{ null == null }}, {{ null |> isNull }}, {{ 1 |> isNull }}, {{ 1 == null }}
+isNotNull: {{ null != null }} {{ null |> isNotNull }}, {{ 1 |> isNotNull }}, {{ 1 != null }}
+equivalentTo: {{ [1,2] |> equivalentTo([1,2]) }}, {{ {a:1, b:2} |> equivalentTo({a:1, b:2}) }}
+contains: {{ [1,2] |> contains(1) }}, {{ [1,2] |> contains(3) }}, {{ 'ABC' |> contains('A') }}
+Even/Odd: {{ 1 |> isEven }}, {{ 1 % 2 == 0 }}, {{ 1 |> isOdd }}, {{ 1 % 2 == 1 }}
+counts: {{ [1,2] | length }}, {{ [1,2] |> hasMinCount(1) }}, {{ [1,2] |> hasMaxCount(1) }}
+starts/ends: {{ 'startsWith' |> startsWith('start') }}, {{ 'endsWith' |> endsWith('end') }}" }) }}
+
+<h4 id="object-tests">Object Type Tests</h4>
+
+<p>
+    Methods to check the type of objects:
+</p>
+
+{{ 'live-template' |> partial({ rows: 12, template: "Any Number: {{ 1 |> isInteger }}, {{ 1 |> toLong |> isInteger }}, {{ 1.1 |> isNumber }}
+Real Numbers: {{ 1.1 |> isDouble }}, {{1.1 |toFloat|> isFloat}}, {{1.1 |toDecimal|> isDecimal}}
+ints: {{ 1 |> isInt }}, {{ 1 |> isLong }}, {{ 1 |> toLong |> isLong }}
+strings: {{ 'a' |> isString }}, {{ 'a' |> isChar }}, {{ 'a' |> toChar |> isChar }}
+bool: {{ false |> isBool }}, 
+bytes: {{ 1 |> toByte |> isByte }}, {{ 'a' |> toUtf8Bytes |> isBytes }}
+chars: {{ 'abc' |> toChars |> isChars }}, {{ ['a','b','c'] |> toChars |> isChars }}
+enumerable: {{ [1] |> isEnumerable }}, {{ {a:1} |> isEnumerable }}, {{ 'abc' |> isEnumerable }}
+list: {{ [1] |> isList }}, {{ {a:1} |> isList }}, {{ 'abc' |> isList }}
+dictionary: {{ {a:1} |> isDictionary }}, {{ [1] |> isDictionary }}, {{ 'abc' |> isDictionary }}
+object dict: {{ {a:1} |> isObjectDictionary }}, {{ {'a':'b'} |> isObjectDictionary }}
+value/ref type: {{ 1 |> isValueType }}, {{ [] |> isValueType }}, {{ [] |> isClass }}" }) }}
+
+<h4 id="object-conversions">Object Conversions</h4>
+
+<p>
+    Conversions and transformations between different types:
+</p>
+
+{{ 'live-template' |> partial({ rows: 5, template: `toInt: {{ '1' |> typeName }}, {{ '1' |> toInt |> typeName }}, {{ 1 |> toDouble |> typeName }}
+toChar: {{',' |> typeName}},  {{',' |> toChar |> typeName}}, {{'true' |> toBool |> typeName}}
+{{ {a:1,b:2,c:'',d:null} |> to => o }}
+toKeys: {{ o |> toKeys |> join }}, toValues:  {{ o |> toValues |> join }}
+without: {{o |> withoutNullValues |> toKeys|>join}} / {{o |>withoutEmptyValues |>toKeys |>join}}` }) }}
+
+<h4 id="conditional-display">Conditional Display</h4>
+
+<p>
+    These methods can be used in combination with Conditional Test methods above to control what text is displayed:
+</p>
+
+{{ 'live-template' |> partial({ rows: 11, template: "if: {{ 'Y' |> if(true) }}, {{ 'Y' |> if(false) |> otherwise('N') }}, {{ 'Y' |> if(1) }}
+when: {{ 'Y' |> when(true) }}, {{ 'Y' |> when(false) |> otherwise('N') }}, {{ 'Y' |> when(1) }}
+if!: {{ 'Y' |> if(!true) |> otherwise('N') }}, {{ 'Y' |> if(!false) }}, {{ 'Y' |> if(!1) }}
+ifNot: {{ 'Y' |> ifNot(true) }}, {{ 'Y' |> ifNot(false) }}, {{ 'Y' |> ifNot(1) }}
+unless: {{ 'Y' |> unless(true) }}, {{ 'Y' |> unless(false) }}, {{ 'Y' |> unless(1) }}
+otherwise: {{ null |> otherwise('Y') }} or {{ 'even' |> if(isEven(1)) |> otherwise('odd') }}
+iif: {{ isEven(1) |> iif('even', 'odd') }} or {{ iif(isEven(1), 'even', 'odd') }}
+ifFalsy: {{ 'F' |> ifFalsy(false) }}, {{ 'F' |> ifFalsy(0) }}, {{ 'F' |> ifFalsy(null) }}
+falsy: {{ false | falsy('F') }}, {{ 0 | falsy('F') }}, {{ null | falsy(F) }}
+ifTruthy: {{ 'T' |> ifTruthy(true) }}, {{ 'T' |> ifTruthy(1) }}, {{ 'T' |> ifTruthy(null) }}
+truthy: {{ true | truthy('T') }}, {{ 1 | truthy('T') }}, {{ null | truthy('T') }}" }) }}
+
+<h4 id="content-handling">Content Handling</h4>
+
+{{ 'live-template' |> partial({ rows: 7, template: `default: {{ title |> default('A Title') }}
+{{ title != null ? title : 'A Title' }}
+{{ 'The Title' |> to => title }}{{ title |> default('A Title') }} : {{ 1 |> ifExists(title) }}
+{{ noArg }} : {{ noArg |> ifExists }} : {{ 1 |> ifNotExists(noArg) }} : {{ 1 |> ifNo(noArg) }}
+{{ 'empty' |> ifEmpty('') }} : {{ 'empty' |> ifEmpty([]) }} : {{ 'empty' |> ifEmpty([1]) }}
+{{ [1,2,3] |> to => nums }}{{ nums |> join |> to => list }}
+{{ "nums {0}" |> fmt(list) |> ifNotEmpty(nums) }}{{ "nums {0}" |> fmt(list) |> ifNotEmpty([]) }}` }) }}
+
+<h4 id="control-execution">Control Execution</h4>
+
+<p>
+    The <em>end*</em> methods short-circuits the execution of a method and discard any results.
+    They're useful to use in combination with the 
+    <a href="/docs/scripts-reference?nameContains=use&amp;tab=default-scripts"><em>use*</em> methods</a>
+    which discards the old value and creates a new value 
+    to be used from that point on in the expression.
+    <a href="/docs/scripts-reference?nameContains=show&amp;tab=default-scripts"><em>show</em> is an alias</a>
+    for <em>use</em> that reads better when used at the end of an expression.
+</p>
+
+{{ 'live-template' |> partial({ rows: 12, template: `always {{ 1 |> end |> default('unreachable') }}
+null {{ 1 |> endIfNull }}/{{ null |> endIfNull |> default('N/A') }}
+empty {{ '' |> endIfEmpty |> default('N/A') }}/{{ [] |> endIfEmpty |> default('N/A') }}
+if {{ true |> ifEnd |> use(1) }}/{{ false |> ifEnd |> use(1) }}:{{ endIf(true) |> show: 1 }}
+do {{ true |> ifDo |> select: 1 }}/{{ false |> ifDo |> select: 1 }}
+any {{ 5 |> times |> endIfAny('it = 4') |> join }}/{{5 |> times |> endIfAny('it = 5') |> join}}
+all {{ 5 |> times |> endIfAll('lt(it,4)') |>join}}/{{5 |> times |> endIfAll('lt(it,5)') |>join}}
+where {{ 1 |> endWhere: isString(it) }}/{{ 'a' |> endWhere: isString(it) }}
+useFmt {{ arg |> endIfExists |> useFmt('{0} + {1}', 1, 2) |> to => arg }}{{ arg }}
+useFmt {{ arg |> endIfExists |> useFmt('{0} + {1}', 3, 4) |> to => arg }}{{ arg }}
+useFormat {{ arg2 |> endIfExists |> useFormat('value', 'key={0}') |> to => arg2 }}{{ arg2 }}
+{{ noArg |> end }} : {{ 1 |> end }} : {{ 1 |> incr |> end }}` }) }}
+
+<blockquote>
+    You can also use <em>end</em> to discard return values of methods with side-effects, block methods, partials, etc.
+    It also provides an easy way to comment out any expression by prefixing it at the start, e.g: <em>{{#raw}}{{ end | unreachable }}{{/raw}}</em> 
+</blockquote>
+
+<p>
+    The <em>ifUse</em> and <em>useIf</em> methods are the inverse of the <em>end*</em> methods where they continue
+    execution with a new value if the condition is true:
+</p>
+
+{{ 'live-template' |> partial({ rows: 2, template: `ifUse: {{ true |> ifUse(1) }} / {{ false |> ifUse(1) |> default('unreachable') }}
+useIf: {{ 1 |> useIf(true) }} / {{ 1 |> useIf(false) |> default('unreachable') }}` }) }}
+
+<p>
+    There's also an 
+    <a href="/docs/scripts-reference?nameContains=only&amp;tab=default-scripts"><em>only*</em> method</a>
+    for each 
+    <a href="/docs/scripts-reference?nameContains=end&amp;tab=default-scripts"><em>end*</em> method</a>    
+    above with the inverse behavior, e.g:
+</p>
+
+{{ 'live-template' |> partial({ rows: 3, template: `endIfEmpty: {{ a |> endIfEmpty |> show: a is not empty }}
+onlyIfEmpty: {{ a |> onlyIfEmpty |> show: a is empty }}` }) }}
+
+<h4 id="assignment">Assignment</h4>
+
+<p>
+    You can create temporary arguments within a script scope or modify existing arguments with:
+</p>
+
+{{ 'live-template' |> partial({ rows: 6, template: "{{ [1,2,3,4,5] |> to => numbers }}
+{{ numbers |> join }}
+{{ numbers |> do => numbers[index] = it * it }}
+{{ numbers |> join }}
+{{ 5 |> times |> do => assign(`num${index}`, it) }}
+{{ num4 }}" }) }}
+
+<h4 id="let-bindings">Let Bindings and Scope Vars</h4>
+
+<p>
+    Let bindings allow you to create scoped argument bindings from individual string expressions:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: ′{{ [{name:'Alice',score:50},{name:'Bob',score:40}] |> to =>scoreRecords }}
+{{ scoreRecords 
+   |> let => { name:it.name, score:it.score, personNum:index + 1 }
+   |> select: {personNum}. {name} = {score}\n }}′ }) }}
+
+<p>
+    <em>scopeVars</em> lets you create bindings from a Dictionary, List of KeyValuePair's or List of Dictionaries using the key 
+    as the name of the argument binding and the value as its value:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ [{name:'Alice',score:50},{name:'Bob',score:40}] |> to =>scoreRecords }}
+{{ scoreRecords | scopeVars |> select: {index + 1}. {name} = {score}\n }}" }) }}
+
+<h4 id="querying-objects">Querying Objects</h4>
+
+{{ 'live-template' |> partial({ rows: 5, template: `{{ [10,20,30,40,50] |> to => numbers }}
+{{ { a:1, b:2, c:3 } |> to => letters }}
+Number at [3]: {{ numbers[3] }}, {{ numbers |> get(3) }}
+Value of 'c': {{ letters['c'] }}, {{ letters.c }}, {{ letters |> get('c') }}
+Property Value: {{ 'A String'.Length }}, {{ 'A String'['Len' + 'gth'] }}` }) }}
+
+<h4 id="member-expressions">Member Expressions</h4>
+
+{{ 'live-template' |> partial({ rows: 4, template: `{{ [now] |> to => dates }}
+{{ round(dates[0].TimeOfDay.TotalHours, 3) }}
+{{ dates |> get(0) |> select: { it.TimeOfDay.TotalHours |> round(3) } }}
+{{ [now.TimeOfDay][0].TotalHours |> round(3) }}` }) }}
+
+<p>
+    JavaScript member expressions are supported except for calling methods on instances as only registered methods can be invoked.
+</p>
+
+<h4 id="mapping">Mapping and Conversions</h4>
+
+<p>
+    Use <em>map</em> when you want to transform each item into a different value:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: "{{ ['zero','one','two','three','four','five','six','seven','eight','nine'] |> to =>digits }}
+{{ range(3) 
+   |> map => it + 5
+   |> map => digits[it] |> join(`\\n`) }}" }) }}
+
+<p>
+    It's also useful for transforming raw data sources into more manageable ones:
+</p>
+
+{{ 'live-template' |> partial({ rows: 6, template: "{{ [[1,-2],[3,-4],[5,-6]] |> to =>coords }}
+{{ coords 
+   |> map => { x: it[0], y: it[1] }
+   |> scopeVars
+   |> map => `${index + 1}. (${x}, ${y})\\n` |> join('') }}" }) }}
+
+<p>
+    Whilst these methods let you perform some other popular conversions:
+</p>
+
+{{ 'live-template' |> partial({ rows: 8, template: "{{ 100 |> toString |> select: {it.Length} }}
+{{ { x:1, y:2 } |> toList |> map => `${it.Key} = ${it.Value}` |> join(', ') }}
+{{ range(5) |> toArray |> to => numbers }}
+{{ numbers.Length |> times |> do => numbers[index] = -numbers[index] }}
+{{ numbers |> join }}
+Bob's score: {{ [{name:'Alice',score:50},{name:'Bob',score:40}] 
+  |> toDictionary => it.name |> map => it.Bob.score }}" }) }}
+
+<p>
+    Use <em>parseKeyValueText</em> to convert a key/value string into a dictionary, you can then use 
+    <em>values</em> and <em>keys</em> to extract the Dictionaries keys or values collection:
+</p>
+
+{{ 'live-template' |> partial({ rows: 8, template: `{{'
+Rent:      1000
+Internet:  50
+Mobile:    50
+Food:      400
+Misc:      200
+'|> trim | parseKeyValueText(':') |> to => expenses }}
+Expenses: {{ expenses |> values |> sum |> currency }}` }) }}
+
+<h4 id="serialization">Serialization</h4>
+
+<p>
+    Use the <em>json</em> method when you want to make your C# objects available to the client JavaScript page:
+</p>
+
+{{ 'live-template' |> partial({ template: `{{ [{x:1,y:2},{x:3,y:4}] |> to =>model }}
+var coords = {{ model |> json }};` }) }}
+
+<h4 id="embed">Embedding in JavaScript</h4>
+
+<p>
+    You can use the methods below to embed data on the client in JavaScript. If it's a valid JS Object or JSON it can
+    be embedded as a native data JS structure without quotes, otherwise use <em>jsString</em> to capture it in a 
+    JavaScript string variable:
+</p>
+
+{{ 'live-template' |> partial({ rows: 9, template: ′{{ '[
+    {"name":"Mc Donald\'s"}
+]' |> to =>json }}
+var obj = {{ json }};
+var str = '{{ json | jsString }}';
+var str = {{ json | jsQuotedString }};
+var escapeSingle = '{{ "single' quote's" |> escapeSingleQuotes }}';
+var escapeDouble = "{{ 'double" quote"s' |> escapeDoubleQuotes }}"
+var escapeLines = '{{ "new" |> appendLine |> append("line") |> escapeNewLines }}';′ }) }}
+
+<p>
+    The <a href="https://docs.servicestack.net/jsv-format">JSV Format</a> is great when you want a human-friendly output 
+    of an object graph, you can also use <em>dump</em> if you want the JSV output indented:
+</p>
+
+{{ 'live-template' |> partial({ template: `{{ [{x:1,y:2},{x:3,y:4}] |> to => model }}
+{{ model |> jsv }}
+{{ model |> dump }}` }) }}
+
+<p>
+    If needed, the <em>csv</em> and <em>xml</em> serialization formats are also available:
+</p>
+
+{{ 'live-template' |> partial({ template: `{{ [{Name:'Alice',Score:50},{Name:'Bob',Score:40}] |> to =>scoreRecords }}
+{{ scoreRecords |> csv }}` }) }}
+
+<h4 id="evalTemplate">Eval</h4>
+
+<p>
+    By default the <em>evalTemplate</em> method renders Templates in a new <em>ScriptContext</em> which can be customized 
+    to utilize any additional <em>plugins</em>, <em>methods</em> and <em>blocks</em> available in the configured 
+    <a href="/docs/sharp-pages">SharpPagesFeature</a>, or for full access you can use <em>{use:{context:true}}</em> 
+    to evaluate any Template content under the same context that <em>evalTemplate</em> is run on.
+</p>
+
+<p>
+    E.g. you can evaluate dynamic Template Syntax which makes use of the <em>MarkdownScriptPlugin</em> plugin with:
+</p>
+
+<pre><code>{{#raw}}{{ content |> evalTemplate({use:{plugins:'MarkdownScriptPlugin'}}) |> raw }}{{/raw}}</code></pre>
+
+<p>
+    This method is used by the <a href="/docs/sharp-apis#user-content-preview-api-page">/preview.html API Page</a> to 
+    create an API that enables live previews.
+</p>
+
+<h4 id="iterating">Iterating</h4>
+
+<p>
+    The <em>map</em>, <em>select</em> method and its inverse <em>selectEach</em> are some ways to generate output 
+    for each item in a collection:
+</p>
+
+{{ 'live-template' |> partial({ rows: 7, template: "{{ [{name:'Alice',score:50},{name:'Bob',score:40}] |> to => scoreRecords }}
+<b>map</b>
+<ol>{{ scoreRecords |> map => `<li>${it.name} = ${it.score}</li>` |> join('') |> raw }}</ol>
+<b>select</b>
+<ol>{{ scoreRecords |> select: <li>{it.name} = {it.score}</li> }}</ol>
+<b>selectEach</b>
+<ol>{{ '<li> {{ it.name }} = {{ it.score }} </li>' |> selectEach(scoreRecords) }}</ol>" }) }}
+
+<p>
+    Although a lot of times it's easier to use the <a href="/docs/blocks#each">each</a> Script Block to iterate over items:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: "{{ [{name:'Alice',score:50},{name:'Bob',score:40}] |> to => scoreRecords }}
+{{#each scoreRecords}}
+  {{index+1}}. {{it.name}} = {{it.score}}
+{{/each}}" }) }}
+
+<p>If you instead need to iterate over a collection to perform side-effects without generating output you can use <em>forEach</em>:</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: "{{ [{name:'Alice',score:50},{name:'Bob',score:40}] |> to => scoreRecords }}
+{{ var scores = [] }}
+{{ scoreRecords.forEach((record, index) => scores.push(record.score)) }}
+{{ scores |> join}}" }) }}
+
+
+<p>
+    Use <em>step</em> if you want to iterate using a custom step function:
+</p>
+
+{{ 'live-template' |> partial({ rows: 1, template: `{{ range(20) | step({ from: 10, by: 3 }) |> join }}` }) }}
+
+<h4 id="miscellaneous">Miscellaneous</h4>
+
+<p>Use <em>#raw</em> block method or <em>pass</em> to emit a Template Expression without evaluating it:
+</p>
+
+{{ 'live-template' |> partial({ rows: 4, template: `{{ pass: 'shout' |> upper }}
+{{#raw}}
+{{ 'shout' |> upper }}
+{{/raw}}` }) }}
+
+<blockquote>
+    Useful when you want to emit a client-side Vue method or show examples of #Script Expressions.
+</blockquote>
+
+<p>
+    <em>of</em> will let you find values of a specified type:
+</p>
+
+{{ 'live-template' |> partial({ rows: 1, template: `{{ ['A',1.1,2,3.3,true,null] |> of({ type: 'Double' }) |> join }}` }) }}
+
+<p>
+    You can use <em>appSetting</em> method to access the value of the ScriptContext's configured <a href="https://docs.servicestack.net/appsettings">AppSettings Provider</a>:
+</p>
+
+<pre class="cs"><code>{{ pass: 'websitePublicUrl' |> appSetting }} </code></pre>
+
+<h4>Collections and Querying</h4>
+
+<p>
+    Checkout the <a href="/linq/">Live LINQ examples</a> to explore the various collection and querying features.
+</p>
+
+<h3>Filter API Reference</h3>
+
+<p>
+    See the Filter API Reference for the 
+    <a href="/docs/scripts-reference?tab=default-scripts">full list of default scripts available</a>.
+</p>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/deploying-sharp-apps.html b/wwwroot/docs/deploying-sharp-apps.html
new file mode 100644
index 0000000..7b11616
--- /dev/null
+++ b/wwwroot/docs/deploying-sharp-apps.html
@@ -0,0 +1 @@
+{{ httpResult({ status: 301, Location:'/sharp-apps/deploying-sharp-apps' }) |> return }}
\ No newline at end of file
diff --git a/wwwroot/docs/error-handling.html b/wwwroot/docs/error-handling.html
new file mode 100644
index 0000000..9a5b15f
--- /dev/null
+++ b/wwwroot/docs/error-handling.html
@@ -0,0 +1,328 @@
+<!--
+title: Error Handling
+order: 17
+-->
+
+<p>
+    #Script uses Exceptions for error flow control flow that by default will fail fast by emitting the Exception details at 
+    the point where the error occured before terminating the Stream and rethrowing the Exception which lets you for 
+    instance catch the Exception in Unit Tests.
+</p>
+
+<h4>Handled Exceptions</h4>
+
+<p>
+    You can instead choose to handle exceptions and prevent them from short-circuiting page rendering by assigning them to an 
+    argument using either the <em>assignError</em> method which will capture any subsequent Exceptions thrown on the page:
+</p>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ 'ex' |> assignError }}
+{{ 'An error!' |> throw }}
+{{ ex |> select: { it.Message } }}` }) }}
+
+<h3 id="catcherror">catchError</h3>
+
+<p>
+    Alternatively you can specify `catchError` at each call-site where it will capture the Exception thrown by the method:
+</p>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ 'An error!' |> throw({ catchError: 'ex' }) }}
+{{ ex |> select: { it.Message } }}` }) }}
+
+<blockquote>
+    An easy way to prettify errors in Web Pages is to use <a href="/docs/html-scripts#htmlerror">HTML Error Scripts</a>.
+</blockquote>
+
+{{#markdown}}
+#### ifErrorReturn
+
+You can use `ifErrorReturn` in all Script Methods that [throw Managed Exceptions](#implementing-method-exceptions) 
+to specify a return value to use instead of throwing the Exception. 
+
+E.g. this can be used to catch the `Unauthorized` Exception thrown when the `Authenticate` Service is called from an unauthenticated Request, e.g:
+
+    {{#script}}
+    AUTH = {{ 'Authenticate' |> execService({ ifErrorReturn: "null" }) |> json }};
+    {{/script}}
+
+{{/markdown}}
+
+<h4>Unhandled Exceptions Behavior</h4>
+
+<p>
+    If Exceptions are unassigned they're considered to be unhandled. The default behavior for <em>ScriptContext</em> is to 
+    rethrow Exceptions, but as ServiceStack's <em>SharpPagesFeature</em> is executed within the context of a HTTP Server 
+    it's default is configured to:
+</p>
+
+{{ 'gfm/error-handling/01.md' |> githubMarkdown }}
+
+<p>
+    Which instead captures any unhandled Exceptions in <em>PageResult.LastFilterError</em> and continues rendering the page except
+    it skips evaluating any subsequent methods and instead only evaluates the methods which handle errors, 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptConfig.cs">currently</a>:
+</p>
+
+{{#raw}}
+<table class="table">
+    <tr>
+        <th>ifError</th>
+        <td>
+            Only execute the expression if there's an error: <br>
+            <em>{{ ifError |> select: FAIL! { it.Message } }}</em>
+        </td>
+    </tr>
+    <tr>
+        <th>lastError</th>
+        <td>
+            Returns the last error on the page or <em>null</em> if there was no error, that's passed to the next method:<br>
+            <em>{{ lastError |> ifExists |> select: FAIL! { it.Message } }}</em>
+        </td>
+    </tr>
+    <tr>
+        <th><a href="/docs/html-scripts#htmlerror">htmlError</a></th>
+        <td>
+            Display detailed <em>htmlErrorDebug</em> when in <a href="https://docs.servicestack.net/debugging#debugmode">DebugMode</a>
+            otherwise display a more appropriate end-user <em>htmlErrorMessage</em>.
+        </td>
+    </tr>
+    <tr>
+        <th><a href="/docs/html-scripts#htmlerrormessage">htmlErrorMessage</a></th>
+        <td>Display the Exception Message</td>
+    </tr>
+    <tr>
+        <th><a href="/docs/html-scripts#htmlerrordebug">htmlErrorDebug</a></th>
+        <td>Display a detailed Exception</td>
+    </tr>
+</table>
+{{/raw}}
+
+<p>
+    This behavior provides the optimal UX for developers and end-users as HTML Pages with Exceptions are still rendered well-formed 
+    whilst still being easily able to display a curated error messages for end-users without developers needing to guard against 
+    executing methods when Exceptions occur.
+</p>
+
+<h4>Controlling Unhandled Exception Behavior</h4>
+
+<p>
+    We can also enable this behavior on a per-page basis using the <em>skipExecutingFiltersOnError</em> method:
+</p>
+
+{{ 'live-template' |> partial({ rows:5, template: `{{ skipExecutingFiltersOnError }}
+<h4>{{ 'Before Exception' }}</h4>
+{{ 'An error!' |> throw }}
+<h4>{{ 'After Exception' }}</h4>
+{{ htmlErrorMessage }}` }) }}
+
+<p>
+    Here we can see that any normal methods after exceptions are never evaluated unless they're specifically for handling Errors.
+</p>
+
+<h4>Continue Executing Methods on Unhandled Exceptions</h4>
+
+<p>
+    We can also specify that we want to continue executing methods in which case you'll need to manually guard methods you want to
+    control the execution of using the <em>ifNoError</em> or <em>ifError</em> methods:
+</p>
+
+{{ 'live-template' |> partial({ rows:8, template: `{{ continueExecutingFiltersOnError }}
+<b style="color:green">{{ ifNoError |> select: No Exception thrown yet! }}</b>
+<h4>{{ 'Before Exception' }}</h4>
+{{ 'An error!' |> throw }}
+<b style="color:red">{{ ifError |> select: There was an error! }}</b>
+<h4>{{ 'After Exception' }}</h4>
+{{ htmlErrorDebug }}` }) }}
+
+<h4>Accessing Page Exceptions</h4>
+
+<p>
+    The last Exception thrown are accessible using the <em>lastError*</em> methods:
+</p>
+
+{{ 'live-template' |> partial({ rows:6, template: `{{ continueExecutingFiltersOnError }}
+{{ 'arg' |> throwArgumentNullExceptionIf(true) }}
+<table class="table table-striped"><caption>{{ lastError |> typeName }}</caption>
+<tr><th>Last Error Message</th><td>{{ lastErrorMessage }}</td></tr>
+<tr><th>Last Error StackTrace</th><td>{{ lastErrorStackTrace }}</td></tr>
+</table>` }) }}
+
+<h4>Throwing Exceptions</h4>
+
+<p>
+    We've included a few of the popular Exception Types, methods prefixed with <em>throw</em> always throws the Exceptions below:
+</p>
+
+<table class="table">
+    <thead>
+        <tr>
+            <th>Method</th>
+            <th>Exception</th>
+        </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <th>throw</th>
+        <td>Exception(message)</td>
+    </tr>
+    <tr>
+        <th>throwArgumentException</th>
+        <td>ArgumentException(message)</td>
+    </tr>
+    <tr>
+        <th>throwArgumentNullException</th>
+        <td>ArgumentNullException(paramName)</td>
+    </tr>
+    <tr>
+        <th>throwNotSupportedException</th>
+        <td>NotSupportedException(message)</td>
+    </tr>
+    <tr>
+        <th>throwNotImplementedException</th>
+        <td>NotImplementedException(message)</td>
+    </tr>
+    <tr>
+        <th>throwUnauthorizedAccessException</th>
+        <td>UnauthorizedAccessException(message)</td>
+    </tr>
+    <tr>
+        <th>throwFileNotFoundException</th>
+        <td>FileNotFoundException(message)</td>
+    </tr>
+    <tr>
+        <th>throwOptimisticConcurrencyException</th>
+        <td>OptimisticConcurrencyException(message)</td>
+    </tr>
+    </tbody>
+</table>
+
+<blockquote>
+    You can extend this list with your own custom methods, see the 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Methods/DefaultScripts.ErrorHandling.cs">Error Handling Methods</a>    
+    for examples.
+</blockquote>
+
+<p>
+    These methods will only throw if a condition is met:
+</p>
+
+<table class="table">
+    <thead>
+        <tr>
+            <th>Method</th>
+            <th>Exception</th>
+        </tr>
+    </thead>
+    <tbody>
+    <tr>
+        <th>throwIf</th>
+        <td>message |> Exception |> if(test)</td>
+    </tr>
+    <tr>
+        <th>throwArgumentNullExceptionIf</th>
+        <td>paramName |> ArgumentNullException |> if(test)</td>
+    </tr>
+    <tr>
+        <th>ifthrow</th>
+        <td>if(test) |> Exception(message)</td>
+    </tr>
+    <tr>
+        <th>ifThrowArgumentNullException</th>
+        <td>if(test) |> ArgumentNullException(paramName)</td>
+    </tr>
+    <tr>
+        <th>ifThrowArgumentException</th>
+        <td>
+            if(test) |> ArgumentException(message) <br> 
+            if(test) |> ArgumentException(message, paramName) <br> 
+        </td>
+    </tr>
+    </tbody>
+</table>
+
+<h4>Ensure Argument Helpers</h4>
+
+<p>
+    The <em>ensureAll*</em> methods assert the state of multiple arguments where it will either throw an Exception unless
+    all the arguments meet the condition or return the Object Dictionary if all conditions are met:
+</p>
+
+{{ 'live-template' |> partial({ rows:5, template: `{{ 1 |> to => one }}{{ 'bar' |> to => foo }}{{ '' |> to => empty }}
+{{ {one,foo,empty} |> ensureAllArgsNotNull |> htmlDump({ caption: 'ensureAllArgsNotNull' }) }}
+ensureAllArgsNotEmpty:
+{{ {one,foo,empty} |> ensureAllArgsNotEmpty({ assignError:'ex' }) |> htmlDump }}
+{{ ex |> htmlErrorMessage }}` }) }}
+
+<p>
+    The <em>ensureAny*</em> methods only requires one of the arguments meet the condition to return the Object Dictionary:
+</p>
+
+{{ 'live-template' |> partial({ rows:5, template: `{{ '' |> to => empty }}
+{{ { foo, empty } |> ensureAnyArgsNotNull |> htmlDump({ caption: 'ensureAnyArgsNotNull' }) }}
+ensureAnyArgsNotEmpty:
+{{ { foo, empty } |> ensureAnyArgsNotEmpty({ assignError:'ex' }) |> htmlDump }}
+{{ ex |> htmlErrorMessage }}` }) }}
+
+<h4>Fatal Exceptions</h4>
+
+<p>
+    The Exception Types below are reserved for Exceptions that should never happen, such as incorrect usage of an API where it would've 
+    resulted in a compile error in C#. When these Exceptions are thrown in a method or a page they'll immediately short-circuit execution of
+    the page and write the Exception details to the output. 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptConfig.cs">The Fatal Exceptions include</a>:
+</p>
+
+<ul>
+    <li><em>NotSupportedException</em></li>
+    <li><em>NotImplementedException</em></li>
+    <li><em>TargetInvocationException</em></li>
+</ul>
+
+<h4>Rendering Exceptions</h4>
+
+<p>
+    The <em>OnExpressionException</em> delegate in 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Templates/PageFormat.cs">Page Formats</a>
+    are able to control how Exceptions in #Script expressions are rendered where if preferred exceptions can be rendered in-line
+    in the template expression where they occurred with:
+</p>
+
+{{ 'gfm/error-handling/02.md' |> githubMarkdown }}
+    
+<p>
+    The <em>OnExpressionException</em> can also suppress Exceptions from being displayed by capturing any naked Exception Types registered in 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptConfig.cs">TemplateConfig.CaptureAndEvaluateExceptionsToNull</a>
+    and evaluate the template expression to <em>null</em> which by default will suppress the following naked Exceptions thrown in methods:
+</p>
+
+<ul>
+    <li><em>NullReferenceException</em></li>
+    <li><em>ArgumentNullException</em></li>
+</ul>
+
+<h4>Implementing Method Exceptions</h4>
+
+<p>
+    In order for your own Method Exceptions to participate in the above Script Error Handling they'll need to be wrapped in an
+    <em>StopFilterExecutionException</em> including both the Script's <em>scope</em> and an optional <b>options</b> object 
+    which is used to check if the <em>assignError</em> binding was provided so it can automatically populate it with the Exception.
+</p>
+
+<p>
+    The easiest way to Implement Exception handling in methods is to call a managed function which catches all Exceptions and 
+    throws them in a <em>StopFilterExecutionException</em> as seen in OrmLite's 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs">DbScripts</a>:
+</p>
+
+{{ 'gfm/error-handling/03.md' |> githubMarkdown }}
+
+<p>
+    The overloads are so the methods can be called without specifying any method options.
+</p>
+
+<p>
+    For more examples of different error handling features and strategies checkout:
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/tests/ServiceStack.WebHost.Endpoints.Tests/ScriptTests/ErrorHandlingTests.cs">ErrorHandlingTests.cs</a>
+</p>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/src/wwwroot/docs/expression-viewer.html b/wwwroot/docs/expression-viewer.html
similarity index 95%
rename from src/wwwroot/docs/expression-viewer.html
rename to wwwroot/docs/expression-viewer.html
index e2c5638..8cb8fd5 100644
--- a/src/wwwroot/docs/expression-viewer.html
+++ b/wwwroot/docs/expression-viewer.html
@@ -1,6 +1,6 @@
 <!--
 title: JS Expression Viewer
-order: 28
+order: 29
 -->
 
 {{#raw}}
@@ -49,10 +49,12 @@ <h5>Arguments</h5>
                     <option value="#expression=1%20<%202%20%26%26%20(t%20%7C%7C%203%20>%204)%20%26%26%20f&t=true&f=false">1 < 2 && (t || 3 > 4) && f</option>
                     <option value="#expression=a%20>%20(c%20%3F%3F%20b)%20%3F%20a%20%3A%20b&a=1&b=2">a > (c ?? b) ? a : b</option>
                     <option value="#expression=map(range(1%2Ccount)%2C%20x%20%3D>%20x%20*%20x)&count=5">map(range(1,count), x => x * x)</option>
+                    <option value="#expression=1.range(count).map(x%20%3D>%20x%20*%20x)&count=5">1.range(count).map(x => x * x)</option>
                     <option value="#expression=%60Hello%2C%20%24%7Bname%7D!%20%24%7Ba%20%3F%20pow(1%2B2%2Ca)%20%3A%20''%7D%60&name='World'&a=3">`Hello, ${name}! ${a ? pow(1+2,a) : ''}`</option>
                     <option value="#expression=keys(%7B%20...a%2C%20c%3A3%2C%20...%7Bd%3A%204%7D%20%7D)&a=%7B%20b%3A%202%20%7D">keys({ ...a, c:3, ...{d: 4} })</option>
                     <option value="#expression=%5B1%2C%20...%5Brange(2%2Cpow(...%5B3%2Ce%5D))%5D%2C%201%5D&e=2">[1, ...[range(2,pow(...[3,e]))], 1]</option>
                     <option value="#expression=%5B3%251%2C%203%261%2C%203%7C1%2C%203%5E1%2C%203<<1%2C%203%20>>%201%2C%20~1%5D&e=2">[3%1, 3&1, 3|1, 3^1, 3<<1, 3 >> 1, ~1]</option>
+                    <option value="#expression=var%20a%3D1%2C%20b%20%3D%201%20%2B%202%2C%20c%2C%20d%3D'A'">var a=1, b = 1 + 2, c, d='A'</option>
                 </select>
             </div>
         </div>
@@ -188,4 +190,4 @@ <h5>Tree</h5>
 </script>
 {{/raw}}
 
-{{ "doc-links" | partial({ order }) }}
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/gist-desktop-apps.html b/wwwroot/docs/gist-desktop-apps.html
new file mode 100644
index 0000000..6d727ba
--- /dev/null
+++ b/wwwroot/docs/gist-desktop-apps.html
@@ -0,0 +1 @@
+{{ httpResult({ status: 301, Location:'/sharp-apps/gist-desktop-apps' }) |> return }}
\ No newline at end of file
diff --git a/wwwroot/docs/hot-reloading.html b/wwwroot/docs/hot-reloading.html
new file mode 100644
index 0000000..3fea3dd
--- /dev/null
+++ b/wwwroot/docs/hot-reloading.html
@@ -0,0 +1,65 @@
+<!--
+title: Hot Reloading
+order: 19
+-->
+
+<p>
+    <em>#Script</em> has a simple, but effective configuration-free hot-reloading feature built-in that's enabled 
+    when registering the <a href="/docs/sharp-pages">SharpPagesFeature</a> plugin:
+</p>
+
+{{ 'gfm/hot-reloading/01.md' |> githubMarkdown }}
+
+<p>
+    It can then be enabled in your website by adding the expression below at the top of your <b>_layout.html</b>:
+</p>
+
+{{ 'gfm/hot-reloading/02.md' |> githubMarkdown }}
+
+<p>
+    This will embed the dependency-free <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/js/hot-loader.js">hot-loader.js</a>
+    script during <a href="https://docs.servicestack.net/debugging#debugmode">development</a> to poll the service endpoint below:
+</p>
+
+<pre class="url"><code>/templates/hotreload/page?path=path/to/page&amp;eTag=lastETagReceived</code></pre>
+
+<p>
+    Which responds with whether or not the client should reload their current page, preserving their current scroll offset.
+</p>
+
+<blockquote>
+    An easy way to temporarily disable hot reloading is to surround the expression with the <em>noop</em> block 
+    <em>{{#raw}}{{#noop}}{{#if debug}} ...{{/noop}}{{/raw}}</em> or if preferred you can just use comments 
+    <em>{{#raw}}{{* #if debug ... *}}{{/raw}}</em> 
+</blockquote>
+
+<h4>When to reload</h4>
+
+<p>
+    Hot Reloading only monitors #Script Pages. You'll need to do a hard refresh with <em>Ctrl+Shift+F5</em> if making changes to 
+    <em>.css</em> or <em>.js</em> to force the browser to not use its cache. For App Code or Configuration changes you'll 
+    need to restart your App to pick up the changes.
+</p>
+
+<h4>Implementation</h4>
+
+<p>
+    The Service is just a wrapper around the <em>ISharpPages.GetLastModified(page)</em> API which returns the 
+    last modified date of the page and any of its dependencies by scanning each expression in the page's AST to 
+    find each referenced partial or included file to find the most recent modified date which it compares against 
+    the eTag provided by the client to determine whether or not any of the pages resources have changed.
+</p>
+
+<p>
+    Since it's just scanning the AST instead of evaluating it, it will only be able to find files and partials that were 
+    statically referenced, i.e. the typical case of using a string literal for the file name as opposed to a dynamically creating it.
+</p>
+
+<h4>Preview</h4>
+
+<p>If enabled and working correctly hot reloading should allow you to view instant UI changes on save:</p>
+
+<a href="https://www.vuedesktop.com"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/vue-desktop/vuedesktop-livereload.gif" alt=""></a>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/html-scripts.html b/wwwroot/docs/html-scripts.html
new file mode 100644
index 0000000..97c7791
--- /dev/null
+++ b/wwwroot/docs/html-scripts.html
@@ -0,0 +1,95 @@
+<!--
+title: HTML Scripts
+order: 12
+-->
+
+<p>
+    HTML-specific methods for use in <b>.html</b> page formats.
+</p>
+
+<h4>htmlDump</h4>
+
+<p>    
+    Generates a HTML <em>&lt;table/&gt;</em> by recursively traversing the public members of a .NET instance object graph.<br>
+    <em>headerStyle</em> can be any <a href="/docs/default-scripts#text-style">Text Style</a>
+</p>
+
+{{ 'live-template' |> partial({ template: `{{ [{FirstName: 'Kurt', Age: 27},{FirstName: 'Jimi', Age: 27}] |> to => rockstars }}
+{{ rockstars |> htmlDump }}
+Uses defaults: {{ rockstars |> htmlDump({ headerTag: 'th', headerStyle: 'splitCase' }) }}` }) }}
+
+<h5>htmlDump customizations</h5>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ [{FirstName: 'Kurt', Age: 27},{FirstName: 'Jimi', Age: 27}] |> to => rockstars }}
+{{ rockstars |> htmlDump({ className: "table table-striped", caption: "Rockstars" }) }}
+{{ [] |> htmlDump({ captionIfEmpty: "No Rockstars"}) }}` }) }}
+
+<h4 id="htmlclass">htmlClass</h4>
+
+<p>
+    Helper method to simplify rendering a <em>class="..."</em> list on HTML elements, it accepts Dictionary of boolean flags, List of strings or string, e.g:
+</p>
+{{ 'live-template' |> partial({ rows:7, template: `{{ 1 |> to => index }}
+Dictionary All: {{ {alt:isOdd(index), active:true} |> htmlClass }}
+Dictionary One: {{ {alt:isEven(index), active:true} |> htmlClass }}
+Dictionary None: {{ {alt:isEven(index), active:false} |> htmlClass }}
+List: All {{ ['nav', !disclaimerAccepted? 'blur':'', isEven(index)? 'alt':''] |> htmlClass }}
+String: {{ 'alt' |> if(isOdd(index)) |> htmlClass }}
+htmlClassList: {{ {alt:isOdd(index), active:true} |> htmlClassList }}` }) }}
+
+<p>
+    Or use <em>htmlClassList</em> if you just want the list of classes.
+</p>
+
+<h4 id="htmlattrs">htmlAttrs</h4>
+
+<p>
+    Helper method to simplify rendering HTML attributes on HTML elements, it accepts a Dictionary of Key/Value Pairs 
+    which will be rendered as HTML attributes. Keys with a boolean value will only render the attribute name if it's true 
+    and htmlAttrs also supports common JS keyword overrides for <em>htmlFor</em> and <em>className</em>, e.g:
+</p>
+{{ 'live-template' |> partial({ rows:4, template: `Normal Key/Value Pairs: <b>{{ {'data-index':1,id:'nav',title:'menu'} |> htmlAttrs }}</b>
+Boolean Values: <b>{{ {selected:true, active:false} |> htmlAttrs }}</b>
+Keyword Names: <b>{{ {for:'txtName', class:'lnk'} |> htmlAttrs }}</b>
+Special Cases: <b>{{ {htmlFor:'txtName', className:'lnk'} |> htmlAttrs }}</b>` }) }}
+
+<h4 id="htmlerror">htmlError</h4>
+
+<p>
+    Renders an Exception into HTML, in <a href="https://docs.servicestack.net/debugging#debugmode">DebugMode</a> this renders a
+    detailed view using the <em>htmlErrorDebug</em> method otherwise it's rendered using <em>htmlErrorMessage</em>.
+</p>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ 'the error' |> throw({ assignError: 'ex' }) }}
+{{ ex |> htmlError }}
+{{ ex |> htmlError({ className: "alert alert-warning" }) }}` }) }}
+
+<h4 id="htmlerrormessage">htmlErrorMessage</h4>
+
+<p>
+    Renders the Exception Message into into HTML using the default class in <em>Args[DefaultErrorClassName]</em>, 
+    overridable with <b>className</b>:
+</p>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ 'the error' |> throw({ assignError: 'ex' }) }}
+{{ ex |> htmlErrorMessage }}
+{{ ex |> htmlErrorMessage({ className: "alert alert-warning" }) }}` }) }}
+
+<h4 id="htmlerrordebug">htmlErrorDebug</h4>
+
+<p>
+    Renders a debug view of the Exception into into HTML using the default class in <em>Args[DefaultErrorClassName]</em>,
+    overridable with <b>className</b>:
+</p>
+
+{{ 'live-template' |> partial({ rows:3, template: `{{ 'the error' |> throw({ assignError: 'ex' }) }}
+{{ ex |> htmlErrorDebug }}
+{{ ex |> htmlErrorDebug({ className: "alert alert-warning" }) }}` }) }}
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=html-scripts">full list of HTML methods available</a>.
+</p>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/installation.html b/wwwroot/docs/installation.html
new file mode 100644
index 0000000..18c0a26
--- /dev/null
+++ b/wwwroot/docs/installation.html
@@ -0,0 +1,181 @@
+<!--
+title: Installation
+order: 1
+-->
+
+<h3>Running Sharp Scripts or creating Sharp Apps</h3>
+
+<p>
+    If you're only looking to run
+    <a href="/docs/sharp-scripts">Sharp Scripts</a> or creating <a href="/docs/sharp-apps">Sharp Apps</a>
+    or <a href="/docs/gist-desktop-apps">Gist Desktop Apps</a> then you'll only need to install the 
+    <a href="https://docs.servicestack.net/dotnet-tool">x</a> or <a href="https://docs.servicestack.net/netcore-windows-desktop">app</a> dotnet tools.
+</p>
+
+<h4>Cross-platform command-line tool for Windows, macOS and Linux</h4>
+
+<pre>$ dotnet tool install -g x</pre>
+
+<h4>Windows 64bit in Chromium Desktop App</h4>
+
+<pre>$ dotnet tool install -g app</pre>
+
+<h4>Update to latest versions</h4>
+
+<p>
+    If you already have the tools installed, upgrade them to the latest version with:
+</p>
+
+<pre>$ dotnet tool update -g x
+$ dotnet tool update -g app</pre>
+
+<h3>Using <em>#Script</em> within .NET or .NET Core Apps</h3>
+
+<p>
+    <em>#Script</em> is available for <b>.NET Core</b> or <b>.NET v4.5+</b> Framework projects from the <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a> NuGet Package:
+</p>
+
+<pre><code>PM> Install-Package ServiceStack.Common</code></pre>
+
+<p>
+    It's also available for <a href="https://docs.servicestack.net/templates-corefx">ASP.NET Core Apps on the .NET Framework</a> by installing:
+</p>
+
+<pre><code>PM> Install-Package ServiceStack.Common.Core</code></pre>
+
+<p>
+    You're now all set to have fun with #Script! Start by evaluating a script:
+</p>
+
+{{ 'gfm/installation/01.md' |> githubMarkdown }}
+
+{{ "live-template" |> partial({ template: "The time is now: {{ now |> dateFormat('HH:mm:ss') }}" }) }}
+
+<h4>Configure with ServiceStack</h4>
+
+<p>
+    To utilize <a href="/docs/sharp-pages">#Script Pages in ServiceStack</a>, 
+    register the <em>SharpPagesFeature</em> plugin:
+</p>
+
+{{ 'gfm/installation/02.md' |> githubMarkdown }}
+
+<h2 id="starter-projects">Starter Project Templates</h2>
+
+<p>
+    The Starter Projects below provide a quick way to get started with a pre-configured ServiceStack App with #Script Pages:
+</p>
+
+<h4>.NET Core #Script Pages Project</h4>
+
+<p>
+    Create a new <a href="https://github.com/NetCoreTemplates/templates">#Script Pages Website</a> .NET 5.0 App with 
+    <a href="https://docs.servicestack.net/web-new">x new</a>:
+</p>
+
+<div class="gfm">
+<pre>$ dotnet tool install --global x 
+
+$ x new script ProjectName</pre></div>
+    
+<a href="https://github.com/NetCoreTemplates/templates">
+<img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/script.png" alt=".NET Core Starter Template"></a>
+
+<h4>ASP.NET Core #Script Pages Project on .NET Framework</h4>
+
+<p>
+    To create <a href="https://docs.servicestack.net/templates-corefx">ASP.NET Core Project on the .NET Framework</a>:
+</p>
+
+<div class="gfm">
+<pre>$ x new script-corefx ProjectName</pre></div>
+    
+<h4>ASP.NET v4.5 #Script Pages Project</h4>
+
+<p>
+    For ASP.NET v4.5+ projects create a new <b>ServiceStack ASP.NET #Script Pages with Bootstrap</b> from the VS.NET Templates in
+    <a href="https://docs.servicestack.net/templates-overview#servicestackvs-vsnet-extension">ServiceStackVS VS.NET Extension</a>
+    to create an ASP.NET v4.5 Project using
+    <a href="https://docs.servicestack.net/create-your-first-webservice#step-4-exploring-the-servicestack-solution">ServiceStack's recommended project structure</a>:    
+</p>
+
+<p>
+    <a href="https://github.com/ServiceStack/ServiceStackVS">
+        <img src="/assets/img/screenshots/ssvs-bootstrap.png" alt="ASP.NET v4.5 Starter Template">
+    </a>
+</p>
+
+<h2 id="webapp-templates">SharpApp Project Templates</h2>
+
+<p>
+    <a href="/docs/sharp-apps">Sharp Apps</a> is our revolutionary new approach to dramatically simplify .NET Wep App development by using ServiceStack 
+    Templates to build entire Websites in a live real-time development workflow without any C# and requiring no development environment, 
+    IDE’s or build tools - dramatically reducing the cognitive overhead and conceptual knowledge required for developing .NET Core Websites in 
+    a powerful dynamic templating language that's simple, safe and intuitive enough that Web Designers and Content Authors can use. 
+</p>
+
+<h4 id="init">Init Sharp App</h4>
+
+<p>
+    The easiest way to create an empty Sharp App is to run <em>app init</em> from an Empty App Directory:
+</p>
+
+<pre class="sh"><code>$ md Acme && cd Acme && web init</code></pre>
+
+<p>
+    Which will create an empty Sharp App as seen in the <a href="/docs/sharp-apps#spirals">Spirals video</a>:
+</p>
+
+<img src="/assets/img/screenshots/app-init.png" alt="">
+
+
+<h4 id="bare-app">Bare SharpApp</h4>
+
+<p>
+    To start with a simple and minimal website, create a new <a href="https://github.com/NetCoreTemplates/bare-app">bare-app</a> project template:
+</p>
+
+<a href="https://github.com/NetCoreTemplates/bare-app"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/bare-app.png" alt=""></a>
+
+<pre class="sh"><code>$ x new bare-app ProjectName</code></pre>
+
+<p>
+    This creates a multi-page Bootstrap Website with Menu navigation that's ideal for content-heavy Websites.
+</p>
+
+<h3 id="parcel-app">Parcel SharpApp</a></h3>
+
+<p>
+    For more sophisticated JavaScript Sharp Apps we recommended starting with the 
+    <a href="https://github.com/NetCoreTemplates/parcel-app">parcel-app</a> project template:
+</p>
+
+<a href="https://github.com/NetCoreTemplates/parcel-app"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/parcel-app.png" alt=""></a>
+
+<pre class="sh"><code>$ x new parcel-app ProjectName</code></pre>
+
+<p>
+    This provides a simple and powerful starting template for developing modern JavaScript .NET Core Sharp Apps utilizing the 
+    zero-configuration <a href="https://parceljs.org">Parcel</a> bundler to enable a rapid development workflow with access to 
+    best-of-class web technologies like TypeScript that's managed by pre-configured
+    <a href="https://github.com/NetCoreTemplates/parcel-app#client">npm scripts</a> to handle its entire dev workflow.
+</p>
+
+<h3 id="webapp-examples">SharpApp Examples</h3>
+
+<p>
+    View our Example Sharp Apps to explore different features and see examples of how easy it is to create with Sharp Apps:
+</p>
+
+<ul>
+    <li><a href="/docs/sharp-apps#about-bare-app">About Bare SharpApp</a> - Simple Content Website with Menu navigation</li>
+    <li><a href="/docs/sharp-apps#about-parcel-app">About Parcel SharpApp</a> - Simple Integrated Parcel SPA Website utilizing TypeScript</li>
+    <li><a href="/docs/sharp-apps#redis-html">Redis HTML</a> - A Redis Admin Viewer developed as server-generated HTML Website</li>
+    <li><a href="/docs/sharp-apps#redis-vue">Redis Vue</a> - A Redis Admin Viewer developed as Vue Client Single Page App</li>
+    <li><a href="/docs/sharp-apps#rockwind">Rockwind</a> - Combination of mult-layout Rockstars website + data-driven Nortwhind Browser</li>
+    <li><a href="/docs/sharp-apps#plugins">Plugins</a> - Extend Sharp Apps with Plugins, Filters, ServiceStack Services and other C# extensions</li>
+    <li><a href="/docs/sharp-apps#chat">Chat</a> - Highly extensible App with custom AppHost that leverages OAuth + Server Events for real-time Chat</li>
+    <li><a href="/docs/sharp-apps#blog">Blog</a> - A minimal, multi-user Twitter OAuth blogging platform that can create living, powerful pages</li>
+</ul>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/introduction.html b/wwwroot/docs/introduction.html
new file mode 100644
index 0000000..2cbbcf9
--- /dev/null
+++ b/wwwroot/docs/introduction.html
@@ -0,0 +1,383 @@
+<!--
+title: Introduction
+order: 2
+-->
+
+<p>
+    <em>#Script</em> is a simple and elegant, <a href="/docs/methods">highly-extensible</a>, <a href="/docs/sandbox">sandboxed</a>, 
+    high-performance <a href="/docs/page-formats">general-purpose</a>, <b>embeddable</b> scripting language for .NET Core and .NET Framework. 
+    It's designed from the ground-up to be incrementally adoptable where its basic usage is simple enough 
+    for non-technical users to use whilst it progressively enables access to more power and functionality allowing it to scale up to 
+    support full server-rendering Web Server workloads and beyond. Its high-fidelity with JavaScript syntax allows it to use a common
+    language for seamlessly integrating with client-side JavaScript Single Page App frameworks where its syntax is designed to be 
+    compatible with <a href="https://vuejs.org/v2/guide/syntax.html#Filters">Vue filters</a>.
+</p>
+
+<h3 id="embed">Executing #Script in .NET</h3>
+
+<p>
+    To render the pages we first create and initialize a <em>ScriptContext</em>
+</p>
+
+{{ 'gfm/introduction/01.md' |> githubMarkdown }}
+
+<p>
+    The ScriptContext is the sandbox where all scripts are executed within, everything your script has access to and generates 
+    is maintained within the ScriptContext. Once initialize you can start using it to evaluate scripts which you can do with:
+</p>
+
+{{ 'gfm/introduction/02.md' |> githubMarkdown }}
+
+<p>
+    Scripts only have access to script methods, blocks and arguments defined within its Context, which for an empty Context are
+    the comprehensive suite of safe <a href="/docs/default-scripts">Default Scripts</a> and <a href="/docs/html-scripts">HTML Scripts</a>.
+</p>
+
+
+<h5 id="rendering-pages">Rendering Script Pages</h5>
+
+<p>
+    Behind the scenes this creates a dynamic page with your Script and uses the <em>PageResult</em> to render it to a string:
+</p>
+
+{{ 'gfm/introduction/09.md' |> githubMarkdown }}
+
+<h4 id="evaluate-return-values">Evaluating Scripts with return values</h4>
+
+<p>
+    Sharp Scripts can be used to either render text as above, they can also have return values with the <em>return</em> method
+    which can be accessed using the <em>Evaluate()</em> API:
+</p>
+
+{{ 'gfm/introduction/10.md' |> githubMarkdown }}
+
+
+<h3 id="net-usage">Usage in .NET</h3>
+
+<p>
+    To evaluate <em>#Script</em> in .NET you'll first create the <em>ScriptContext</em> containing all functionality and features 
+    your Scripts have access to:
+</p>
+
+{{ "net-usage" |> partial }}
+
+<h3>Scripting .NET Types</h3>
+
+<p>
+    To find out how to enable unrestricted access to existing .NET Types see <a href="/docs/script-net">Scripting .NET Types</a>.
+</p>
+
+<h4>Autowired using ScriptContext IOC</h4>
+
+<p>
+    <em>ScanTypes</em> is useful for Autowiring instances of scripts created using ScriptContext's configured IOC 
+    where they're also injected with any registered IOC dependencies and can be used to autowire 
+    <a href="/docs/methods">ScriptMethods</a>, 
+    <a href="/docs/blocks">ScriptBlocks</a>  and 
+    <a href="/docs/code-pages">Code Pages</a>:
+</p>
+
+{{ 'gfm/methods/07.md' |> githubMarkdown }}
+
+<p>
+    When the <em>ScriptContext</em> is initialized it will go through each Type and create an autowired instance of each Type
+    and register them in the <em>ScriptMethods</em>, <em>ScriptBlocks</em> and <em>CodePages</em> collections. 
+</p>
+
+<p> 
+    An alternative to registering a single Type is to register an entire Assembly, e.g:    
+</p>
+
+{{ 'gfm/methods/08.md' |> githubMarkdown }}
+
+<p>
+    Where it will search each Type in the Assembly for Script Methods and automatically register them.
+</p>
+
+<h4>Multi page Scripts</h4>
+
+{{ "live-pages" |> partial(
+    {
+        page: 'page', 
+        files: 
+        { 
+            '_layout.html': 'I am the Layout: <b>{{ page }}</b>',   
+            'page.html' : 'I am the Page' 
+        } 
+    }) 
+}}
+
+
+<p>
+    Typically you'll want to use #Script to render entire pages which are sourced from its configured
+    <a href="https://docs.servicestack.net/virtual-file-system">Virtual File System</a> which uses an In Memory Virtual 
+    File System by default that we can programmatically populate:
+</p>
+
+{{ 'gfm/introduction/03.md' |> githubMarkdown }}
+    
+<p>
+    Pages are rendered using a <em>PageResult</em> essentially a rendering context that needs to be provided the Page to render:
+</p>
+
+{{ 'gfm/introduction/04.md' |> githubMarkdown }}
+
+<p>
+    The script page output can then be asynchronously rendered to any Stream:
+</p>
+
+{{ 'gfm/introduction/05.md' |> githubMarkdown }}
+
+<p>
+    Or to access the output as a string you can use the convenience extension method:
+</p>
+
+{{ 'gfm/introduction/06.md' |> githubMarkdown }}
+
+<p>
+    All I/O within #Script is non-blocking, but if you're evaluating an adhoc script or using the default In Memory Virtual FileSystem 
+    there's no I/O so you can safely block to get the generated output with:
+</p>
+
+{{ 'gfm/introduction/07.md' |> githubMarkdown }}
+
+<p>
+    Both APIs returns the result you see in the Live Example above.
+</p>
+    
+<h4 id="cascading-resolution">Cascading Resolution</h4>
+
+<p>
+    There's no forced special centralized folders like <em>/Views</em> or <em>/Views/Shared</em> required to store layouts or share partials or 
+    artificial "Areas" concept to isolate website sections. Different websites or sections are intuitively grouped into different 
+    folders and #Script automatically resolves the closest layout it finds for each page. Cascading resolution also applies to 
+    including files or partial pages where you can use just its name to resolve the closest one, or an absolute path from the 
+    <em>WebRootPath</em> to include a specific partial or file from a different folder.
+</p>
+
+<h3 id="instant-startup">Instant Startup</h3>
+
+<p>
+    There's no pre-compilation, pre-loading or Startup penalty, all Pages are lazily loaded on first use and cached for fast subsequent
+    evaluation. Its instant Startup, fast runtime performance and sandboxed isolation opens it up to a myriad of new use-cases which
+    can enhance .NET Apps with a rich Live programming experience.
+</p>
+
+<h3 id="fast-runtime-performance">Fast Runtime Performance</h3>
+
+<p>
+    <em>#Script</em> is fast, parsing is done using StringSegment for minimal GC pressure, all I/O is non-blocking inc. async
+    writes to OutputStream's. There's no buffering: Layouts, Pages and Partials are asynchronously written to a forward only stream.
+    There's no runtime reflection, each filter or binding within #Script expressions executes compiled and cached C# Expressions.
+</p>
+
+<h3>Pure, Functional and Reactive</h3>
+
+<p>
+    <em>#Script</em> is pure at both the library-level where they're a clean library with no external dependencies outside
+    <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a>, no coupling to web frameworks, external configuration files,
+    designer tooling, build tools, pre-compilation steps or require any special deployment requirements.
+    It binds to simple, clean, small interfaces for its
+    <a href="https://docs.servicestack.net/virtual-file-system">Virtual File System</a>,
+    <a href="https://docs.servicestack.net/ioc">IOC</a> and
+    <a href="https://docs.servicestack.net/appsettings">AppSettings</a> providers which are easily overridden to
+    <a href="/docs/view-engine#view-engine-in-servicestack">integrate cleanly into external web frameworks</a>.
+</p>
+
+<p>
+    It's also pure at the code-level where it doesn't have any coupling to concrete dependencies, components or static classes. Default script methods
+    don't mutate any external state and return an expression. This forces a more readable and declarative
+    programming-style, one where it is easier to quickly determine the subject of expressions and the states that need to be met for methods to be executed.
+    Conceptually scripts are "evaluated" in that they take in arguments, methods and script pages as inputs and evaluates them to an output stream.
+    They're highly testable by design where the same environment used to create the context can easily be re-created in Unit tests,
+    including simulating pages in a File System using its In Memory Virtual File System.
+</p>
+
+<h3 id="optimal-dev">Optimal Development Experience</h3>
+
+<p>
+    The above attributes enables an instant iterative development workflow with a Live Development experience that supports
+    configuration-free <a href="/docs/hot-reloading">Hot Reloading</a> out of the box that lets you build entire
+    <a href="/usecases/content-websites">Web Apps</a> and <a href="/docs/sharp-apis">Web APIs</a> without ever having to compile or manually Refresh pages.
+</p>
+
+<h3 id="simplicity-end-to-end">Simplicity end-to-end</h3>
+
+<p>
+    There are 3 main concepts in <em>#Script</em>: <a href="/docs/arguments">Arguments</a> - variables which can be made available
+    through a number of cascading sources, <a href="/docs/blocks">Script Blocks</a> which define the statements available and
+    <a href="/docs/methods">Script Methods</a> - public C# methods that exist in the list of
+    <em>ScriptMethods</em> registered in the PageResult or ScriptContext that scripts are executed within.
+</p>
+
+<p>
+    Layouts, Pages and Partials are all just "pages", evaluated in the same way with access to arguments and filters. Parameters passed
+    to partials are just scoped arguments, accessed like any other arguments. Typically pages are sourced from the configured
+    File System but when access to more advanced functionality is required they can also be <a href="/docs/code-pages">Code Pages</a> implemented
+    in pure C# that are otherwise interchangeable and can be used anywhere a normal page is requested.
+</p>
+
+<p>
+    There's no language constructs or reserved words in <em>#Script</em> itself, all functionality is implemented inside script methods.
+    There's also nothing special about the <a href="/docs/default-scripts">Default Scripts</a> included with #Script
+    other than they're pre-registered by default. External script methods can do anything built-in methods can do which can just
+    as easily be <a href="/docs/methods#shadowing">shadowed or removed</a> giving you a clean slate where you're free to define your own
+    language and preferred language naming scheme.
+</p>
+
+<p>
+    They're non-invasive, by default <a href="/docs/sharp-pages">#Script Pages</a> is configured to handle
+    <em>.html</em> files but can be configured to handle any html extension or <a href="/docs/page-formats">text file format</a>.
+    When a page doesn't contain any #Script Expressions it's contents are returned as-is, making it easy to adopt in existing
+    static websites.
+</p>
+
+<p>
+    <em>#Script</em> scripts are <a href="/docs/sandbox">sandboxed</a>, they can't call static or instance methods, invoke setters or access anything
+    outside of the arguments, methods and blocks made available to them. Without methods or blocks, expressions wouldn't have any methods
+    they can call, leaving them with the only thing they can do which is access arguments and replace their variable placeholders,
+    including the <em>{{ pass: page }}</em> placeholder to tell the Layout where to render the page.
+</p>
+
+<h3 id="declarative">High-level, Declarative and Intent-based</h3>
+
+<p>
+    High-level APIs are usually synonymous with being slow by virtue of paying a penalty for their high-level abstraction,
+    but in the domain of I/O and Streams such-as rendering text to Streams they make it trivial to compose high-level functionality
+    that's implemented more efficiently than would be typically written in C# / ASP.NET MVC Apps.
+</p>
+
+<p>
+    As an example let's analyze the script below:
+</p>
+
+{{ 'gfm/introduction/08.md' |> githubMarkdown }}
+
+<p>
+    The intent of <em>#Script</em> code should be clear even if it's the first time reading it. From left-to-right we can deduce that it
+     retrieves a url from the quote table, downloads its contents of and converts it to markdown before replacing the text "Razor" and
+     "2010" and displaying the <em>raw</em> non-HTML encoded html output. 
+</p>
+
+<h5>Implementation using ASP.NET MVC</h5>
+<p>
+    In MVC the typical and easiest approach would be to create a an MVC Controller Action, use EF to make a sync call to access the database,
+    a sync call with a new HTTP Client to download the content which is buffered inside the Controller action before returned inside a View Model
+    that is handed off to MVC to execute the View inside the default Layout.
+</p>
+
+<h5>Implementation using #Script</h5>
+<p>
+    What does <em>#Script</em> do? lets step through the first filter:
+</p>
+
+{{ "live-template" |> partial({ output:'no-scroll', rows:1, template: "{{ 'select url from quote where id= @id' |> dbScalar({ id:1 }) |> htmlLink }}" }) }}
+
+<p>
+    What filter implementation gets called depends on which <a href="/docs/db-scripts">DB Scripts</a> is registered, if your RDBMS supports ADO.NET's 
+    async API you can register 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs">DbScriptsAsync</a>
+    to execute all queries asynchronously, otherwise if using an RDBMS whose ADO.NET Provider doesn't support async you can register the
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs">DbScripts</a>
+    to execute each DB request synchronously without paying for any <i>pseudo-async</i> overhead, in each case the exact same code executes
+    the most optimal ADO.NET APIs. #Script also benefits from using the much faster 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a> and also saves on the abstraction cost from generating a 
+    parameterized SQL Statement from a Typed Expression-based API.    
+</p>
+
+<h5>Arguments chain</h5>
+<p>
+    The next question becomes what is <em>id</em> bound to? Similar to JavaScript's prototype chain it resolves the closest 
+    argument in its <a href="/docs/arguments">Arguments hierarchy</a>, e.g. when evaluated as a view page it could be set 
+    by arguments in [paged based routes](/docs/sharp-pages#page-based-routing) or when the same page is evaluated as a 
+    partial it could be set from the scoped arguments it was called with.
+</p>
+
+<h5>Async I/O</h5>
+<p>
+    The url returned from the db is then passed to the <em>urlContents</em> filter which if it was the last filter in the expression
+    avoids any buffering by asynchronously streaming the url content stream directly to the forward-only HTTP Response Stream:
+</p>
+
+<pre class="cs"><code>{{ pass: url |> urlContents }}</code></pre>
+
+<p>
+    <em>urlContents</em> is a <a href="/docs/methods#block-methods">Block Method</a> which instead of returning a value writes its 
+    response to the OutputStream it's given. But then how could we convert it to Markdown if it's already written to the Response Stream?
+    #Script analyzes the Expression's AST to determine if there's any filters remaining, if there is it gives the <em>urlContents</em> 
+    Block filter a <em>MemoryStream</em> to write to, then forwards its buffered output to the next filter. Since they don't return values, 
+    the only thing that can come after a Block Filter are other Block filters or <a href="/docs/transformers">Stream Transformers</a>. 
+    <em>markdown</em> is one such <a href="/docs/transformers#filter-transformers">Filter Transformer</a> which takes in a stream of Markdown 
+    and returns a Stream of HTML.
+</p>
+
+<pre class="cs"><code>{{ pass: url |> urlContents |> markdown }}</code></pre>
+
+<h5>Same intent, different implementations</h5>
+<p>
+    The <em>assignTo</em> filter is used to set a value in the current scope. After Block Filters, a different <em>assignTo</em> Block Filter
+    is used with the same name and purpose but a different implementation that reads all the contents of the stream into a UTF-8 string
+    and sets a value in the current scope before returning an empty Stream so nothing is written to the Response. 
+</p>
+
+<pre class="cs"><code>{{ pass: url |> urlContents |> markdown |> to => quote }}</code></pre>
+
+<p>
+    Once the streamed output is captured and assigned it goes back into becoming a normal argument that opens it up to be 
+    able to use all filters again, which is how we're able to use the string <em>replace</em> filters before rendering the final result :)
+</p>
+
+<h4><a href="/examples/qotd?id=1">/examples/qotd?id=1</a></h4>
+
+<h5>Using the most efficient implementation allowable</h5>
+<p>
+    So whilst it conceptually looks like each filter is transforming large buffered strings inside every filter, the expression is 
+    inspected to utilize the most efficient implementation allowable. At the same time filters are not statically bound to 
+    any implementation so you could for instance <a href="/docs/methods#registering-methods">insert a Custom Filter</a> before the Default 
+    Filters containing the same name and arguments count to have #Script execute your custom script methods instead, all whilst the  
+    script source code and intent remains untouched.
+</p>
+
+<h5>Intent-based code is easier to augment</h5>
+<p>
+    If it was later discovered that some URLs were slow or rate-limited and you needed to introduce caching, your original C# code
+    would require a fair amount of rework, in #Script you can simply add <em>WithCache</em> to call the
+    <a href="/docs/protected-scripts#includeurlwithcache">urlContentsWithCache</a> filter to return locally cached contents 
+    on subsequent requests.
+</p>
+
+<pre class="cs"><code>{{ pass: url |> urlContentsWithCache |> markdown }}</code></pre>
+
+<h4>Simplified Language</h4>
+
+<p>
+    As there's very little ceremony in #Script, a chain of filters looks like it's using its own DSL to accomplish each task and
+    given <a href="/docs/methods#registering-methods">implementing and registering custom filters </a> is trivial you're 
+    encouraged to write the intent of your code first then implement any filters that are missing to realize its intent. Once 
+    you've captured the intent of what you want to do, it's less likely to ever need to change, focus is instead on 
+    fixing any bugs and making the filter implementations as efficient as possible, which benefits all existing code using the same filter.
+</p>
+
+<p>    
+    To improve readability and make it more approachable, #Script aims to normalize the mechanics of the underlying implementation from 
+    the code's intent so you can use the same syntax to access an argument, e.g. <em>{{ pass: arg }}</em> as you would a filter without 
+    arguments  <em>{{ pass: now }}</em> and just like JavaScript you can use <em>obj.Property</em> syntax to access both a public property 
+    on a Type or an entry in a Dictionary.
+</p>
+
+<h3 id="late-bound">Late-bound flexibility</h3>
+
+<p>
+    There's no static coupling to concrete classes, static methods or other filters, ambiguous method exceptions or namespace collisions. 
+    Each filter is self-contained and can easily be shared and dropped into any Web App by 
+    <a href="/docs/methods#registering-methods">registering them in a list</a>. Inspired by the power and 
+    <a href="http://mythz.servicestack.net">flexibility in Smalltalk and LISP</a>, filters are late-bound at run-time to the first matching filter 
+    in the user-defined list of <em>ScriptMethods</em>. This ability to shadow filters enables high-level intent-based APIs decoupled from implementations which 
+    <a href="/docs/servicestack-scripts#sendToAutoQuery-rdbms">sendToAutoQuery</a> leverages to automatically route filter invocations to 
+    the appropriate implementation depending of if it's an <a href="https://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> or an 
+    <a href="https://docs.servicestack.net/autoquery-data">AutoQuery Data</a> request, masking their implementations as a transparent detail. 
+    This flexibility also makes it easy create proxies, intercept and inject behavior like logging or profiling without modifying existing 
+    script method implementations or script source code.
+</p>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/methods.html b/wwwroot/docs/methods.html
new file mode 100644
index 0000000..6cd4518
--- /dev/null
+++ b/wwwroot/docs/methods.html
@@ -0,0 +1,214 @@
+<!--
+title: Script Methods
+order: 6
+-->
+
+<p>
+    <em>#Script</em> scripts are sandboxed, they can't call methods on objects nor do they have any access to any static functions built into the .NET Framework,
+    so just as Arguments define all data and objects available, script methods define all functionality available to scripts.     
+</p>
+
+<p>
+    The only methods registered by default are the <a href="/docs/default-scripts">Default Scripts</a>
+    containing a comprehensive suite of scripts useful within <a href="/docs/sharp-pages">#Script Pages</a> or custom Scripting environments and 
+    <a href="/docs/html-scripts">HTML Scripts</a>. 
+    There's nothing special about these script methods other than they're pre-registered by default, your scripts have access to the same 
+    APIs and functionality and can do anything that built-in scripts can do. 
+</p>
+
+<h4>What are Script Methods?</h4>
+
+<p>
+    Script methods are just C# public instance methods from a class that inherits from <em>ScriptMethods</em>, e.g:
+</p>
+
+{{ 'gfm/methods/03.md' |> githubMarkdown }}
+
+<h4 id="registering-methods">Registering Methods</h4>
+
+<p>
+    The examples below show the number of different ways scripts can be registered:
+</p>
+
+<h5>Add them to the ScriptContext.ScriptMethods</h5>
+
+<p>
+    Methods can be registered by adding them to the <em>context.ScriptMethods</em> collection directly:
+</p>
+
+{{ 'gfm/methods/04.md' |> githubMarkdown }}
+
+<p>That can now be called with:</p>
+
+{{ 'gfm/methods/05.md' |> githubMarkdown }}
+
+<p>
+    This also shows that Scripts are initialized and have access to the <em>ScriptContext</em> through the <em>Context</em> property.
+</p>
+
+<h5>Add them to PageResult.ScriptMethods</h5>
+
+<p>
+    If you only want to use a custom script in a single Page, it can be registered on the <em>PageResult</em> that renders it instead:
+</p>
+
+{{ 'gfm/methods/06.md' |> githubMarkdown }}
+
+<h5>Autowired using ScriptContext IOC</h5>
+
+<p>
+    Autowired instances of scripts can also be created using ScriptContext's configured IOC where they're 
+    also injected with any registered IOC dependencies. To utilize this you need to specify the Type of the ScriptMethods that 
+    should be Autowired by either adding it to the <em>ScanTypes</em> collection:
+</p>
+
+{{ 'gfm/methods/07.md' |> githubMarkdown }}
+
+<p>
+    When the <em>ScriptContext</em> is initialized it will go through each Type and create an autowired instance of each Type
+    and register them in the <em>ScriptMethods</em> collection. An alternative to registering a single Type is to register 
+    an entire Assembly, e.g:
+</p>
+
+{{ 'gfm/methods/08.md' |> githubMarkdown }}
+
+<p>
+    Where it will search each Type in the Assembly for Script Methods and automatically register them.
+</p>
+
+<h3>Method Resolution</h3>
+
+<p>
+    #Script will use the first matching method with the same name and argument count it can find by searching through all 
+    registered methods in the <em>ScriptMethods</em> collection, so you could override default methods with the same name by 
+    inserting your ScriptMethods as the first item in the collection, e.g:
+</p>
+
+<h5 id="shadowing">Shadowing Methods</h5>
+
+{{ 'gfm/methods/09.md' |> githubMarkdown }}
+
+<h3>Delegate Arguments</h3>
+
+<p>
+    In addition to Script Methods, <em>#Script</em> also lets you call delegates registered as arguments:
+</p>
+
+{{ 'gfm/script-net/01.md' |> githubMarkdown }}
+
+<p>
+    Which just like <a href="/docs/blocks#function">user-defined functions</a> and other Script Methods can be called positionally or as an
+    <a href="/docs/syntax#extension-methods">extension method</a>:
+</p>
+
+<pre><code>fn(1,2)
+1.fn(2)</code></pre>
+
+<h4 id="removing">Removing Default Scripts</h4>
+
+<p>
+    Or if you want to start from a clean slate, the default scripts can be removed by clearing the collection:
+</p>
+
+{{ 'gfm/methods/02.md' |> githubMarkdown }}
+
+
+<h4>Auto coercion into Method argument Types</h4>
+
+<p>
+    A unique feature of script methods is that each of their arguments are automatically coerced into the script method argument Type using the 
+    powerful conversion facilities built into ServiceStack's 
+    <a href="https://docs.servicestack.net/auto-mapping">Auto Mapping Utils</a> and 
+    <a href="https://github.com/ServiceStack/ServiceStack.Text">Text Serializers</a> which can deserialize most of .NET's primitive Types like 
+    <em>DateTime</em>, <em>TimeSpan</em>, <em>Enums</em>, etc in/out of strings as well being able to convert a Collection into other Collection 
+    Types and any Numeric Type into any other Numeric Type which is how, despite only accepting doubles: 
+</p>
+
+{{ 'gfm/methods/10.md' |> githubMarkdown }}
+
+<p>
+    <em>squared</em> can also be used with any other .NET Numeric Type, e.g: <em>byte</em>, <em>int</em>, <em>long</em>, <em>decimal</em>, etc.
+    The consequence to this is that there's no method overloading in script methods which are matched based on their name and their number of arguments
+    and each argument is automatically converted into its script method Param Type before it's called.
+</p>
+
+<h4>Context Script Methods</h4>
+
+<p>
+    Script Methods can also get access to the current scope by defining a <em>ScriptScopeContext</em> as it's first parameter which 
+    can be used to access arguments in the current scope or add new ones as done by the <em>assignTo</em> method:
+</p>
+
+{{ 'gfm/methods/11.md' |> githubMarkdown }}
+
+<h4 id="block-methods">Block Methods</h4>
+
+<p>
+    Script Methods can also write directly into the OutputStream instead of being forced to return buffered output. A Block Method
+    is declared by its <em>Task</em> return Type where instead of returning a value it instead writes directly to the 
+    <em>ScriptScopeContext</em> OutputStream as seem with the implementation of the <em>includeFile</em> protected scripts:
+</p>
+
+{{ 'gfm/methods/12.md' |> githubMarkdown }}
+
+<blockquote>
+    For maximum performance all default script methods which perform any I/O use Block Methods to write directly to the OutputStream 
+    and avoid any blocking I/O or buffering. 
+</blockquote>
+
+<h4>Block Methods ends the template expression</h4>
+
+<p>
+    Block methods effectively end the filter chain expression since they don't return any value that can be injected into 
+    a normal method. The only thing that can come after a Block Method are other Block Methods or Filter Transformers. 
+    If any are defined, the output of the Block Method is buffered into a <em>MemoryStream</em> and passed into
+    the next Block Method or Filter Transformer in the chain, its output is then passed into the next one in the chain if any, 
+    otherwise the last output is written to the OutputStream.
+</p>
+
+<p>
+    An example of using a Block method with a Filter Transformer is when you want include a markdown document and then 
+    convert it to HTML using the <b>markdown</b> Filter Transformer before writing its HTML output to the OutputStream:
+</p>
+
+<pre class="cs"><code>{{ pass: 'doc.md' |> includeFile |> markdown }}</code></pre>
+
+<h4>Capture Block Method Output</h4>
+
+<p>
+    You can also capture the output of a Block Method and assign it to a normal argument by using the <em>assignTo</em> Block Method:
+</p>
+
+<pre class="cs"><code>{{ pass: 'doc.md' |> includeFile |> to => contents }}</code></pre>
+
+<h4 id="async">Async support</h4>
+
+{{ 'gfm/methods/13.md' |> githubMarkdown }}
+
+<h4>Implementing Method Exceptions</h4>
+
+<p>
+    In order for your own Method Exceptions to participate in the above Script Error Handling they'll need to be wrapped in an
+    <em>StopFilterExecutionException</em> including both the Script's <em>scope</em> and an optional <b>options</b> object 
+    which is used to check if the <em>assignError</em> binding was provided so it can automatically populate it with the Exception.
+</p>
+
+<p>
+    The easiest way to Implement Exception handling in methods is to call a managed function which catches all Exceptions and 
+    throws them in a <em>StopFilterExecutionException</em> as seen in OrmLite's 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs">DbScripts</a>:
+</p>
+
+{{ 'gfm/error-handling/03.md' |> githubMarkdown }}
+
+<p>
+    The overloads are so the methods can be called without specifying any method options.
+</p>
+
+<p>
+    For more examples of different error handling features and strategies checkout:
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/tests/ServiceStack.WebHost.Endpoints.Tests/ScriptTests/ErrorHandlingTests.cs">ErrorHandlingTests.cs</a>
+</p>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/model-view-controller.html b/wwwroot/docs/model-view-controller.html
new file mode 100644
index 0000000..621a3f2
--- /dev/null
+++ b/wwwroot/docs/model-view-controller.html
@@ -0,0 +1,62 @@
+<!--
+title: Model View Controller
+order: 25
+-->
+
+<p>
+    Simplicity is a driving goal behind the design of #Script where in its simplest form it's usable by non-programmers who just
+    know HTML as they're able to embed dynamic content in their HTML pages using intuitive Mustache syntax and with the 
+    intuitive way in how <a href="/docs/sharp-pages">#Script Pages</a> works they're able to develop entire content-heavy websites 
+    without needing to write any code.
+</p>
+
+<p>
+    As requirements become more demanding you can use progressively advanced features to enable greater flexibility and 
+    functionality whilst still retaining using scripts to generate the HTML view with access to existing layouts and partials.
+</p>
+
+<p>
+    The first option to enable functionality is to reuse the rich functionality available in Services to populate the data
+    required by your view. To do this in ServiceStack add a reference to the <em>ISharpPages</em> dependency which was registered 
+    by <em>ScriptContext</em>, then return a <em>PageResult</em> containing the <em>.html</em> page you want to 
+    render as well as any additional arguments you want available in the page:    
+</p>
+
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/CustomerServices.cs">CustomerServices.cs</a></h4>
+
+{{ 'gfm/model-view-controller/01.md' |> githubMarkdown }}
+
+<p>
+    The above can Service can also be made slightly shorter by using the <em>Request.GetPage()</em> extension method, e.g:
+</p>
+
+{{ 'gfm/model-view-controller/02.md' |> githubMarkdown }}
+
+<h4 id="model-property">Model PageResult Property</h4>
+
+<p>
+    The <em>Model</em> property is a special argument that automatically registers all its <b>public properties</b> as arguments 
+    as well as registering itself in the <b>model</b> argument, this lets views reference model properties directly like
+    <em>{{ pass: CustomerId }}</em> instead of the more verbose <em>{{ pass: model.CustomerId }}</em> as used in:
+</p>
+
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/examples/customer.html">examples/customer.html</a></h4>
+
+{{ 'gfm/model-view-controller/03.md' |> githubMarkdown }}
+
+<p>
+    Now that we have the Service handling the Request and populating the Model for our page we can use it to view each Customer
+    in a nice detail page:
+</p>
+
+<div class="linq-preview">
+    <div class="template">
+        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" 
+            rows="4">{{ "examples/select-customers.txt" |> includeFile }}</textarea>
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div> 
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/mvc-netcore.html b/wwwroot/docs/mvc-netcore.html
new file mode 100644
index 0000000..f8ab29a
--- /dev/null
+++ b/wwwroot/docs/mvc-netcore.html
@@ -0,0 +1,104 @@
+<!--
+title: ASP.NET Core MVC
+order: 24
+-->
+
+<p>
+    The easiest way to enable #Script support in a .NET Core App is to register an empty ServiceStack AppHost
+    with the <em>SharpPagesFeature</em> plugin enabled:
+</p>
+
+{{ 'gfm/mvc-netcore/01.md' |> githubMarkdown }}
+
+<p>
+    This let you use the <a href="/docs/sharp-pages">#Script Pages</a> and <a href="/docs/code-pages">Sharp Code Pages</a> features
+    to build your entire .NET Core Web App with Templates without needing to use anything else in ServiceStack.
+</p>
+
+<h4>MVC PageResult</h4>
+
+<p>
+    Just as you can use a ServiceStack Service as the Controller for a Sharp Page View, you can also use an MVC Controller
+    which works the same way as a Service, but instead of returning the <em>PageResult</em> directly, you need to call 
+    <em>ToMvcResult()</em> extension method to wrap it in an MVC ActionResult, e.g:
+</p>
+
+{{ 'gfm/mvc-netcore/02.md' |> githubMarkdown }}
+
+<p>
+    This has the same effect as it has in a ServiceStack Service where the <em>PageResult</em> sets the Content-Type 
+    HTTP Response Header and asynchronously writes the template to the Response OutputStream for maximum performance.
+</p>
+
+<h4>Sharing Dependencies</h4>
+
+<p>
+    To resolve <em>ISharpPages</em> from ASP.NET Core you will need to register it in ASP.NET's IOC, the easiest way to do
+    this is to use a <a href="https://docs.servicestack.net/modular-startup#register-aspnet-core-dependencies-in-apphost">Modular Startup</a>
+    where any dependencies registered in <em>Configure(IServiceCollection)</em> are available to both ASP.NET Core and ServiceStack, e.g:
+</p>
+
+{{ 'gfm/mvc-netcore/03.md' |> githubMarkdown }}
+
+<p>
+    This will then let you access <em>ISharpPages</em> as a normal dependency in your MVC Controller:
+</p>
+
+{{ 'gfm/mvc-netcore/04.md' |> githubMarkdown }}
+
+<h4>Using #Script without a ServiceStack AppHost</h4>
+
+<p>
+    If you don't need the <a href="/docs/sharp-pages">#Script Pages</a> support and would like to use Templates without a 
+    ServiceStack AppHost you can, just register a <em>ScriptContext</em> instance in .NET Core's IOC, replace
+    its Virtual File System to point to the <em>WebRootPath</em> and you can start returning PageResult's as above:
+</p>
+
+{{ 'gfm/mvc-netcore/05.md' |> githubMarkdown }}
+
+<p>
+    Checkout the <a href="https://github.com/NetCoreApps/MvcTemplates">NetCoreApps/MvcTemplates</a> repository for a 
+    stand-alone example of this, complete with a 
+    <a href="https://github.com/NetCoreApps/MvcTemplates/blob/master/src/wwwroot/sidebar.html">sidebar.html partial</a> 
+    and a <a href="https://github.com/NetCoreApps/MvcTemplates/blob/master/src/CustomScriptMethods.cs">CustomScriptMethods.cs</a>.
+</p>
+
+<a href="https://github.com/NetCoreApps/MvcTemplates">
+    <img src="https://raw.githubusercontent.com/NetCoreApps/MvcTemplates/master/src/wwwroot/assets/img/screenshot.png" alt=""
+         style="max-width:850px; padding:20px 0 0 0">
+</a>
+
+<p>&nbsp;</p>
+
+<h1>ASP.NET v4.5 Framework MVC</h1>
+
+<p>
+    You can return a Sharp Page in a classic ASP.NET MVC similar to ASP.NET Core MVC Controller except that in order to 
+    work around the lack of being able to async in classic ASP.NET MVC Action Results you need to return a task, but because we can
+    <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/fc2bc4e7e46a4a186a6627844b5cee77c19f1b8b/src/MvcTemplates/MvcTemplates/AppHost.cs#L61">replace the IOC Controller Factory in ASP.NET MVC</a>
+    you can use Constructor Injection to access the <em>ISharpPages</em> dependency:
+</p>
+
+{{ 'gfm/mvc-aspnet/01.md' |> githubMarkdown }}
+
+<h4>ASP.NET MVC + Templates Demo</h4>
+
+<p>
+    Checkout the <a href="https://github.com/ServiceStackApps/MvcTemplates">ServiceStackApps/MvcTemplates</a> repository for a 
+    stand-alone example, complete with a 
+    <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/master/src/MvcTemplates/MvcTemplates/sidebar.html">sidebar.html partial</a> 
+    and a <a href="https://github.com/ServiceStackApps/MvcTemplates/blob/master/src/MvcTemplates/MvcTemplates/CustomScriptMethods.cs">CustomScriptMethods.cs</a>.
+</p>
+
+<a href="https://github.com/NetCoreApps/MvcTemplates">
+    <img src="https://raw.githubusercontent.com/NetCoreApps/MvcTemplates/master/src/wwwroot/assets/img/screenshot.png" alt=""
+         style="max-width:850px; padding:20px 0">
+</a>
+
+<blockquote>
+    This demo was created from the 
+    <a href="https://docs.servicestack.net/create-your-first-webservice#step-2-selecting-a-template">ServiceStack ASP.NET MVC5 Empty</a> VS.NET Template.
+</blockquote>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/page-formats.html b/wwwroot/docs/page-formats.html
new file mode 100644
index 0000000..6a1583c
--- /dev/null
+++ b/wwwroot/docs/page-formats.html
@@ -0,0 +1,74 @@
+<!--
+title: Page Formats
+order: 4
+-->
+
+<p>
+    <em>#Script</em> is a general purpose text templating language which doesn't have any notion of HTML or any other format embedded in the language itself.
+    It simply emits text outside of mustaches verbatim and inside mustaches evaluates the expression and emits the result.
+    All custom behavior pertinent to specific text formats are instead extrapolated in its Page Format. 
+</p>
+
+<p>
+    <em>#Script</em> supports rendering multiple different text formats simultaneously within the same <em>ScriptContext</em>, 
+    but the only Page Format pre-registered by default is the <em>HtmlPageFormat</em> which is defined below:
+</p>
+
+<h3>HTML Page Format</h3>
+
+{{ 'gfm/page-formats/01.md' |> githubMarkdown }}
+
+<p>
+    The <em>HtmlPageFormat</em> is used to specify: 
+</p>
+
+<ul>
+    <li>That the <a href="/docs/arguments">Page Arguments</a> should be defined within HTML comments at the top of the page</li>
+    <li>That files with the <b>.html</b> extension should use this format</li>
+    <li>That it should return the <em>text/html</em> Content-Type in HTTP Responses</li>
+    <li>That the result of all Template Expressions should be HTML-encoded by default</li>
+    <li>That it should not use a default layout for complete HTML files that start with a HTML or HTML5 tag</li>
+    <li>How Expression Exceptions should be rendered in HTML if <em>RenderExpressionExceptions</em> is enabled</li>
+</ul>
+
+<h4>Results of all #Script Expressions are HTML-encoded by default</h4>
+
+<p>
+    The <em>EncodeValue</em> in the HtmlPageFormat automatically encodes the results of all #Script expressions so they're
+    safe to embed in HTML, e.g:
+</p>
+
+{{ 'live-template' |> partial({ rows: 1, template: "{{ '<b>hi</b>' }}" }) }}
+
+<p>
+    You can use the <em>raw</em> default filter to skip HTML-encoding which will let you emit raw HTML as-is:
+</p>
+
+{{ 'live-template' |> partial({ rows: 1, template: "{{ '<b>hi</b>' |> raw }}" }) }}
+
+<blockquote>
+    Inside filters you can return strings wrapped in a <em>new RawString(string)</em> or use the <em>ToRawString()</em> extension
+    method to skip HTML-encoding.    
+</blockquote>
+
+<h3>Markdown Page Format</h3>
+
+<p>
+    By contrast here is what the <em>MarkdownPageFormat</em> looks like which is able to use most of the default implementations:
+</p>
+
+{{ 'gfm/page-formats/02.md' |> githubMarkdown }}
+
+<h3>Registering a new PageFormat</h3>
+
+<p>
+    To register a new Page Format you just need to add it to the ScriptContext's PageFormat collection:
+</p>
+
+{{ 'gfm/page-formats/03.md' |> githubMarkdown }}
+
+<p>
+    Which now lets you resolve pages with a <b>.md</b> file extension who will use the behavior defined in <em>MarkdownPageFormat</em>.
+</p>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/partials.html b/wwwroot/docs/partials.html
new file mode 100644
index 0000000..f76c88e
--- /dev/null
+++ b/wwwroot/docs/partials.html
@@ -0,0 +1,120 @@
+<!--
+title: Partials
+order: 10
+-->
+
+<p>
+    Partials are just normal pages which contain reusable scripts you'd like to embed in different pages.
+    There is no difference between pages and partials other than how they're embedded where pages are embedded 
+    in a <b>_layout</b> using the <em>{{ pass: page }}</em> expression and partials are embedded using the
+    <em>partial</em> block method which can also define scoped arguments on the call-site using an Object
+    literal:
+</p>
+
+{{ "live-pages" |> partial(
+    {
+        page: 'page', 
+        files: 
+        { 
+            '_layout.html': `{{ 'from layout' |> to => layoutArg }}
+I am a Layout with page
+{{ page }}`,
+            'page.html' : `I am a Page with a partial
+{{ 'my-partial' |> partial({ arg: "from page" }) }}`,
+            'my-partial.html' : `I am a partial called with the scoped argument <b>{{ arg }}</b>
+Who can also access other arguments in scope <b>{{ layoutArg }}</b>`
+        } 
+    }) 
+}}
+
+<h4>Select Partial</h4>
+
+<p>
+    Another way that partials can be embedded is using the <em>selectPartial</em> block method which will re-evaluate
+    the same partial for each item in the collection which is made available in the <em>it</em> binding, e.g:
+</p>
+
+<div class="linq-preview">
+    <div class="files">
+        <section>
+            <h5>customer.html</h5>
+            <textarea class="form-control" rows="3">{{ "code/linq04-customer.ss" |> includeFile }}</textarea>
+        </section>
+        <section>
+            <h5>order.html</h5>
+            <textarea class="form-control" rows="3">{{ "code/linq04-order.ss" |> includeFile }}</textarea>
+        </section>
+    </div>
+    <div class="template">
+        <textarea class="form-control" rows="3">{{ "code/linq04-partials.ss" |> includeFile }}</textarea>
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div>
+
+<h4 id="inline-partials">Inline Partials</h4>
+
+<p>
+    Partials can also be defined in-line with the <em>{{pass: #partial}}</em> block statement:
+</p>
+
+{{ 'live-template' |> partial({ rows:13, template: `
+{{#partial order}}
+  Order {{ it.OrderId }}: {{ it.OrderDate |> dateFormat }}
+{{/partial}}
+{{#partial customer}}
+Customer {{ it.CustomerId }} {{ it.CompanyName |> raw }}
+{{ it.Orders |> selectPartial: order }}{{/partial}}
+
+{{ customers |> where => it.Region == 'WA' |> to => waCustomers }}
+ Customers from Washington and their orders:
+ {{ waCustomers |> selectPartial: customer }}` }) }}
+
+<blockquote>
+    The <a href="/linq/restriction-operators#linq4-where---drilldown">linq 04</a> 
+    example below shows how to implement this without partials using <em>{{pass: #each}}</em> statement blocks:
+</blockquote>
+
+{{ 'live-template' |> partial({ rows:7, template: `Customers from Washington and their orders:
+{{#each c in customers where c.Region == 'WA'}}
+Customer {{ c.CustomerId }} {{ c.CompanyName |> raw }}
+{{#each c.Orders}}
+    Order {{ OrderId }}: {{ OrderDate |> dateFormat }}
+{{/each}}
+{{/each}}` }) }}
+
+
+<h4>Resolving Partials and Pages</h4>
+
+<p>
+    Just like pages, partials are resolved from the ScriptContext's configured <em>VirtualFiles</em> sources 
+    where partials in the root directory can be resolved without any specifying any folders:
+</p>
+
+<pre class="cs"><code>{{ pass: 'my-partial' |> partial }}</code></pre>
+
+<h5>Cascading resolution</h5>
+
+<p>
+    If an exact match isn't found it will look for the closest page with that name it can find, starting from the directory
+    where the page that contains the partial is located and traversing up until it reaches the root folder.
+</p>
+
+<p>
+    Otherwise you can specify the virtual path to the partial from the Virtual Files root, e.g:
+</p>
+
+<pre class="cs"><code>{{ pass: 'dir/subdir/my-partial' |> partial }}</code></pre>
+
+<h4>ownProps</h4>
+
+<p>
+    Use <em>ownProps</em> to iterate all user-defined arguments specified for a partial, e.g:
+</p>
+
+{{ 'live-template' |> partial({ rows:2, template: `{{#partial test}} {{ it.ownProps() |> map => it.Key |> dump }} {{/partial}}
+{{ 'test' |> partial({ A:1, B:2, C:3 }) }}` }) }}
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/protected-scripts.html b/wwwroot/docs/protected-scripts.html
new file mode 100644
index 0000000..a2d3f1b
--- /dev/null
+++ b/wwwroot/docs/protected-scripts.html
@@ -0,0 +1,163 @@
+<!--
+title: Protected Scripts
+order: 13
+-->
+
+<p>
+    One of the goals of #Script is that its defaults should be safe enough to be able to execute arbitrary scripts by untrusted 3rd parties.
+    Given this constraint, only default scripts are pre-registered which contain a comprehensive set of filters we deem safe for use by anyone.
+    Other methods available in #Script which are useful to have in a server-generated website environment but we don't want 3rd Parties to 
+    access are filters in 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Methods/ProtectedScripts.cs">ProtectedScripts.cs</a>.    
+</p>
+
+<p>
+    <em>ProtectedScripts</em> are not pre-registered when creating a new <em>ScriptContext</em> but they are pre-registered when 
+    registering the <em>SharpPagesFeature</em> ServiceStack Plugin as that's designed to use #Script within a View Engine where access
+    to its context is limited to the server's Web Application. 
+</p>
+
+<p>
+    To access <em>ProtectedScripts</em> features within your own <em>ScriptContext</em> it can be
+    <a href="/docs/methods#registering-methods">registered like any other filter</a>:
+</p>
+
+{{ 'gfm/protected-scripts/01.md' |> githubMarkdown }}
+
+<h4>includeFile</h4>
+<div class="alias">fileContents</div>
+
+<p>
+    Use <em>includeFile</em> to embed content directly within pages:
+</p>
+
+{{ "live-pages" |> partial(
+    {
+        page: 'page', 
+        files: 
+        { 
+            'page.html' : `I am a Page with a file
+{{ 'my-file.txt' |> includeFile }}`,
+            'my-file.txt' : `I am a text file`
+        } 
+    }) 
+}}
+
+<h5>Cascading resolution</h5>
+
+<p>
+    If an exact match isn't found it will look for the closest file with that name it can find, starting from the directory
+    where the containing page that uses the filter is located and traversing up until it reaches the root folder.
+</p>
+
+<h4>includeFileWithCache</h4>
+<div class="alias">fileContentsWithCache</div>
+
+<p>
+    If your <a href="https://docs.servicestack.net/virtual-file-system">VirtualFiles</a> is configured to use a combination
+    of various sources that includes a remote file service like
+    <a href="https://github.com/ServiceStack/ServiceStack.Aws#maintain-website-content-in-s3">S3VirtualFiles</a>, you'll
+    likely want to cache the contents in memory to ensure fast subsequent access the next time the file is requested, 
+    which you can cache without expiration using <em>includeFileWithCache</em> without arguments:
+</p>
+
+<pre class="cs">{{ pass: 'my-file.txt' |> includeFileWithCache }}<code></code></pre>
+
+<p>
+    In which case it will use the <b>1 minute</b> default overridable in <em>Args[DefaultFileCacheExpiry]</em>    
+    or if you want the content to be refreshed after 1hr you can use:
+</p>
+
+<pre class="cs">{{ pass(`'my-file.txt' |> includeFileWithCache({ expiresInSecs: 3600 })`) }}<code></code></pre>
+
+<h4>includeUrl</h4>
+<div class="alias">urlContents</div>
+
+<p>
+    You can also embed the contents of remote URLs in your page using <em>includeUrl</em>:
+</p>
+
+{{ "live-pages" |> partial(
+    {
+        page: 'page', 
+        files: 
+        { 
+            'page.html' : '{{ "https://raw.githubusercontent.com/ServiceStack/sharpscript/master/src" |> to => src }}
+{{ `${src}/wwwroot/examples/email-template.txt` |> includeUrl }}'
+        } 
+    }) 
+}}
+
+<p>
+    <em>includeUrl</em> is actually a very flexible HTTP Client which can leverage the 
+    <a href="/docs/default-scripts#url-handling">URL Handling</a> filters to easily construct urls and the additional
+    filter arguments to customize the HTTP Request that's sent, here are some examples:
+</p>
+
+<p>
+    Accept JSON responses:
+</p>
+
+{{#raw}}
+<pre class="cs"><code>{{ url |> includeUrl({ accept: 'application/json' }) }}</code></pre>
+<pre class="cs"><code>{{ url |> includeUrl({ dataType: 'json' }) }}</code></pre>
+
+<p>
+    Send data as <b>form-urlencoded</b> in a HTTP PUT Request with a <b>#Script</b> User-Agent:
+</p>
+
+<pre class="cs"><code>{{ url |> includeUrl({ method:'PUT', data: { id: 1, name: 'foo' }, userAgent:"#Script" }) }}</code></pre>
+
+<p>
+    Send data as JSON in a HTTP POST request and Accept JSON response:
+</p>
+
+<pre class="cs"><code>{{ url |> includeUrl({ method: 'POST', data: { id: 1, name: 'foo' }, 
+                       accept: 'application/json', contentType: 'application/json' }) }}</code></pre>
+
+<p>
+    Shorter version of above request:
+</p>
+
+<pre class="cs"><code>{{ url |> includeUrl({ method:'POST', data: { id: 1, name: 'foo' }, dataType: 'json' }) }}</code></pre>
+
+<p>
+    Send data as CSV in a HTTP POST Request and Accept a CSV response:
+</p>
+
+<pre class="cs"><code>includeUrl({ method:'POST', data: [{ id: 1, name: 'foo' }, { id: 2, name: 'bar' }], dataType:'csv' })</code></pre>
+
+
+<h4 id="includeurlwithcache">includeUrlWithCache</h4>
+<div class="alias">urlContentsWithCache</div>
+
+<p>
+    In the same way <em>includeFileWithCache</em> can cache file contents, <em>includeUrlWithCache</em> can cache URL content, 
+    either without an expiration:
+</p>
+
+
+<pre class="cs">{{ url |> includeUrlWithCache }}<code></code></pre>
+
+<p>
+    In which case it will use the <b>1 minute</b> default overridable in <em>Args[DefaultUrlCacheExpiry]</em>    
+    or if you want to ensure that no more than 1 url request is made per hour for this url you can specify a custom expiry with:
+</p>
+
+<pre class="cs">{{ url |> includeUrlWithCache({ expiresInSecs: 3600 }) }}<code></code></pre>
+
+<h3 id="virtual-file-system-apis">Virtual File System APIs</h3>
+
+<p>
+    The <a href="https://docs.servicestack.net/virtual-file-system">Virtual File System APIs</a> are mapped to the following methods:
+</p>
+{{/raw}}
+
+{{ 'gfm/protected-scripts/02.md' |> githubMarkdown }}
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=ss-scripts">full list of ServiceStack scripts available</a>.
+</p>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/redis-scripts.html b/wwwroot/docs/redis-scripts.html
new file mode 100644
index 0000000..7b0f595
--- /dev/null
+++ b/wwwroot/docs/redis-scripts.html
@@ -0,0 +1,160 @@
+<!--
+title: Redis Scripts
+order: 16
+-->
+
+<p>
+    The Redis Scripts provide connectivity with a <a href="https://redis.io">Redis</a> Server instance using the 
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis">ServiceStack.Redis</a> library. To enable, install 
+    the <a href="https://www.nuget.org/packages/ServiceStack.Redis/">ServiceStack.Redis</a> NuGet Package, then 
+    register a <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-client-managers">Redis Client Manager</a>
+    in the IOC:
+</p>
+
+{{ 'gfm/redis-scripts/01.md' |> githubMarkdown }}
+
+<p>
+    Then to enable in your scripts register 
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis/blob/master/src/ServiceStack.Redis/RedisScripts.cs">RedisScripts</a>:
+</p>
+
+{{ 'gfm/redis-scripts/02.md' |> githubMarkdown }}
+
+<p>
+    Your scripts are now able to use the <a href="/docs/scripts-reference?tab=redis-scripts">available Redis Scripts</a>.
+</p>
+
+<h4 id="redisCall">redisCall</h4>
+
+<p>
+    This is your main interface into Redis which utilizes the 
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis#generic-apis-for-calling-custom-redis-commands">Custom Commands API</a>
+    to be able to execute any arbitrary Redis command. It can either be called with a string similar to commands sent 
+    with <a href="https://redis.io/topics/rediscli">redis-cli</a>, e.g:
+</p>
+
+<pre class="cs"><code>{{ pass: 'GET foo' |> redisCall }}</code></pre>
+
+<p>
+    This works for most Redis commands but uses internal heuristics to determine where to split the command into the multiple arguments that 
+    redis-server natively understands. A more deterministic usage which doesn't rely on any heuristics is to pass an array of arguments:
+</p>
+
+<pre class="cs"><code>{{ pass: ['GET', 'foo'] |> redisCall }}</code></pre>
+
+<p>
+    <em>redisCall</em> returns either a single <em>object</em> for redis commands returning single values or a List or nested List of
+    objects for Redis commands returning <a href="https://redis.io/topics/protocol">complex Responses</a>.
+</p>
+
+<h4 id="redisInfo">redisInfo</h4>
+
+<p>
+    Returns the Redis Server Info from <a href="https://redis.io/commands/info">Redis Info</a> command in a String Dictionary.
+</p>
+
+<h4 id="redisSearchKeys">redisSearchKeys</h4>
+
+<p>
+    Provides an efficient API for searching Redis Keys by utilizing 
+    <a href="https://redis.io/commands/scan">Redis's non-blocking SCAN</a> command, to fetch results and a server-side LUA script
+    to populate the results with metadata. Results are returned in a typed <em>List&lt;RedisSearchResult&gt;</em>:
+</p>
+
+{{ 'gfm/redis-scripts/03.md' |> githubMarkdown }}
+
+<h4 id="redisSearchKeysAsJson">redisSearchKeysAsJson</h4>
+
+<p>
+    If preferred, you can access the search results as JSON and parse it on the client instead.
+</p>
+
+<h4 id="redisConnection">redisConnection</h4>
+
+<p>
+    Returns the current Connection Info in an Object Dictionary containing: <em>{{ pass: host, port, db }}</em>
+</p>
+
+<h4 id="redisToConnectionString">redisToConnectionString</h4>
+
+<p>
+    Converts an <em>redisConnection</em> Object Dictionary into a 
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-connection-strings">Redis Connection String</a>.
+</p>
+
+<h3>Redis App Examples</h3>
+
+<p>
+    The Sharp Apps below utilize Redis Scripts for all their Redis functionality:
+</p>
+
+<h4>Redis Vue</h4>
+<p>
+    <a href="http://redis.web-app.io">redis.web-app.io</a> is a generic Redis Database Viewer that provides a human-friendly view
+    of any Redis data Type, including a dedicated UI to create and populate any Redis data type which just utilizes the above Redis Scripts
+    and a single Vue <a href="https://github.com/sharp-apps/redis/blob/master/index.html">index.html</a> App to power the Redis UI:
+</p>
+
+<p>
+    <a href="http://redis.web-app.io"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/redis-netcore/redis-netcore.png" 
+        style="max-width:850px" alt=".NET Core Redis Viewer"></a>
+</p>
+
+<h4>Redis HTML</h4>
+
+<p>
+    <a href="http://redis-html.web-app.io">redis-html.web-app.io</a> is a version of Redis UI built using just #Script and Redis
+    methods where all functionality is maintained in a single <a href="https://github.com/sharp-apps/redis-html/blob/master/index.html">index.html</a>
+    weighing under <b>&lt;200 LOC</b> including HTML and JavaScript. It's a good example of how the declarative style of programming
+    that #Script encourages a highly-readable code-base that packs a lot of functionality in a tiny foot print.
+</p>
+
+<h5>Server Generated HTML</h5>
+
+<p>
+    It's not immediately obvious when running this locally since both #Script and Redis are super fast, but Redis HTML was developed as
+    a traditional Website where all HTML is server-generated and every search box key stroke and click on search results performs 
+    a full-page reload. There's a slight sub-second delay that causes a noticeable flicker when hosted on the Internet due to network lag, but 
+    otherwise server-generated #Script Websites can enable a highly responsive UI (especially in Intranets) with great SEO and deep-linking
+    and back-button support working as expected without the complexity of adopting a client-side JavaScript SPA framework and build-system.
+</p>
+
+<h3>Run against your local Redis instance</h3>
+
+<p>
+    Since <em>redis</em> is published <a href="/docs/gist-desktop-apps">Gist Desktop App</a>, 
+    you can run the above <em>redis</em> SharpApp's against your local redis instance with:
+</p>
+
+<pre class="sh"><code>app open redis</code></pre>
+
+<p>
+    Using <em>open</em> always downloads and runs the latest version, if you don't have an Internet connection you can later run 
+    any previous run Sharp Apps using <em>run</em>:
+</p>
+
+<pre class="sh"><code>app run redis</code></pre>
+
+<p>
+    As both are <a href="/docs/sharp-app">Sharp Apps</a> it doesn't need any compilation so after 
+    <a href="https://github.com/sharp-apps/redis">running the Redis Web App</a> locally
+    you can modify the source code and see changes in real-time thanks to its built-in <a href="/docs/hot-reloading">Hot Reloading</a> support.
+</p>
+
+<h5>Populate redis with the Northwind database</h5>
+
+<p>
+    You can use the
+    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">northwind-data</a> 
+    project to populate a Redis instance with Northwind test data by running:
+</p>
+
+<pre class="sh"><code>dotnet run redis localhost:6379</code></pre>
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=redis-scripts">full list of Redis scripts available</a>.
+</p>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/sandbox.html b/wwwroot/docs/sandbox.html
new file mode 100644
index 0000000..42b3578
--- /dev/null
+++ b/wwwroot/docs/sandbox.html
@@ -0,0 +1,144 @@
+<!--
+title: Sandbox
+order: 26
+-->
+
+<p>
+    Another useful feature of <em>#Script</em> is that it operates within a controlled sandbox where each <em>ScriptContext</em> instance is 
+    isolated and defines the entire execution environment on which scripts are executed within as such it should be safe to run
+    scripts from untrusted 3rd Party sources as they're confined to what's available within their allowed <em>ScriptContext</em> instance. 
+</p>
+
+<h4>ScriptContext</h4>
+
+<p>
+    By default the only functionality and objects <em>#Script</em> has access to is what's pre-configured within a new     
+    <em>ScriptContext</em> instance which has access to
+    <a href="/docs/default-scripts">Default Scripts</a>, <a href="/docs/html-scripts">HTML Scripts</a> and 
+    default <a href="/docs/blocks">Script Blocks</a>.
+    <em>#Script</em> can't call methods on instances or have any other way to invoke a method unless it's explicitly registered. 
+</p>
+
+<p>
+    To give additional functionality to your Scripts extend the <em>ScriptContext</em> that executes your script with additional:
+</p>
+
+<ul>
+    <li>
+        <a href="/docs/arguments">Arguments</a>
+    </li>
+    <li>
+        <a href="/docs/methods">Script Methods</a>
+    </li>
+    <li>
+        <a href="/docs/blocks">Script Blocks</a>
+    </li>
+    <li>
+        <a href="/docs/transformers">Filter Transformers</a>
+    </li>
+    <li>
+        <a href="/docs/script-plugins">Script Plugins</a>
+    </li>
+    <li>
+        <a href="/docs/page-formats">Page Formats</a>
+    </li>
+    <li>
+        <a href="/docs/plugins">Plugins</a>
+    </li>
+</ul>
+
+
+<img class="my-4" src="/assets/img/sandbox.svg">
+
+<h3>Protected Scripts</h3>
+
+<p>
+    When running in a trusted contexts like Server Scripts in <a href="/docs/sharp-pages">#Script Pages</a>, scripts have elevated
+    privileges with access to <a href="/docs/protected-scripts">Protected Scripts</a>, 
+    <a href="/docs/servicestack-scripts">ServiceStack and Info Scripts</a>, 
+    <a href="https://docs.servicestack.net/server-ui-controls">Bootstrap Scripts</a> and 
+    <a href="/docs/blocks#servicestack-blocks">ServiceStack Blocks</a>.  
+</p>
+
+<p>
+    <a href="/docs/protected-scripts">Protected Scripts</a> allows your Scripts to escape the default sandbox and create new instances
+    on existing .NET Types, populate them and call their methods as <a href="/docs/script-net">documented in Scripting .NET</a>. 
+    There are 2 levels of access available:
+</p>
+
+<h4>Script Assemblies and Types</h4>
+
+<p>
+    You can limit which Types are scriptable by specifying just the individual Types:
+</p>
+
+{{ 'gfm/sandbox/04.md' |> githubMarkdown }}
+
+<h4>AllowScriptingOfAllTypes</h4>
+
+<p>
+    To give your Scripts maximum accessibility, you can give them access to all .NET Types in loaded assemblies:
+</p>
+
+{{ 'gfm/sandbox/05.md' |> githubMarkdown }}
+
+<p>
+    Use <em>ScriptNamespaces</em> to include additional Lookup namespaces for resolving Types similar to C# <em>using</em> statements.
+</p>
+
+<p>
+    See <a href="/docs/script-net">Scripting .NET</a> for how to access .NET Types in <em>#Script</em>.
+</p>
+
+<h4>Running untrusted Scripts</h4>
+
+<p>
+    If running a script from an untrusted source we recommend running them within a new <em>ScriptContext</em> instance so they're 
+    kept isolated from any other <em>ScriptContext</em> instance. Context's are cheap to create, so there won't be a noticeable delay when 
+    executing in a new instance but they're used to cache compiled lambda expressions which will need to be recreated if executing script
+    in new ScriptContext instances. For improved performance you can instead have all untrusted templates use the same
+    ScriptContext instance that way they're able to reuse existing caches and compiled expressions.
+</p>
+
+<h4 id="remove-default-scripts">Remove Default Scripts</h4>
+
+<p>
+    If you want to start from a clean slate, the default scripts can be removed by clearing the <em>ScriptMethods</em> collection:
+</p>
+
+{{ 'gfm/sandbox/01.md' |> githubMarkdown }}
+
+<h4 id="disable-filters">Disabling adhoc Filters</h4>
+
+<p>
+    Or if you only want to disable access to some filters without removing them all, you can disable access to adhoc filters
+    by adding to the <em>ExcludeFiltersNamed</em> collection:
+</p>
+
+{{ 'gfm/sandbox/02.md' |> githubMarkdown }}
+
+<blockquote>
+    Script Methods can also be disabled on an individual <em>PageResult</em> by populating its <em>ExcludeFiltersNamed</em> collection.
+</blockquote>
+
+<h4>Instance creation and MaxQuota</h4>
+
+<p>
+    The only instances that can be created within scripts are what's allowed in 
+    <a href="/docs/syntax#javascript-literals">JavaScript Literals</a> and the
+    <a href="/docs/default-scripts#generation">Generation and Repeating Filters</a>. To limit any potential CPU and GC abuse any default scripts
+    that can generate instances are limited to a <em>MaxQuota</em> of <b>10000</b> iterations. This quota can be modified with:    
+</p>
+
+{{ 'gfm/sandbox/03.md' |> githubMarkdown }}
+
+<h4>Max Stack Depth</h4>
+
+<p>
+    To prevent <a href="/docs/blocks#function">user-defined functions</a> from causing out of memory Exceptions its execution is limited to
+    a Maximum Stack Depth which can be configured with:
+</p>
+
+<pre class="cs"><code>ScriptConfig.MaxStackDepth = 25; //default</code></pre>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/script-net.html b/wwwroot/docs/script-net.html
new file mode 100644
index 0000000..c341621
--- /dev/null
+++ b/wwwroot/docs/script-net.html
@@ -0,0 +1,84 @@
+<!--
+title: Scripting .NET
+order: 9
+-->
+
+{{#markdown}}
+
+The recommended way to add functionality to your scripts is by [extending your ScriptContext](/docs/introduction#net-usage) 
+with arguments, scripts, blocks and transformers - encapsulating it in a well-defined scope akin to 
+[Vue Components](https://vuejs.org/v2/guide/components.html) where all functionality is clearly defined in a componentized
+design that promotes decoupling and reuse of testable components where the same environment can be easily simulated and 
+re-created to allow reuse of scripts in multiple contexts.
+
+> When scripting .NET Types or C# delegates directly it adds coupling to those Types making it harder to substitute and potentially 
+limits reuse where if the Types were defined in a Host project, it can prevent reuse in different Apps or Test projects,
+and Types defined in .NET Framework-only or .NET Core-only dll's can prohibit platform portability
+
+Although being able to Script .NET Types directly gives your Scripts greater capabilities and opens it up to a lot more use-cases that's 
+especially useful in predominantly #Script-heavy contexts like [Sharp Apps](/docs/sharp-apps) and [Shell Scripts](/docs/sharp-scripts)
+giving them maximum power that would otherwise require the usage of [Plugins](/docs/sharp-apps#plugins). 
+
+We can visualize the different scriptability options from the diagram below where
+by default scripts are limited to functionality [defined within their ScriptContext](/docs/introduction#net-usage), 
+whether to [limit access to specific Types and Assemblies](#script-assemblies-and-types) or whether to lift the escape hatch
+and [allow scripting of any .NET Types](#allowscriptingofalltypes).
+
+![](/assets/img/sandbox.svg)
+
+Scripting of .NET Types is only available to Script's executed within **trusted contexts** 
+like [#Script Pages](/docs/sharp-pages), [Sharp Apps](/docs/sharp-apps) and [Shell Scripts](/docs/sharp-scripts)
+that are registered with [Protected Scripts](/docs/protected-scripts). The different ways to allow scripting of .NET Types include:
+
+#### Script Assemblies and Types
+
+Using `ScriptTypes` to limit scriptability to **only specific Types**:
+
+{{/markdown}}
+
+{{ 'gfm/sandbox/04.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+#### AllowScriptingOfAllTypes
+
+To give your Scripts maximum accessibility where they're able to pierce the well-defined [ScriptContext sandbox](/docs/sandbox),
+you can set `AllowScriptingOfAllTypes` to allow scripting of **all .NET Types** available in loaded assemblies:
+
+{{/markdown}}
+
+{{ 'gfm/sandbox/05.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+`ScriptNamespaces` is used to include additional Lookup namespaces for resolving Types akin to C# `using` statements.
+
+Using `AllowScriptingOfAllTypes` also allows access to both public and **non-public** Types.
+
+## Scripting .NET APIs
+
+The following [Protected Scripts](/docs/protected-scripts) are all that's needed to create new instances, call methods and 
+populate instances of .NET Types, including generic types and generic methods.
+
+{{/markdown}}
+
+{{ 'gfm/script-net/02.md' |> githubMarkdown }}
+
+<h2>Type Resolution</h2>
+
+{{ 'gfm/script-net/type-resolution.md' |> githubMarkdown }}
+
+<h2>Creating Instances</h2>
+
+{{ 'gfm/script-net/create-instances.md' |> githubMarkdown }}
+
+<h2>Calling Methods</h2>
+
+{{ 'gfm/script-net/call-methods.md' |> githubMarkdown }}
+
+<h2>Function</h2>
+
+{{ 'gfm/script-net/Function.md' |> githubMarkdown }}
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/script-pages.html b/wwwroot/docs/script-pages.html
new file mode 100644
index 0000000..0a4a4e2
--- /dev/null
+++ b/wwwroot/docs/script-pages.html
@@ -0,0 +1,566 @@
+<!--
+title: Script Pages
+order: 20
+-->
+
+<p>
+    One of the most popular use-cases for a high-performance and versatile scripting language like #Script is as a server-side
+    HTML #Script Pages for .NET Web Applications where it can provide a simpler, cleaner and portable alternative than Razor and 
+    Razor Pages in ASP.NET and ASP.NET Core Web Apps. 
+</p>
+
+<h3>#Script Pages in ServiceStack</h3>
+
+<p>
+    The <em>SharpPagesFeature</em> plugin provides a first-class experience for generating dynamic websites where it's able to 
+    generate complete server-generated websites (like this one) without requiring any additional Controllers or Services.
+</p>
+
+<p>
+    To enable #Script Pages in ServiceStack you just need to register the <em>SharpPagesFeature</em> plugin:
+</p>
+
+{{ 'gfm/sharp-pages/01.md' |> githubMarkdown }}
+
+<p>
+    <em>SharpPagesFeature</em> is a subclass of <em>ScriptContext</em> which defines the context on which all ServiceStack 
+    #Script Pages are executed within. It provides deep integration within ServiceStack by replacing the ScriptContext's stand-alone 
+    dependencies with ServiceStack AppHost providers, where it: 
+</p>
+
+<ul>
+    <li>Configures it to use ServiceStack's <a href="https://docs.servicestack.net/virtual-file-system">Virtual File Sources</a>
+        allowing Pages to be loaded from any configured VFS Source</li>
+    <li>Configures it to use ServiceStack's <a href="https://docs.servicestack.net/ioc">Funq IOC Container</a>         
+        so all ServiceStack dependencies are available to Code Pages</li>
+    <li>Configures it to use ServiceStack's <a href="https://docs.servicestack.net/appsettings">AppSettings</a>         
+        so all AppHost AppSettings are available to #Script Pages as well</li>
+    <li>Configures <b>ScanAssemblies</b> to use AppHost Service Assemblies so it auto-registers all Filters in Service .dlls</li>
+    <li>Registers the <em>ProtectedScripts</em> allowing pages to access richer server-side functionality</li>
+    <li>Registers the <b>markdown</b> Filter Transformer using ServiceStack's built-in MarkdownDeep implementation</li>
+    <li>Makes the <em>ServiceStackCodePage</em> subclass available so Code Pages has access to same functionality as Services</li>
+    <li>Registers a Request Handler which enables all requests <b>.html</b> pages to be handled by #Script Pages</li>
+</ul>
+
+<p>If preferred, you can change which <b>.html</b> extension gets handled by <em>#Script</em> Pages with:</p>
+
+{{ 'gfm/sharp-pages/02.md' |> githubMarkdown }}
+
+<h4 id="extend">Register additional functionality</h4>
+
+<p>
+    The same APIs for <a href="/docs/introduction#net-usage">extending a ScriptContext</a> is also how to extend 
+    <em>SharpPagesFeature</em> to enable additional functionality in your <em>#Script</em> Pages:
+</p>
+
+{{ 'gfm/sharp-pages/14.md' |> githubMarkdown }}
+
+<h4 id="runs-everywhere">Runs Everywhere</h4>
+
+<p>
+    The beauty of #Script working natively with ServiceStack is that it runs everywhere ServiceStack does
+    which is in all major .NET Server Platforms. That is, your same #Script-based Web Application is able to use
+    the same #Script implementation, "flavour" and feature-set and is portable across whichever platform you choose to host it on:
+</p>
+
+<ul>
+  <li><b>Windows, OSX or Linux</b>
+    <ul>
+      <li><b>.NET Framework or Mono</b>
+        <ul>
+          <li><a href="https://github.com/ServiceStackApps/LiveDemos#live-servicestack-demos">Any ASP.NET host</a></li>
+          <li><a href="https://docs.servicestack.net/self-hosting">Stand-alone, Self-Hosted HttpListener</a></li>
+          <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#self-hosting-console-app">Entire App ILMerged into a single cross-platform App.exe</a></li>
+        </ul>
+      </li>
+      <li><b>.NET Core</b>
+        <ul>
+          <li><a href="https://github.com/NetCoreApps/LiveDemos#servicestack-net-core-live-demos">Web App or SelfHost</a></li>
+        </ul>
+      </li>
+    </ul>
+  </li>
+  <li><b>Windows</b>
+    <ul>
+      <li><a href="https://docs.servicestack.net/templates-windows-service">Stand-alone Windows Service</a></li>
+      <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#winforms-with-chromium-embedded-framework">Hosted inside WinForms with Chromium Embedded Framework</a></li>
+      <li><a href="https://github.com/ServiceStackApps/HelloServiceFabric">Windows and Azure Service Fabric</a></li>
+    </ul>
+  </li>
+  <li><b>OSX</b>
+    <ul>
+      <li><a href="https://github.com/ServiceStack/ServiceStack.Gap#mac-osx-cocoa-app-with-xmarainmac">Hosted inside Mac OSX Cocoa App with Xmarain.Mac</a></li>
+    </ul>
+  </li>
+</ul>
+
+<p>
+    Once registered, <em>SharpPagesFeature</em> gives all your <b>.html</b> pages scripting super powers where sections can be 
+    compartmentalized and any duplicated content can now be extracted into reusable partials, metadata can be added to the top of 
+    each page and its page navigation dynamically generated, contents of files and urls can be embedded directly and otherwise 
+    static pages can come alive with access to <a href="/docs/default-scripts">Default Scripts</a>.
+</p>
+
+<p>
+    The Starter Projects below provide a quick way to get started with a pre-configured ServiceStack App with #Script Pages:
+</p>
+
+<h4>.NET Core #Script Pages Project</h4>
+
+<p>
+    Create a new <a href="https://github.com/NetCoreTemplates/templates">#Script Pages Website</a> .NET 5.0 App with 
+    <a href="https://docs.servicestack.net/web-new">x new</a>:
+</p>
+
+<div class="gfm">
+<pre>$ dotnet tool install --global x 
+
+$ x new script ProjectName</pre></div>
+    
+<a href="https://github.com/NetCoreTemplates/templates">
+<img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/script.png" alt=".NET Core Starter Template"></a>
+
+<h4>ASP.NET Core #Script Pages Project on .NET Framework</h4>
+
+<p>
+    To create <a href="https://docs.servicestack.net/templates-corefx">ASP.NET Core Project on the .NET Framework</a>:
+</p>
+
+<div class="gfm">
+<pre>$ x new script-corefx ProjectName</pre></div>
+    
+<h4>ASP.NET v4.5 #Script Pages Project</h4>
+
+<p>
+    For ASP.NET v4.5+ projects create a new <b>ServiceStack ASP.NET #Script Pages with Bootstrap</b> from the VS.NET Templates in
+    <a href="https://docs.servicestack.net/templates-overview#servicestackvs-vsnet-extension">ServiceStackVS VS.NET Extension</a>
+    to create an ASP.NET v4.5 Project using
+    <a href="https://docs.servicestack.net/create-your-first-webservice#step-4-exploring-the-servicestack-solution">ServiceStack's recommended project structure</a>:    
+</p>
+
+<p>
+    <a href="https://github.com/ServiceStack/ServiceStackVS">
+        <img src="/assets/img/screenshots/ssvs-bootstrap.png" alt="ASP.NET v4.5 Starter Template">
+    </a>
+</p>
+
+
+<h2 id="content-pages">Content Pages</h2>
+
+<p>
+  There are a number of different ways you can use <em>#Script</em> to render dynamic pages, requests that calls and renders 
+  <em>#Script</em> <b>.html</b> pages directly are called <b>"Content Pages"</b> which don't use any Services or Controllers
+  and can be called using a number of different styles and calling conventions: 
+</p>
+
+<h3 id="page-based-routing">Page Based Routing</h3>
+
+<p>
+    Any <em>.html</em> page available from your AppHost's configured <a href="https://docs.servicestack.net/virtual-file-system">Virtual File Sources</a>
+    can be called directly, typically this would mean the File System which in a .NET Core Web App starts from the <b>WebRootPath</b>
+    (e.g <em>/wwwroot</em>) so a request to <em>/docs/sharp-pages</em> goes through all configured <em>VirtualFileSources</em> to find the first 
+    match, which for this website is the file
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/docs/sharp-pages.html">/src/wwwroot/docs/sharp-pages.html</a>.
+</p>
+
+<h4 id="pretty-urls-by-default">Pretty URLs by default</h4>
+
+<p>
+    Essentially #Script Pages embraces conventional page-based routing which enables <b>pretty urls</b> inferred from the pages file and directory names
+    where each page can be requested with or without its <b>.html</b> extension:
+</p>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>path</th>
+      <th>page</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="http://blog.web-app.io/db">/db</a></td>
+      <td>&nbsp;</td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/db.html">/db.html</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/db.html">/db.html</a></td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/posts/new">/posts/new</a></td>
+      <td>&nbsp;</td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/posts/new.html">/posts/new.html</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/posts/new.html">/posts/new.html</a></td>
+    </tr>
+  </tbody>
+</table>
+
+<p>
+    The default route <em>/</em> maps to the <em>index.html</em> in the directory if it exists, e.g:
+</p>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>path</th>
+      <th>page</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="http://blog.web-app.io/">/</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/index.html">/index.html</a></td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/index.html">/index.html</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/index.html">/index.html</a></td>
+    </tr>
+  </tbody>
+</table>
+
+<h3 id="dynamic-page-routes">Dynamic Page Routes</h3>
+
+<p>
+    In addition to these static conventions, #Script Pages now supports Nuxt-like 
+    <a href="https://nuxtjs.org/guide/routing#dynamic-routes">Dynamic Routes</a>
+    where any <b>file</b> or <b>directory</b> names prefixed with an <b>_underscore</b> enables a wildcard path which assigns the matching path component 
+    to the arguments name:
+</p>
+
+<table class="table">
+  <thead>
+    <tr>
+      <th>path</th>
+      <th>page</th>
+      <th>arguments</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td><a href="http://blog.web-app.io/">/ServiceStack</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/_user/index.html">/_user/index.html</a></td>
+      <td>user=ServiceStack</td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/posts/markdown-example">/posts/markdown-example</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/posts/_slug/index.html">/posts/_slug/index.html</a></td>
+      <td>slug=markdown-example</td>
+    </tr>
+    <tr>
+      <td><a href="http://blog.web-app.io/posts/markdown-example/edit">/posts/markdown-example/edit</a></td>
+      <td><a href="https://github.com/sharp-apps/blog/blob/master/posts/_slug/edit.html">/posts/_slug/edit.html</a></td>
+      <td>slug=markdown-example</td>
+    </tr>
+  </tbody>
+</table>
+
+<h4>Layout and partial recommended naming conventions</h4>
+
+<p>
+    The <b>_underscore</b> prefix for declaring wildcard pages is also what is used to declare "hidden" pages, to distinguish them from hidden 
+    partials and layouts, the recommendation is for them to include <em>layout</em> and <em>partial</em> their name, e,g:
+</p>
+
+<ul>
+    <li>_layout.html</li>
+    <li>_alt-layout.html</li>
+    <li>_menu-partial.html</li>
+</ul>
+
+<blockquote>
+    Pages with <em>layout</em> or <em>partial</em> in their name remain hidden and are ignored in wildcard path resolution.    
+</blockquote>
+
+<p>
+    If following the recommended <em>_{name}-partial.html</em> naming convention, you'll be able to reference them using just their name:
+</p>
+
+{{#raw}}
+<pre>
+{{ 'menu' |> partial }}          // Equivalent to:
+{{ '_menu-partial' |> partial }}
+</pre>
+{{/raw}}
+    
+<h2 id="view-pages">View Pages</h2>
+
+<p>
+    "View Pages" are pages that are rendered <b>after a Service is executed</b>, where it's typically used to provide the "HTML UI"
+    for the Service's <b>Response DTO</b> where it's populated in the <em>Model</em> page argument
+    as done in <a href="http://razor.netcore.io/#smart-views">Razor ViewPages</a>.
+</p>
+
+<p>
+    View Pages can be in any nested folder within the <em>/Views</em> folder but all page names within the <em>/Views</em> folder need to be unique. 
+    The name should use the format using the format <em>{PageName}.html</em> where <em>PageName</em> can be either: 
+</p>
+
+<ul>
+  <li><b>Request DTO</b> Name (e.g. <em>GetContact</em>)</li>
+  <li><b>Response DTO</b> Name (e.g. <em>GetContactResponse</em>)</li>
+</ul>
+
+<p>
+  There are a number of other ways to specify which <b>View</b> you want to render:
+</p>
+
+<h3 id="default-view">Specify the Services DefaultView</h3>
+
+<p>
+    You can specify which view all Services should use to render their responses by using the <em>[DefaultView]</em> Request Filter Attribute:
+</p>
+
+{{ 'gfm/sharp-pages/12.md' |> githubMarkdown }}
+
+<h3 id="viewpage-htmlresult">Specify View with custom <em>HttpResult</em></h3>
+
+<p>
+    Just like ServiceStack.Razor, you can specify to use different Views or Layouts by returning a 
+    decorated response in custom <em>HttpResult</em> with the <em>View</em> or <em>Template</em> you want the Service rendered in , e.g:
+</p>
+
+{{ 'gfm/sharp-pages/09.md' |> githubMarkdown }}
+
+<h3 id="custom-pageresult">Return Custom PageResult</h3>
+
+<p>
+  For maximum flexibility to control how views are rendered you can return a custom <em>PageResult</em> using 
+  <em>Request.GetPage()</em> or <em>Request.GetCodePage()</em> extension methods as seen in 
+  <a href="/docs/model-view-controller">Model View Controller</a>:
+</p>
+
+{{ 'gfm/model-view-controller/02.md' |> githubMarkdown }}
+
+<h3 id="ClientCanSwapTemplates">Allow Views to be specified on the QueryString</h3>
+
+<p>
+    You can use the <em>[ClientCanSwapTemplates]</em> Request Filter attribute to let the View and Template by specified on the QueryString, 
+    e.g: <em>?View=CustomPage&Template=_custom-layout</em>
+</p>
+
+{{ 'gfm/sharp-pages/13.md' |> githubMarkdown }}
+
+<p>
+    Additional examples of dynamically specifying the View and Template are available in 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/tests/ServiceStack.WebHost.Endpoints.Tests/ScriptTests/SharpViewsTests.cs">SharpViewsTests.cs</a>.
+</p>
+
+<h4 id="cascading-layouts">Cascading Layouts</h4>
+
+<p>
+    One difference from Razor is that it uses a cascading <em>_layout.html</em> instead of <em>/Views/Shared/_Layout.cshtml</em>.
+</p>
+
+<p>So if your view page was in:</p>
+
+<div class="gfm">
+<pre>
+/Views/dir/MyRequest.html
+</pre>
+</div>
+
+<p>It will use the closest `_layout.html` it can find starting from:</p>
+
+<div class="gfm">
+<pre>
+/Views/dir/_layout.html
+/Views/_layout.html
+/_layout.html
+</pre>
+</div>
+
+<h4 id="layout-selection">Layout Selection</h4>
+
+<p>
+    Unless it's a complete HTML Page (e.g. starts with html or HTML5 tag) the page gets rendered using the closest <em>_layout.html</em> 
+    page it can find starting from the directory where the page is located, traversing all the way up until it reaches the root directory. 
+    Which for this page uses the 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/_layout.html">/src/wwwroot/_layout.html</a> template
+    in the WebRoot directory, which as it's in the root directory, is the fallback Layout for all .html pages.
+</p>
+
+<p>
+    Pages can change the layout they use by either adding their own <em>_layout.html</em> page in their sub directory or specifying
+    a different layout in their pages metadata header, e.g:
+</p>
+
+{{ 'gfm/sharp-pages/03.md' |> githubMarkdown }}
+
+<p>
+    Where it instead embed the page using the closest <b>mobile-layout.html</b> it can find, starting from the Page's directory.
+    If your pages are instead embedded in the different folder you can request it directly from the root dir:
+</p>
+
+{{ 'gfm/sharp-pages/04.md' |> githubMarkdown }}
+
+<h4>Request Variables</h4>
+
+<p>
+    The QueryString and FORM variables sent to the page are available as arguments within the page using the 
+    <em>form</em> and <em>query</em> (or its shorter <em>qs</em> alias) collections, so a request like 
+    <a href="/docs/sharp-pages?id=1">/docs/sharp-pages?id=1</a> 
+    can access the <b>id</b> param with <em>{{ pass: qs.id }}</em>. The combined <em>{{pass: 'id' | formQuery }}</em> 
+    method enables the popular use-case of checking for the param in POST <em>FormData</em> before falling back to 
+    the <em>QueryString</em>. Use <em>{{pass: 'ids' | formQueryValues }}</em> for accessing multiple values sent by multiple checkboxes 
+    or multiple select inputs. The <em>{{pass: 'id' | httpParam }}</em> method searches all Request params including HTTP Headers, QueryString, 
+    FormData, Cookies and Request.Items. 
+</p>
+
+<p>
+    To help with generating navigation, the following Request Variables are also available:
+</p>
+
+<ul>
+    <li><em>{{ pass: Verb }}</em> evaluates to <b>{{ Verb }}</b></li>
+    <li><em>{{ pass: AbsoluteUri }}</em> evaluates to <b>{{ AbsoluteUri }}</b></li>
+    <li><em>{{ pass: RawUrl }}</em> evaluates to <b>{{ RawUrl }}</b></li>
+    <li><em>{{ pass: PathInfo }}</em> evaluates to <b>{{ PathInfo }}</b></li>
+</ul>
+
+<p>
+    You can use <em>{{ pass: PathInfo }}</em> to easily highlight the active link in a links menu as done in 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/sidebar.html">sidebar.html</a>:
+</p>
+
+{{ 'gfm/sharp-pages/05.md' |> githubMarkdown }}
+
+<h3 id="init-pages">Init Pages</h3>
+
+<p>
+    Just as how <em>Global.asax.cs</em> can be used to run Startup initialization logic in ASP.NET Web Applications and 
+    <em>Startup.cs</em> in .NET Core Apps, you can now add a <em>/_init.html</em> page for any script logic that's only executed once on Startup. 
+</p>
+
+<p>
+    This is used in the Blog Web App's <a href="https://github.com/sharp-apps/blog/blob/master/_init.html">_init.html</a>
+    where it will create a new <em>blog.sqlite</em> database if it doesn't exist seeded with the 
+    <em>UserInfo</em> and <em>Posts</em> Tables and initial data, e.g:
+</p>
+
+{{ 'gfm/sharp-pages/10.md' |> githubMarkdown }}
+
+<h4>Ignoring Pages</h4>
+
+<p>
+    You can ignore #Script from evaluating static <b>.html</b> files with the following page arguments:
+</p>
+
+{{ 'gfm/sharp-pages/06.md' |> githubMarkdown }}
+
+{{ 'gfm/sharp-pages/07.md' |> githubMarkdown }}
+
+{{ 'gfm/sharp-pages/08.md' |> githubMarkdown }}
+
+<blockquote>
+    Complete <b>.html</b> pages starting with <em>&lt;!DOCTYPE HTML&gt;</em> or <em>&lt;html</em> have their layouts ignored by default.
+</blockquote>
+
+<h4 id="ui-controls">Server UI Controls</h4>
+
+{{ 'gfm/sharp-pages/15.md' |> githubMarkdown }}
+
+<h3 id="templates-admin-service">Admin Service</h3>
+
+<p>
+    The new Admin Service lets you run admin actions against a running instance which by default is only accessible to <b>Admin</b> 
+    users and can be called with:
+</p>
+
+<pre><code>/script/admin</code></pre>
+
+<p>
+    Which will display the available actions which are currently only:
+</p>
+
+<ul>
+    <li><em>invalidateAllCaches</em> - Invalidate all caches and force pages to check if they've been modified on next request</li>
+    <li><em>RunInitPage</em> - Runs the Init page again</li>
+</ul>
+
+<h4>Zero downtime deployments</h4>
+
+<p>
+    These actions are useful after an xcopy/rsync deployment to enable zero downtime deployments by getting a running instance to invalidate all 
+    internal caches and force existing pages to check if it has been modified, the next time their called. 
+</p>
+
+<p>
+    Actions can be invoked in the format with:
+</p>
+
+<pre><code>/script/admin/{Actions}</code></pre>
+
+<p>
+    Which can be used to call 1 or more actions:
+</p>
+
+<pre><code>/script/admin/invalidateAllCaches
+/script/admin/invalidateAllCaches,RunInitPage</code></pre>
+
+<p>
+    By default it's only available to be called by **Admin** Users (or <a href="https://docs.servicestack.net/debugging#authsecret">AuthSecret</a>) 
+    but can be changed with:
+</p>
+
+{{ 'gfm/sharp-pages/11.md' |> githubMarkdown }}
+
+<h3>ServiceStack Scripts</h3>
+
+<p>
+    Methods for integrating with ServiceStack are available in 
+    <a href="/docs/servicestack-scripts">ServiceStack Scripts</a> and <a href="/docs/servicestack-scripts#info-scripts">Info Scripts</a> both
+    of which are pre-registered when registering the <em>SharpPagesFeature</em> Plugin.
+</p>
+
+<h3 id="markdown">Markdown Support</h3>
+
+<p>
+    Markdown is a great way to maintain and embed content of which <em>#Script</em> has great support for, which can be rendered using the
+    <em>markdown</em> filter to render markdown text to HTML:
+</p>
+
+<pre>{{#raw}}{{ `## Heading` |> markdown }}{{/raw}}</pre>
+
+<p>
+    This can be combined with other composable filters like <a href="/docs/protected-scripts#includefile">includeFile</a> to easily and 
+    efficiently render markdown content maintained in a separate file:
+</p>
+
+<pre>{{#raw}}{{ 'doc.md' |> includeFile |> markdown }}{{/raw}}</pre>
+
+<p>
+  Or you could use <a href="/docs/protected-scripts#includeurlwithcache">includeUrlWithCache</a> to efficiently render markdown from an
+  external URL:
+</p>
+
+<pre>{{#raw}}{{ url |> includeUrlWithCache |> markdown }}{{/raw}}</pre>
+
+<p>
+  A popular way for embedding static markdown content inside a page is to use the <a href="/docs/blocks#markdown">markdown</a> script block
+  which <a href="https://github.com/ServiceStack/sharpscript">this website</a> makes extensive use of:
+</p>
+
+<pre>{{#raw}}
+{{#markdown}}
+### Heading
+> Static Markdown Example
+{{/markdown }}
+{{/raw}}</pre>
+
+<p>
+  Providing an easy way for mixing in markdown content inside a dynamic web page. To embed dynamically rendered markdown content you can use
+  the <a href="/docs/blocks#capture">capture</a> script block to capture dynamic markdown that you can render with the <em>markdown</em> filter:
+</p>
+
+<pre>{{#raw}}{{#capture md}}
+### Dynamic Markdown Example
+{{#each i in range(1,5)}}
+  - {{i}}
+{{/each}}
+{{/capture}}
+{{ md |> markdown }}
+{{/raw}}</pre>
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/script-plugins.html b/wwwroot/docs/script-plugins.html
new file mode 100644
index 0000000..a4cb936
--- /dev/null
+++ b/wwwroot/docs/script-plugins.html
@@ -0,0 +1,8 @@
+<!--
+title: Script Plugins
+order: 8
+-->
+
+{{ 'gfm/script-plugins/01.md' |> githubMarkdown }}
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/scripts-reference.html b/wwwroot/docs/scripts-reference.html
new file mode 100644
index 0000000..38e4361
--- /dev/null
+++ b/wwwroot/docs/scripts-reference.html
@@ -0,0 +1,165 @@
+<!--
+title: Scripts API Reference
+order: 28
+-->
+
+{{ 'nameContains,tab' |> importRequestParams }}
+
+<form style="margin: 0 0 20px 0">
+    <div class="row">
+        <div class="col-auto">
+            <div class="input-group">
+                <label for="nameContains" style="line-height:2rem;margin:0 10px 0 0">Search for available methods:</label>
+                <input type="text" id="nameContains" name="nameContains" class="form-control" placeholder="Method Name Contains" 
+                       value="{{ nameContains }}"
+                       autofocus onfocus="var hold=this.value; this.value=''; this.value=hold"
+                       autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
+                <span class="input-group-btn"><button class="btn btn-primary" type="submit">Go!</button></span>
+                <input type="hidden" name="tab">
+            </div>
+        </div>
+    </div>
+</form>
+
+<ul id="methods" class="nav nav-tabs" role="tablist">
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#default-scripts" role="tab">Default</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#html-scripts" role="tab">HTML</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#protected-scripts" role="tab">Protected</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#info-scripts" role="tab">Info</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#redis-scripts" role="tab">Redis</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#db-scripts" role="tab">OrmLite</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#validate-scripts" role="tab">Validate</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#autoquery-scripts" role="tab">AutoQuery</a>
+    </li>
+    <li class="nav-item">
+        <a class="nav-link" data-toggle="tab" href="#ss-scripts" role="tab">ServiceStack</a>
+    </li>
+</ul>
+
+{{#raw appendTo scripts}}
+<script>
+var tab = queryStringParams()['tab'] || 'default-scripts';
+$("#" + tab).addClass('active');
+$(".nav-link[href$=" + tab + "]").addClass('active');
+$(".result .output").css({ maxHeight: $(document).height() - 550 })
+
+$("FORM").submit(function(){
+    $("input[name=tab]").val($(".tab-pane.active").attr('id'))
+})
+</script>
+{{/raw}}
+
+<style>
+    .result .output {
+        margin: 0;
+        padding: 0;
+        max-height: auto;
+        font-size: 16px;
+        border-radius: 0;
+        border-top: 0;
+    }
+    .live-template {
+        padding-top: 0;
+    }
+    .live-template textarea {
+        border-top: 0;
+        border-radius: 0;
+    }
+    td:first-child {
+        text-align: right
+    }
+</style>
+
+{{ var rows = 6 }}
+<div class="tab-content">
+    <div class="tab-pane" id="default-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'DefaultScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="html-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'HtmlScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="protected-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'ProtectedScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="info-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'InfoScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="redis-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'RedisScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="db-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'DbScriptsAsync' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="validate-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'ValidateScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="autoquery-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'AutoQueryScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+    <div class="tab-pane" id="ss-scripts" role="tabpanel">
+{{ "live-template" |> partial({ rows, className, template:`{{ 'ServiceStackScripts' |> to => method }}
+{{ method |> methodsAvailable |> where => it.Name.lower().contains((nameContains ?? '').lower())
+          |> to => methods }}
+<table class="table table-striped"><caption>{{ method |> methodLinkToSrc }}</caption>
+{{#each methods}}<tr><td>{{FirstParam}}</td><td>{{Body}}</td><td>{{Return}}</td></tr>{{/each}}
+</table>` }) }}
+    </div>
+</div>
+
+
+{{ "doc-links" |> partial({ order }) }}
\ No newline at end of file
diff --git a/wwwroot/docs/servicestack-scripts.html b/wwwroot/docs/servicestack-scripts.html
new file mode 100644
index 0000000..afeb6a2
--- /dev/null
+++ b/wwwroot/docs/servicestack-scripts.html
@@ -0,0 +1,391 @@
+<!--
+title: ServiceStack Scripts
+order: 14
+-->
+
+<p>
+    The ServiceStack Scripts provide integration with ServiceStack features that are already pre-registered in ServiceStack's 
+    <em>SharpPagesFeature</em> which are implemented in 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/ServiceStackScripts.cs">ServiceStackScripts</a>.
+</p>
+
+<blockquote>
+    See <a href="/docs/servicestack-scripts#info-scripts">Info Scripts</a> for accessing the currently authenticated user.
+</blockquote>
+
+<style>
+    h2 {
+        padding: 0;
+        margin: 0;
+    }
+</style>
+
+<h3>sendToGateway</h3>
+
+<p>
+    <em>sendToGateway</em> lets you easily call any ServiceStack Service available through its 
+    <a href="https://docs.servicestack.net/service-gateway">Service Gateway</a> which allows the same API to transparently
+    <a href="https://docs.servicestack.net/service-gateway#service-integration-apis">call an In-Process or Remote Service</a>. 
+</p>
+
+<p>
+    The example below calls this <em>QueryCustomers</em>
+    <a href="https://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS Service</a>, its entire implementation is below:
+</p>
+
+{{ 'gfm/servicestack-scripts/01.md' |> githubMarkdown }}
+
+{{ 'examples/sendtogateway-customers.html' |> includeFile |> to => template }}
+{{ "live-template" |> partial({ rows:11, template }) }}
+
+<h3>execService</h3>
+
+<p>
+    <em>execService</em> is a readable alternative to calling a service via <em>sendToGateway</em> without arguments, e.g:
+</p>
+
+<pre>{{#raw}}AUTH = {{ 'Authenticate' |> execService({ ifErrorReturn: "null" }) |> json }};
+
+AUTH = {{ {} |> sendToGateway('Authenticate', { ifErrorReturn: "null" }) |> json }};{{/raw}}</pre>
+
+<h3>publishToGateway</h3>
+
+<p>
+    <em>publishToGateway</em> is for sending OneWay requests with side-effects to <em>IReturnVoid</em> Services, e.g:
+</p>
+
+{{ 'gfm/servicestack-scripts/02.md' |> githubMarkdown }}
+
+<h3>publishMessage</h3>
+
+<p>
+    <em>publishMessage</em> is used for sending Request DTOs to be processed by the configured <a href="https://docs.servicestack.net/messaging">MQ Server</a>:
+</p>
+
+{{ 'gfm/servicestack-scripts/09.md' |> githubMarkdown }}
+
+<h3 id="sendToAutoQuery-data">sendToAutoQuery</h3>
+
+<p>
+    The <em>sendToAutoQuery</em> method makes requests directly against the <a href="https://docs.servicestack.net/autoquery">AutoQuery API</a>. 
+    The <em>ServiceStackScripts</em> only supports calling 
+    <a href="https://docs.servicestack.net/autoquery-data">AutoQuery Data Services</a> as it's implementation is contained
+    within the <a href="https://www.nuget.org/packages/ServiceStack">ServiceStack</a> NuGet package.
+</p>
+
+<p>
+    <a href="https://docs.servicestack.net/autoquery-data">AutoQuery Data</a>
+    is an open querying abstraction that supports multiple pluggable back-ends that enables rich querying of 
+    <a href="https://docs.servicestack.net/autoquery-memory">In Memory</a> collections, 
+    results from executed <a href="https://docs.servicestack.net/autoquery-service">ServiceStack Services</a> as well as 
+    AWS <a href="https://docs.servicestack.net/autoquery-dynamodb">Dynamo DB</a> data stores. It also maintains the equivalent 
+    external API and wire-format as <a href="https://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> Services
+    which is how <a href="https://github.com/ServiceStack/Admin">AutoQuery Viewer</a> is able to transparently support 
+    building custom queries for any AutoQuery Service.
+</p>
+
+<h4>GitHub AutoQuery Data Example</h4>
+
+<p>
+    For this example we'll register a <b>ServiceSource</b> which will call the 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/AutoDataQueryServices.cs">GetGithubRepos Service implementation</a>
+    for any AutoQuery Data DTOs that query <em>GithubRepo</em> data sources: 
+</p>
+
+{{ 'gfm/servicestack-scripts/03.md' |> githubMarkdown }}
+
+<p>
+    This registration also specifies to cache the response of the <em>GetGithubRepos</em> Service in the registered 
+    <a href="https://docs.servicestack.net/caching">Caching Provider</a> and operate on the cached data set for up to 
+    <b>10 minutes</b> to mitigate GitHub API's rate-limiting. All that's remaining is to create the <em>QueryGitHubRepos</em> 
+    Service by defining the Request DTO below and implement the backing
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/AutoDataQueryServices.cs">GetGithubRepos Service</a>
+    it calls which combines a number of GitHub API calls to fetch all Repo's for a GitHub User or Organization:
+</p>
+
+{{ 'gfm/servicestack-scripts/04.md' |> githubMarkdown }}
+
+<p>
+    That's all that's required to be able to query GitHub's User and Organization APIs, since they're just normal ServiceStack Services
+    we could've used <em>sendToAutoQuery</em> to call <em>QueryGitHubRepos</em> but it would be limited to only being able to call properties
+    explicitly defined on the Request DTO, whereas <em>sendToAutoQuery</em> executes against the <em>IAutoQueryData</em> API which 
+    enables access to all <a href="https://docs.servicestack.net/autoquery-rdbms#implicit-conventions">Implicit Conventions</a> 
+    and other Querying related functionality:
+</p>
+
+{{ 'examples/sendToAutoQuery-data.html' |> includeFile |> to => template }}
+{{ "live-template" |> partial({ rows:6, template }) }}
+
+<h3>AutoQuery RDBMS</h3>
+
+<p>
+    <a href="https://docs.servicestack.net/autoquery-rdbms">AutoQuery RDBMS</a> is implemented in the
+    <a href="https://www.nuget.org/packages/ServiceStack.Server">ServiceStack.Server</a> NuGet package
+    which you'll need to install along with the
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a>
+    which can then be registered in the IOC with:
+</p>
+
+{{ 'gfm/servicestack-scripts/05.md' |> githubMarkdown }}
+    
+<p>
+    AutoQuery can then be enabled by registering the <em>AutoQueryFeature</em> plugin:
+</p>
+
+{{ 'gfm/servicestack-scripts/06.md' |> githubMarkdown }}
+
+<p>
+    Which will let you start developing <a href="https://docs.servicestack.net/autoquery-rdbms">AutoQuery Services</a>.
+    To then let your Scripts call AutoQuery Services directly, register the <em>AutoQueryScripts</em>:
+</p>
+
+{{ 'gfm/servicestack-scripts/07.md' |> githubMarkdown }}
+
+<h4 id="sendToAutoQuery-rdbms">sendToAutoQuery</h4>
+
+<p>
+    As they share the same semantics and wire-format, you can use the same <b>sendToAutoQuery</b> method name to call
+    either AutoQuery Data or AutoQuery RDBMS Services which automatically gets routed to the appropriate implementation. 
+    This also means that you can replace your implementation to from AutoQuery Data to RDBMS and vice-versa behind the
+    scenes and your scripts will continue to work untouched.
+</p>
+
+<p>
+    For this example we'll re-use the same <em>QueryCustomers</em> AutoQuery Implementation that the 
+    <a href="/docs/servicestack-scripts#sendtogateway">sendToGateway</a> uses:
+</p>
+
+{{ 'gfm/servicestack-scripts/08.md' |> githubMarkdown }}
+
+<p>
+    But instead of being limited by explicit properties on the Request DTO 
+    <em>sendToAutoQuery</em> extends the queryability of AutoQuery Services to enable querying all
+    <a href="https://docs.servicestack.net/autoquery-rdbms#implicit-conventions">implicit conventions</a> as well:
+</p>
+
+{{ 'examples/sendToAutoQuery-rdms.html' |> includeFile |> to => template }}
+{{ "live-template" |> partial({ rows:6, template }) }}
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=ss-scripts">full list of ServiceStack Scripts available</a>.
+</p>
+
+<h2 id="info-scripts">Info Scripts</h2>
+
+
+<p>
+    The debug info methods provide an easy to inspect the state of a remote ServiceStack Instance by making a number of metadata
+    objects and APIs available to query. The 
+    <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack/InfoScripts.cs">InfoScripts</a>
+    are pre-registered in ServiceStack's <em>SharpPagesFeature</em>. You can make them available in a <em>ScriptContext</em> with:
+</p>
+
+{{ 'gfm/info-scripts/01.md' |> githubMarkdown }}
+
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th>Method Name</th>
+            <th>API Mapping</th>
+        </tr>
+    </thead>
+    <tr>
+        <th colspan="2" style="text-align:right">Environment APIs</th>
+    </tr>
+    <tr>
+        <th>envVariable</th>
+        <td>Environment.GetEnvironmentVariable(variable)</td>
+    </tr>
+    <tr>
+        <th>envExpandVariables</th>
+        <td>Environment.ExpandEnvironmentVariables(name)</td>
+    </tr>
+    <tr>
+        <th>envProcessorCount</th>
+        <td>Environment.ProcessorCount</td>
+    </tr>
+    <tr>
+        <th>envTickCount</th>
+        <td>Environment.TickCount</td>
+    </tr>
+    <tr>
+        <th>envServerUserAgent</th>
+        <td>Env.ServerUserAgent</td>
+    </tr>
+    <tr>
+        <th>envServiceStackVersion</th>
+        <td>Env.ServiceStackVersion</td>
+    </tr>
+    <tr>
+        <th>envIsWindows (isWin)</th>
+        <td>Env.IsWindows (net45) / IsOSPlatform(Windows) (netcore)</td>
+    </tr>
+    <tr>
+        <th>envIsLinux</th>
+        <td>Env.IsLinux (net45) / IsOSPlatform(Linux) (netcore)</td>
+    </tr>
+    <tr>
+        <th>envIsOSX</th>
+        <td>Env.IsOSX (net45) / IsOSPlatform(OSX) (netcore)</td>
+    </tr>
+    <tr>
+        <th>networkIpv4Addresses</th>
+        <td>GetAllNetworkInterfaceIpv4Addresses()</td>
+    </tr>
+    <tr>
+        <th>networkIpv6Addresses</th>
+        <td>GetAllNetworkInterfaceIpv6Addresses()</td>
+    </tr>
+    <tr>
+        <th colspan="2" style="text-align:right">ServiceStack User APIs</th>
+    </tr>
+    <tr>
+        <th>userSession</th>
+        <td>IRequest.GetSession()</td>
+    </tr>
+    <tr>
+        <th>userSessionId</th>
+        <td>IRequest.GetSessionId()</td>
+    </tr>
+    <tr>
+        <th>userAuthId</th>
+        <td>IRequest.GetSession().UserAuthId</td>
+    </tr>
+    <tr>
+        <th>userAuthName</th>
+        <td>IRequest.GetSession().UserAuthName</td>
+    </tr>
+    <tr>
+        <th>userSession</th>
+        <td>IRequest.GetSession()</td>
+    </tr>
+    <tr>
+        <th>userPermanentSessionId</th>
+        <td>IRequest.GetPermanentSessionId()</td>
+    </tr>
+    <tr>
+        <th>userSessionOptions</th>
+        <td>IRequest.GetSessionOptions()</td>
+    </tr>
+    <tr>
+        <th>userHasRole</th>
+        <td>IAuthSession.HasRole(role)</td>
+    </tr>
+    <tr>
+        <th>userHasPermission</th>
+        <td>IAuthSession.HasPermission(permission)</td>
+    </tr>
+    <tr>
+        <th colspan="2" style="text-align:right">ServiceStack Metadata APIs</th>
+    </tr>
+    <tr>
+        <th>metaAllDtos</th>
+        <td>Metadata.GetAllDtos()</td>
+    </tr>
+    <tr>
+        <th>metaAllDtoNames</th>
+        <td>Metadata.GetOperationDtos(x => x.Name)</td>
+    </tr>
+    <tr>
+        <th>metaAllOperations</th>
+        <td>Metadata.Operations</td>
+    </tr>
+    <tr>
+        <th>metaAllOperationNames</th>
+        <td>Metadata.GetAllOperationNames()</td>
+    </tr>
+    <tr>
+        <th>metaAllOperationTypes</th>
+        <td>Metadata.GetAllOperationTypes()</td>
+    </tr>
+    <tr>
+        <th>metaOperation</th>
+        <td>Metadata.GetOperation(name)</td>
+    </tr>
+</table>
+
+<hr>
+
+<h4 style="position:absolute; margin: 0 0 0 640px" ><a href="/metadata/debug">/metadata/debug</a></h4>
+<h3 id="debug-template">Debug Inspector</h3>
+
+<a href="/metadata/debug">
+    <img src="/assets/img/screenshots/metadata-debug.png" alt="Metadata Debug Inspectors Screenshot">
+</a>
+
+<p>
+    The Debug Inspector is a Service in <em>SharpPagesFeature</em> that's pre-registered in <a href="https://docs.servicestack.net/debugging#debugmode">DebugMode</a>. 
+    The Service can also be available when not in <b>DebugMode</b> by enabling it with:
+</p>
+
+{{ 'gfm/info-scripts/02.md' |> githubMarkdown }}
+
+<p>
+    This registers the Service but limits it to Users with the <em>Admin</em> role, alternatively you configure an 
+    <a href="https://docs.servicestack.net/debugging#authsecret">Admin Secret Key</a>:
+</p>
+
+{{ 'gfm/info-scripts/03.md' |> githubMarkdown }}
+
+<p>
+    Which will let you access it by appending the authsecret to the querystring: 
+    <em>/metadata/debug?authsecret=secret</em>
+</p>
+
+<p>
+    Alternatively if preferred you can make the Debug Inspector Service available to all users with:
+</p>
+
+{{ 'gfm/info-scripts/04.md' |> githubMarkdown }}
+
+<p>
+    Which is the configuration used in this .NET Core App which makes the Debug Inspector Service accessible to everyone:
+</p>
+
+<h4><a href="/metadata/debug">/metadata/debug</a></h4>
+
+<p>
+    Debug Inspectors are executed in a new <em>ScriptContext</em> instance pre-configured with the above <em>InfoScripts</em>
+    and a copy of any context arguments in <em>SharpPagesFeature</em> which is the only thing it can access from the plugin.
+</p>
+
+<p>
+    In addition to <em>SharpPagesFeature</em> arguments, they're also populated with the following additional arguments:
+</p>
+
+<table class="table">
+    <tr>
+        <th>request</th>
+        <td>The current <em>IHttpRequest</em></td>
+    </tr>
+    <tr>
+        <th>appHost</th>
+        <td>The ServiceStack AppHost Instance</td>
+    </tr>
+    <tr>
+        <th>appConfig</th>
+        <td>ServiceStack's AppHost Configuration</td>
+    </tr>
+    <tr>
+        <th>appVirtualFilesPath</th>
+        <td>The Read/Write <em>IVirtualFiles</em> (aka ContentRootPath)</td>
+    </tr>
+    <tr>
+        <th>appVirtualFileSourcesPath</th>
+        <td>Multiple read-only Virtual File Sources (aka WebRootPath)</td>
+    </tr>
+    <tr>
+        <th>meta</th>
+        <td>ServiceStack Metadata Services Object</td>
+    </tr>
+</table>
+
+<p>
+    See the Scripts API Reference for the 
+    <a href="/docs/scripts-reference?tab=info-scripts">full list of Info scripts available</a>.
+</p>
+
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/sharp-apis.html b/wwwroot/docs/sharp-apis.html
new file mode 100644
index 0000000..419abbd
--- /dev/null
+++ b/wwwroot/docs/sharp-apis.html
@@ -0,0 +1,213 @@
+<!--
+title: Sharp APIs
+order: 21
+-->
+
+<p>
+    In addition to being productive high-level .NET scripting language for generating dynamic HTML pages, #Script can also 
+    be used to rapidly develop Web APIs which can take advantage of the new support for 
+    <a href="/docs/sharp-pages#dynamic-page-routes">Dynamic Page Based Routes</a>
+    to rapidly develop data-driven JSON APIs and make them available under the ideal "pretty" URLs whilst utilizing the same Live Development workflow 
+    that doesn't need to define any C# Types or execute any builds - as all development can happen in real-time whilst the App is running,
+    enabling the fastest way to develop Web APIs in .NET!    
+</p>
+
+<h2 id="dynamic-sharp-apis">Dynamic Sharp APIs</h2>
+
+<p>
+    The only difference between a Sharp Page that <b>generates HTML</b> or a Sharp Page that <b>returns an API Response</b> is that Sharp APIs 
+    return a value using the <em>return</em> method. 
+</p>
+
+<p>
+    For comparison, to create a <b>Hello World</b> C# ServiceStack Service you would typically create a Request DTO, Response DTO and a Service implementation:
+</p>
+
+{{ 'gfm/sharp-apis/04.md' |> githubMarkdown }}
+
+<h3 id="dedicated-sharp-apis">Dedicated Sharp APIs</h3>
+
+<p>
+    Dedicated Sharp APIs lets you specify a path where your "Sharp API" are located when registering <em>SharpPagesFeature</em>:
+</p>
+
+{{ 'gfm/sharp-apis/01.md' |> githubMarkdown }}
+
+<p>
+    All pages within the <b>/api</b> folder are also treated like "Sharp API" for creating Web APIs where instead of writing their response to the 
+    Output Stream, their return value is serialized in the requested Content-Type using the <em>return</em> method:
+</p>
+
+<pre class="cs"><code>{{#raw}}{{ response |> return }}
+{{ response |> return({ ... }) }}
+{{ httpResult({ ... }) |> return }}
+{{/raw}}</code></pre>
+
+<p>
+    The route for the dedicated API page starts the same as the filename and one advantage over Dynamic Sharp APIs above is that a single Page
+    can handle multiple requests with different routes, e.g:
+</p>
+
+<pre>
+/api/customers                // PathArgs = []
+/api/customers/1              // PathArgs = ['1']
+/api/customers/by-name/Name   // PathArgs = ['by-name','Name']
+</pre>
+
+<h3>API Page Examples</h3>
+
+<p>
+    To demonstrate Sharp APIs in action we've added Web APIs equivalents for Rockwind's 
+    <a href="http://rockwind-sqlite.web-app.io/northwind/customers">customers</a> and
+    <a href="http://rockwind-sqlite.web-app.io/northwind/products">products</a> HTML pages with the implementation below:
+</p>
+
+<style>
+    th:first-child {
+        text-align: right;
+    }
+</style>
+
+<h4><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></h4>
+
+<p>
+    The entire implementation of the customers API is below:
+</p>
+
+{{ 'gfm/sharp-apis/02.md' |> githubMarkdown }}
+
+<p>
+    These are some of the API's that are made available with the above implementation:
+</p>
+
+<table class="table table-striped">
+    <tr class="bg-success">
+        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/customers API</td>
+    </tr>
+    <tr>
+        <th>All Customers</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
+            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
+        </td>
+    </tr>
+    <tr>
+        <th>Alfreds Futterkiste Details</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>As List</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Customers in Germany</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Customers in London</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
+        </td>
+    </tr>    
+    <tr>
+        <th>Combination Query</th>
+        <td>
+            <a href="http://rockwind-sqlite.web-app.io/api/customers?city=London&amp;country=UK&amp;limit=3">/api/customers?city=London&amp;country=UK&amp;limit=3</a>
+        </td>
+    </tr>
+</table>
+
+<h4><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></h4>
+
+<p>
+    The Products API is an example of a more complex API where data is sourced from multiple tables:
+</p>
+
+{{ 'gfm/sharp-apis/03.md' |> githubMarkdown }}
+
+<p>
+    Some API examples using the above implementation:
+</p>
+
+<table class="table table-striped">
+    <tr class="bg-success">
+        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/products API</td>
+    </tr>
+    <tr>
+        <th>All Products</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products">/api/products</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv">/api/products.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html">/api/products.html</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Chai Product Details</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1">/api/products/1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.csv">/api/products/1.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products/1.html">/api/products/1.html</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>As List</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?id=1">/api/products?id=1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?id=1">/api/products.csv?id=1</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?id=1">/api/products.html?id=1</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Beverage Products</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?category=Beverages">/api/products?category=Beverages</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?category=Beverages">/api/products.csv?category=Beverages</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?category=Beverages">/api/products.html?category=Beverages</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Bigfoot Breweries Products</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?supplier=Bigfoot+Breweries">/api/products?supplier=Bigfoot+Breweries</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?supplier=Bigfoot+Breweries">/api/products.csv?supplier=Bigfoot+Breweries</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?supplier=Bigfoot+Breweries">/api/products.html?supplier=Bigfoot+Breweries</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Products containing Tofu</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products?nameContains=Tofu">/api/products?nameContains=Tofu</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.csv?nameContains=Tofu">/api/products.csv?nameContains=Tofu</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/products.html?nameContains=Tofu">/api/products.html?nameContains=Tofu</a></div>
+        </td>
+    </tr>
+</table>
+
+<h2>Untyped APIs</h2>
+
+<p>
+    As these APIs don't have a Typed Schema they don't benefit from any of ServiceStack's metadata Services, i.e.
+    they're not listed in <a href="https://docs.servicestack.net/metadata-page">Metadata pages</a>, included in
+    <a href="https://docs.servicestack.net/openapi">Open API</a> or have Typed APIs generated using
+    <a href="https://docs.servicestack.net/add-servicestack-reference">Add ServiceStack Reference</a>.
+</p>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/sharp-apps.html b/wwwroot/docs/sharp-apps.html
new file mode 100644
index 0000000..024b307
--- /dev/null
+++ b/wwwroot/docs/sharp-apps.html
@@ -0,0 +1 @@
+{{ httpResult({ status: 301, Location:'/sharp-apps/' }) |> return }}
\ No newline at end of file
diff --git a/wwwroot/docs/sharp-pages.html b/wwwroot/docs/sharp-pages.html
new file mode 100644
index 0000000..3cd1834
--- /dev/null
+++ b/wwwroot/docs/sharp-pages.html
@@ -0,0 +1 @@
+{{ httpResult({ status: 301, Location:'/docs/script-pages' }) |> return }}
\ No newline at end of file
diff --git a/wwwroot/docs/sharp-scripts.html b/wwwroot/docs/sharp-scripts.html
new file mode 100644
index 0000000..1d58e8b
--- /dev/null
+++ b/wwwroot/docs/sharp-scripts.html
@@ -0,0 +1,304 @@
+<!--
+title: Sharp Scripts
+order: 22
+-->
+
+{{#markdown}}
+Unlike most languages, `#Script` has 2 outputs, the side-effect of the script itself and its textual output which makes it ideal for 
+literate programming where executable snippets can be embedded inside an executable document. 
+
+[code blocks](/docs/syntax#code-blocks) are a convenient markup for embedding executable scripts within a document without the distracting boilerplate 
+of wrapping each statement in expression blocks. Together with `x watch`, `#Script` allows for an iterative, exploratory style of programming
+in a live programming environment that benefits many domains whose instant progressive feedback unleashes an unprecedented amount of
+productivity, one of those areas it benefits is shell scripting where the iterative feedback is invaluable in working towards a solution
+for automating the desired task.
+
+Some [protected script methods](/docs/protected-scripts) used to improve Usage in shell scripts, include:
+
+ - `string proc(string exeFileName, {arguments:string, dir:string})`
+    - Execute a local system process
+        - **arguments**: command line args
+        - **dir**: working directory
+ - `sh(cmdArgs, {dir:string})`
+    - Executes shell commands. Uses `cmd.exe /C {cmdArgs}` in Windows, otherwise `/bin/bash -c {cmdArgs}` on macOS/Linux
+ - `string exePath(string exeName)` 
+    - Returns the full path to an executable located in the users **$PATH**
+ - `string osPaths(string path)` 
+    - Rewrite paths to use `\` for Windows, otherwise uses `/`
+
+From this list, you're likely to use `sh` the most to execute arbitrary commands with:
+
+    cmd |> sh
+
+> As with any `#Script` method, it can also be executed using the less natural forms of `cmd.sh()` or `sh(cmd)`
+
+Which will emit the **StandardOutput** of the command if successful, otherwise it throws an Exception if anything was written to
+the **StandardError**. Checkout the [Error Handling docs](https://sharpscript.net/docs/error-handling) for how to handle exceptions.
+
+With the features in this release, `#Script` has now became our preferred way to create x-plat shell scripts which can be run
+with the Windows [app](https://docs.servicestack.net/netcore-windows-desktop) or x-plat [x](https://docs.servicestack.net/dotnet-tool) dotnet tool which runs everywhere .NET Core does.
+
+As such, all scripts in [ServiceStack/mix](https://github.com/ServiceStack/mix) provides a good collection of `.ss` scripts to check out
+which are used to maintain the Gist content that powers the new `mix` feature.
+
+#### Live Shell Scripting Preview  
+
+To provide a glimpse of the productivity of this real-time exploratory programming-style, here's an example
+of a task we needed to automate to import and rename **48px** SVG images from [Material Design Icons Project](https://github.com/google/material-design-icons) folders into the form needed in the `mix` Gists:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/rename-icons.gif)](https://youtu.be/joXSHtfb_7g)
+
+> YouTube: [youtu.be/joXSHtfb_7g](https://youtu.be/joXSHtfb_7g)
+
+Here we can see how we're able to progressively arrive at our solution without leaving the source code, with the **watched** script 
+automatically updated at each `Ctrl+S` save point where we're able to easily infer its behavior from its descriptive textual output.
+
+#### Explore HTTP APIs in real-time
+
+The real-time scriptability of `#Script` makes it ideal for a whole host of Exploratory programming tasks that would otherwise be painful
+in the slow code/build/debug cycles of a compiled language like C#, like being able to cut, sort & slice HTTP APIs with ease:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/github-api.gif)](https://youtu.be/Yjx_9Tp91bQ)
+
+> YouTube: [youtu.be/Yjx_9Tp91bQ](https://youtu.be/Yjx_9Tp91bQ)
+
+#### Live Querying of Databases
+
+It also serves a great tool for data exploration, akin to a programmable SQL Studio environment with instant feedback:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/query-northwind.gif)](https://youtu.be/HCjxVJ8RyPc)
+
+> YouTube: [youtu.be/HCjxVJ8RyPc](https://youtu.be/HCjxVJ8RyPc)
+
+That benefits from being able to maintain reusable queries in simple, executable text files that can be organized along with other 
+shell scripts and treated like source code where it can be checked into a versionable repo, that anyone will be able to checkout and run 
+from the command-line in Windows, macOS or Linux OS's.
+
+> Refer to [Sharp App Docs](/docs/sharp-apps#multi-platform-configurations) for different `db.connection` examples of supported RDBMS's.
+
+#### Utilize high-level ServiceStack Features
+
+Here's another example showing the expressive power of `#Script` and its [comprehensive high-level library](https://sharpscript.net/docs/scripts-reference)
+which is used to update all library dependencies of the [Vue and React "lite" Project Templates](/templates-lite):
+
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/12.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+
+Running without any arguments:
+
+    $ x run libraries.ss
+
+will update both React and Vue dependencies:
+
+    Writing to 26 files to react-lite-lib 'ad42adc11337c243ee203f9e9f84622c' ...
+    Writing to 41 files to vue-lite-lib '717258cd4c26ba612e5eed0615d8d61c' ...
+
+Alternatively it can be limited to updating a single Framework dependencies with:
+
+    $ x run libraries.ss vue-lite-lib
+
+The [web dotnet tool](https://docs.servicestack.net/web-new) also includes the capability of both **executing** `#Script` scripts as well
+as **watching** scripts to enable a [live visual REPL](#live-script-with-web-watch) with instant real-time feedback that makes it perfect
+for Exploratory tasks.
+
+### Bundling and Minification
+
+The Vue and React "lite" project templates take advantage of this in their 
+[Pre-compiled minified production _bundle.ss script](https://docs.servicestack.net/templates-lite#pre-compiled-minified-production-bundles) 
+which is run with `x run {script}`:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/10.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+Which can be run with the `x` tool:
+
+    $ dotnet tool install --global x 
+
+    $ x run wwwroot/_bundle.ss
+
+Which will create the production bundles, minify all already non-minified bundles and write them to disk with the paths written visible in the 
+`#Script` *_bundle.ss* output:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/11.md' |> githubMarkdown }}
+
+{{#markdown}}
+#### Sharp Scripts run in context of Sharp Apps
+
+Sharp Scripts are **run in the same context** and have access to the same functionality and features as a [Sharp App](/docs/sharp-apps) 
+including extensibility va [custom plugins](/docs/sharp-apps#plugins). 
+They can run **stand-alone** independent of an 
+[app.settings](/docs/sharp-apps#ideal-for-web-designers-and-content-authors) config file, instead the app settings configuration
+can be added in its page arguments to enable or configure any features.
+
+Lets go through a couple of different possibilities we can do with scripts:
+
+### AWS Dashboards
+
+The [comprehensive built-in scripts](/docs/default-scripts) coupled with ServiceStack's agnostic 
+providers like the [Virtual File System](/virtual-file-system) makes it easy to quickly query infrastructure resources
+like all Tables and Row counts in managed AWS RDS Instances or Search for static Asset resources in S3 Buckets.
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/03.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+You can use `$NAME` to move confidential information out of public scripts where it will be replaced with Environment 
+Variables. Then run the script as normal and optionally provide a pattern for files you want to search for:
+
+    $ x run script-aws.ss *.jpg
+
+Where it displays a dashboard of activity from your AWS resources: containing all Tables with their Row Counts, 
+adhoc queries like your last 5 Orders, The Root files and Folders available in your S3 Bucket and any matching resources 
+from your specified search pattern:
+
+    Querying AWS...
+
+    | Tables                   ||
+    |--------------------|------|
+    | Order Detail       | 2155 |
+    | Order              | 830  |
+    | Customer           | 91   |
+    | Product            | 77   |
+    | Territory          | 53   |
+    | Region             | 0    |
+    | Shipper            | 0    |
+    | Supplier           | 0    |
+    | Category           | 0    |
+    | Employee           | 0    |
+    | Employee Territory | 0    |
+
+    Last 5 Orders:
+
+    | # | Id    | CustomerId | EmployeeId | Freight |
+    |---|-------|------------|------------|---------|
+    | 1 | 11077 | RATTC      | 1          | $8.53   |
+    | 2 | 11076 | BONAP      | 4          | $38.28  |
+    | 3 | 11075 | RICSU      | 8          | $6.19   |
+    | 4 | 11074 | SIMOB      | 7          | $18.44  |
+    | 5 | 11073 | PERIC      | 2          | $24.95  |
+
+
+    | Root Files + Folders   |
+    |------------------------|
+    | api/                   |
+    | northwind/             |
+    | rockstars/             |
+    | index.html             |
+    | web.aws.settings       |
+    | web.postgres.settings  |
+    | web.sqlite.settings    |
+    | web.sqlserver.settings |
+
+
+    First 5 *.jpg files in S3:
+    assets/img/home-icon.jpg
+    rockstars/alive/grohl/splash.jpg
+    rockstars/alive/love/splash.jpg
+    rockstars/alive/springsteen/splash.jpg
+    rockstars/alive/vedder/splash.jpg
+
+### Azure Dashboards
+
+The nice thing about `#Script` late-binding and cloud agnostic providers is that with just different configuration we
+can **use the exact same script** to query an Azure managed SQL Server Database and Azure Blob File Storage:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/04.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+## Live #Script with 'web watch'
+
+What's even nicer than the fast feedback of running adhoc scripts? Is the instant feedback you get from being able to **"watch"** the same script!
+
+To watch a script just replace `run` with `watch`:
+
+    $ x watch script-aws.ss *.jpg
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/watch-aws-azure.gif)](https://youtu.be/GQvxyPHQjhM)
+
+> YouTube: [youtu.be/GQvxyPHQjhM](https://youtu.be/GQvxyPHQjhM)
+
+The ability to run stand-alone adhoc scripts in an extensible dynamic scripting language feels like you're 
+using a "developer enhanced" SQL Studio, where you can combine queries from multiple data sources, [manipulate them with LINQ](https://sharpscript.net/linq/restriction-operators) 
+and quickly pipe results to dump utils to combine them in the same output for instant visualization.
+
+`#Script` scripts can also be easily shared, maintained in gists and run on all different Win/OSX/Linux OS's that .NET Core runs on.
+
+### Live Transformations
+
+Another area where "watched" scripts can shine is as a "companion scratch pad" assistant during development that you can quickly switch to
+and instantly test out live code fragments, calculations and transformations, e.g. This ends up being a great way to test out markdown syntax
+and Nuglify's advanced compression using our new `minifyjs` and `minifycss` [Script Blocks](/docs/blocks):
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/05.md' |> githubMarkdown }}
+
+{{#markdown}}
+Then run with:
+
+    $ x watch livepad.ss
+
+Which starts a live watched session that re-renders itself on save, initially with:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/06.md' |> githubMarkdown }}
+
+{{#markdown}}
+### Live Session
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/livepad.gif)](/docs/sharp-scripts)
+
+### Adhoc reports
+
+Scripts can use the built-in [Database Scripts](/docs/db-scripts) to be able to [run queries against any](/docs/sharp-apps#multi-platform-configurations) `sqlite`, `sqlserver`, `mysql` and `postgres` database and quickly view data snapshots using the built-in
+[HTML Scripts](/docs/html-scripts#htmldump), e.g:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/01.md' |> githubMarkdown }}
+
+{{#markdown}}
+#### Specifying Script Arguments
+
+The above script generates a static HTML page can be invoked with **any number of named arguments** after the script name, in this case it
+generates a report for Northwind Order **#10643**, saves it to `10643.html` and opens it in the OS's default browser:
+
+    $ x run script.html -id 10643 > 10643.html && start 10643.html
+
+Which looks like:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/10643.html.png)
+
+### textDump
+
+Generating static `.html` pages can quickly produce reports that looks good enough to share with others, 
+but if you just want to see a snapshot info at a glance or be able to share in text-based mediums like email or chat
+channels you can replace `htmlDump` with `textDump` where it will instead output GitHub flavored Markdown tables, e.g:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/02.md' |> githubMarkdown }}
+
+{{#markdown}}
+As the output is human-readable we can view directly it without a browser:
+
+    $ x run script.ss -id 10643 
+
+Which will output:
+{{/markdown}}
+
+{{ 'gfm/sharp-scripts/07.md' |> githubMarkdown }}
+
+{{#markdown}}
+And because they're GitHub Flavored Markdown Tables they can be embedded directly in Markdown docs (like this) where it's renders as:
+{{/markdown}}
+
+<div class='markdown-body'>
+{{ 'gfm/sharp-scripts/08.md' |> githubMarkdown }}
+</div>
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/syntax.html b/wwwroot/docs/syntax.html
new file mode 100644
index 0000000..950629b
--- /dev/null
+++ b/wwwroot/docs/syntax.html
@@ -0,0 +1,585 @@
+<!--
+title: Syntax
+order: 3
+-->
+
+<p>
+    <em>#Script</em> aims to be a familiar and expressive dynamic language for scripting .NET Apps, that is optimal 
+    at generating text, especially HTML where it's pre-configured with the
+    <a href="/docs/page-formats">HTML Page Format</a> and <a href="/docs/html-scripts">HTML Scripts</a> but
+    unlike C#'s Razor can support multiple pluggable page formats which can be used for generating any kind of text.
+</p>
+
+<p>
+    For maximum familiarity #Script uses <a href="/docs/expression-viewer">JavaScript Expressions</a> 
+    that for increased readability and expressiveness supports being used within Template Expressions
+    which like <a href="https://vuejs.org/v2/guide/syntax.html#Filters">Vue.js filters</a>,
+    and <a href="https://angular.io/guide/template-syntax#template-expression-operators">Angular's Template Expressions</a>
+    lets you use the <em>|</em> pipe operator to chain the return values of methods into subsequent methods from left-to-right.
+    For statements #Script adopts the familiar Handlebars-like
+    <a href="/docs/blocks">Script Blocks</a> that is also popular among HTML templating engines.
+</p>
+
+<p>
+    Effectively #Script lets you use the same familiar JS language for server HTML rendering as you would do
+    in client-side rendering of Single Page Apps despite it binding natively to C# objects and calling C# methods behind-the-scenes.
+</p>
+
+<h4>Mustache expressions</h4>
+
+<p>
+    Like Vue/Angular Templates, only expressions inside mustaches are evaluated, whilst everything outside are emitted as-is:
+</p>
+
+{{ 'live-template' |> partial({ template: "outside <i>{{ 'shout' |> upper }}</i> text" }) }}
+
+<p>
+    Which calls the <em>upper</em> default script method where the argument on the left-side of the "pipe" symbol is 
+    passed as the first argument to the upper method which is implemented as:
+</p>
+
+{{ 'gfm/syntax/01.md' |> githubMarkdown }}
+
+<p>
+    This can be rewritten without the "pipe forward" operator by calling it as a method or an extension method instead:
+</p>
+
+{{ 'live-template' |> partial({ template: "outside <i>{{ upper('shout') }}</i> or <u>{{ 'shout'.upper() }}</u> text" }) }}
+
+<h4>Methods can be chained</h4>
+
+<p>
+    Methods are chained from left-to-right where the value on the left side of the "pipe" symbol is passed as the first 
+    argument in the method on the right and the output of that is passed as the input of the next method in the chain and so on:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ 'shout' |> upper |> substring(2) |> padRight(6, '_') |> repeat(3) }}" }) }}
+
+<p>
+    Methods can also accept additional arguments which are passed starting from the 2nd argument since the first 
+    argument is the value the method is called with. E.g. here are the implementations for the <em>substring</em> and 
+    <em>padRight</em> default scripts:
+</p>
+
+{{ 'gfm/syntax/02.md' |> githubMarkdown }}
+
+<h4 id="javascript-literals">JavaScript literal notation</h4>
+
+<p>
+    You can use the same literal syntax used to define numbers, strings, booleans, null, Objects and Arrays in JavaScript
+    within templates and it will get converted into the most appropriate .NET Type, e.g:
+</p>
+
+{{ 'live-template' |> partial({ rows: 8, template: "{{ null               |> typeName }}
+{{ true               |> typeName }}
+{{ 1                  |> typeName }}
+{{ 1.1                |> typeName }}
+{{ 'string'           |> typeName }}
+{{ ['array', 'items'] |> typeName }}
+{{ { key: 'value' }   |> typeName }}
+" }) }}
+
+<p>
+    ES6 Shorthand notation is also supported where you can use the argument name as its property name in a Dictionary:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ var bar = 'foo'   }}
+{{ var obj = { bar } }}
+{{ obj['bar']        }}" }) }}
+
+<h4>Local Variables</h4>
+
+<p>
+    Like JavaScript you can declare a locally scoped variable with <em>var</em>:
+</p>
+
+<pre><code>var sliders = dirFiles('img/sliders')</code></pre>
+
+<p>
+    Like JS you can use either <em>var</em>, <em>let</em> or <em>const</em> but they all behave like let and assign a locally scoped variable 
+    at the time the expression is executed. Also like JS the semicolon is optional and you can assign multiple variables in a single expression:
+</p>
+
+<pre><code>let a = 1 + 2, b = 3 * 4, c, d = 'D';</code></pre>
+
+<h4>Global Variables</h4>
+
+<p>
+    Global Variables in <em>#Script</em> are maintained in the <em>PageResult.Args</em> dictionary which you could previously assign to using the 
+    <em>toGlobal</em> script method where it’s accessible to all scripts rendered within that <em>PageResult</em>.
+</p>
+
+<p>
+    <em>#Script</em> now mimics JS's behavior to allow assignment expressions to assign global variables where **Assignment Expressions** on 
+    undeclared variables (i.e. where no locally scoped variable exists) will assign a global variable:
+</p>
+
+<pre><code>a = 1</code></pre>
+
+<p>
+    A more descriptive syntax available to declare a global variable is to assign it to the <em>global</em> object (inspired by node’s global) 
+    which is an alias to the <em>PageResult.Args</em> dictionary:
+</p>
+
+<pre><code>global.a = 1</code></pre>
+
+<h4>Assignment Expressions</h4>
+
+<p>
+    In addition to declaring and assigning variables, there’s also support for using assignment expressions to assign and mutate Collections and 
+    Type Properties using either Member Expression or Index expression syntax, e.g:
+</p>
+
+{{ 'gfm/syntax/11.md' |> githubMarkdown }}
+
+<h4>Quotes</h4>
+
+<p>
+    Strings can be defined using single quotes, double quotes, prime quotes or backticks:
+</p>
+
+{{ 'live-template' |> partial({ rows:4, template: "{{ \"double quotes\" }}
+{{ 'single quotes' }}
+{{ ′prime quotes′ }}
+{{ `backticks` }}" }) }}
+
+<blockquote>
+    Strings can also span multiple lines.
+</blockquote>
+
+<h4>Template Literals</h4>
+
+Backticks strings implement <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals">JavaScript's Template literals</a>
+which can be be used to embed expressions:
+
+{{ 'live-template' |> partial({ rows:4, template: "{{ `Time is ${now}, expr= ${true ? pow(1+2,3) : ''}` }}
+Prime Quotes     {{ now.TimeOfDay |> timeFormat(′h\\:mm\\:ss′) }}
+Template Literal {{ now.TimeOfDay |> timeFormat(`h\\\\:mm\\\\:ss`) }}" }) }}
+
+The example above also shows the difference in escaping where Template literals evaluate escaped characters whilst normal strings 
+leave <em>\</em> backspaces unescaped.
+
+<h4>Shorthand arrow expression syntax</h4>
+
+<p>
+    #Script Expressions have full support for JavaScript expressions but doesn't support statements or function declarations although it 
+    does support JavaScript's arrow function expressions which can be used in functional methods to enable LINQ-like queries.
+    You can use fat arrows <em>=></em> immediately after methods to define lambda's with an implicit <em>(it => ...)</em> binding, e.g:
+</p>
+
+{{ 'live-template' |> partial({ template: ′{{ [0,1,2,3,4,5]
+   |> where => it >= 3
+   |> map => it + 10 |> join(`\n`) }}′ }) }}
+
+<p>
+    This is a shorthand for declaring lambda expressions with normal arrow expression syntax:
+</p>
+
+{{ 'live-template' |> partial({ template: ′{{ [0,1,2,3,4,5]
+    |> where(it => it >= 3)
+    |> map(x => x + 10) |> join(`\n`) }}′ }) }}
+ 
+<p>
+    Using normal lambda expression syntax lets you rename lambda parameters as seen in the <em>map(x => ...)</em> example.
+</p>
+
+<h4>Special string argument syntax</h4>
+
+<p>
+    As string expressions are a prevalent in <em>#Script</em>, we've also given them special wrist-friendly syntax where you
+    can add a colon at the end of the method name which says to treat the following characters up until the end of the
+    line or mustache expression as a string, trim it and convert '{' and '}' chars into mustaches. With this syntax
+    you can write:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ [3,4,5] |> select: { it |> incrBy(10) }\\n }}" }) }}
+
+<p>
+    and it will be rewritten into its equivalent and more verbose form of:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ [3,4,5] |> select(′{{ it |> incrBy(10) }}\\n′) }}" 
+}) }}
+
+<h4>SQL-like Boolean Expressions</h4>
+
+<p>
+    To maximize readability and intuitiveness for non-programmers, boolean expressions can also adopt an SQL-like syntax where
+    instead of using <em>&amp;&amp;</em> or <em>||</em> operator syntax to define boolean expressions you can also
+    use the more human-friendly <em>and</em> and <em>or</em> alternatives:
+</p>
+
+{{ 'live-template' |> partial({ template: "{{ [0,1,2,3,4,5] 
+   |> where => it.isOdd() and it == 3
+   |> join }}" }) }}
+
+<h4>Include Raw Content Verbatim</h4>
+
+Use <em>#raw</em> blocks to ignore evaluating expressions and emit content verbatim. This is useful when using a
+client Handlebars-like templating solution like Vue or Angular templates where expressions need to be evaluated 
+with JavaScript in the browser instead of on the Server with Templates:
+
+{{ 'live-template' |> partial({ rows: 4, template: "{{#raw}}Hi {{ person.name }}, Welcome to {{ site.name }}!{{/raw}}
+
+{{#raw template}}Assign contents with {{ expressions }} into 'template' argument{{/raw}}
+Captured Argument: {{template}}" 
+ }) }}
+
+<h4>Multi-line Comments</h4>
+
+<p>
+    Any text within <em>{{#raw}}{{#noop}} ... {{/noop}}{{/raw}}</em> block statements are ignored and can be used for temporarily removing
+    sections from pages without needing to delete it.
+</p>
+
+<p>
+    Everything within multi-line comments <em>{{#raw}}{{&zwnj;*</em> and <em>*&zwnj;}}{{/raw}}</em> is ignored and removed from the page.
+</p>
+
+<p>
+    An alternative way to temporarily disable an expression is to prefix the expression with the <em>end</em> method to 
+    immediately short-circuit evaluation, e.g: <em>{{#raw}}{{ end |> now |> dateFormat }}{{/raw}}</em>
+</p>
+
+<p>
+    See <a href="/docs/sharp-pages#ignoring-pages">Ignoring Pages</a> for different options for ignoring entire pages and 
+    layout templates.
+</p>
+
+<a name="extension-methods"></a>
+{{#markdown}}
+
+### Script Methods can be used as Extension Methods
+
+A core feature of `#Script` is that it runs in a [sandbox](/sandbox) and only has access to functionality that's configured in its `ScriptContext`
+that it runs in, so by design `#Script` is prohibited from calling instance methods so they only have a read-only view of your objects
+unless you explicitly register `ScriptMethods` that allows them to change them. 
+
+This frees up the `instance.method()` syntax to be put to other use which can now be used to call every script method as an extension method.
+This can greatly improve the readability and execution flow of code, e,g. we can rewrite our previous 
+[JS Utils Eval](https://docs.servicestack.net/js-utils#eval) example:
+
+    itemsOf(3, padRight(reverse(arg), 8, '_'))
+
+into the more readable form using the same methods as extension methods off the first argument, e.g:
+
+    3.itemsOf(arg.reverse().padRight(8, '_'))
+
+{{/markdown}}
+
+{{ 'gfm/syntax/04.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### JavaScript Array Support
+
+We can use extension methods to define instance methods that can be called on any object to implement JS Array methods support 
+to further improve `#Script` source compatibility with JavaScript. 
+
+Here are [Mozilla's Array examples](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) in `#Script`
+utilizing its [Code Blocks](#code-blocks) feature to reduce the amount of boilerplate required:
+
+{{/markdown}}
+
+{{ 'gfm/syntax/03.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+
+Which can be run with `x run {script}.ss` to view its expected output:
+
+    Create an Array
+    2
+
+    Access (index into) an Array Item
+    Apple
+
+    Loop over an Array
+    Apple, 0
+    Banana, 1
+
+    Apple, 0
+    Banana, 1
+
+    Add to the end of an Array
+    3
+
+    Remove from the end of an Array
+    Orange
+
+    Remove from the front of an Array
+    Apple
+
+    Add to the front of an Array
+    2
+
+    Find the index of an item in the Array
+    1
+
+    Remove an item by index position
+    Banana
+    Strawberry,Mango
+
+    Remove items from an index position
+    Cabbage,Turnip,Radish,Carrot
+    Cabbage,Carrot
+    Turnip,Radish
+
+    Copy an Array
+    Strawberry,Mango
+
+Most JS Array methods are supported, including the latest additions from ES2019:
+
+ - `concat`
+ - `every`
+ - `filter`
+ - `find`
+ - `findIndex`
+ - `flat`
+ - `flatMap`
+ - `forEach`
+ - `includes`
+ - `indexOf`
+ - `join`
+ - `keys`
+ - `lastIndexOf`
+ - `map`
+ - `pop`
+ - `push`
+ - `reduce`
+ - `reverse`
+ - `shift`
+ - `slice`
+ - `some`
+ - `sort`
+ - `splice`
+ - `toString`
+ - `unshift`
+ - `values`
+
+
+<a name="lang-blocks"></a>
+## Language Blocks and Expressions
+
+We've caught a glimpse using language blocks with the `code` JavaScript Array Example above which allows us to invert `#Script` from **"Template Mode"**
+where all text is emitted as-is with only code within Template Expressions `{{ ... }}` are evaluated and changed it to **"Code Mode"** where all code
+is evaluated a code expression.
+
+This is akin to Razor's statement blocks which inverts Razor's **mode** of emitting text to treating text inside statement blocks as code, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/syntax/05.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+
+Which is useful in reducing boilerplate when you need to evaluate code blocks with 2+ or more lines without the distracting boilerplate of wrapping
+each expression within a `{{ ... }}` Template Expression.
+
+### Languages
+
+Refer to the languages page to learn about alternative languages you can use within Language Blocks and Expressions:
+
+ - [#Script Code](/scode/) - use `code` language identifier
+ - [#Script Lisp](/lisp/) - use `lisp` language identifier
+
+### Language Blocks
+
+`code` fragments are executed using `#Script` language blocks in the format:
+
+    ```<lang>
+
+    ```
+
+Where `#Script` will parse the statement body with the language registered in its ScriptContext's `ScriptLanguages` collection that's pre-registered
+with `ScriptCode.Language` which is used to process `code` block statements, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/syntax/07.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+<p>
+    Code Statement Blocks are evaluated within the same scope so any arguments that are assigned are also accessible within the containing page
+    as seen above.
+</p>
+    
+<h4 id="lisp-language">Evaluate Lisp</h4>
+
+<p>
+    You can use language blocks to embed and evaluate any of the languages registered in your <em>ScriptContext</em>, e,g. to evaluate
+    <a href="/lisp">#Script Lisp</a> register it in your <em>ScriptContext</em> or <em>SharpPagesFeature</em>:
+</p>
+
+{{ 'gfm/lisp/01.md' |> githubMarkdown }}
+    
+<p>
+    Where it will let you use Language Blocks to evaluate LISP code within <em>#Script</em>:
+</p>
+
+{{ 'gfm/syntax/08.md' | githubMarkdown | convertScriptToLispBlocks }}
+
+{{#markdown}}
+
+Unlike `code` blocks, Lisp evaluates its code using its own Symbols table, it's able to reference arguments not in its Global symbols 
+by resolving them from the containing scope, but in order for the outer `#Script` to access its local bindings they need
+to be exported as seen above which registers the value of its `local-arg` value into the `result` argument. 
+    
+#### Language Block Modifiers
+
+You can provide any additional modifiers to language blocks by specifying them after them after the `|` operator, languages
+can use these modifiers to change how it evaluates the script. By default the only modifiers the built-in languages support are `|quiet`
+and its shorter `|mute` and `|q` aliases which you can use to discard any output from being rendered within the page.
+    
+If you use Lisp's [setq special form](http://www.lispworks.com/documentation/HyperSpec/Body/s_setq.htm) to assign a variable, 
+that value is also returned which would be rendered in the page, you can ignore this output by using one of the above modifiers, e.g:
+    
+{{/markdown}}
+
+{{ 'gfm/syntax/09.md' | githubMarkdown | convertScriptToLispBlocks }}
+
+{{#markdown}}
+### Language Expressions
+    
+If you wanted to instead embed an expression in a different language instead of executing an entire statement block,
+you can embed them within Language Expressions `{|<lang> ... |}`, e.g:
+{{/markdown}}
+
+{{ 'gfm/syntax/10.md' |> githubMarkdown }}
+
+{{#markdown}}
+You could also use them to evaluate `code` expressions, e.g. `{|code 1 + 2 |}`, but that's also how `#Script`
+more concise Template Expressions are evaluated `{{ 1 + 2 }}`.   
+
+### Multi-language support
+
+Despite being implemented in different languages a `#Script` page containing multiple languages, e.g:
+
+{{/markdown}}
+
+{{ "linq-preview" |> partial({ rows:11, example: "linq01-langs", lang: 'template' }) }}
+
+{{#markdown}}
+
+Still only produces a **single page AST**, where when first loaded `#Script` parses the page contents as a contiguous
+`ReadOnlyMemory<char>` where page slices of any [Language Blocks and Expressions](/docs/syntax#language-blocks-and-expressions) 
+on the page are delegated to the `ScriptContext` registered `ScriptLanguages` for parsing which returns a fragment which is
+added to the pages AST:
+
+[![](/assets/img/multi-langs.svg)](/assets/img/multi-langs.svg)
+
+When executing the page, each language is responsible for rendering its own fragments which all write directly to the pages `OutputStream`
+to generate the pages output.
+
+The multi-languages support in `#Script` is designed to be extensible where everything about the language is encapsulated within its
+`ScriptLanguage` implementation so that if you omit its registration:
+
+    var context = new ScriptContext {
+    //    ScriptLanguages = { ScriptLisp.Language }
+    }.Init();
+
+Any language expressions and language blocks referencing it become inert and its source code emitted as plain-text.
+
+### Language Comparisons
+
+Whilst all languages have access to the same [Script Methods](/docs/methods) and [.NET Scripting interop](/docs/script-net), they all have 
+unique characteristics that make them suitable for different use-cases. The default template syntax is ideal for generating text output where 
+you need to embed logic when generating text output, [#Script Code](/scode/) is ideal when logic is more important then the text output like in 
+[Sharp Scripts](/docs/sharp-scripts), whilst [#Script Lisp](/lisp/) is ideal for defining algorithms or for developers who prefer Lisp syntax 
+or for devs who prefer development in a functional style.
+
+A good comparison showing the differences, strengths and weaknesses of each language can be seen with the implementation of FizzBuzz in each language:
+
+{{/markdown}}
+
+{{#raw template}}
+Template:
+{{#each range(1,15) }}
+{{#if it % 3 == 0 && it % 5 == 0}}
+  FizzBuzz
+{{else if it % 3 == 0}}
+  Fizz
+{{else if it % 5 == 0}}
+  Buzz
+{{else}}
+  {{it}}
+{{/if}}
+{{/each}}
+
+Code:
+```code
+#each range(1,15)
+    #if it % 3 == 0 && it % 5 == 0
+        "FizzBuzz"
+    else if it % 3 == 0
+        "Fizz"
+    else if it % 5 == 0
+        "Buzz"
+    else
+        it
+    /if
+/each
+```
+
+Lisp:
+```lisp
+(defn fizzbuzz [i]
+    (cond ((and (zero? (mod i 3)) 
+                (zero? (mod i 5))) "FizzBuzz")
+          ((zero? (mod i 3))       "Fizz")
+          ((zero? (mod i 5))       "Buzz")
+          (t i)))
+
+(dorun println (map fizzbuzz (range 1 16)))
+```{{/raw}}
+
+{{ 'live-template' |> partial({ rows:39, template }) }}
+
+{{#markdown}}
+
+#### Template
+
+`#Script` is a **"template-first"** language where only expressions within `{{ ... }}` literals are evaluated, everything outside 
+it is emitted verbatim, as consequence it's white-space sensitive where the indention of logic blocks affect its output as 
+seen above where all lines are indented with the same 2 spaces as its free-text contents.
+
+#### Code
+
+By contrast [#Script Code](/scode/) is an inverted Templates where it's a **"code-first"** language where all statements are treated as code blocks
+so statements don't require the `{{ ... }}` boilerplate and are not white-space sensitive. Like Templates each content block 
+still generates output (unless its suppressed with the [quiet modifier](/docs/syntax#language-block-modifiers)) but needs to be a valid expression
+like a string literal, argument or expression as seen in the **code** example above.
+
+#### Lisp
+
+[#Script Lisp](/lisp/) lets you use the venerable and highly dynamic and functional [Lisp language](https://en.wikipedia.org/wiki/Lisp_%28programming_language%29)
+that's particularly strong at capturing algorithms and composing functions, although FizzBuzz isn't a particularly
+good showcase of either of its dynamism of functional strengths, the last line shows a glimpse of its natural functional composition.
+
+### Combine strengths of all Languages
+
+As all languages compile down into the same AST block we can freely use all languages within the same Script block to take advantage
+of the strengths of each, e.g. **Template** is great at generating text and **Lisp** excels at algorithms which make a great combination if you
+ever need to combine the 2, so you could easily for example use the [defn Script Block](/docs/blocks#defn) to define a function
+in Lisp, compiled to a .NET delegate so its invocable as a regular function inside a Template Block that generates markdown 
+captured by the [capture Script Block](/docs/blocks#capture) and converted to HTML using the [markdown filter transformer](/docs/sharp-pages#markdown):
+{{/markdown}}
+
+{{#raw template}}
+{{#defn fizzbuzz [i] }}
+    (cond ((and (zero? (mod i 3)) 
+                (zero? (mod i 5))) "FizzBuzz")
+          ((zero? (mod i 3))       "Fizz")
+          ((zero? (mod i 5))       "Buzz")
+          (t i))
+{{/defn}}
+
+{{#capture md}}
+## FizzBuzz
+{{#each range(1,15) }}
+  - {{ fizzbuzz(it) }}
+{{/each}}
+{{/capture}}
+{{ md |> markdown }}{{/raw}}
+
+{{ 'live-template' |> partial({ output:'html-md no-pre', rows:15, template }) }}
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/docs/test.html b/wwwroot/docs/test.html
new file mode 100644
index 0000000..8bb76e6
--- /dev/null
+++ b/wwwroot/docs/test.html
@@ -0,0 +1,9 @@
+{{ "live-pages" |> partial({
+    page: 'page',
+    files:
+        {
+            '_layout.html': 'I am the Layout: <b>{{ page }}</b>',
+            'page.html' : 'I am the Page'
+        }
+    })
+}}
diff --git a/wwwroot/docs/transformers.html b/wwwroot/docs/transformers.html
new file mode 100644
index 0000000..f2a87c0
--- /dev/null
+++ b/wwwroot/docs/transformers.html
@@ -0,0 +1,103 @@
+<!--
+title: Transformers
+order: 18
+-->
+
+<p>
+    You can apply a chain of multiple Stream transformations to transform output using Transformers which are just functions that
+    accept an Input Stream and return a modified Output Stream. The MarkdownPageFormat's <em>TransformToHtml</em> shows an example
+    of a Transformer which converts Markdown Input and returns a Stream of HTML output:
+</p>
+
+{{ 'gfm/transformers/01.md' |> githubMarkdown }}
+
+<h4 id="output-transformers">Output Transformers</h4>
+
+<p>
+    You can transform the entire output of a Script with Output Transformers which you would do if both your <b>_layout</b>
+    and <b>page</b> both contain markdown, e.g:
+</p>
+
+{{ 'gfm/transformers/02.md' |> githubMarkdown }}
+
+<h5>PageResult with Output Transformer</h5>
+
+{{ 'gfm/transformers/03.md' |> githubMarkdown }}
+
+<p>
+    After the Script is evaluated it's entire output gets passed into the chain of OutputTransformers defined, which in this case will
+    send a MemoryStream of the generated Markdown Output into the <em>MarkdownPageFormat.TransformToHtml</em> transformer which returns
+    a Stream of converted HTML which is what's written to the OutputStream.
+</p>
+
+<h4 id="page-transformers">Page Transformers</h4>
+
+<p>
+    You can also apply Transformations to only the Page's output using Page Transformers which you would do if only the <b>page</b> was in 
+    Markdown and the <b>_layout</b> was already in HTML, e.g:
+</p>
+
+{{ 'gfm/transformers/04.md' |> githubMarkdown }}
+
+<h5>PageResult with Page Transformer</h5>
+
+{{ 'gfm/transformers/05.md' |> githubMarkdown }}
+
+<h4 id="filter-transformers">Filter Transformers</h4>
+
+<p>
+    Filter Transformers are used to apply Stream Transformations to <a href="/docs/methods#block-methods">Block Methods</a> which you 
+    could use if you only wanted to convert an embedded Markdown file inside a Page to HTML. You can register Filter Transformers 
+    in either the ScriptContext's or PageResult's <em>FilterTransformers</em> Dictionary by assigning it the name you want it available in
+    your Scripts under, e.g:
+</p>
+
+{{ 'gfm/transformers/06.md' |> githubMarkdown }}
+
+<h5>PageResult with Filter Transformer</h5>
+
+{{ 'gfm/transformers/07.md' |> githubMarkdown }}
+
+<h4 id="htmlencode">htmlencode</h4>
+
+<p>
+    The <em>htmlencode</em> Filter Transformer is pre-registered in ScriptContext which lets you encode Block Method outputs
+    which is useful when you want to HTML Encode a text file before embedding it in the page, e.g:
+</p>
+
+<pre class="cs"><code>{{ pass: "page.txt" |> includeFile |> htmlencode }}</code></pre>
+
+<h4 id="preprocessors">Preprocessor Code Transformations</h4>
+
+{{#markdown}}
+Preprocessors allows you to perform source-code transformations before `#Script` evaluates it which is useful when you want to 
+convert any placeholder markers into HTML or `#Script` code at runtime, e.g. this feature could be used to replace translated text with the
+language that the App's configured with to use on Startup. 
+
+With this feature we can also change how [#Script's Language Block Feature](/docs/syntax#language-blocks-and-expressions) is implemented where
+we could instead use a [simple TransformCodeBlocks PreProcessor](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptPreprocessors.cs) 
+to process any `code` bocks by registering in the `Preprocessors` list:
+
+    var context = new ScriptContext {
+        Preprocessors = { ScriptPreprocessors.TransformCodeBlocks }
+    }.Init();
+
+There by overriding the existing implementation with the code transformation below:
+
+#### Code Transformation
+
+This preprocessor performs a basic transformation that assumes every statement is an expression and wraps them in an `{{...}}` 
+expression block, the exception are expressions which are already within an expression block which are ignored and you still
+need to use to wrap multi-line expressions in `code` blocks.
+
+The other transformation `code` blocks perform is collapsing new lines and trimming each line, this is so scripts which are primarily 
+structured and indented for readability aren't reflected in its text output. 
+
+We can see an example of how `code` blocks work from the example below:
+{{/markdown}}
+
+{{ 'gfm/syntax/06.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+
+
+{{ "doc-links" |> partial({ order }) }}
diff --git a/wwwroot/examples/adhoc-query-db.html b/wwwroot/examples/adhoc-query-db.html
new file mode 100644
index 0000000..2e424f6
--- /dev/null
+++ b/wwwroot/examples/adhoc-query-db.html
@@ -0,0 +1,14 @@
+<pre>
+{{ "select customerId,companyName,city,country from customer where country=@country"
+   |> to => selectSql }}
+{{ selectSql }}
+{{ selectSql |> dbSelect({ country: 'UK' }) |> textDump({ caption:"HTML Results (select):" }) }}</pre><pre>
+{{ "select * from customer c join [order] o on c.customerId = o.customerId 
+         order by total desc limit 1" |> to => singleSql }}{{ singleSql }}:
+
+{{ singleSql |> dbSingle |> textDump({ caption:"Text Results (single):" }) }}
+</pre><pre>
+Object Value (scalar):
+{{ "select min(orderDate) from [order]" |> to => scalarSql }}
+{{ scalarSql }}: <b>{{ scalarSql |> dbScalar |> dateFormat }}</b>
+</pre>
\ No newline at end of file
diff --git a/wwwroot/examples/customer-card.txt b/wwwroot/examples/customer-card.txt
new file mode 100644
index 0000000..eb28ef3
--- /dev/null
+++ b/wwwroot/examples/customer-card.txt
@@ -0,0 +1 @@
+{{ 'customerCard' |> partial({ customerId: "ALFKI" }) }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/customer.html b/wwwroot/examples/customer.html
similarity index 82%
rename from src/wwwroot/examples/customer.html
rename to wwwroot/examples/customer.html
index b748204..d7d55b3 100644
--- a/src/wwwroot/examples/customer.html
+++ b/wwwroot/examples/customer.html
@@ -26,5 +26,5 @@ <h4>{{ CompanyName }}'s Orders</h4>
 
 <table class="table ">
 {{ Orders 
-   | select: <tr><td>{ it.OrderId }</td><td>{ it.OrderDate }</td><td>{ it.Total | currency }</td></tr> }}
+   |> select: <tr><td>{ it.OrderId }</td><td>{ it.OrderDate }</td><td>{ it.Total |> currency }</td></tr> }}
 </table>
diff --git a/src/wwwroot/examples/email-html-template.html b/wwwroot/examples/email-html-template.html
similarity index 88%
rename from src/wwwroot/examples/email-html-template.html
rename to wwwroot/examples/email-html-template.html
index cd75021..54cc5d1 100644
--- a/src/wwwroot/examples/email-html-template.html
+++ b/wwwroot/examples/email-html-template.html
@@ -4,7 +4,7 @@
     <table border="0" cellpadding="10" cellspacing="0" style="width:100%">
         <tr style="width:100%;background:#f8f8f8">
             <td><table><tr>
-                <td width="60"><img src="/assets/img/logo-32.png"></td>
+                <td width="60"><img src="/assets/img/logo.svg"></td>
                 <td><h4>Acme, Inc.</h4></td>
             </tr></table></td>
             <td align="right"><b>Order Confirmation</b></td>
diff --git a/wwwroot/examples/email-template.txt b/wwwroot/examples/email-template.txt
new file mode 100644
index 0000000..d12bc4d
--- /dev/null
+++ b/wwwroot/examples/email-template.txt
@@ -0,0 +1,18 @@
+
+Hello {{ customer.CompanyName }},
+
+Thank you for shopping with us. We'll send a confirmation when your item ships.
+
+# Ship to:
+{{ customer.Address }} 
+{{ customer.City }}, {{ customer.PostalCode }}, {{ customer.Country }}
+
+# Details:
+Order #{{ order.OrderId }} on {{ order.OrderDate |> dateFormat('dd/MM/yyyy') }}
+Total: {{ order.Total |> currency }}
+
+We hope to see you again soon.
+
+[acme.org][1]
+
+[1]: http://acme.org
\ No newline at end of file
diff --git a/wwwroot/examples/introspect-drive.html b/wwwroot/examples/introspect-drive.html
new file mode 100644
index 0000000..584c183
--- /dev/null
+++ b/wwwroot/examples/introspect-drive.html
@@ -0,0 +1,7 @@
+<tr>
+    <td>{{ it.Name }}</td>
+    <td>{{ it.DriveType }} #{{ it.VolumeLabel }} ({{ it.DriveFormat }})</td>
+    <td>{{ it.AvailableFreeSpace |> divide(1024) |> format('n0') }} KB</td>
+    <td>{{ it.TotalFreeSpace |> divide(1024) |> format('n0') }} KB</td>
+    <td>{{ it.TotalSize |> divide(1024) |> format('n0') }} KB</td>
+</tr>
\ No newline at end of file
diff --git a/wwwroot/examples/introspect-process.html b/wwwroot/examples/introspect-process.html
new file mode 100644
index 0000000..9fd151a
--- /dev/null
+++ b/wwwroot/examples/introspect-process.html
@@ -0,0 +1,10 @@
+{{ "h':'mm':'ss'.'FFF" |> to => fmtTime }}
+<tr>
+    <td>{{ it.Id }}</td>
+    <td>{{ it.ProcessName |> substringWithElipsis(15) }}</td>
+    <td>{{ it.TotalProcessorTime |> timeFormat(fmtTime) }}</td>
+    <td>{{ it.UserProcessorTime |> timeFormat(fmtTime) }}</td>
+    <td>{{ it.WorkingSet64 |> divide(1024) |> format('n0') }} KB</td>
+    <td>{{ it.PeakWorkingSet64 |> divide(1024) |> format('n0') }} KB</td>
+    <td>{{ it.Threads.Count }}</td>
+</tr>
\ No newline at end of file
diff --git a/wwwroot/examples/introspect.html b/wwwroot/examples/introspect.html
new file mode 100644
index 0000000..513ff93
--- /dev/null
+++ b/wwwroot/examples/introspect.html
@@ -0,0 +1,32 @@
+<table class="table table-striped">
+    <caption>Top 5 Local Disks</caption>
+    <tr><th>Name</th><th>Type</th><th>Available Space</th><th>Total Free Space</th><th>Total Size</th></tr>
+    {{#each drives orderby it.TotalSize descending take 5}}
+    <tr>
+        <td>{{ Name |> substringWithEllipsis(50) }}</td>
+        <td>{{ DriveType }} #{{ VolumeLabel }} ({{ DriveFormat }})</td>
+        <td>{{ AvailableFreeSpace / 1024 |> format('n0') }} KB</td>
+        <td>{{ TotalFreeSpace / 1024 |> format('n0') }} KB</td>
+        <td>{{ TotalSize / 1024 |> format('n0') }} KB</td>
+    </tr>
+    {{/each}}
+    </table>
+    
+    <table class="table table-striped">
+    <caption>Current Process</caption>
+    <tr><th>Id</th><th>Name</th><th>CPU Time</th><th>User Time</th><th>Memory (current)</th>
+        <th>Memory (peak)</th><th>Active Threads</th></tr>
+    {{#if currentProcess}}
+    {{ currentProcess |> to => p }}
+    {{ "h':'mm':'ss'.'FFF" |> to => fmtTime }}
+    <tr>
+        <td>{{ Id }}</td>
+        <td>{{ p.ProcessName |> substringWithEllipsis(15) }}</td>
+        <td>{{ p.TotalProcessorTime |> timeFormat(fmtTime) }}</td>
+        <td>{{ p.UserProcessorTime |> timeFormat(fmtTime) }}</td>
+        <td>{{ p.WorkingSet64 / 1024 |> format('n0') }} KB</td>
+        <td>{{ p.PeakWorkingSet64 / 1024 |> format('n0') }} KB</td>
+        <td>{{ p.Threads.Count }}</td>
+    </tr>
+    {{/if}}
+    </table>
\ No newline at end of file
diff --git a/wwwroot/examples/monthly-budget.txt b/wwwroot/examples/monthly-budget.txt
new file mode 100644
index 0000000..f940c0b
--- /dev/null
+++ b/wwwroot/examples/monthly-budget.txt
@@ -0,0 +1,36 @@
+```code
+11200             |> to => balance
+3                 |> to => projectedMonths
+
+#keyvalues monthlyRevenues ':'
+  Salary:         4000
+  App Royalties:  200
+/keyvalues
+
+#keyvalues monthlyExpenses
+  Rent            1000
+  Internet        50
+  Mobile          50
+  Food            400
+  Misc            200
+/keyvalues
+
+monthlyRevenues |> sum => it.Value |> to => totalRevenues
+monthlyExpenses |> sum => it.Value |> to => totalExpenses
+(totalRevenues - totalExpenses)    |> to => totalSavings
+```
+Current Balance: <b>{{ balance |> currency }}</b>
+
+Monthly Revenues:
+{{monthlyRevenues |> select: {it.Key.padRight(16)} {it.Value.currency()}\n }}
+Total            <b>{{ totalRevenues |> currency }}</b>
+
+Monthly Expenses:
+{{monthlyExpenses |> select: {it.Key.padRight(16)} {it.Value.currency()}\n }}
+Total            <b>{{ totalExpenses |> currency }}</b>
+
+Monthly Savings: <b>{{ totalSavings  |> currency }}</b>
+
+Projected Cash Position:
+{{projectedMonths.times() |> map => index + 1 |> map => 
+`${now.addMonths(it).dateFormat()}       ${(it * totalSavings + balance).currency()}`|> joinln}}
\ No newline at end of file
diff --git a/wwwroot/examples/nav-links.txt b/wwwroot/examples/nav-links.txt
new file mode 100644
index 0000000..17843e4
--- /dev/null
+++ b/wwwroot/examples/nav-links.txt
@@ -0,0 +1,9 @@
+{{ 'navLinks' |> partial(
+    { 
+        links: { 
+            '/docs/model-view-controller': 'MVC', 
+            '/docs/sharp-pages': '#Script Pages', 
+            '/docs/code-pages': 'Sharp Code Pages'
+        } 
+    }) 
+}}
diff --git a/wwwroot/examples/qotd.html b/wwwroot/examples/qotd.html
new file mode 100644
index 0000000..dd27ae1
--- /dev/null
+++ b/wwwroot/examples/qotd.html
@@ -0,0 +1,15 @@
+<!--
+title: Quote of the Day
+-->
+
+<h3><a href="https://gist.githubusercontent.com/gistlyn/0ab7494dfbff78466ef622d501662027/raw/b3dd1e9f8e82c169a32829071aa7f761c6494843/quote.md">Before</a></h3>
+
+<p class="pre">{{ 'select url from quote where id= @id' |> dbScalar({ qs.id }) |> urlContents |> htmlencode }}</p>
+
+<h3><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/examples/quote.html">Code</a></h3>
+
+<pre class="cs"><code>{{ 'examples/quote.html' |> includeFile }}</code></pre>
+
+<h3><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/examples/qotd.html">After</a></h3>
+
+{{ 'examples/quote' |> partial({ qs.id }) }}
diff --git a/wwwroot/examples/query-github.txt b/wwwroot/examples/query-github.txt
new file mode 100644
index 0000000..e45c905
--- /dev/null
+++ b/wwwroot/examples/query-github.txt
@@ -0,0 +1,13 @@
+{{#markdown}}
+## [ServiceStack](https://github.com/ServiceStack) GitHub Repos
+{{/markdown}}
+
+```code
+"https://api.github.com/orgs/ServiceStack/repos"|> urlContentsWithCache({userAgent:'Script'})|> to => json
+
+json  |> parseJson |> orderByDesc => it.watchers |> to => repos
+
+repos |> take(5)   |> map => { it.name, it.watchers, it.forks } |> htmlDump({caption:'Top 5 Repos'})
+```
+
+Total Repos: {{ repos.count() }}, Watchers: {{ repos |> map => it.watchers |> sum }}
\ No newline at end of file
diff --git a/wwwroot/examples/quote.html b/wwwroot/examples/quote.html
new file mode 100644
index 0000000..301fdd0
--- /dev/null
+++ b/wwwroot/examples/quote.html
@@ -0,0 +1,3 @@
+{{ 'select url from quote where id= @id' |> dbScalar({ qs.id }) |> urlContents |> markdown |> to =>quote}}
+
+{{ quote |> replace('Razor', 'Templates') |> replace('2010', now.Year) |> raw }}
\ No newline at end of file
diff --git a/src/wwwroot/examples/select-customers.txt b/wwwroot/examples/select-customers.txt
similarity index 100%
rename from src/wwwroot/examples/select-customers.txt
rename to wwwroot/examples/select-customers.txt
diff --git a/wwwroot/examples/sendToAutoQuery-data.html b/wwwroot/examples/sendToAutoQuery-data.html
new file mode 100644
index 0000000..c682892
--- /dev/null
+++ b/wwwroot/examples/sendToAutoQuery-data.html
@@ -0,0 +1,5 @@
+{{ { UserName:'ServiceStack', NameStartsWith:'ServiceStack', OrderBy:'-Watchers_Count',take:10 } 
+   |> sendToAutoQuery: QueryGitHubRepos
+   |> toResults 
+   |> selectFields: Name, Homepage, Language, Watchers_Count
+   |> htmlDump({ caption: "Most popular ServiceStack repos starting with 'ServiceStack'" }) }}
\ No newline at end of file
diff --git a/wwwroot/examples/sendToAutoQuery-rdms.html b/wwwroot/examples/sendToAutoQuery-rdms.html
new file mode 100644
index 0000000..3f7584f
--- /dev/null
+++ b/wwwroot/examples/sendToAutoQuery-rdms.html
@@ -0,0 +1,5 @@
+{{ { cityIn:['London','Madrid','Rio de Janeiro'], faxContains:'555' } 
+   |> sendToAutoQuery: QueryCustomers
+   |> toResults 
+   |> selectFields: CustomerId, CompanyName, City, Fax
+   |> htmlDump({ caption: 'Implicit AutoQuery Conventions' }) }}
diff --git a/wwwroot/examples/sendtogateway-customers.html b/wwwroot/examples/sendtogateway-customers.html
new file mode 100644
index 0000000..6a9cc00
--- /dev/null
+++ b/wwwroot/examples/sendtogateway-customers.html
@@ -0,0 +1,10 @@
+{{ { customerId } |> sendToGateway('QueryCustomers') |> toResults |> get(0) 
+   |> htmlDump({ caption: 'ALFKI' }) }}
+
+{{ { countryIn:['UK','Germany'], orderBy:'customerId',take:5 } |> sendToGateway: QueryCustomers
+   |> toResults |> selectFields(['CustomerId', 'CompanyName', 'City'])
+   |> htmlDump({ caption: 'Implicit AutoQuery Conventions' }) }}
+
+{{ { companyNameContains:'the',orderBy:'-Country,CustomerId' } |> sendToGateway: QueryCustomers 
+   |> toResults |> selectFields: CustomerId, CompanyName, Country
+   |> htmlDump }}
diff --git a/src/wwwroot/examples/webapps-menu.html b/wwwroot/examples/webapps-menu.html
similarity index 76%
rename from src/wwwroot/examples/webapps-menu.html
rename to wwwroot/examples/webapps-menu.html
index 0fd51ee..ce9b514 100644
--- a/src/wwwroot/examples/webapps-menu.html
+++ b/wwwroot/examples/webapps-menu.html
@@ -2,4 +2,4 @@
      '/about':    'About',
      '/services': 'Services',
      '/contact':  'Contact',
-   } | toList | assignTo: links }}
\ No newline at end of file
+   } |> toList |> to => links }}
\ No newline at end of file
diff --git a/wwwroot/gfm/_scratch/01.md b/wwwroot/gfm/_scratch/01.md
new file mode 100644
index 0000000..e236dfc
--- /dev/null
+++ b/wwwroot/gfm/_scratch/01.md
@@ -0,0 +1,12 @@
+| App                                       | URL Scheme                       | Command line (x-plat) |
+|-------------------------------------------|----------------------------------|-----------------------|
+| [Spirals](/sharp-apps/spirals)            | [app://spirals](app://spirals)   | $ x open spirals        |
+| [Redis](/sharp-apps/redis)                | [app://redis](app://redis)       | $ x open redis          |
+| [Rockwind](/sharp-apps/rockwind)          | [app://rockwind](app://rockwind) | $ x open rockwind       |
+| [Plugins](/sharp-apps/plugins)            | [app://plugins](app://plugins)   | $ x open plugins        |
+| [Chat](/sharp-apps/chat)                  | [app://chat](app://chat)         | $ x open chat           |
+| [Blog](/sharp-apps/blog)                  | [app://blog](app://blog)         | $ x open blog           |
+| [Win32](/sharp-apps/win32)                | [app://win32](app://win32)       | $ x open win32          |
+| [ServiceStack Studio](/sharp-apps/studio) | [app://studio](app://studio)     | $ x open studio         |
+| [SharpData](/sharp-apps/sharpdata)        | [app://sharpdata?mix=northwind.sharpdata](app://sharpdata?mix=northwind.sharpdata)  | $ x open sharpdata mix northwind.sharpdata |
+
diff --git a/wwwroot/gfm/_scratch/02.html b/wwwroot/gfm/_scratch/02.html
new file mode 100644
index 0000000..1348181
--- /dev/null
+++ b/wwwroot/gfm/_scratch/02.html
@@ -0,0 +1,161 @@
+<div class="gfm"><table>
+<thead>
+<tr>
+<th>name</th>
+<th>default</th>
+<th>description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>bind</td>
+<td>localhost</td>
+<td>Which hostname to bind .NET Core Server to</td>
+</tr>
+<tr>
+<td>ssl</td>
+<td>true</td>
+<td>Use https for .NET Core Server</td>
+</tr>
+<tr>
+<td>port</td>
+<td>5001</td>
+<td>Which port to bind .NET Core Server to</td>
+</tr>
+<tr>
+<td>name</td>
+<td>Sharp App</td>
+<td>AppHost name (also used in Shortcuts)</td>
+</tr>
+<tr>
+<td>debug</td>
+<td>ASP.NET Default</td>
+<td>Enable additional logging &amp; diagnostics</td>
+</tr>
+<tr>
+<td>contentRoot</td>
+<td>app.settings dir</td>
+<td>ASP.NET Content Root Directory</td>
+</tr>
+<tr>
+<td>webRoot</td>
+<td>wwwroot/</td>
+<td>ASP.NET Web Root Directory</td>
+</tr>
+<tr>
+<td>apiPath</td>
+<td>/api</td>
+<td>Path of Sharp APIs</td>
+</tr>
+<tr>
+<td>defaultRedirect</td>
+<td></td>
+<td>Default Fallback RedirectPath</td>
+</tr>
+<tr>
+<td>db</td>
+<td></td>
+<td>OrmLite Dialect: sqlite, sqlserver, mysql postgres</td>
+</tr>
+<tr>
+<td>db.connection</td>
+<td></td>
+<td>RDBMS Connection String</td>
+</tr>
+<tr>
+<td>redis.connection</td>
+<td></td>
+<td>ServiceStack.Redis Connection String</td>
+</tr>
+<tr>
+<td>files</td>
+<td></td>
+<td>VFS provider: filesystem, s3, azureblob</td>
+</tr>
+<tr>
+<td>files.config</td>
+<td></td>
+<td>Virtual File System JS Object Configuration</td>
+</tr>
+<tr>
+<td>checkForModifiedPagesAfterSecs</td>
+<td></td>
+<td>How long to check backing VFS provider for changes</td>
+</tr>
+<tr>
+<td>defaultFileCacheExpirySecs</td>
+<td></td>
+<td>How long to preserve static file caches for</td>
+</tr>
+<tr>
+<td>defaultUrlCacheExpirySecs</td>
+<td></td>
+<td>How long to preserve URL caches for</td>
+</tr>
+<tr>
+<td>features</td>
+<td></td>
+<td>List of plugins to load</td>
+</tr>
+<tr>
+<td>markdownProvider</td>
+<td>MarkDig</td>
+<td>Markdown provider: MarkdownDeep, Markdig</td>
+</tr>
+<tr>
+<td>jsMinifier</td>
+<td>NUglify</td>
+<td>JS Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>cssMinifier</td>
+<td>NUglify</td>
+<td>CSS Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>htmlMinifier</td>
+<td>NUglify</td>
+<td>HTML Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>icon</td>
+<td>favicon.ico</td>
+<td>Relative or Absolute Path to Shortcut &amp; Desktop icon</td>
+</tr>
+<tr>
+<td>appName</td>
+<td></td>
+<td>Unique Id to identify Desktop App (snake-case)</td>
+</tr>
+<tr>
+<td>description</td>
+<td></td>
+<td>Short Description of Desktop App (20-150 chars)</td>
+</tr>
+<tr>
+<td>tags</td>
+<td></td>
+<td>Desktop App Tags space-delimited, snake-case, 3 max</td>
+</tr>
+</tbody>
+</table>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">DesktopFeature</span> {
+    <span class="pl-c"><span class="pl-c">//</span> access role for Script, File &amp; Download services</span>
+    <span class="pl-smi">AccessRole</span> <span class="pl-k">=</span> <span class="pl-smi">Config</span>.<span class="pl-smi">DebugMode</span> 
+        <span class="pl-k">?</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
+        <span class="pl-k">:</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">Admin</span>,
+    <span class="pl-smi">ImportParams</span> <span class="pl-k">=</span> { <span class="pl-c"><span class="pl-c">//</span> app.settings you want auto-populated in your App</span>
+        <span class="pl-s"><span class="pl-pds">"</span>debug<span class="pl-pds">"</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>connect<span class="pl-pds">"</span></span>,
+    },
+    <span class="pl-c"><span class="pl-c">//</span> Create a URL Scheme proxy rule for each registered site</span>
+    <span class="pl-smi">ProxyConfigs</span> <span class="pl-k">=</span> <span class="pl-smi">sites</span>.<span class="pl-smi">Keys</span>.<span class="pl-en">Map</span>(<span class="pl-smi">baseUrl</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">Uri</span>(<span class="pl-smi">baseUrl</span>))
+        .<span class="pl-en">Map</span>(<span class="pl-smi">uri</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">ProxyConfig</span> {
+            <span class="pl-smi">Scheme</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Scheme</span>,
+            <span class="pl-smi">TargetScheme</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Scheme</span>,
+            <span class="pl-smi">Domain</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Host</span>,
+            <span class="pl-smi">AllowCors</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+            <span class="pl-smi">IgnoreHeaders</span> <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">"</span>X-Frame-Options<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Content-Security-Policy<span class="pl-pds">"</span></span> }, 
+        })
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/adhoc-querying/01.html b/wwwroot/gfm/adhoc-querying/01.html
new file mode 100644
index 0000000..6147f1a
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/01.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">DbScriptsAsync</span>(),
+    }
+};
+<span class="pl-smi">context</span>.<span class="pl-smi">Container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(
+    <span class="pl-smi">connectionString</span>, <span class="pl-smi">SqlServer2012Dialect</span>.<span class="pl-smi">Provider</span>));
+<span class="pl-smi">context</span>.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/adhoc-querying/01.md b/wwwroot/gfm/adhoc-querying/01.md
new file mode 100644
index 0000000..9f83d81
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/01.md
@@ -0,0 +1,10 @@
+```csharp
+var context = new ScriptContext {
+    ScriptMethods = {
+        new DbScriptsAsync(),
+    }
+};
+context.Container.AddSingleton<IDbConnectionFactory>(() => new OrmLiteConnectionFactory(
+    connectionString, SqlServer2012Dialect.Provider));
+context.Init();
+```
diff --git a/wwwroot/gfm/adhoc-querying/02.html b/wwwroot/gfm/adhoc-querying/02.html
new file mode 100644
index 0000000..5bd4846
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/02.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">Register</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(<span class="pl-smi">c</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(
+    <span class="pl-s"><span class="pl-pds">$"</span>Data Source={<span class="pl-smi">filePath</span>};Read Only=true<span class="pl-pds">"</span></span>, <span class="pl-smi">SqliteDialect</span>.<span class="pl-smi">Provider</span>));</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/adhoc-querying/02.md b/wwwroot/gfm/adhoc-querying/02.md
new file mode 100644
index 0000000..033029a
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/02.md
@@ -0,0 +1,4 @@
+```csharp
+container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory(
+    $"Data Source={filePath};Read Only=true", SqliteDialect.Provider));
+```
diff --git a/wwwroot/gfm/adhoc-querying/03.html b/wwwroot/gfm/adhoc-querying/03.html
new file mode 100644
index 0000000..89f7b1f
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/03.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">Register</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(<span class="pl-smi">c</span> <span class="pl-k">=&gt;</span> 
+    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(<span class="pl-s"><span class="pl-pds">"</span>:memory:<span class="pl-pds">"</span></span>, <span class="pl-smi">SqliteDialect</span>.<span class="pl-smi">Provider</span>));
+
+<span class="pl-k">using</span> (<span class="pl-en">var</span> <span class="pl-en">db</span> <span class="pl-k">=</span> <span class="pl-en">container</span>.<span class="pl-en">Resolve</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;().<span class="pl-en">Open</span>())
+{
+    <span class="pl-en">db</span>.<span class="pl-en">CreateTable</span>&lt;<span class="pl-en">Order</span>&gt;();
+    <span class="pl-smi">db</span>.<span class="pl-en">CreateTable</span>&lt;<span class="pl-en">Customer</span>&gt;();
+    <span class="pl-smi">db</span>.<span class="pl-en">CreateTable</span>&lt;<span class="pl-en">Product</span>&gt;();
+    <span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Customers</span>.<span class="pl-en">Each</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">Save</span>(<span class="pl-smi">x</span>, <span class="pl-smi">references</span>:<span class="pl-c1">true</span>));
+    <span class="pl-smi">db</span>.<span class="pl-en">InsertAll</span>(<span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Products</span>);
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/adhoc-querying/03.md b/wwwroot/gfm/adhoc-querying/03.md
new file mode 100644
index 0000000..cc826b5
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/03.md
@@ -0,0 +1,13 @@
+```csharp
+container.Register<IDbConnectionFactory>(c => 
+    new OrmLiteConnectionFactory(":memory:", SqliteDialect.Provider));
+
+using (var db = container.Resolve<IDbConnectionFactory>().Open())
+{
+    db.CreateTable<Order>();
+    db.CreateTable<Customer>();
+    db.CreateTable<Product>();
+    TemplateQueryData.Customers.Each(x => db.Save(x, references:true));
+    db.InsertAll(TemplateQueryData.Products);
+}
+```
diff --git a/wwwroot/gfm/adhoc-querying/04.html b/wwwroot/gfm/adhoc-querying/04.html
new file mode 100644
index 0000000..4fa86a1
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/04.html
@@ -0,0 +1,121 @@
+<div class="gfm"><p>The combination of features in the new Templates makes easy work of typically tedious tasks, e.g. if you were tasked to create a report
+that contained all information about a <a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643" rel="nofollow">Northwind Order</a> displayed on a
+single page, you can create a new page at:</p>
+<ul>
+<li><a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/order-report/_id.html">/northwind/order-report/_id.html</a></li>
+</ul>
+<p>packed with all Queries you need to run and execute them with a <a href="http://sharpscript.net/docs/db-scripts" rel="nofollow">DB Script</a> and display them
+with a <a href="http://sharpscript.net/docs/html-scripts" rel="nofollow">HTML Scripts</a>:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">title: Order Report</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">CustomerId</span></span>, <span class="pl-e"><span class="pl-v">Freight</span></span>, <span class="pl-e"><span class="pl-v">e.Id</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">EmployeeId</span></span>, <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">ShipVia</span></span>, 
+           <span class="pl-e"><span class="pl-v">ShipAddress</span></span>, <span class="pl-e"><span class="pl-v">ShipCity</span></span>, <span class="pl-e"><span class="pl-v">ShipPostalCode</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>
+      <span class="pl-e"><span class="pl-v">FROM</span></span> ${<span class="pl-e"><span class="pl-v">sqlQuote</span></span>(<span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">o</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">e</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.EmployeeId</span></span> = <span class="pl-e"><span class="pl-v">e.Id</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Shipper</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.ShipVia</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` 
+  |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">order</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#with</span> <span class="pl-v">order</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">"</span>table table-striped<span class="pl-pds">"</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">className</span></span> <span class="pl-c1">}}</span>
+<span class="pl-s1">  &lt;<span class="pl-ent">style</span>&gt;<span class="pl-ent">table</span> {<span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">transparent</span>} <span class="pl-ent">th</span> {<span class="pl-c1"><span class="pl-c1">white-space</span></span>: <span class="pl-c1">nowrap</span>}&lt;/<span class="pl-ent">style</span>&gt;</span>
+  
+  &lt;<span class="pl-ent">div</span> <span class="pl-e"><span class="pl-e">style</span>=</span><span class="pl-s"><span class="pl-pds">"</span>display:flex<span class="pl-pds">"</span></span>&gt;
+      <span class="pl-c1">{{</span> <span class="pl-v">order</span> |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">'</span>Order Details<span class="pl-pds">'</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">CustomerId</span></span>` 
+         |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">CustomerId</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">Id</span></span>,<span class="pl-e"><span class="pl-v">LastName</span></span>,<span class="pl-e"><span class="pl-v">FirstName</span></span>,<span class="pl-e"><span class="pl-v">Title</span></span>,<span class="pl-e"><span class="pl-v">City</span></span>,<span class="pl-e"><span class="pl-v">Country</span></span>,<span class="pl-e"><span class="pl-v">Extension</span></span> <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">EmployeeId</span></span>` 
+         |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">EmployeeId</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+  &lt;/<span class="pl-ent">div</span>&gt;
+
+  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">p.ProductName</span></span>, ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>od.UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, <span class="pl-e"><span class="pl-v">Quantity</span></span>, <span class="pl-e"><span class="pl-v">Discount</span></span>
+        <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">od</span></span>
+             <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+             <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">od.ProductId</span></span> = <span class="pl-e"><span class="pl-v">p.Id</span></span>
+       <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">OrderId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>`
+      |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
+      |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">"</span>Line Items<span class="pl-pds">"</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">There</span></span> <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">no</span></span> <span class="pl-e"><span class="pl-v">Order</span></span> <span class="pl-e"><span class="pl-v">with</span></span> <span class="pl-e"><span class="pl-v">id</span></span>: ${<span class="pl-e"><span class="pl-v">id</span></span>}` <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/with</span><span class="pl-c1">}}</span></pre></div>
+<p>This will let you view the complete details of any order at the following URL:</p>
+<ul>
+<li><a href="http://rockwind-sqlite.web-app.io/northwind/order-report/10643" rel="nofollow">/northwind/order-report/10643</a></li>
+</ul>
+<p><a href="http://rockwind-sqlite.web-app.io/northwind/order-report/10643" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/order-report.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="user-content-sql-studio-example" class="anchor" href="#sql-studio-example" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>SQL Studio Example</h3>
+<p>To take the ad hoc SQL Query example even further, it also becomes trivial to implement a SQL Viewer to run ad hoc queries on your App's configured database.</p>
+<p><a href="http://rockwind-sqlite.web-app.io/northwind/sql/" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/sql-viewer.png" alt="" style="max-width:100%;"></a></p>
+<p>The <a href="http://rockwind-sqlite.web-app.io/northwind/sql/" rel="nofollow">Northwind SQL Viewer</a> above was developed using the 2 #Script Pages below:</p>
+<h4>
+<a id="user-content-northwindsqlindexhtml" class="anchor" href="#northwindsqlindexhtml" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/sharp-apps/rockwind/blob/master/northwind/sql/index.html">/northwind/sql/index.html</a>
+</h4>
+<p>A Sharp Page to render the UI, shortcut links to quickly see the last 10 rows of each table, a <code>&lt;textarea/&gt;</code> to capture the SQL Query which
+is sent to an API on every keystroke where the results are displayed instantly:</p>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">h2</span>&gt;Northwind SQL Viewer&lt;/<span class="pl-ent">h2</span>&gt;
+
+&lt;<span class="pl-ent">textarea</span> <span class="pl-e">name</span>=<span class="pl-s"><span class="pl-pds">"</span>sql<span class="pl-pds">"</span></span>&gt;select * from "Customer" order by Id desc limit 10&lt;/<span class="pl-ent">textarea</span>&gt;
+&lt;<span class="pl-ent">ul</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>tables<span class="pl-pds">"</span></span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Category&lt;/<span class="pl-ent">li</span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Customer&lt;/<span class="pl-ent">li</span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Employee&lt;/<span class="pl-ent">li</span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Order&lt;/<span class="pl-ent">li</span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Product&lt;/<span class="pl-ent">li</span>&gt;
+  &lt;<span class="pl-ent">li</span>&gt;Supplier&lt;/<span class="pl-ent">li</span>&gt;
+&lt;/<span class="pl-ent">ul</span>&gt;
+
+&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>preview<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">div</span>&gt;
+&lt;<span class="pl-ent">style</span>&gt;<span class="pl-s1"><span class="pl-c"><span class="pl-c">/*</span>...<span class="pl-c">*/</span></span></span>&lt;/<span class="pl-ent">style</span>&gt;
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">let</span> textarea <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(<span class="pl-s"><span class="pl-pds">"</span>textarea<span class="pl-pds">"</span></span>);</span>
+<span class="pl-s1"><span class="pl-k">let</span> listItems <span class="pl-k">=</span> <span class="pl-c1">document</span>.<span class="pl-c1">querySelectorAll</span>(<span class="pl-s"><span class="pl-pds">'</span>.tables li<span class="pl-pds">'</span></span>);</span>
+<span class="pl-s1"><span class="pl-k">for</span> (<span class="pl-k">let</span> i<span class="pl-k">=</span><span class="pl-c1">0</span>; i<span class="pl-k">&lt;</span><span class="pl-smi">listItems</span>.<span class="pl-c1">length</span>; i<span class="pl-k">++</span>) {</span>
+<span class="pl-s1">  listItems[i].<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">'</span>click<span class="pl-pds">'</span></span>, <span class="pl-k">function</span>(<span class="pl-smi">e</span>){</span>
+<span class="pl-s1">    <span class="pl-k">var</span> table <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-c1">target</span>.<span class="pl-smi">innerHTML</span>;</span>
+<span class="pl-s1">    <span class="pl-smi">textarea</span>.<span class="pl-c1">value</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>select * from "<span class="pl-pds">'</span></span> <span class="pl-k">+</span> table <span class="pl-k">+</span> <span class="pl-s"><span class="pl-pds">'</span>" order by Id desc limit 10<span class="pl-pds">'</span></span>;</span>
+<span class="pl-s1">    <span class="pl-smi">textarea</span>.<span class="pl-c1">dispatchEvent</span>(<span class="pl-k">new</span> <span class="pl-en">Event</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, { bubbles<span class="pl-k">:</span> <span class="pl-c1">true</span>, cancelable<span class="pl-k">:</span> <span class="pl-c1">true</span> }));</span>
+<span class="pl-s1">  });</span>
+<span class="pl-s1">}</span>
+<span class="pl-s1"><span class="pl-c"><span class="pl-c">//</span> Enable Live Preview of SQL</span></span>
+<span class="pl-s1"><span class="pl-smi">textarea</span>.<span class="pl-c1">addEventListener</span>(<span class="pl-s"><span class="pl-pds">"</span>input<span class="pl-pds">"</span></span>, livepreview, <span class="pl-c1">false</span>);</span>
+<span class="pl-s1"><span class="pl-en">livepreview</span>({ target<span class="pl-k">:</span> textarea });</span>
+<span class="pl-s1"><span class="pl-k">function</span> <span class="pl-en">livepreview</span>(<span class="pl-smi">e</span>) {</span>
+<span class="pl-s1">  <span class="pl-k">let</span> el <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-c1">target</span>;</span>
+<span class="pl-s1">  <span class="pl-k">let</span> sel <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">'</span>.preview<span class="pl-pds">'</span></span>;</span>
+<span class="pl-s1">  <span class="pl-k">if</span> (<span class="pl-smi">el</span>.<span class="pl-c1">value</span>.<span class="pl-en">trim</span>() <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>) {</span>
+<span class="pl-s1">    <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>;</span>
+<span class="pl-s1">    <span class="pl-k">return</span>;</span>
+<span class="pl-s1">  }</span>
+<span class="pl-s1">  <span class="pl-k">let</span> formData <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">FormData</span>();</span>
+<span class="pl-s1">  <span class="pl-smi">formData</span>.<span class="pl-c1">append</span>(<span class="pl-s"><span class="pl-pds">"</span>sql<span class="pl-pds">"</span></span>, <span class="pl-smi">el</span>.<span class="pl-c1">value</span>);</span>
+<span class="pl-s1">  <span class="pl-en">fetch</span>(<span class="pl-s"><span class="pl-pds">"</span>api<span class="pl-pds">"</span></span>, {</span>
+<span class="pl-s1">    method<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span>post<span class="pl-pds">"</span></span>,</span>
+<span class="pl-s1">    body<span class="pl-k">:</span> formData</span>
+<span class="pl-s1">  }).<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-k">return</span> <span class="pl-smi">r</span>.<span class="pl-c1">text</span>(); })</span>
+<span class="pl-s1">    .<span class="pl-c1">then</span>(<span class="pl-k">function</span>(<span class="pl-smi">r</span>) { <span class="pl-c1">document</span>.<span class="pl-c1">querySelector</span>(sel).<span class="pl-smi">innerHTML</span> <span class="pl-k">=</span> r; });</span>
+<span class="pl-s1">}</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+<h4>
+<a id="user-content-northwindsqlapihtml" class="anchor" href="#northwindsqlapihtml" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/sharp-apps/rockwind/blob/master/northwind/sql/api.html">/northwind/sql/api.html</a>
+</h4>
+<p>All that's left is to implement the API which just needs to check to ensure the SQL does not contain any destructive operations using the
+<code>isUnsafeSql</code> DB filter, if it doesn't execute the SQL with the <code>dbSelect</code> DB Filter, generate a HTML Table with <code>htmlDump</code> and return
+the partial HTML fragment with <code>return</code>:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">isUnsafeSql</span>(<span class="pl-e"><span class="pl-v">sql</span></span>) <span class="pl-c1">}}</span> 
+    <span class="pl-c1">{{</span> `&lt;<span class="pl-e"><span class="pl-v">div</span></span> <span class="pl-e"><span class="pl-v">class</span>=</span><span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>&gt;<span class="pl-e"><span class="pl-v">Potentially</span></span> <span class="pl-e"><span class="pl-v">unsafe</span></span> <span class="pl-e"><span class="pl-v">SQL</span></span> <span class="pl-e"><span class="pl-v">detected</span></span>&lt;<span class="pl-e"><span class="pl-v">/div</span></span>&gt;` |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span> |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span> |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+<h3>
+<a id="user-content-live-development-workflow" class="anchor" href="#live-development-workflow" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Live Development Workflow</h3>
+<p>Thanks to the live development workflow of #Script Pages, this is the quickest way we've previously been able to implement any of this functionality.
+Where all development can happen at runtime with no compilation or builds, yielding a highly productive iterative workflow to implement common functionality
+like viewing ad hoc SQL Queries in Excel or even just to rapidly prototype APIs so they can be consumed immediately by Client Applications before
+formalizing them into Typed ServiceStack Services where they can take advantage of its rich typed metadata and ecosystem.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/adhoc-querying/04.md b/wwwroot/gfm/adhoc-querying/04.md
new file mode 100644
index 0000000..ec786ba
--- /dev/null
+++ b/wwwroot/gfm/adhoc-querying/04.md
@@ -0,0 +1,134 @@
+The combination of features in the new Templates makes easy work of typically tedious tasks, e.g. if you were tasked to create a report 
+that contained all information about a [Northwind Order](http://rockwind-sqlite.web-app.io/northwind/order?id=10643) displayed on a 
+single page, you can create a new page at:
+
+  - [/northwind/order-report/_id.html](https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/northwind/order-report/_id.html)
+
+packed with all Queries you need to run and execute them with a [DB Script](http://sharpscript.net/docs/db-scripts) and display them
+with a [HTML Scripts](http://sharpscript.net/docs/html-scripts):
+
+```hbs
+<!--
+title: Order Report
+-->
+
+{{ `SELECT o.Id, OrderDate, CustomerId, Freight, e.Id as EmployeeId, s.CompanyName as ShipVia, 
+           ShipAddress, ShipCity, ShipPostalCode, ShipCountry
+      FROM ${sqlQuote("Order")} o
+           INNER JOIN
+           Employee e ON o.EmployeeId = e.Id
+           INNER JOIN
+           Shipper s ON o.ShipVia = s.Id
+     WHERE o.Id = @id` 
+  |> dbSingle({ id }) |> to => order }}
+
+{{#with order}}
+  {{ "table table-striped" |> to => className }}
+  <style>table {border: 5px solid transparent} th {white-space: nowrap}</style>
+  
+  <div style="display:flex">
+      {{ order |> htmlDump({ caption: 'Order Details', className }) }}
+      {{ `SELECT * FROM Customer WHERE Id = @CustomerId` 
+         |> dbSingle({ CustomerId }) |> htmlDump({ caption: `Customer Details`, className }) }}
+      {{ `SELECT Id,LastName,FirstName,Title,City,Country,Extension FROM Employee WHERE Id = @EmployeeId` 
+         |> dbSingle({ EmployeeId }) |> htmlDump({ caption: `Employee Details`, className }) }}
+  </div>
+
+  {{ `SELECT p.ProductName, ${sqlCurrency("od.UnitPrice")} UnitPrice, Quantity, Discount
+        FROM OrderDetail od
+             INNER JOIN
+             Product p ON od.ProductId = p.Id
+       WHERE OrderId = @id`
+      |> dbSelect({ id }) 
+      |> htmlDump({ caption: "Line Items", className }) }}
+{{else}}
+  {{ `There is no Order with id: ${id}` }}
+{{/with}}
+```
+
+This will let you view the complete details of any order at the following URL:
+
+  - [/northwind/order-report/10643](http://rockwind-sqlite.web-app.io/northwind/order-report/10643)
+
+[![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/order-report.png)](http://rockwind-sqlite.web-app.io/northwind/order-report/10643)
+
+### SQL Studio Example
+
+To take the ad hoc SQL Query example even further, it also becomes trivial to implement a SQL Viewer to run ad hoc queries on your App's configured database.
+
+[![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/rockwind/sql-viewer.png)](http://rockwind-sqlite.web-app.io/northwind/sql/)
+
+The [Northwind SQL Viewer](http://rockwind-sqlite.web-app.io/northwind/sql/) above was developed using the 2 #Script Pages below:
+
+#### [/northwind/sql/index.html](https://github.com/sharp-apps/rockwind/blob/master/northwind/sql/index.html)
+
+A Sharp Page to render the UI, shortcut links to quickly see the last 10 rows of each table, a `<textarea/>` to capture the SQL Query which
+is sent to an API on every keystroke where the results are displayed instantly:
+
+```html
+<h2>Northwind SQL Viewer</h2>
+
+<textarea name="sql">select * from "Customer" order by Id desc limit 10</textarea>
+<ul class="tables">
+  <li>Category</li>
+  <li>Customer</li>
+  <li>Employee</li>
+  <li>Order</li>
+  <li>Product</li>
+  <li>Supplier</li>
+</ul>
+
+<div class="preview"></div>
+<style>/*...*/</style>
+
+<script>
+let textarea = document.querySelector("textarea");
+let listItems = document.querySelectorAll('.tables li');
+for (let i=0; i<listItems.length; i++) {
+  listItems[i].addEventListener('click', function(e){
+    var table = e.target.innerHTML;
+    textarea.value = 'select * from "' + table + '" order by Id desc limit 10';
+    textarea.dispatchEvent(new Event("input", { bubbles: true, cancelable: true }));
+  });
+}
+// Enable Live Preview of SQL
+textarea.addEventListener("input", livepreview, false);
+livepreview({ target: textarea });
+function livepreview(e) {
+  let el = e.target;
+  let sel = '.preview';
+  if (el.value.trim() == "") {
+    document.querySelector(sel).innerHTML = "";
+    return;
+  }
+  let formData = new FormData();
+  formData.append("sql", el.value);
+  fetch("api", {
+    method: "post",
+    body: formData
+  }).then(function(r) { return r.text(); })
+    .then(function(r) { document.querySelector(sel).innerHTML = r; });
+}
+</script>
+```
+
+#### [/northwind/sql/api.html](https://github.com/sharp-apps/rockwind/blob/master/northwind/sql/api.html)
+
+All that's left is to implement the API which just needs to check to ensure the SQL does not contain any destructive operations using the 
+`isUnsafeSql` DB filter, if it doesn't execute the SQL with the `dbSelect` DB Filter, generate a HTML Table with `htmlDump` and return
+the partial HTML fragment with `return`:
+
+```hbs
+{{#if isUnsafeSql(sql) }} 
+    {{ `<div class="alert alert-danger">Potentially unsafe SQL detected</div>` |> return }}
+{{/if}}
+
+{{ sql |> dbSelect |> htmlDump |> return }}
+```
+
+### Live Development Workflow
+
+Thanks to the live development workflow of #Script Pages, this is the quickest way we've previously been able to implement any of this functionality.
+Where all development can happen at runtime with no compilation or builds, yielding a highly productive iterative workflow to implement common functionality
+like viewing ad hoc SQL Queries in Excel or even just to rapidly prototype APIs so they can be consumed immediately by Client Applications before 
+formalizing them into Typed ServiceStack Services where they can take advantage of its rich typed metadata and ecosystem.
\ No newline at end of file
diff --git a/wwwroot/gfm/api-reference/01.html b/wwwroot/gfm/api-reference/01.html
new file mode 100644
index 0000000..0d58f88
--- /dev/null
+++ b/wwwroot/gfm/api-reference/01.html
@@ -0,0 +1,18 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> { 
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">MaxQuota</span>] <span class="pl-k">=</span> <span class="pl-c1">10000</span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultCulture</span>] <span class="pl-k">=</span> <span class="pl-smi">CultureInfo</span>.<span class="pl-smi">CurrentCulture</span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultDateFormat</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>yyyy-MM-dd<span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultDateTimeFormat</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>u<span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultTimeFormat</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>h<span class="pl-cce">\\</span>:mm<span class="pl-cce">\\</span>:ss<span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultFileCacheExpiry</span>] <span class="pl-k">=</span> <span class="pl-smi">TimeSpan</span>.<span class="pl-en">FromMinutes</span>(<span class="pl-c1">1</span>),
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultUrlCacheExpiry</span>] <span class="pl-k">=</span> <span class="pl-smi">TimeSpan</span>.<span class="pl-en">FromMinutes</span>(<span class="pl-c1">1</span>),
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultIndent</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\t</span><span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultNewLine</span>] <span class="pl-k">=</span> <span class="pl-smi">Environment</span>.<span class="pl-smi">NewLine</span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultJsConfig</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>excludetypeinfo<span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultStringComparison</span>] <span class="pl-k">=</span> <span class="pl-smi">StringComparison</span>.<span class="pl-smi">Ordinal</span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultTableClassName</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>table<span class="pl-pds">"</span></span>,
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultErrorClassName</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>,
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/api-reference/01.md b/wwwroot/gfm/api-reference/01.md
new file mode 100644
index 0000000..1d81fc3
--- /dev/null
+++ b/wwwroot/gfm/api-reference/01.md
@@ -0,0 +1,19 @@
+```csharp
+var context = new ScriptContext { 
+    Args = {
+        [ScriptConstants.MaxQuota] = 10000,
+        [ScriptConstants.DefaultCulture] = CultureInfo.CurrentCulture,
+        [ScriptConstants.DefaultDateFormat] = "yyyy-MM-dd",
+        [ScriptConstants.DefaultDateTimeFormat] = "u",
+        [ScriptConstants.DefaultTimeFormat] = "h\\:mm\\:ss",
+        [ScriptConstants.DefaultFileCacheExpiry] = TimeSpan.FromMinutes(1),
+        [ScriptConstants.DefaultUrlCacheExpiry] = TimeSpan.FromMinutes(1),
+        [ScriptConstants.DefaultIndent] = "\t",
+        [ScriptConstants.DefaultNewLine] = Environment.NewLine,
+        [ScriptConstants.DefaultJsConfig] = "excludetypeinfo",
+        [ScriptConstants.DefaultStringComparison] = StringComparison.Ordinal,
+        [ScriptConstants.DefaultTableClassName] = "table",
+        [ScriptConstants.DefaultErrorClassName] = "alert alert-danger",
+    }
+}.Init();
+```
diff --git a/wwwroot/gfm/api-reference/02.html b/wwwroot/gfm/api-reference/02.html
new file mode 100644
index 0000000..2b5c1b1
--- /dev/null
+++ b/wwwroot/gfm/api-reference/02.html
@@ -0,0 +1,10 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">fs</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">FileSystemVirtualFiles</span>(<span class="pl-s"><span class="pl-pds">"</span>~/template-files<span class="pl-pds">"</span></span>.<span class="pl-en">MapProjectPath</span>());
+<span class="pl-k">foreach</span> (<span class="pl-k">var</span> <span class="pl-smi">file</span> <span class="pl-k">in</span> <span class="pl-smi">fs</span>.<span class="pl-en">GetAllMatchingFiles</span>(<span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>))
+{
+    <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-en">MyAllowFile</span>(<span class="pl-smi">file</span>)) <span class="pl-k">continue</span>;
+    <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">stream</span> <span class="pl-k">=</span> <span class="pl-smi">file</span>.<span class="pl-en">OpenRead</span>())
+    {
+        <span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-smi">file</span>.<span class="pl-smi">VirtualPath</span>, <span class="pl-smi">stream</span>);
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/api-reference/02.md b/wwwroot/gfm/api-reference/02.md
new file mode 100644
index 0000000..953c912
--- /dev/null
+++ b/wwwroot/gfm/api-reference/02.md
@@ -0,0 +1,11 @@
+```csharp
+var fs = new FileSystemVirtualFiles("~/template-files".MapProjectPath());
+foreach (var file in fs.GetAllMatchingFiles("*.html"))
+{
+    if (!MyAllowFile(file)) continue;
+    using (var stream = file.OpenRead())
+    {
+        context.VirtualFiles.WriteFile(file.VirtualPath, stream);
+    }
+}
+```
diff --git a/wwwroot/gfm/api-reference/03.html b/wwwroot/gfm/api-reference/03.html
new file mode 100644
index 0000000..a5e7814
--- /dev/null
+++ b/wwwroot/gfm/api-reference/03.html
@@ -0,0 +1,22 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownScriptPlugin</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">RegisterPageFormat</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-k">if</span> (<span class="pl-smi">RegisterPageFormat</span>)
+            <span class="pl-smi">context</span>.<span class="pl-smi">PageFormats</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>());
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">FilterTransformers</span>[<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span>;
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptMethods</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptMethods</span>());
+
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptBlock</span>());
+    }
+}</pre></div>
+<p>The <code>MarkdownScriptPlugin</code> is pre-registered when using the <a href="/docs/sharp-pages">#Script Pages</a>, for
+all other contexts it can be registered and customized with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownScriptPlugin</span> { <span class="pl-smi">RegisterPageFormat</span> <span class="pl-k">=</span> <span class="pl-c1">false</span> } }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/api-reference/03.md b/wwwroot/gfm/api-reference/03.md
new file mode 100644
index 0000000..0150545
--- /dev/null
+++ b/wwwroot/gfm/api-reference/03.md
@@ -0,0 +1,27 @@
+```csharp
+public class MarkdownScriptPlugin : IScriptPlugin
+{
+    public bool RegisterPageFormat { get; set; } = true;
+
+    public void Register(ScriptContext context)
+    {
+        if (RegisterPageFormat)
+            context.PageFormats.Add(new MarkdownPageFormat());
+        
+        context.FilterTransformers["markdown"] = MarkdownPageFormat.TransformToHtml;
+        
+        context.ScriptMethods.Add(new MarkdownScriptMethods());
+
+        context.ScriptBlocks.Add(new MarkdownScriptBlock());
+    }
+}
+```
+
+The `MarkdownScriptPlugin` is pre-registered when using the [#Script Pages](/docs/sharp-pages), for
+all other contexts it can be registered and customized with:
+
+```csharp
+var context = new ScriptContext {
+    Plugins = { new MarkdownScriptPlugin { RegisterPageFormat = false } }
+}.Init();
+```
diff --git a/wwwroot/gfm/apps/01.html b/wwwroot/gfm/apps/01.html
new file mode 100644
index 0000000..3311b92
--- /dev/null
+++ b/wwwroot/gfm/apps/01.html
@@ -0,0 +1,312 @@
+<div class="gfm"><p>Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development
+model to leverage advanced Web Technologies like SVG in a fun, interactive and live development experience.</p>
+<blockquote>
+<p>YouTube: <a href="https://youtu.be/Cf-vstYXrmY" rel="nofollow">youtu.be/2FFRLxs7orU</a></p>
+</blockquote>
+<p><a href="https://youtu.be/Cf-vstYXrmY" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png" alt="" style="max-width:100%;"></a></p>
+<p>You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):</p>
+<p><strong><a name="app://spirals">app://spirals</a></strong></p>
+<p>Or via command-line:</p>
+<pre><code>$ app open spirals
+</code></pre>
+<p>Cross platform (Default Browser):</p>
+<pre><code>$ x open spirals
+</code></pre>
+<h2>
+<a id="the-making-of-spirals" class="anchor" href="#the-making-of-spirals" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>The Making of Spirals</h2>
+<p>Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development model to
+leverage advanced Web Technologies like SVG in a fun, interactive and live development experience.</p>
+<p>To start install the dotnet <code>app</code> global tool:</p>
+<pre><code>$ dotnet tool install -g app
+</code></pre>
+<p>Then create a folder for our app called <code>spirals</code> and initialize and empty Web App with <code>app init</code>:</p>
+<pre><code>$ md spirals
+$ cd spirals &amp;&amp; app init
+</code></pre>
+<p>This generates a minimal Web App but you could also start from any of the more complete
+<a href="http://sharpscript.net/docs/sharp-apps#getting-started" rel="nofollow">Web App Templates</a>.</p>
+<p>Now let's open the folder up for editing in our preferred text editor, VS Code:</p>
+<pre><code>$ code .
+</code></pre>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-code.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-code.png" alt="" style="max-width:100%;"></a></p>
+<p>To start developing our App we just have to run <code>app</code> on the command-line which in VS Code we can open with <code>Terminal &gt; New Terminal</code> or the <strong>Ctrl+Shift+`</strong> shortcut key. This will open our minimal App:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-run.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-run.png" alt="" style="max-width:100%;"></a></p>
+<p>The <a href="https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-_layout-html">_layout.html</a> shown above is currently where all
+the action is which we'll quickly walk through:</p>
+<div class="highlight highlight-text-html-basic"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">i</span> <span class="pl-c1">hidden</span><span class="pl-kos">&gt;</span>{{ '/js/hot-fileloader.js' |<span class="pl-kos">&gt;</span> ifDebugIncludeScript }}<span class="pl-kos">&lt;/</span><span class="pl-ent">i</span><span class="pl-kos">&gt;</span></pre></div>
+<p>This gives us a Live Development experience in <code>debug</code> mode where it injects a script that will detect file changes <strong>on Save</strong> and automatically reload the page at the current scroll offset.</p>
+<div class="highlight highlight-text-html-basic"><pre>{{ 'menu' |<span class="pl-kos">&gt;</span> partial({ 
+        '/':           'Home',
+        '/metadata':   '/metadata',
+    }) 
+}}</pre></div>
+<p>This evaluates the included <a href="https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-_menu-partial-html">_menu-partial.html</a> with the links
+to different routes we want in our Menu on top of the page.</p>
+<div class="highlight highlight-text-html-basic"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">id</span>="<span class="pl-s">body</span>" <span class="pl-c1">class</span>="<span class="pl-s">container</span>"<span class="pl-kos">&gt;</span>
+    <span class="pl-kos">&lt;</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>{{title}}<span class="pl-kos">&lt;/</span><span class="pl-ent">h2</span><span class="pl-kos">&gt;</span>
+    
+    {{ page }}
+<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
+<p>The body of our App is used to render the title and contents of each page.</p>
+<div class="highlight highlight-text-html-basic"><pre>{{ scripts |<span class="pl-kos">&gt;</span> raw }}</pre></div>
+<p>If pages include any <code>scripts</code> they'll be rendered in the bottom of the page.</p>
+<blockquote>
+<p>The <code>raw</code> filter prevents the output from being HTML encoded.</p>
+</blockquote>
+<p>The other 2 files included is <a href="https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-app-settings">app.settings</a> containing the
+name of our App and <code>debug true</code> setting to run our App in Debug mode:</p>
+<pre><code>debug true
+name My App
+</code></pre>
+<p>The template only has one page <a href="https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-index-html">index.html</a> containing the <code>title</code>
+of the page in a page argument which the <code>_layout.html</code> has access to without evaluating the page, anything after is the page contents:</p>
+<div class="highlight highlight-text-html-basic"><pre><span class="pl-c">&lt;!-- </span>
+<span class="pl-c">title: Home Page</span>
+<span class="pl-c">--&gt;</span>
+
+This is the home page.</pre></div>
+<p>We can now <strong>save</strong> changes to any of the pages and see our changes reflected instantly in the running App. But we also have access to an even better
+live-development experience than <strong>preview as you save</strong> with <strong>preview as you type</strong> :)</p>
+<h3>
+<a id="live-previews" class="anchor" href="#live-previews" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Live Previews</h3>
+<p>To take advantage of this we can exploit one of the features available in all ServiceStack Apps by clicking on <code>/metadata</code> Menu Item to view the
+<a href="/metadata-page">Metadata page</a> containing links to our Apps Services, links to Metadata Services and any registered plugins:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-metadata.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-metadata.png" alt="" style="max-width:100%;"></a></p>
+<p>Then click on <a href="/debugging#debug-inspector">Debug Inspector</a> to open a real-time REPL, which is normally used to get rich insights from a running App:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-debug-inspector.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-debug-inspector.png" alt="" style="max-width:100%;"></a></p>
+<p>But can also be used for executing ad hoc Template Scripts. Here we can drop in any mix of HTML and templates to view results in real-time.</p>
+<p>In this case we want to generate SVG spirals by drawing a <code>circle</code> at each point along a
+<a href="https://stackoverflow.com/a/6824451/85785" rel="nofollow">Archimedean spiral function</a> which was initially used as a base and with the help of the live REPL was
+quickly able to apply some constants to draw the <strong>tall &amp; narrow</strong> spirals we want:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span>10<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,100,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;</pre></div>
+<p>We can further explore different spirals by modifying <code>x</code> and <code>y</code> cos/sin constants:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/single.gif" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/single.gif" alt="" style="max-width:100%;"></a></p>
+<p>Out of the spirals we've seen lets pick one of the interesting ones and add it to our <code>index.html</code>, let's also enhance them by modifying the <code>fill</code> and
+<code>radius</code> properties with different weightings and compare them side-by-side:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span>10<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,100,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span>10<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">0.1</span></span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;</pre></div>
+<blockquote>
+<p>You can use <code>ALT+LEFT</code> + <code>ALT+RIGHT</code> shortcut keys to navigate back and forward to the home page.</p>
+</blockquote>
+<p>Great, hitting <code>save</code> again will show us the effects of each change side-by-size:</p>
+<p><a href="http://spirals.web-app.io" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/single-fill-radius.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="multiplying" class="anchor" href="#multiplying" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Multiplying</h3>
+<p>Now that we have the effect that we want, let's go back to the debug inspector and see what a number of different spirals look side-by-side
+by wrapping our last svg snippet in another each block:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">table</span>&gt;<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">i</span> <span class="pl-c1">in</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">0</span></span>, <span class="pl-e"><span class="pl-v">4</span></span>) <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>)   * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>+<span class="pl-e"><span class="pl-v">i</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">0.1</span></span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span></pre></div>
+<p>We can prefix our snippet with <code>&lt;table&gt;</code> as a temp workaround to force them to display side-by-side in Debug Inspector. In order to
+for spirals to distort we'll only change 1 of the axis, as they're tall &amp; narrow lets explore along the y-axis:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi-01.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi-01.png" alt="" style="max-width:100%;"></a></p>
+<p>We're all setup to begin our pattern explorer expedition where we can navigate across the <code>range()</code> index both incrementally and logarithmically across
+to quickly discover new aesthetically pleasing patterns :)</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi.gif" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi.gif" alt="" style="max-width:100%;"></a></p>
+<p>Let's go back to our App and embody our multi spiral viewer in a new <code>multi.html</code> page containing:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">i</span> <span class="pl-c1">in</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">0</span></span>, <span class="pl-e"><span class="pl-v">4</span></span>) <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>)   * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>+<span class="pl-e"><span class="pl-v">i</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">0.1</span></span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span></pre></div>
+<p>Then make it navigable by adding a link to our new page in the <code>_layout.html</code> menu:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>menu<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">partial</span></span>({
+     <span class="pl-s"><span class="pl-pds">'</span>/<span class="pl-pds">'</span></span>:           <span class="pl-s"><span class="pl-pds">'</span>Home<span class="pl-pds">'</span></span>,
+     <span class="pl-s"><span class="pl-pds">'</span>/multi<span class="pl-pds">'</span></span>:      <span class="pl-s"><span class="pl-pds">'</span>Multi<span class="pl-pds">'</span></span>,
+     <span class="pl-s"><span class="pl-pds">'</span>/metadata<span class="pl-pds">'</span></span>:   <span class="pl-s"><span class="pl-pds">'</span>/metadata<span class="pl-pds">'</span></span>,
+   })
+<span class="pl-c1">}}</span></pre></div>
+<p>Where upon save, our creation will reveal itself in the App's menu:</p>
+<p><a href="http://spirals.web-app.io/multi" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="animating" class="anchor" href="#animating" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Animating</h3>
+<p>With the help of SVG's <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate" rel="nofollow"><code>&lt;animate&gt;</code></a> we can easily bring our spirals to life
+by animating different properties on the generated SVG circles.</p>
+<p>As we have to wait for the animation to complete before trying out different effects, we won't benefit from Debug Inspector's live REPL
+so let's jump straight in and create a new <code>animated.html</code> and add a link to it in the menu:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>menu<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">partial</span></span>({
+     <span class="pl-s"><span class="pl-pds">'</span>/<span class="pl-pds">'</span></span>:           <span class="pl-s"><span class="pl-pds">'</span>Home<span class="pl-pds">'</span></span>,
+     <span class="pl-s"><span class="pl-pds">'</span>/multi<span class="pl-pds">'</span></span>:      <span class="pl-s"><span class="pl-pds">'</span>Multi<span class="pl-pds">'</span></span>,
+     <span class="pl-s"><span class="pl-pds">'</span>/animated<span class="pl-pds">'</span></span>:   <span class="pl-s"><span class="pl-pds">'</span>Animated<span class="pl-pds">'</span></span>,
+     <span class="pl-s"><span class="pl-pds">'</span>/metadata<span class="pl-pds">'</span></span>:   <span class="pl-s"><span class="pl-pds">'</span>/metadata<span class="pl-pds">'</span></span>,
+   })
+<span class="pl-c1">}}</span></pre></div>
+<p>Then populate it with a copy of <code>multi.html</code> and sprinkle in some <code>&lt;animate&gt;</code> elements to cycle through different <code>&lt;circle&gt;</code> property values.
+We're entering the "creative process" of our App where we can try out different values, hit <strong>Save</strong> and watch the effects of our tuning eventually
+arriving at a combination we like:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">i</span> <span class="pl-c1">in</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">0</span></span>, <span class="pl-e"><span class="pl-v">4</span></span>) <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>)   * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>+<span class="pl-e"><span class="pl-v">i</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">0.1</span></span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">animate</span> <span class="pl-e"><span class="pl-e">attributeName</span>=</span><span class="pl-s"><span class="pl-pds">"</span>fill<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">values</span>=</span><span class="pl-s"><span class="pl-pds">"</span>green;yellow;red;green<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">dur</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>%<span class="pl-e"><span class="pl-v">10</span></span><span class="pl-c1">}}</span>s<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">repeatCount</span>=</span><span class="pl-s"><span class="pl-pds">"</span>indefinite<span class="pl-pds">"</span></span> /&gt;
+    &lt;<span class="pl-ent">animate</span> <span class="pl-e"><span class="pl-e">attributeName</span>=</span><span class="pl-s"><span class="pl-pds">"</span>opacity<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">values</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1;.5;1<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">dur</span>=</span><span class="pl-s"><span class="pl-pds">"</span>5s<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">repeatCount</span>=</span><span class="pl-s"><span class="pl-pds">"</span>indefinite<span class="pl-pds">"</span></span> /&gt;
+    &lt;<span class="pl-ent">animate</span> <span class="pl-e"><span class="pl-e">attributeName</span>=</span><span class="pl-s"><span class="pl-pds">"</span>cx<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">values</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">x</span>*<span class="pl-e"><span class="pl-v">1.02</span></span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">x</span>*<span class="pl-e"><span class="pl-v">0.98</span></span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">dur</span>=</span><span class="pl-s"><span class="pl-pds">"</span>3s<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">repeatCount</span>=</span><span class="pl-s"><span class="pl-pds">"</span>indefinite<span class="pl-pds">"</span></span> /&gt;
+    &lt;<span class="pl-ent">animate</span> <span class="pl-e"><span class="pl-e">attributeName</span>=</span><span class="pl-s"><span class="pl-pds">"</span>cy<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">values</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">y</span>*<span class="pl-e"><span class="pl-v">1.02</span></span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">y</span>*<span class="pl-e"><span class="pl-v">0.98</span></span><span class="pl-c1">}}</span>;<span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">dur</span>=</span><span class="pl-s"><span class="pl-pds">"</span>3s<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">repeatCount</span>=</span><span class="pl-s"><span class="pl-pds">"</span>indefinite<span class="pl-pds">"</span></span> /&gt;
+  &lt;/<span class="pl-ent">circle</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span></pre></div>
+<p>Although hard to capture in a screenshot, we can sit back and watch our living, breathing Spirals :)</p>
+<p><a href="http://spirals.web-app.io/animated?from=0" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png" alt="" style="max-width:100%;"></a></p>
+<blockquote>
+<p>Checkout <a href="http://spirals.web-app.io/animated?from=0" rel="nofollow">spirals.web-app.io</a> for the animated version.</p>
+</blockquote>
+<h3>
+<a id="navigating" class="anchor" href="#navigating" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Navigating</h3>
+<p>Lets expand our App beyond these static Spirals by enabling some navigation, this is easily done by adding the snippet below on the top of the home page:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">from</span> ?? <span class="pl-e"><span class="pl-v">1</span></span> | <span class="pl-e"><span class="pl-v">toInt</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">from</span></span> <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">div</span> <span class="pl-e"><span class="pl-e">style</span>=</span><span class="pl-s"><span class="pl-pds">"</span>text-align:right;margin:-54px 0 30px 0<span class="pl-pds">"</span></span>&gt;
+  <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">from</span> &gt; <span class="pl-e"><span class="pl-v">1</span></span><span class="pl-c1">}}</span> &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span> <span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-1</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>) <span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">title</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-1</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>)<span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;previous&lt;/<span class="pl-ent">a</span>&gt; |<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span><span class="pl-v">from</span><span class="pl-c1">}}</span> | &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span> <span class="pl-v">from</span>+<span class="pl-e"><span class="pl-v">1</span></span> <span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">title</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-1</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>)<span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;next&lt;/<span class="pl-ent">a</span>&gt;
+&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
+<p>Whilst the <code>multi.html</code> and <code>animated.html</code> pages can skip by 4:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">from</span> ?? <span class="pl-e"><span class="pl-v">1</span></span> | <span class="pl-e"><span class="pl-v">toInt</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">from</span></span> <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">div</span> <span class="pl-e"><span class="pl-e">style</span>=</span><span class="pl-s"><span class="pl-pds">"</span>text-align:right;margin:-54px 0 30px 0<span class="pl-pds">"</span></span>&gt;
+  <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">from</span> &gt; <span class="pl-e"><span class="pl-v">1</span></span><span class="pl-c1">}}</span> &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span> <span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-4</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>) <span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">title</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-1</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>)<span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;previous&lt;/<span class="pl-ent">a</span>&gt; |<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span><span class="pl-v">from</span><span class="pl-c1">}}</span> | &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span> <span class="pl-v">from</span>+<span class="pl-e"><span class="pl-v">4</span></span> <span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">title</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">max</span>(<span class="pl-e"><span class="pl-v">from-1</span></span>,<span class="pl-e"><span class="pl-v">0</span></span>)<span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;next&lt;/<span class="pl-ent">a</span>&gt;
+&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
+<p>Then changing the <code>index.html</code> SVG fragment to use the <code>from</code> value on the y-axis:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>)    * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">from</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span>10<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,100,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;</pre></div>
+<p>Whilst the <code>multi.html</code> and <code>animated.html</code> pages can use it in its <code>range(from, 4)</code> function:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">i</span> <span class="pl-c1">in</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">from</span></span>, <span class="pl-e"><span class="pl-v">4</span></span>) <span class="pl-c1">}}</span>
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>640<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>240<span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">180</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">x</span></span> = <span class="pl-e"><span class="pl-v">120</span></span> + <span class="pl-e"><span class="pl-v">100</span></span> * <span class="pl-e"><span class="pl-v">cos</span></span>((<span class="pl-e"><span class="pl-v">5</span></span>) * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-v">var</span> <span class="pl-e"><span class="pl-v">y</span></span> = <span class="pl-e"><span class="pl-v">320</span></span> + <span class="pl-e"><span class="pl-v">300</span></span> * <span class="pl-e"><span class="pl-v">sin</span></span>((<span class="pl-e"><span class="pl-v">1</span></span>+<span class="pl-e"><span class="pl-v">i</span></span>)  * <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">0.02827</span></span>) <span class="pl-c1">}}</span>
+  &lt;<span class="pl-ent">circle</span> <span class="pl-e"><span class="pl-e">cx</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">x</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">cy</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">y</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">r</span>=</span><span class="pl-s"><span class="pl-pds">"</span><span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">0.1</span></span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>rgb(0,<span class="pl-c1">{{</span><span class="pl-v">it</span>*<span class="pl-e"><span class="pl-v">1.4</span></span><span class="pl-c1">}}</span>,0)<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">stroke-width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>1<span class="pl-pds">"</span></span>/&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">svg</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span></pre></div>
+<p>With navigation activated we can quickly scroll through and explore different spirals. To save ourselves the effort of finding them again lets
+catalog our favorite picks and add them to a bookmarked list at the bottom of the page. Here are some interesting ones I've found for the home page:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">div</span>&gt;
+  Jump to favorites: 
+  <span class="pl-c1">{{</span><span class="pl-c1">#each</span> [<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">5</span></span>,<span class="pl-e"><span class="pl-v">101</span></span>,<span class="pl-e"><span class="pl-v">221</span></span>,<span class="pl-e"><span class="pl-v">222</span></span>,<span class="pl-e"><span class="pl-v">224</span></span>,<span class="pl-e"><span class="pl-v">298</span></span>,<span class="pl-e"><span class="pl-v">441</span></span>,<span class="pl-e"><span class="pl-v">443</span></span>,<span class="pl-e"><span class="pl-v">558</span></span>,<span class="pl-e"><span class="pl-v">663</span></span>,<span class="pl-e"><span class="pl-v">665</span></span>,<span class="pl-e"><span class="pl-v">666</span></span>,<span class="pl-e"><span class="pl-v">783</span></span>,<span class="pl-e"><span class="pl-v">888</span></span>] <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">index</span> &gt; <span class="pl-e"><span class="pl-v">0</span></span><span class="pl-c1">}}</span> | <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">from</span> == <span class="pl-e"><span class="pl-v">it</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-v">it</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span> &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span><span class="pl-v">it</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;<span class="pl-c1">{{</span><span class="pl-v">it</span>}&lt;<span class="pl-e"><span class="pl-v">/a</span></span>&gt; {{<span class="pl-e"><span class="pl-v">/if</span></span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
+<p>and my top picks for the <code>multi.html</code> and <code>animated.html</code> pages:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">div</span>&gt;
+  Jump to favorites: 
+  <span class="pl-c1">{{</span><span class="pl-c1">#each</span> [<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">217</span></span>,<span class="pl-e"><span class="pl-v">225</span></span>,<span class="pl-e"><span class="pl-v">229</span></span>,<span class="pl-e"><span class="pl-v">441</span></span>,<span class="pl-e"><span class="pl-v">449</span></span>,<span class="pl-e"><span class="pl-v">661</span></span>,<span class="pl-e"><span class="pl-v">669</span></span>,<span class="pl-e"><span class="pl-v">673</span></span>,<span class="pl-e"><span class="pl-v">885</span></span>,<span class="pl-e"><span class="pl-v">1338</span></span>,<span class="pl-e"><span class="pl-v">3326</span></span>,<span class="pl-e"><span class="pl-v">3338</span></span>,<span class="pl-e"><span class="pl-v">4330</span></span>,<span class="pl-e"><span class="pl-v">8662</span></span>,<span class="pl-e"><span class="pl-v">9330</span></span>,<span class="pl-e"><span class="pl-v">11998</span></span>] <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">index</span> &gt; <span class="pl-e"><span class="pl-v">0</span></span><span class="pl-c1">}}</span> | <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">from</span> == <span class="pl-e"><span class="pl-v">it</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-v">it</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span> &lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>?from=<span class="pl-c1">{{</span><span class="pl-v">it</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;<span class="pl-c1">{{</span><span class="pl-v">it</span>}&lt;<span class="pl-e"><span class="pl-v">/a</span></span>&gt; {{<span class="pl-e"><span class="pl-v">/if</span></span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
+<blockquote>
+<p>If you've found more interesting ones, <a href="https://github.com/mythz/spirals/issues">let me know</a>!</p>
+</blockquote>
+<p>Now it's just a matter of signing off our digital piece by giving it a name in your <code>app.settings</code>:</p>
+<pre><code>name Spirals
+</code></pre>
+<p>Which replaces the name in the <code>menu</code> and used in any shortcuts that are created, and with those finishing touches our App's journey
+into the rich colorful world of SVG is complete:</p>
+<p><a href="http://spirals.web-app.io/animated" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/spiral-nav.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="recap" class="anchor" href="#recap" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Recap</h3>
+<p>If you've reached this far you've created a beautiful Desktop App without waiting for a single build or App restart, in a live and
+interactive environment which let you rapidly prototype and get real-time feedback of any experimental changes, to produce a
+rich graphical app with fast and fluid animations taking advantage of the impressive engineering invested in Chrome, implemented
+declaratively by just generating SVG markup.</p>
+<p>As Bret Victor shows us in his seminal <a href="https://vimeo.com/36579366" rel="nofollow">Inventing on Principle</a> presentation, being able to immediately visualize
+changes gives us a deep connection and intuition with our creations that's especially important when creating visual software like UIs where
+the rapid iterations lets us try out and perfect different ideas in the moment, as soon as we can think of them.</p>
+<p>It's a good example of the type of App that would rarely be considered to be created with a native GUI toolkit and 2D drawing API, the amount
+of effort and friction to achieve the same result would take the enjoyment out of the experience and the end result would have much less utility
+where it wouldn't be able to be re-used on different OS's or other websites.</p>
+<h2>
+<a id="publishing-your-app" class="anchor" href="#publishing-your-app" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publishing your App</h2>
+<p>To share our digital masterpiece with the world we just need to publish it in a GitHub repo, which I've already done for my Spirals app at:
+<a href="github.com/mythz/spirals">https://github.com/mythz/spirals</a>.</p>
+<p>Anyone will then be able to install your App by first downloading the <code>app</code> tool themselves (<a href="https://www.microsoft.com/net/download/dotnet-core/2.1" rel="nofollow">.NET Core 2.1 Required</a>):</p>
+<pre><code>$ dotnet tool install -g app
+</code></pre>
+<p>Then running <code>install</code> with the name of the <strong>repo</strong> and your GitHub <strong>User</strong> or <strong>Organization</strong> name in the <code>--source</code> argument:</p>
+<pre><code>$ app install spirals --source mythz
+</code></pre>
+<p>Which installs instantly thanks to the <code>7kb</code> .zip download that can then be opened by double-clicking on the generated <strong>Spirals</strong> Desktop Shortcut:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-install-spirals.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-install-spirals.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="publishing-your-app-with-binaries" class="anchor" href="#publishing-your-app-with-binaries" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publishing your App with binaries</h3>
+<p>The unique characteristics of Web Apps affords us different ways of publishing your App, e.g. to save users from needing to install the
+<code>app</code> tool you can run <code>publish</code> in your App's directory:</p>
+<pre><code>$ app publish
+</code></pre>
+<p>Which will copy your App to the <code>publish/app</code> folder and the <code>app</code> tool binaries in the <code>publish/cef</code> folder:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish.png" alt="" style="max-width:100%;"></a></p>
+<p>A Desktop shortcut is also generated for convenience although this is dependent on where the App is installed on the end users computer.
+If you know it will be in a fixed location you can update the <strong>Target</strong> and <strong>Start in</strong> properties to reference the <code>cef\app.dll</code> and
+<code>/app</code> folder:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-shortcut-properties.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-shortcut-properties.png" alt="" style="max-width:100%;"></a></p>
+<p>This includes all <code>app</code> binaries needed to run Web Apps which compresses to <strong>89 MB</strong> in a <code>.zip</code> or <strong>61 MB</strong> in 7-zip <code>.7z</code> archive.</p>
+<h3>
+<a id="publishing-a-self-contained-windows-64-executable" class="anchor" href="#publishing-a-self-contained-windows-64-executable" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publishing a self-contained Windows 64 executable</h3>
+<p>But that's not all, we can even save end users who want to run your app the inconvenience of installing .NET Core :) by creating a self-contained
+executable with:</p>
+<pre><code>$ app publish-exe
+</code></pre>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish-exe.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish-exe.png" alt="" style="max-width:100%;"></a></p>
+<p>This downloads the <a href="https://github.com/ServiceStack/WebWin">WebWin</a> self-contained .NET Core 2.1 binaries and copies then to <code>publish/win</code> folder with
+the app copied to <code>publish/app</code>.</p>
+<p>This publishing option includes a self-contained .NET Core with all <code>app</code> binaries which compresses to <strong>121 MB</strong> in a <code>.zip</code> or <strong>83 MB</strong> in 7-zip <code>.7z</code> archive.</p>
+<h3>
+<a id="publish-to-the-world" class="anchor" href="#publish-to-the-world" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publish to the world</h3>
+<p>To maximize reach and accessibility of your App leave a comment on the <a href="https://gist.github.com/gistlyn/f555677c98fb235dccadcf6d87b9d098">App Gallery</a>
+where after we link to it on <a href="https://github.com/sharp-apps">Sharp Apps</a> it will available to all users when they look for available apps in:</p>
+<pre><code>$ app list
+</code></pre>
+<p>Which can then be installed with:</p>
+<pre><code>$ app install spirals
+</code></pre>
+<h3>
+<a id="learnable-living-apps" class="anchor" href="#learnable-living-apps" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Learnable Living Apps</h3>
+<p>A beautiful feature of Web Apps is that they can be enhanced and customized in real-time whilst the App is running. No pre-installation of dev tools
+or knowledge of .NET and C# is required, anyone can simply use any text editor to peek inside <code>.html</code> files to see how it works and see any of their
+customizations visible in real-time.</p>
+<p>Apps can be customized using both the JavaScript-like <a href="/docs/syntax">#Script language syntax</a> for any "server" HTML generation
+which can be further customized by any JavaScript on the client.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/apps/01.md b/wwwroot/gfm/apps/01.md
new file mode 100644
index 0000000..1aee461
--- /dev/null
+++ b/wwwroot/gfm/apps/01.md
@@ -0,0 +1,438 @@
+Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development 
+model to leverage advanced Web Technologies like SVG in a fun, interactive and live development experience.
+
+> YouTube: [youtu.be/2FFRLxs7orU](https://youtu.be/Cf-vstYXrmY)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png)](https://youtu.be/Cf-vstYXrmY)
+
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://spirals">app://spirals</a></strong>
+
+Or via command-line:
+
+    $ app open spirals
+
+Cross platform (Default Browser):
+
+    $ x open spirals
+
+## The Making of Spirals
+
+Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development model to
+leverage advanced Web Technologies like SVG in a fun, interactive and live development experience. 
+
+To start install the dotnet `app` global tool:
+
+    $ dotnet tool install -g app
+
+Then create a folder for our app called `spirals` and initialize and empty Web App with `app init`:
+
+    $ md spirals
+    $ cd spirals && app init
+
+This generates a minimal Web App but you could also start from any of the more complete 
+[Web App Templates](http://sharpscript.net/docs/sharp-apps#getting-started).
+
+Now let's open the folder up for editing in our preferred text editor, VS Code:
+
+    $ code .
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-code.png)
+
+To start developing our App we just have to run `app` on the command-line which in VS Code we can open with `Terminal > New Terminal` or the **Ctrl+Shift+`** shortcut key. This will open our minimal App:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-run.png)
+
+The [_layout.html](https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-_layout-html) shown above is currently where all 
+the action is which we'll quickly walk through:
+
+```html
+<i hidden>{{ '/js/hot-fileloader.js' |> ifDebugIncludeScript }}</i>
+```
+
+This gives us a Live Development experience in `debug` mode where it injects a script that will detect file changes **on Save** and automatically reload the page at the current scroll offset.
+
+```html
+{{ 'menu' |> partial({ 
+        '/':           'Home',
+        '/metadata':   '/metadata',
+    }) 
+}}
+```
+
+This evaluates the included [_menu-partial.html](https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-_menu-partial-html) with the links
+to different routes we want in our Menu on top of the page.
+
+```html
+<div id="body" class="container">
+    <h2>{{title}}</h2>
+    
+    {{ page }}
+</div>
+```
+
+The body of our App is used to render the title and contents of each page.
+
+```html
+{{ scripts |> raw }}
+```
+
+If pages include any `scripts` they'll be rendered in the bottom of the page.
+
+> The `raw` filter prevents the output from being HTML encoded.
+
+The other 2 files included is [app.settings](https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-app-settings) containing the 
+name of our App and `debug true` setting to run our App in Debug mode:
+
+    debug true
+    name My App
+
+The template only has one page [index.html](https://gist.github.com/gistlyn/5c9ee9031e53cd8f85bd0e14881ddaa8#file-index-html) containing the `title` 
+of the page in a page argument which the `_layout.html` has access to without evaluating the page, anything after is the page contents:
+
+```html
+<!-- 
+title: Home Page
+-->
+
+This is the home page.
+```
+
+We can now **save** changes to any of the pages and see our changes reflected instantly in the running App. But we also have access to an even better 
+live-development experience than **preview as you save** with **preview as you type** :)
+
+### Live Previews
+
+To take advantage of this we can exploit one of the features available in all ServiceStack Apps by clicking on `/metadata` Menu Item to view the 
+[Metadata page](/metadata-page) containing links to our Apps Services, links to Metadata Services and any registered plugins:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-metadata.png)
+
+Then click on [Debug Inspector](/debugging#debug-inspector) to open a real-time REPL, which is normally used to get rich insights from a running App:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-init-debug-inspector.png)
+
+But can also be used for executing ad hoc Template Scripts. Here we can drop in any mix of HTML and templates to view results in real-time. 
+
+In this case we want to generate SVG spirals by drawing a `circle` at each point along a 
+[Archimedean spiral function](https://stackoverflow.com/a/6824451/85785) which was initially used as a base and with the help of the live REPL was 
+quickly able to apply some constants to draw the **tall & narrow** spirals we want:
+
+```hbs
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((1) * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="10" fill="rgb(0,100,0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+```
+
+We can further explore different spirals by modifying `x` and `y` cos/sin constants:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/single.gif)
+
+Out of the spirals we've seen lets pick one of the interesting ones and add it to our `index.html`, let's also enhance them by modifying the `fill` and
+`radius` properties with different weightings and compare them side-by-side:
+
+```hbs
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5) * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="10" fill="rgb(0,100,0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5) * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="10" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5) * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+```
+
+> You can use `ALT+LEFT` + `ALT+RIGHT` shortcut keys to navigate back and forward to the home page.
+
+Great, hitting `save` again will show us the effects of each change side-by-size:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/single-fill-radius.png)](http://spirals.web-app.io)
+
+### Multiplying
+
+Now that we have the effect that we want, let's go back to the debug inspector and see what a number of different spirals look side-by-side
+by wrapping our last svg snippet in another each block:
+
+```hbs
+<table>{{#each i in range(0, 4) }}
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((1)   * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1+i) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+{{/each}}
+```
+
+We can prefix our snippet with `<table>` as a temp workaround to force them to display side-by-side in Debug Inspector. In order to 
+for spirals to distort we'll only change 1 of the axis, as they're tall & narrow lets explore along the y-axis:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi-01.png)
+
+We're all setup to begin our pattern explorer expedition where we can navigate across the `range()` index both incrementally and logarithmically across
+to quickly discover new aesthetically pleasing patterns :)
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi.gif)
+
+Let's go back to our App and embody our multi spiral viewer in a new `multi.html` page containing:
+
+```hbs
+{{#each i in range(0, 4) }}
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5)   * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1+i) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+{{/each}}
+```
+
+Then make it navigable by adding a link to our new page in the `_layout.html` menu:
+
+```hbs
+{{ 'menu' |> partial({
+     '/':           'Home',
+     '/multi':      'Multi',
+     '/metadata':   '/metadata',
+   })
+}}
+```
+
+Where upon save, our creation will reveal itself in the App's menu:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/multi.png)](http://spirals.web-app.io/multi)
+
+### Animating
+
+With the help of SVG's [`<animate>`](https://developer.mozilla.org/en-US/docs/Web/SVG/Element/animate) we can easily bring our spirals to life
+by animating different properties on the generated SVG circles.
+
+As we have to wait for the animation to complete before trying out different effects, we won't benefit from Debug Inspector's live REPL
+so let's jump straight in and create a new `animated.html` and add a link to it in the menu:
+
+```hbs
+{{ 'menu' |> partial({
+     '/':           'Home',
+     '/multi':      'Multi',
+     '/animated':   'Animated',
+     '/metadata':   '/metadata',
+   })
+}}
+```
+
+Then populate it with a copy of `multi.html` and sprinkle in some `<animate>` elements to cycle through different `<circle>` property values. 
+We're entering the "creative process" of our App where we can try out different values, hit **Save** and watch the effects of our tuning eventually 
+arriving at a combination we like:
+
+```hbs
+{{#each i in range(0, 4) }}
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5)   * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1+i) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1">
+    <animate attributeName="fill" values="green;yellow;red;green" dur="{{it%10}}s" repeatCount="indefinite" />
+    <animate attributeName="opacity" values="1;.5;1" dur="5s" repeatCount="indefinite" />
+    <animate attributeName="cx" values="{{x}};{{x*1.02}};{{x*0.98}};{{x}}" dur="3s" repeatCount="indefinite" />
+    <animate attributeName="cy" values="{{y}};{{y*1.02}};{{y*0.98}};{{y}}" dur="3s" repeatCount="indefinite" />
+  </circle>
+{{/each}} 
+</svg>
+{{/each}}
+```
+
+Although hard to capture in a screenshot, we can sit back and watch our living, breathing Spirals :)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png)](http://spirals.web-app.io/animated?from=0)
+
+> Checkout [spirals.web-app.io](http://spirals.web-app.io/animated?from=0) for the animated version.
+
+### Navigating
+
+Lets expand our App beyond these static Spirals by enabling some navigation, this is easily done by adding the snippet below on the top of the home page:
+
+```hbs
+{{ from ?? 1 | toInt |> to => from }}
+<div style="text-align:right;margin:-54px 0 30px 0">
+  {{#if from > 1}} <a href="?from={{ max(from-1,0) }}" title="{{max(from-1,0)}}">previous</a> |{{/if}}
+  {{from}} | <a href="?from={{ from+1 }}" title="{{max(from-1,0)}}">next</a>
+</div>
+```
+
+Whilst the `multi.html` and `animated.html` pages can skip by 4:
+
+```hbs
+{{ from ?? 1 | toInt |> to => from }}
+<div style="text-align:right;margin:-54px 0 30px 0">
+  {{#if from > 1}} <a href="?from={{ max(from-4,0) }}" title="{{max(from-1,0)}}">previous</a> |{{/if}}
+  {{from}} | <a href="?from={{ from+4 }}" title="{{max(from-1,0)}}">next</a>
+</div>
+```
+
+Then changing the `index.html` SVG fragment to use the `from` value on the y-axis:
+
+```hbs
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5)    * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((from) * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="10" fill="rgb(0,100,0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+```
+
+Whilst the `multi.html` and `animated.html` pages can use it in its `range(from, 4)` function:
+
+```hbs
+{{#each i in range(from, 4) }}
+<svg height="640" width="240">
+{{#each range(180) }}
+  {{ var x = 120 + 100 * cos((5) * it * 0.02827) }}
+  {{ var y = 320 + 300 * sin((1+i)  * it * 0.02827) }}
+  <circle cx="{{x}}" cy="{{y}}" r="{{it*0.1}}" fill="rgb(0,{{it*1.4}},0)" stroke="black" stroke-width="1"/>
+{{/each}} 
+</svg>
+{{/each}}
+```
+
+With navigation activated we can quickly scroll through and explore different spirals. To save ourselves the effort of finding them again lets
+catalog our favorite picks and add them to a bookmarked list at the bottom of the page. Here are some interesting ones I've found for the home page:
+
+```hbs
+<div>
+  Jump to favorites: 
+  {{#each [1,5,101,221,222,224,298,441,443,558,663,665,666,783,888] }}
+    {{#if index > 0}} | {{/if}} {{#if from == it }} {{it}} {{else}} <a href="?from={{it}}">{{it}</a> {{/if}}
+  {{/each}}
+</div>
+```
+
+and my top picks for the `multi.html` and `animated.html` pages:
+
+```hbs
+<div>
+  Jump to favorites: 
+  {{#each [1,217,225,229,441,449,661,669,673,885,1338,3326,3338,4330,8662,9330,11998] }}
+    {{#if index > 0}} | {{/if}} {{#if from == it }} {{it}} {{else}} <a href="?from={{it}}">{{it}</a> {{/if}}
+  {{/each}}
+</div>
+```
+
+> If you've found more interesting ones, [let me know](https://github.com/mythz/spirals/issues)!
+
+Now it's just a matter of signing off our digital piece by giving it a name in your `app.settings`:
+
+    name Spirals
+
+Which replaces the name in the `menu` and used in any shortcuts that are created, and with those finishing touches our App's journey
+into the rich colorful world of SVG is complete:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/spiral-nav.png)](http://spirals.web-app.io/animated)
+
+### Recap
+
+If you've reached this far you've created a beautiful Desktop App without waiting for a single build or App restart, in a live and 
+interactive environment which let you rapidly prototype and get real-time feedback of any experimental changes, to produce a 
+rich graphical app with fast and fluid animations taking advantage of the impressive engineering invested in Chrome, implemented
+declaratively by just generating SVG markup. 
+
+As Bret Victor shows us in his seminal [Inventing on Principle](https://vimeo.com/36579366) presentation, being able to immediately visualize 
+changes gives us a deep connection and intuition with our creations that's especially important when creating visual software like UIs where 
+the rapid iterations lets us try out and perfect different ideas in the moment, as soon as we can think of them.
+
+It's a good example of the type of App that would rarely be considered to be created with a native GUI toolkit and 2D drawing API, the amount
+of effort and friction to achieve the same result would take the enjoyment out of the experience and the end result would have much less utility
+where it wouldn't be able to be re-used on different OS's or other websites. 
+
+## Publishing your App
+
+To share our digital masterpiece with the world we just need to publish it in a GitHub repo, which I've already done for my Spirals app at: 
+[https://github.com/mythz/spirals](github.com/mythz/spirals).
+
+Anyone will then be able to install your App by first downloading the `app` tool themselves ([.NET Core 2.1 Required](https://www.microsoft.com/net/download/dotnet-core/2.1)):
+
+    $ dotnet tool install -g app
+
+Then running `install` with the name of the **repo** and your GitHub **User** or **Organization** name in the `--source` argument:
+
+    $ app install spirals --source mythz
+
+Which installs instantly thanks to the `7kb` .zip download that can then be opened by double-clicking on the generated **Spirals** Desktop Shortcut:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-install-spirals.png)
+
+### Publishing your App with binaries
+
+The unique characteristics of Web Apps affords us different ways of publishing your App, e.g. to save users from needing to install the 
+`app` tool you can run `publish` in your App's directory:
+
+    $ app publish
+
+Which will copy your App to the `publish/app` folder and the `app` tool binaries in the `publish/cef` folder:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish.png)
+
+A Desktop shortcut is also generated for convenience although this is dependent on where the App is installed on the end users computer. 
+If you know it will be in a fixed location you can update the **Target** and **Start in** properties to reference the `cef\app.dll` and
+`/app` folder:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-shortcut-properties.png)
+
+This includes all `app` binaries needed to run Web Apps which compresses to **89 MB** in a `.zip` or **61 MB** in 7-zip `.7z` archive.
+
+### Publishing a self-contained Windows 64 executable
+
+But that's not all, we can even save end users who want to run your app the inconvenience of installing .NET Core :) by creating a self-contained 
+executable with:
+
+    $ app publish-exe
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-publish-exe.png)
+
+This downloads the [WebWin](https://github.com/ServiceStack/WebWin) self-contained .NET Core 2.1 binaries and copies then to `publish/win` folder with 
+the app copied to `publish/app`.
+
+This publishing option includes a self-contained .NET Core with all `app` binaries which compresses to **121 MB** in a `.zip` or **83 MB** in 7-zip `.7z` archive.
+
+### Publish to the world
+
+To maximize reach and accessibility of your App leave a comment on the [App Gallery](https://gist.github.com/gistlyn/f555677c98fb235dccadcf6d87b9d098)
+where after we link to it on [Sharp Apps](https://github.com/sharp-apps) it will available to all users when they look for available apps in:
+
+    $ app list
+
+Which can then be installed with:
+
+    $ app install spirals
+
+### Learnable Living Apps
+
+A beautiful feature of Web Apps is that they can be enhanced and customized in real-time whilst the App is running. No pre-installation of dev tools
+or knowledge of .NET and C# is required, anyone can simply use any text editor to peek inside `.html` files to see how it works and see any of their
+customizations visible in real-time. 
+
+Apps can be customized using both the JavaScript-like [#Script language syntax](/docs/syntax) for any "server" HTML generation
+which can be further customized by any JavaScript on the client.
+
diff --git a/wwwroot/gfm/apps/02.html b/wwwroot/gfm/apps/02.html
new file mode 100644
index 0000000..e8b4441
--- /dev/null
+++ b/wwwroot/gfm/apps/02.html
@@ -0,0 +1,577 @@
+<div class="gfm"><p><a href="https://github.com/NetCoreApps/SharpData">SharpData</a> is a generic app for providing an instant UI around multiple RDBMS's:</p>
+<blockquote>
+<p>YouTube: <a href="https://youtu.be/GjVipOqwZMA" rel="nofollow">youtu.be/GjVipOqwZMA</a></p>
+</blockquote>
+<p><a href="https://youtu.be/GjVipOqwZMA" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-appsettings.png" alt="" style="max-width:100%;"></a></p>
+<p>It makes use of the <a href="https://docs.servicestack.net/netcore-windows-desktop" rel="nofollow">app</a> dotnet tool for running Chromium
+<a href="https://sharpscript.net/sharp-apps/gist-desktop-apps" rel="nofollow">Gist Desktop Apps</a> on-the-fly without installation, from a single URL that can also
+<a href="https://docs.servicestack.net/mix-tool" rel="nofollow">mix in additional gists</a> which can be used in SharpData to configure RDBMS's, copy SQLite databases and
+apply per-database customizations to add navigable deep links and customized UI Views to each table resultset.</p>
+<p>Whilst SharpData supports <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#8-flavours-of-ormlite-is-on-nuget">connecting to most popular RDBMS's</a>, it's
+especially useful for being able to deploy an instant stand-alone UI with an embedded SQLite databases which can be published independently in a gist and
+launched from a single URL.</p>
+<p>For an example of this in action we've published customized gists for the
+<a href="https://docs.microsoft.com/en-us/dotnet/framework/data/adonet/sql/linq/downloading-sample-databases" rel="nofollow">Northwind</a> and
+<a href="https://www.sqlitetutorial.net/sqlite-sample-database/" rel="nofollow">Chinook</a> SQLite databases which after installing the latest
+<a href="https://docs.servicestack.net/netcore-windows-desktop" rel="nofollow">app</a> dotnet tool:</p>
+<pre><code>$ dotnet tool install -g app
+$ app -version
+</code></pre>
+<p>First time <code>app</code> is run it registers the <a href="#app-url-schemes">app:// URL scheme</a> allowing Windows x64 Desktop Apps to be launched from URLs:</p>
+<ul>
+    <li><strong><a name="app://sharpdata?mix=northwind.sharpdata">app://sharpdata?mix=northwind.sharpdata</a></strong></li>
+    <li><strong><a name="app://sharpdata?mix=chinook.sharpdata">app://sharpdata?mix=chinook.sharpdata</a></strong></li>
+</ul>
+<p>Or via command-line:</p>
+<pre><code>$ app open sharpdata mix northwind.sharpdata
+$ app open sharpdata mix chinook.sharpdata
+</code></pre>
+<p>Cross platform using the <a href="https://docs.servicestack.net/dotnet-tool" rel="nofollow">x dotnet tool</a> (in Default Browser):</p>
+<pre><code>$ x open sharpdata mix northwind.sharpdata
+$ x open sharpdata mix chinook.sharpdata
+</code></pre>
+<p>Each of these options will download &amp; run the latest version of <a href="https://github.com/NetCoreApps/SharpData">SharpData</a> along with a
+copy of the <a href="https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd">northwind.sharpdata</a> or
+<a href="https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2">chinook.sharpdata</a> gists on-the-fly containing the embedded SQLite DB along with any
+UI customizations.</p>
+<h4>
+<a id="hosted-as-a-net-core-app" class="anchor" href="#hosted-as-a-net-core-app" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Hosted as a .NET Core App</h4>
+<p>As <a href="https://github.com/NetCoreApps/SharpData">NetCoreApps/SharpData</a> is also a standard .NET Core project, it can also be deployed as a
+normal stand-alone .NET Core Web App:</p>
+<h3>
+<a id="httpssharpdatanetcoreio" class="anchor" href="#httpssharpdatanetcoreio" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://sharpdata.netcore.io" rel="nofollow">https://sharpdata.netcore.io</a>
+</h3>
+<h3>
+<a id="tiny-footprint" class="anchor" href="#tiny-footprint" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Tiny footprint</h3>
+<p>An impressively capable .NET Core App that fits into a tiny <strong>20kb .zip</strong> footprint thanks to <a href="/gist-desktop-apps">Gist Desktop App's Architecture</a>. It's small dynamic <code>#Script</code> &amp; Vue TypeScript code-base also makes it highly customizable to tailor &amp; further extend with
+App-specific requirements - suitable for offering advanced system users a quick, capable customized read-only UI of your DBs.</p>
+<p><strong>SharpData</strong> started as a demonstration showing how productive <a href="https://sharpscript.net" rel="nofollow">#Script</a> can be in the number of areas where
+dynamic languages offer far superior productivity then the typical .NET approach of using C# to type an entire code-base &amp; models.</p>
+<p>For example a single <code>#Script</code> page provides a lot of the functionality in <a href="https://docs.servicestack.net/autoquery-rdbms" rel="nofollow">AutoQuery</a> where it provides an instant HTTP API
+(in all registered ServiceStack formats) around all registered RDBMS tables, in all OrmLite supported RBDMS's, that includes support for custom fields,
+multiple querying options, paging, multi OrderBy's in a parameterized SQL query executed with OrmLite's SQL async DB APIs:</p>
+<h2>
+<a id="autoquery-script" class="anchor" href="#autoquery-script" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>AutoQuery Script</h2>
+<h3>
+<a id="db_db_tableindexhtml" class="anchor" href="#db_db_tableindexhtml" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/db/_db/_table/index.html">/db/_db/_table/index.html</a>
+</h3>
+<pre><code>{{ {namedConnection:db} |&gt; if (db &amp;&amp; db != 'main') |&gt; useDb }}
+
+```code|quiet
+var ignore = ['db','fields','format','skip','take','orderBy']
+var fields = qs.fields ? qs.fields.split(',').map(x =&gt; sqlQuote(x)).join(',') : '*'
+var sql = `SELECT ${fields} FROM ${sqlQuote(table)}`
+var filters = []
+var queryMap = qs.toObjectDictionary().withoutKeys(ignore)
+#each queryMap.Keys.toList()
+    var search = queryMap[it.sqlVerifyFragment()].sqlVerifyFragment();
+    #if search == '=null' || search == '!=null'
+        `${sqlQuote(it)} ${search=='=null' ? 'IS' : 'IS NOT'} NULL` |&gt; addTo =&gt; filters
+        queryMap[it] = null
+    else if search.startsWith('=')
+        `${sqlQuote(it)} = @${it}` |&gt; addTo =&gt; filters
+        queryMap[it] = search.substring(1).coerce()
+    else if search.startsWith('&lt;=') || search.startsWith('&gt;=') || search.startsWith('!=')
+        `${sqlQuote(it)} ${search.substring(0,2)} @${it}` |&gt; addTo =&gt; filters
+        queryMap[it] = search.substring(2).coerce()
+    else if search.startsWith('&lt;') || search.startsWith('&gt;')
+        `${sqlQuote(it)} ${search.substring(0,1)} @${it}` |&gt; addTo =&gt; filters
+        queryMap[it] = search.substring(1).coerce()
+    else if search.endsWith(',')
+        `${sqlQuote(it)} IN (${search.trimEnd(',').split(',').map(i=&gt;i.toLong()).join(',')})` |&gt;addTo=&gt;filters
+        queryMap[it] = null
+    else if search.startsWith('%') || search.endsWith('%')
+        `${sqlQuote(it).sqlCast('varchar')} LIKE @${it}` |&gt; addTo =&gt; filters
+    else
+        `${sqlQuote(it).sqlCast('varchar')} = @${it}` |&gt; addTo =&gt; filters
+    /if
+/each
+#if !filters.isEmpty()
+    sql = `${sql} WHERE ${filters.join(' AND ')}`
+/if
+#if qs.orderBy
+    sql = `${sql} ORDER BY ${sqlOrderByFields(qs.orderBy)}`
+/if
+#if qs.skip || qs.take
+    sql = `${sql} ${sqlLimit(qs.skip,qs.take)}`
+/if
+sql |&gt; dbSelect(queryMap) |&gt; return
+```
+{{ ifError |&gt; show(sql) }}
+{{htmlError}}
+</code></pre>
+<p>The <code>_</code> prefixes in the path utilizes <a href="https://sharpscript.net/docs/sharp-pages#page-based-routing" rel="nofollow">Page Based Routing</a> allowing for
+<a href="https://en.wikipedia.org/wiki/Convention_over_configuration" rel="nofollow">CoC</a> based
+<a href="https://en.wikipedia.org/wiki/Clean_URL" rel="nofollow">Clean URL</a> routes without needing to define &amp; maintain separate routes where the
+same script supports querying all <a href="https://docs.servicestack.net/multitenancy#changedb-apphost-registration" rel="nofollow">registered multitenancy databases</a>.</p>
+<h3>
+<a id="instant-customizable-rdbms-ui" class="anchor" href="#instant-customizable-rdbms-ui" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Instant Customizable RDBMS UI</h3>
+<p>The <a href="https://github.com/NetCoreApps/SharpData">SharpData</a> project essentially provides a UI around this script, surfacing its features &amp; give
+it instant utility which ended up being so useful that it's become the quickest way to perform fast adhoc DB queries as it's easy to configure
+which RDBMS's &amp; tables to show in a simple text file, easy to customize its UI, enables 1-click export into Excel and its shortcut syntax
+support in column filters is a fast way to perform quick adhoc queries.</p>
+<h3>
+<a id="quick-tour" class="anchor" href="#quick-tour" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Quick Tour</h3>
+<p>We'll quickly go through some of its features to give you an idea of its capabilities, from the above screenshot we can some of its
+filtering capabilities. All results displayed in the UI are queried using the above
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/db/_db/_table/index.html">sharpdata</a> <code>#Script</code> HTTP API
+which supports the following features:</p>
+<h3>
+<a id="filters" class="anchor" href="#filters" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Filters</h3>
+<p>All query string parameter except for <code>db,fields,format,skip,take,orderBy</code> are treated as filters, where you can:</p>
+<ul>
+<li>Use <code>=null</code> or <code>!=null</code> to search <code>NULL</code> columns</li>
+<li>Use <code>&lt;=</code>, <code>&lt;</code>, <code>&gt;</code>, <code>&gt;=</code>, <code>&lt;&gt;</code>, <code>!=</code> prefix to search with that operator</li>
+<li>Use <code>,</code> trailing comma to perform an <code>IN (values)</code> search (integer columns only)</li>
+<li>Use <code>%</code> suffix or prefix to perform a <code>LIKE</code> search</li>
+<li>Use <code>=</code> prefix to perform a coerced "JS" search, for exact <code>number</code>, <code>boolean</code>, <code>null</code> and WCF date comparisons</li>
+<li>Otherwise by default performs a "string equality" search where columns are casted and compared as strings</li>
+</ul>
+<p>Here's the filtered list used in the above screenshot:</p>
+<p><a href="http://sharpdata.netcore.io/db/northwind/Order?format=json&amp;Id=%3E10200&amp;CustomerId=V%25&amp;Freight=%3C%3D30&amp;OrderDate=%3E1997-01-01&amp;take=100" rel="nofollow">/db/northwind/Order?Id=&gt;10200&amp;CustomerId=V%&amp;Freight=&lt;=30&amp;OrderDate=&gt;1997-01-01</a></p>
+<h3>
+<a id="custom-field-selection" class="anchor" href="#custom-field-selection" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Custom Field Selection</h3>
+<p>The <strong>column selection</strong> icon on the top left of the results lets you query custom select columns which is specified using <code>?fields</code>:</p>
+<ul>
+<li><a href="https://sharpdata.netcore.io/db/northwind/Customer?format=json&amp;fields=Id%2CCompanyName%2CContactName%2CContactTitle&amp;take=100" rel="nofollow">/db/northwind/Customer?fields=Id,CompanyName,ContactName,ContactTitle</a></li>
+</ul>
+<h3>
+<a id="multiple-orderbys" class="anchor" href="#multiple-orderbys" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Multiple OrderBy's</h3>
+<p>You can use <a href="https://docs.servicestack.net/autoquery-rdbms#multiple-orderbys" rel="nofollow">AutoQuery Syntax</a> to specify multiple Order By's:</p>
+<ul>
+<li><a href="https://sharpdata.netcore.io/db/northwind/Customer?format=json&amp;orderBy=-Id,CompanyName,-ContactName" rel="nofollow">/db/northwind/Customer?orderBy=-Id,CompanyName,-ContactName</a></li>
+</ul>
+<h3>
+<a id="paging" class="anchor" href="#paging" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Paging</h3>
+<p>Use <code>?skip</code> and <code>?take</code> to page through a result set</p>
+<h3>
+<a id="format" class="anchor" href="#format" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Format</h3>
+<p>Use <code>?format</code> to specify which <strong>Content-Type</strong> to return the results in, e.g:</p>
+<ul>
+<li><a href="https://sharpdata.netcore.io/db/northwind/Customer?format=html" rel="nofollow">/db/northwind/Customer?format=html</a></li>
+<li><a href="https://sharpdata.netcore.io/db/northwind/Customer?format=json" rel="nofollow">/db/northwind/Customer?format=json</a></li>
+<li><a href="https://sharpdata.netcore.io/db/northwind/Customer?format=csv" rel="nofollow">/db/northwind/Customer?format=csv</a></li>
+</ul>
+<h3>
+<a id="multitenancy" class="anchor" href="#multitenancy" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Multitenancy</h3>
+<p>You can specify which registered DB to search using the path info, use <code>main</code> to query the default database:</p>
+<pre><code>/db/&lt;named-db&gt;/&lt;table&gt;
+</code></pre>
+<h3>
+<a id="open-in-excel" class="anchor" href="#open-in-excel" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Open in Excel</h3>
+<p>SharpData detects if <strong>Excel</strong> is installed and lets you open the un-paged filtered resultset directly by clicking the <strong>Excel</strong> button</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-excel.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-excel.png" alt="" style="max-width:100%;"></a></p>
+<p>This works seamlessly as it's able to "by-pass" the browser download where the query is performed by the back-end .NET Core Server who streams the response directly to the Users <strong>Downloads</strong> folder and launches it in Excel as soon as it's finished.</p>
+<h3>
+<a id="launching-sharpdata" class="anchor" href="#launching-sharpdata" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Launching SharpData</h3>
+<p>To run SharpData in a .NET Core Desktop App you'll need latest <code>app</code> dotnet tool:</p>
+<pre><code>$ dotnet tool update -g app
+</code></pre>
+<blockquote>
+<p>If on macOS/Linux you can use the <a href="https://docs.servicestack.net/dotnet-tool" rel="nofollow">x dotnet tool</a> instead to view SharpData in your default browser</p>
+</blockquote>
+<h3>
+<a id="configure-rdbms-from-command-line" class="anchor" href="#configure-rdbms-from-command-line" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Configure RDBMS from command-line</h3>
+<p>You can override which database to connect to by specifying it on the command line, e.g. here's an example of connecting to <a href="https://techstacks.io" rel="nofollow">https://techstacks.io</a> RDBMS:</p>
+<pre><code>$ app open sharpdata -db postgres -db.connection $TECHSTACKS_DB
+</code></pre>
+<p>Which will open SharpData listing all of TechStack's RDBMS tables. If you have a lot of tables the <strong>Sidebar filter</strong> provides a quick way to
+find the table you want, e.g:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-technology.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-technology.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="app-url-schemes" class="anchor" href="#app-url-schemes" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>app URL Schemes</h3>
+<p>What can be done with the <code>open</code> command on the command-line can also be done from a <strong>custom URL Scheme</strong>, a feature that opens up a myriad of new
+possibilities as <code>app</code> can open <a href="https://sharpscript.net/docs/gist-desktop-apps" rel="nofollow">Gist Desktop Apps</a> from Gists or in public &amp; private GitHub repositories,
+where it's able to download and launch Apps on the fly with custom arguments - allowing a single URL to run a <strong>never installed</strong> Desktop App stored in a
+Gist &amp; pass it custom params to enable <strong>deep linking</strong>.</p>
+<p>With this organizations could maintain a dashboard of links to its different Desktop Apps that anyone can access, especially useful as the
+<strong>only software</strong> that's needed to run any <a href="https://sharpscript.net/docs/sharp-apps" rel="nofollow">Sharp Apps</a> is the <code>app</code> dotnet tool which thanks to all
+ServiceStack .dll's &amp; dependencies being bundled with the tool, (including Vue/React/Bootstrap fontawesome and Material SVG Icon assets),
+the only files that need to be published are the App's specific resources, which is how Apps like <strong>SharpData</strong> can be compressed in a
+<strong>20kb .zip</strong> - a tiny payload that's viable to download the latest app each on each run, removing the pain &amp; friction to distribute updates as
+everyone's already running the latest version every time it's run.</p>
+<p>Should you need to (e.g. large Sharp App or github.com is down) you can run your previously locally cached App using <code>run</code>:</p>
+<pre><code>$ app run sharpdata
+</code></pre>
+<p>With Custom URL Schemes everyone with <code>app</code> installed can view any database they have network access to from specifying the db type and connection string in the URL:</p>
+<pre><code>app://sharpdata?db=postgres&amp;db.connection={CONNECTION_STRING}
+</code></pre>
+<blockquote>
+<p>CONNECTION_STRING needs to be URL Encoded, e.g. with JS's <code>encodeURIComponent()</code></p>
+</blockquote>
+<p>or by specifying an Environment variable containing the connection string:</p>
+<pre><code>app://sharpdata?db=postgres&amp;db.connection=$TECHSTACKS_DB
+</code></pre>
+<h3>
+<a id="mix-in-gists" class="anchor" href="#mix-in-gists" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Mix in Gists</h3>
+<p>In addition to Sharp Apps being downloaded and run on the fly, they're also able to take advantage of the dotnet tools <a href="https://docs.servicestack.net/mix-tool" rel="nofollow">mix support</a> to
+also download another Gist's content into the Sharp App's working directory.</p>
+<p>With this you can publish a custom dataset in an SQLite database save it as a gist and <strong>generate a single URL</strong> that everyone can use to
+download the database and open it in <strong>SharpData</strong>, e.g:</p>
+<h3>
+<a id="appsharpdatamixnorthwindsqlitedbsqlitedbconnectionnorthwindsqlite" class="anchor" href="#appsharpdatamixnorthwindsqlitedbsqlitedbconnectionnorthwindsqlite" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a name="app://sharpdata?mix=northwind.sqlite&amp;db=sqlite&amp;db.connection=northwind.sqlite">app://sharpdata?mix=northwind.sqlite&amp;db=sqlite&amp;db.connection=northwind.sqlite</a>
+</h3>
+<p>It's possible to use the user-friendly <code>northwind.sqlite</code> alias here as it's published in the global <a href="https://gist.github.com/gistlyn/9b32b03f207a191099137429051ebde8">mix.md</a> directory where it links to the <a href="https://gist.github.com/gistlyn/97d0bcd3ebd582e06c85f8400683e037">northwind.sqlite gist</a>.</p>
+<p>For your custom databases you use the <strong>Gist Id</strong> instead or if you plan to use this feature a lot you can override which <code>mix.md</code> document that
+<code>app</code> should source its links from by specifying another <strong>Gist Id</strong> in the <code>MIX_SOURCE</code> Environment variable (or see below - to create a local alias).</p>
+<p>But if you're already mixing in an external gist you may as well include a custom <code>app.settings</code> in the Gist so it's pre-configured with custom
+RDBMS registrations and table lists, e.g:</p>
+<h3>
+<a id="appsharpdatamixnorthwindsharpdata" class="anchor" href="#appsharpdatamixnorthwindsharpdata" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a name="app://sharpdata?mix=northwind.sharpdata">app://sharpdata?mix=northwind.sharpdata</a>
+</h3>
+<p>Which applies the <a href="https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd">northwind.sharpdata gist</a>, which can also be referenced by <strong>Gist Id</strong>:</p>
+<h3>
+<a id="appsharpdatamix0ce0d5b828303f1cb4637450b563adbd" class="anchor" href="#appsharpdatamix0ce0d5b828303f1cb4637450b563adbd" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a name="app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd">app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd</a>
+</h3>
+<p>Alternatively you may instead prefer to publish it to a private GitHub repo instead of a Gist which anyone can open up with:</p>
+<pre><code>app://user/sharpdata-private?token={TOKEN}
+</code></pre>
+<p>The <code>app</code> dotnet tools will use the <strong>latest published GitHub release</strong> if there are any, otherwise will use the <strong>master.zip</strong> archive,
+this feature can be used to maintain a working master repo and maintain control ver when to publish new versions of your custom SharpData App.</p>
+<h3>
+<a id="app-local-aliases" class="anchor" href="#app-local-aliases" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>app local aliases</h3>
+<p>Where ever you can use a Gist Id, you can assign a local user-friendly alias to use instead. So if you had a custom <strong>sqlite</strong> database and
+sharpdata <strong>app.settings</strong> you could assign it to a local <strong>db</strong> alias with:</p>
+<pre><code>$ app alias db 0ce0d5b828303f1cb4637450b563adbd
+</code></pre>
+<p>Which you'll be able to use in place of the Gist Id, e.g. via command-line:</p>
+<pre><code>$ app open sharpdata mix db
+</code></pre>
+<p>or via URL Scheme:</p>
+<pre><code>app://sharpdata?mix=db
+</code></pre>
+<p>Likewise the gist alias can also be used for referencing <a href="https://sharpscript.net/docs/gist-desktop-apps" rel="nofollow">Gist Desktop Apps</a>, e.g. we can assign the
+<a href="https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8">redis gist app</a> to use our preferred alias:</p>
+<pre><code>$ app alias local-redis 6de7993333b457445793f51f6f520ea8
+</code></pre>
+<p>That we can open via command-line:</p>
+<pre><code>$ app open local-redis
+</code></pre>
+<p>Or URL Scheme:</p>
+<pre><code>app://local-redis
+</code></pre>
+<p>Or if we want to run our own modified copy of the Redis Desktop App, we can <a href="https://docs.servicestack.net/mix-tool" rel="nofollow">mix</a> the Gist files to our
+local directory:</p>
+<pre><code>$ app mix local-redis
+</code></pre>
+<p>Make the changes we want, then run our local copy by running <code>app</code> (or <code>x</code>) without arguments:</p>
+<pre><code>$ app
+</code></pre>
+<p>Other alias command include:</p>
+<h4>
+<a id="view-all-aliases" class="anchor" href="#view-all-aliases" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>View all aliases</h4>
+<pre><code>$ app alias
+</code></pre>
+<h4>
+<a id="view-single-alias" class="anchor" href="#view-single-alias" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>View single alias</h4>
+<pre><code>$ app alias mydb
+</code></pre>
+<h4>
+<a id="remove-an-alias" class="anchor" href="#remove-an-alias" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Remove an alias</h4>
+<pre><code>$ app unalias mydb
+</code></pre>
+<h3>
+<a id="custom-sharpdata-ui" class="anchor" href="#custom-sharpdata-ui" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Custom SharpData UI</h3>
+<p>Each time a Gist Desktop App is opened it downloads and overrides the existing Gist with the latest version which it loads in a <a href="https://docs.servicestack.net/virtual-file-system#gistvirtualfiles" rel="nofollow">Gist VFS</a> where any of its files can be overridden with a local copy.</p>
+<p>As the App's working directory is preserved between restarts you can provide a custom <code>app.settings</code> at:</p>
+<pre><code>%USERPROFILE%\.sharp-apps\sharpdata\app.settings
+</code></pre>
+<h4>
+<a id="custom-appsettings" class="anchor" href="#custom-appsettings" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Custom app.settings</h4>
+<p>Where you can perform basic customizations like which RDBMS's and tables you want to be able to access, e.g:</p>
+<pre><code>debug false
+name Northwind &amp; TechStacks UI
+appName sharpdata
+
+db.connections[northwind]  { db:sqlite,   connection:'northwind.sqlite' }
+db.connections[techstacks] { db:postgres, connection:$TECHSTACKS_DB }
+
+args.tables Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory
+args.tables_techstacks technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats
+</code></pre>
+<p>Which will display both RDBMS Databases, showing only the user-specified tables in app.settings above:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-appsettings.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-appsettings.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="advanced-customizations" class="anchor" href="#advanced-customizations" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Advanced Customizations</h3>
+<p>More advanced customizations can be added via dropping TypeScript/JavaScript source files in the <code>/custom</code> folder, e.g:</p>
+<ul>
+<li><a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/custom/chinook.ts">/wwwroot/custom/chinook.ts</a></li>
+<li><a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/custom/northwind.ts">/wwwroot/custom/northwind.ts</a></li>
+</ul>
+<p>Which is how the <a href="https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd">northwind.sharpdata</a> and
+<a href="https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2">chinook.sharpdata</a> mix gists enable Customized Views for the Northwind
+&amp; Chinook databases via their dbConfig registrations below:</p>
+<h4>
+<a id="chinook" class="anchor" href="#chinook" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>chinook</h4>
+<div class="highlight highlight-source-ts"><pre><span class="pl-en">dbConfig</span><span class="pl-kos">(</span><span class="pl-s">'chinook'</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
+    <span class="pl-c1">showTables</span>: <span class="pl-s">'albums,artists,playlists,tracks,genres,media_types,customers,employees,invoices'</span><span class="pl-kos">.</span><span class="pl-en">split</span><span class="pl-kos">(</span><span class="pl-s">','</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
+    <span class="pl-c1">tableName</span>: <span class="pl-s1">splitPascalCase</span><span class="pl-kos">,</span>
+    <span class="pl-c1">links</span>: <span class="pl-kos">{</span>
+        <span class="pl-c1">albums</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">ArtistId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`artists?filter=ArtistId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">employees</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">ReportsTo</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`employees?filter=EmployeeId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">invoices</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">CustomerId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`customers?filter=CustomerId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">tracks</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">AlbumId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`albums?filter=AlbumId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">MediaTypeId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`media_types?filter=MediaTypeId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">GenreId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`genres?filter=GenreId:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+        <span class="pl-kos">}</span>
+    <span class="pl-kos">}</span><span class="pl-kos">,</span>
+    <span class="pl-c1">rowComponents</span>: <span class="pl-kos">{</span>
+        <span class="pl-c1">albums</span>: <span class="pl-smi">Album</span><span class="pl-kos">,</span>
+        <span class="pl-c1">artists</span>: <span class="pl-smi">Artist</span><span class="pl-kos">,</span>
+        <span class="pl-c1">playlists</span>: <span class="pl-smi">Playlist</span><span class="pl-kos">,</span>
+    <span class="pl-kos">}</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
+<h4>
+<a id="northwind" class="anchor" href="#northwind" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>northwind</h4>
+<div class="highlight highlight-source-ts"><pre><span class="pl-en">dbConfig</span><span class="pl-kos">(</span><span class="pl-s">'northwind'</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
+    <span class="pl-c1">showTables</span>: <span class="pl-s">'Customer,Order,OrderDetail,Category,Product,Employee,Shipper,Supplier,Region'</span><span class="pl-kos">.</span><span class="pl-en">split</span><span class="pl-kos">(</span><span class="pl-s">','</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
+    <span class="pl-c1">tableName</span>: <span class="pl-s1">splitPascalCase</span><span class="pl-kos">,</span>
+    <span class="pl-c1">links</span>: <span class="pl-kos">{</span>
+        <span class="pl-c1">Order</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">CustomerId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">string</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Customer?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">EmployeeId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">string</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Employee?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">ShipVia</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Shipper?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">OrderDetail</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">OrderId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">string</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Order?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">ProductId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">string</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Product?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">Product</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">SupplierId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Supplier?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+            <span class="pl-en">CategoryId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Category?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+        <span class="pl-c1">Territory</span>: <span class="pl-kos">{</span>
+            <span class="pl-en">RegionId</span>: <span class="pl-kos">(</span><span class="pl-s1">id</span>:<span class="pl-smi">number</span><span class="pl-kos">)</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`Region?filter=Id:<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">id</span><span class="pl-kos">}</span></span>`</span><span class="pl-kos">,</span>
+        <span class="pl-kos">}</span><span class="pl-kos">,</span>
+    <span class="pl-kos">}</span><span class="pl-kos">,</span>
+    <span class="pl-c1">rowComponents</span>: <span class="pl-kos">{</span>
+        Order<span class="pl-kos">,</span>
+        Customer<span class="pl-kos">,</span>
+    <span class="pl-kos">}</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
+<p>These db customizations let you specify which RDBMS tables &amp; the order that they should be displayed, the table names text casing function,
+which columns to linkify &amp; any custom Row Components for different tables.</p>
+<h3>
+<a id="deploying-customizations" class="anchor" href="#deploying-customizations" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Deploying Customizations</h3>
+<p>When deploying as a .NET Core project the customizations are deployed with your <a href="https://github.com/NetCoreApps/SharpData/tree/master/wwwroot">/wwwroot</a>
+as normal.</p>
+<p>To make customizations available to load with the SharpData Gist Desktop App you'll need to publish the directory of customizations to a gist.
+Here are the customizations for the <a href="https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd">northwind.sharpdata</a> and
+<a href="https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2">chinook.sharpdata</a> gists:</p>
+<h3>
+<a id="dist-mix" class="anchor" href="#dist-mix" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/NetCoreApps/SharpData/tree/master/dist-mix">/dist-mix</a>
+</h3>
+<ul>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook">/chinook</a>
+<ul>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook/custom">/custom</a>
+<ul>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/custom/chinook.js">chinook.js</a> - UI Customizations</li>
+</ul>
+</li>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/app.settings">app.settings</a> - Custom App Settings</li>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/chinook.sqlite">chinook.sqlite</a> - Embedded SQLite database</li>
+</ul>
+</li>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/northwind">/northwind</a>
+<ul>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook/northwind">/custom</a>
+<ul>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/custom/northwind.js">northwind.js</a> - UI Customizations</li>
+</ul>
+</li>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/app.settings">app.settings</a> - Custom App Settings</li>
+<li>
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/northwind.sqlite">northwind.sqlite</a> - Embedded SQLite database</li>
+</ul>
+</li>
+</ul>
+<p>You can <a href="/sharp-apps/app-index#publishing-gist-desktop-apps">publish a directory of files to a GitHub Gist</a> using the <code>x publish</code> command with the
+GitHub <strong>AccessToken</strong> with gist write access you want to write to, e.g:</p>
+<pre><code>$ cd northwind
+$ x publish -token %TOKEN%
+</code></pre>
+<h3>
+<a id="viewing-customizations" class="anchor" href="#viewing-customizations" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Viewing Customizations</h3>
+<p>When published these Gist Customizations can be viewed by gist id directly or by a user friendly gist mix or local alias:</p>
+<ul>
+    <li><strong><a name="app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd">app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd</a></strong></li>
+    <li><strong><a name="app://sharpdata?mix=96b10369daf94897531810841cb097f2">app://sharpdata?mix=96b10369daf94897531810841cb097f2</a></strong></li>
+</ul>
+<h3>
+<a id="custom-row-components" class="anchor" href="#custom-row-components" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Custom Row Components</h3>
+<p>Whilst a tabular grid view might be a natural UI for browsing a database for devs, we can do better since we have the full UI source code of the Vue components.
+A filtered tabular view makes it fast to find the record you're interested in, but it's not ideal for quickly finding related information about an Entity.</p>
+<p>To provide a more customized UX for different App UIs, <strong>SharpData</strong> includes support for <strong>"Row Components"</strong>
+(defined in <a href="https://github.com/NetCoreApps/SharpData/tree/master/wwwroot/custom">/wwwroot/custom</a>) to be able to quickly drill down &amp; view
+richer info on any record.</p>
+<p>For example when viewing an <strong>Order</strong>, it's natural to want to view the <strong>Order Details</strong> with it, enabled with the custom Vue component registration below:</p>
+<div class="highlight highlight-source-ts"><pre>@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">template</span>:
+<span class="pl-s">`&lt;div v-if="id"&gt;</span>
+<span class="pl-s">    &lt;jsonviewer :value="details" /&gt;</span>
+<span class="pl-s">&lt;/div&gt;</span>
+<span class="pl-s">&lt;div v-else class="alert alert-danger"&gt;Order Id needs to be selected&lt;/div&gt;`</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span>
+<span class="pl-k">class</span> <span class="pl-smi">Order</span> <span class="pl-k">extends</span> <span class="pl-smi">RowComponent</span> <span class="pl-kos">{</span>
+    <span class="pl-c1">details</span>:<span class="pl-smi">any</span><span class="pl-kos">[</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
+
+    <span class="pl-k">get</span> <span class="pl-en">id</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">return</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">row</span><span class="pl-kos">.</span><span class="pl-c1">Id</span><span class="pl-kos">;</span> <span class="pl-kos">}</span>
+
+    <span class="pl-k">async</span> <span class="pl-en">mounted</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+        <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">details</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-en">sharpData</span><span class="pl-kos">(</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">db</span><span class="pl-kos">,</span><span class="pl-s">'OrderDetail'</span><span class="pl-kos">,</span><span class="pl-kos">{</span> <span class="pl-c1">OrderId</span>: <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">id</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+    <span class="pl-kos">}</span>
+<span class="pl-kos">}</span></pre></div>
+<p>All Row components are injected with the <code>db</code>, <code>table</code> properties, the entire <code>row</code> object that was selected as well as the Column Schema definition for that table. Inside the component you're free to display anything, in this case we're using the <code>sharpData</code> helper for calling the server <code>#Script</code> HTTP API to get it to fetch all <code>OrderDetail</code> entries for this order.</p>
+<blockquote>
+<p>If the resultset is filtered without the Order <code>Id</code> PK it can't fetch its referenced data, so displays an error instead</p>
+</blockquote>
+<p>The <a href="https://github.com/NetCoreApps/SharpData/blob/master/src/JsonViewer.ts">jsonviewer</a> component used is similar to ServiceStack's
+<a href="https://docs.servicestack.net/html5reportformat" rel="nofollow">HTML5 auto pages</a> to quickly view contents of any object.</p>
+<p>The <code>registerRowComponent(db,table,VueComponent,componentName)</code> API is used to register this component with <strong>SharpData</strong> to make it available to render any order.</p>
+<p>With the <code>Order</code> component registered we can now drill down into any <strong>Order</strong> to view its <strong>Order Details</strong>:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-rowcomponents.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-rowcomponents.png" alt="" style="max-width:100%;"></a></p>
+<p>You're free to render any kind of UI in the row component, e.g. here's the <a href="https://github.com/NetCoreApps/SharpData/blob/master/src/components/Custom/Customer.ts">Customer.ts</a> row component used to render a richer view for Customers:</p>
+<div class="highlight highlight-source-ts"><pre>@<span class="pl-smi">Component</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">template</span>:
+<span class="pl-s">`&lt;div v-if="id" class="pl-2"&gt;</span>
+<span class="pl-s">    &lt;h3 class="text-success"&gt;{{customer.ContactName}}&lt;/h3&gt;</span>
+<span class="pl-s">    &lt;table class="table table-bordered" style="width:auto"&gt;</span>
+<span class="pl-s">        &lt;tr&gt;</span>
+<span class="pl-s">            &lt;th&gt;Contact&lt;/th&gt;</span>
+<span class="pl-s">            &lt;td&gt;{{ customer.ContactName }} ({{ customer.ContactTitle }})&lt;/td&gt;</span>
+<span class="pl-s">        &lt;/tr&gt;</span>
+<span class="pl-s">        &lt;tr&gt;</span>
+<span class="pl-s">            &lt;th&gt;Address&lt;/th&gt;</span>
+<span class="pl-s">            &lt;td&gt;</span>
+<span class="pl-s">                &lt;div&gt;{{ customer.Address }}&lt;/div&gt;</span>
+<span class="pl-s">                &lt;div&gt;{{ customer.City }}, {{ customer.PostalCode }}, {{ customer.Country }}&lt;/div&gt;</span>
+<span class="pl-s">            &lt;/td&gt;</span>
+<span class="pl-s">        &lt;/tr&gt;</span>
+<span class="pl-s">        &lt;tr&gt;</span>
+<span class="pl-s">            &lt;th&gt;Phone&lt;/th&gt;</span>
+<span class="pl-s">            &lt;td&gt;{{ customer.Phone }}&lt;/td&gt;</span>
+<span class="pl-s">        &lt;/tr&gt;</span>
+<span class="pl-s">        &lt;tr v-if="customer.Fax"&gt;</span>
+<span class="pl-s">            &lt;th&gt;Fax&lt;/th&gt;</span>
+<span class="pl-s">            &lt;td&gt;{{ customer.Fax }}&lt;/td&gt;</span>
+<span class="pl-s">        &lt;/tr&gt;</span>
+<span class="pl-s">    &lt;/table&gt;</span>
+<span class="pl-s">    &lt;jsonviewer :value="orders" /&gt;</span>
+<span class="pl-s">&lt;/div&gt;</span>
+<span class="pl-s">&lt;div v-else class="alert alert-danger"&gt;Customer Id needs to be selected&lt;/div&gt;`</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span>
+<span class="pl-k">class</span> <span class="pl-smi">Customer</span> <span class="pl-k">extends</span> <span class="pl-smi">RowComponent</span> <span class="pl-kos">{</span>
+
+    <span class="pl-c1">customer</span>:<span class="pl-smi">any</span> <span class="pl-c1">=</span> null<span class="pl-kos">;</span>
+    <span class="pl-c1">orders</span>:<span class="pl-smi">any</span><span class="pl-kos">[</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-kos">[</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
+
+    <span class="pl-k">get</span> <span class="pl-en">id</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">return</span> <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">row</span><span class="pl-kos">.</span><span class="pl-c1">Id</span><span class="pl-kos">;</span> <span class="pl-kos">}</span>
+
+    <span class="pl-k">async</span> <span class="pl-en">mounted</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+        <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">customer</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-k">await</span> <span class="pl-en">sharpData</span><span class="pl-kos">(</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">db</span><span class="pl-kos">,</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">table</span><span class="pl-kos">,</span><span class="pl-kos">{</span> <span class="pl-c1">Id</span>: <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">id</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">)</span><span class="pl-kos">[</span><span class="pl-c1">0</span><span class="pl-kos">]</span><span class="pl-kos">;</span>
+        <span class="pl-k">const</span> <span class="pl-s1">fields</span> <span class="pl-c1">=</span> <span class="pl-s">'Id,EmployeeId,OrderDate,Freight,ShipVia,ShipCity,ShipCountry'</span><span class="pl-kos">;</span>
+        <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">orders</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-en">sharpData</span><span class="pl-kos">(</span><span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">db</span><span class="pl-kos">,</span><span class="pl-s">'Order'</span><span class="pl-kos">,</span><span class="pl-kos">{</span> <span class="pl-c1">CustomerId</span>: <span class="pl-smi">this</span><span class="pl-kos">.</span><span class="pl-c1">id</span><span class="pl-kos">,</span> fields <span class="pl-kos">}</span><span class="pl-kos">)</span>
+    <span class="pl-kos">}</span>
+<span class="pl-kos">}</span></pre></div>
+<p>Which looks like:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-customer-rowcomponent.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-customer-rowcomponent.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="sharpdata-net-core-project" class="anchor" href="#sharpdata-net-core-project" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>SharpData .NET Core Project</h3>
+<p>Whilst <a href="https://github.com/NetCoreApps/SharpData">NetCoreApps/SharpData</a> can live a charmed life as a Desktop App, it's also just a regular ServiceStack .NET Core App with a <a href="https://github.com/NetCoreApps/SharpData/blob/master/Startup.cs">Startup.cs</a> and <code>AppHost</code> that can be developed, published and deployed as you're used to, here's an instance of it <a href="https://docs.servicestack.net/netcore-deploy-rsync" rel="nofollow">deployed as a .NET Core App on Linux</a>:</p>
+<h3>
+<a id="sharpdatanetcoreio" class="anchor" href="#sharpdatanetcoreio" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://sharpdata.netcore.io" rel="nofollow">sharpdata.netcore.io</a>
+</h3>
+<blockquote>
+<p>For best experience we recommend running against local network databases</p>
+</blockquote>
+<p>It's a unique ServiceStack App in that it doesn't contain any ServiceStack Services as it's only using pre-existing functionality already built into ServiceStack,
+<code>#Script</code> for its HTTP APIs and a Vue SPA for its UI, so requires no <code>.dll's</code> need to be deployed with it.</p>
+<p>It uses the same Vue SPA solution as <a href="https://github.com/NetCoreTemplates/vue-lite">vue-lite</a> to avoid npm's size &amp; complexity where you only need to run TypeScript's <code>tsc -w</code> to enable its <a href="https://docs.servicestack.net/hot-reloading" rel="nofollow">live-reload</a> dev UX which provides its instant feedback during development.</p>
+<p>Some other of its unique traits is that instead of manually including all the Vue framework <code>.js</code> libraries, it instead references the new <code>ServiceStack.Desktop.dll</code> for its Vue framework libraries and its Material design SVG icons which are <a href="https://github.com/NetCoreApps/SharpData/blob/0499e7c66ca4289d17158e79bcc91815bbcd7a99/wwwroot/_layout.html#L60-L66">referenced as normal file references</a>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-kos">[</span>
+    <span class="pl-s">`/lib/js/vue/vue.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/vue-router/vue-router.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/vue-class-component/vue-class-component.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/vue-property-decorator/vue-property-decorator.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/@servicestack/desktop/servicestack-desktop.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/@servicestack/client/servicestack-client.min.js`</span><span class="pl-kos">,</span>
+    <span class="pl-s">`/lib/js/@servicestack/vue/servicestack-vue.min.js`</span><span class="pl-kos">,</span>
+<span class="pl-kos">]</span> |<span class="pl-c1">&gt;</span> <span class="pl-s1">map</span> <span class="pl-c1">=&gt;</span> <span class="pl-s">`&lt;script src="<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">it</span><span class="pl-kos">}</span></span>"&gt;&lt;/script&gt;`</span> |<span class="pl-c1">&gt;</span> <span class="pl-s1">joinln</span> |<span class="pl-c1">&gt;</span> <span class="pl-s1">raw</span> <span class="pl-kos">}</span><span class="pl-kos">}</span></pre></div>
+<p>But instead of needing to exist on disk &amp; deployed with your project it's referencing the embedded resources in <code>ServiceStack.Desktop.dll</code> and only the bundled assets need to be <a href="https://github.com/NetCoreApps/SharpData/blob/0499e7c66ca4289d17158e79bcc91815bbcd7a99/SharpData.csproj#L17">deployed with your project</a> which is using the built-in <a href="https://github.com/xoofx/NUglify">NUglify</a> support in the <a href="https://docs.servicestack.net/dotnet-tool" rel="nofollow">dotnet tools</a> to produce its highly optimized/minified bundle without needing to rely on any npm tooling when publishing the .NET Core App:</p>
+<div class="highlight highlight-text-xml"><pre>&lt;<span class="pl-ent">Target</span> <span class="pl-e">Name</span>=<span class="pl-s"><span class="pl-pds">"</span>Bundle<span class="pl-pds">"</span></span> <span class="pl-e">BeforeTargets</span>=<span class="pl-s"><span class="pl-pds">"</span>AfterPublish<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">Exec</span> <span class="pl-e">Command</span>=<span class="pl-s"><span class="pl-pds">"</span>x run _bundle.ss -to /bin/Release/net5/publish/wwwroot<span class="pl-pds">"</span></span> /&gt;
+&lt;/<span class="pl-ent">Target</span>&gt;</pre></div>
+<p>The included <a href="https://github.com/NetCoreApps/SharpData/tree/master/typings">/typings</a> are just the TypeScript definitions for each library which
+TypeScript uses for its static analysis &amp; its great dev UX in IDEs &amp; VSCode, but are only needed during development and not deployed with the project.</p>
+<h3>
+<a id="publish-to-gist-desktop-app" class="anchor" href="#publish-to-gist-desktop-app" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Publish to Gist Desktop App</h3>
+<p>The primary way <strong>SharpData</strong> is distributed is as a <a href="https://sharpscript.net/docs/gist-desktop-apps" rel="nofollow">Gist Desktop App</a>, where it's able to provide instant utility by running on a users local machine inside a native Chromium Desktop App making it suitable for a much broader use-case as a fast, lightweight, always up-to-date Desktop App with deeper Windows integration all packaged in a tiny <strong>20kb .zip</strong> footprint. There's no need to provision servers, setup CI, manage cloud hosting resources, you can simply run a script to update a Gist where its latest features are immediately available to your end users the next time it's run.</p>
+<p>To run, test &amp; publish it as a Desktop App you can use the pre-made scripts in <a href="https://github.com/NetCoreApps/SharpData/blob/master/package.json">package.json</a>.
+Rider provides a nice UX here as it lets you run each individual script directly from their json editor:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-scripts.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-scripts.png" alt="" style="max-width:100%;"></a></p>
+<p>Essentially to package it into a <a href="https://sharpscript.net/docs/sharp-apps" rel="nofollow">Sharp App</a> you just need to run the <code>pack</code> script which will bundle &amp; copy all required assets into the <code>/dist</code> folder which you can then test locally in a <a href="https://docs.servicestack.net/netcore-windows-desktop" rel="nofollow">.NET Core Desktop App</a> by running <code>app</code> in that folder:</p>
+<pre><code>$ cd dist
+$ app
+</code></pre>
+<p>The <code>mix-*</code> scripts copies the db customizations so you have something to test it with which you can run with the <code>run-test</code> script.</p>
+<p>The <code>publish-app</code> script is if you want to publish it to a Gist Desktop App, where you will need it to provide the GitHub <strong>AccessToken</strong> with write access to the Gist User Account you want to publish it to. Adding an <code>appName</code> and <code>description</code> to <code>app.settings</code> will publish it to the <a href="https://sharpscript.net/docs/gist-desktop-apps#instant-run-without-installation" rel="nofollow">Global App Registry</a>, make it publicly discoverable and allow anyone to open your App using your user-friendly <code>appName</code> alias, otherwise they can run it using the <strong>Gist Id</strong> or <strong>Gist URL</strong>.</p>
+<p>Alternatively the contents of the <code>dist/</code> folder can be published to a GitHub repo (public or private) and run with:</p>
+<pre><code>$ app open &lt;user&gt;/&lt;repo&gt;
+</code></pre>
+<p>Or link to it with its custom URL Scheme:</p>
+<pre><code>app://&lt;user&gt;/repo
+</code></pre>
+<p>If it's in a private repo they'll need to either provide an <strong>AccessToken</strong> in the <code>GITHUB_TOKEN</code> Environment variable or using the <code>-token</code> argument:</p>
+<pre><code>$ app open &lt;user&gt;/&lt;repo&gt; -token &lt;token&gt;
+</code></pre>
+<p>URL Scheme:</p>
+<pre><code>app://&lt;user&gt;/repo?token=&lt;token&gt;
+</code></pre>
+<h3>
+<a id="rdbms-configuration" class="anchor" href="#rdbms-configuration" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>RDBMS Configuration</h3>
+<p>When running as a .NET Core App you'd need to register which RDBMS's you want to use with OrmLite's configuration, e.g. the screenshot above registers an SQLite <code>northwind.sqlite</code> database and the <a href="https://techstacks.io" rel="nofollow">https://techstacks.io</a> PostgreSQL Database:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">Register</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(<span class="pl-smi">c</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(
+    <span class="pl-en">MapProjectPath</span>(<span class="pl-s"><span class="pl-pds">"</span>~/northwind.sqlite<span class="pl-pds">"</span></span>), <span class="pl-smi">SqliteDialect</span>.<span class="pl-smi">Provider</span>));
+
+<span class="pl-k">var</span> <span class="pl-smi">dbFactory</span> <span class="pl-k">=</span> <span class="pl-smi">container</span>.<span class="pl-en">Resolve</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;();
+<span class="pl-smi">dbFactory</span>.<span class="pl-en">RegisterConnection</span>(<span class="pl-s"><span class="pl-pds">"</span>techstacks<span class="pl-pds">"</span></span>,
+     <span class="pl-smi">Environment</span>.<span class="pl-en">GetEnvironmentVariable</span>(<span class="pl-s"><span class="pl-pds">"</span>TECHSTACKS_DB<span class="pl-pds">"</span></span>),
+     <span class="pl-smi">PostgreSqlDialect</span>.<span class="pl-smi">Provider</span>);</pre></div>
+<p>By default it shows all Tables in each RDBMS, but you can limit it to only show a user-defined list of tables with <code>#Script</code> Arguments:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> {
+    <span class="pl-c"><span class="pl-c">//</span>...</span>
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        <span class="pl-c"><span class="pl-c">//</span>Only display user-defined list of tables:</span>
+        [<span class="pl-s"><span class="pl-pds">"</span>tables<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory<span class="pl-pds">"</span></span>,
+        [<span class="pl-s"><span class="pl-pds">"</span>tables_techstacks<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats<span class="pl-pds">"</span></span>,
+    }
+});</pre></div>
+<p>When running as a Sharp App it's instead configured in its
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/scripts/deploy/app.northwind.settings">app.settings</a>, here's equivalent settings for the above configuration:</p>
+<pre><code># Configure below. Supported dialects: sqlite, mysql, postgres, sqlserver
+db.connections[northwind]  { db:sqlite,   connection:'northwind.sqlite' }
+db.connections[techstacks] { db:postgres, connection:$TECHSTACKS_DB }
+
+args.tables Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory
+args.tables_techstacks technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats
+</code></pre>
+<h3>
+<a id="feedback" class="anchor" href="#feedback" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Feedback</h3>
+<p>We hope <a href="https://github.com/NetCoreApps/SharpData">SharpData</a> serves useful in some capacity, whether it's being able to quickly develop and Ship a UI to stakeholders or as a template to develop .NET Core Apps that you can distribute as <strong>Sharp Apps</strong>, as an example to explore the delivery and platform potential of URL schemes and install-less Desktop Apps or just as an inspiration for areas where <code>#Script</code> shines &amp; the different kind of Apps you can create with it.</p>
+<p>Whilst <code>app</code> is Windows 64 only, you can use the <code>x</code> cross-platform tool and its <code>xapp://</code> URL scheme to run Sharp Apps on macOS/Linux, it just wont have access to any of its Window Integration features.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/apps/02.md b/wwwroot/gfm/apps/02.md
new file mode 100644
index 0000000..71bb61c
--- /dev/null
+++ b/wwwroot/gfm/apps/02.md
@@ -0,0 +1,663 @@
+[SharpData](https://github.com/NetCoreApps/SharpData) is a generic app for providing an instant UI around multiple RDBMS's:
+
+> YouTube: [youtu.be/GjVipOqwZMA](https://youtu.be/GjVipOqwZMA)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-appsettings.png)](https://youtu.be/GjVipOqwZMA)
+
+It makes use of the [app](https://docs.servicestack.net/netcore-windows-desktop) dotnet tool for running Chromium
+[Gist Desktop Apps](https://sharpscript.net/sharp-apps/gist-desktop-apps) on-the-fly without installation, from a single URL that can also
+[mix in additional gists](https://docs.servicestack.net/mix-tool) which can be used in SharpData to configure RDBMS's, copy SQLite databases and
+apply per-database customizations to add navigable deep links and customized UI Views to each table resultset.
+
+Whilst SharpData supports [connecting to most popular RDBMS's](https://github.com/ServiceStack/ServiceStack.OrmLite#8-flavours-of-ormlite-is-on-nuget), it's 
+especially useful for being able to deploy an instant stand-alone UI with an embedded SQLite databases which can be published independently in a gist and
+launched from a single URL.
+
+For an example of this in action we've published customized gists for the 
+[Northwind](https://docs.microsoft.com/en-us/dotnet/framework/data/adonet/sql/linq/downloading-sample-databases) and 
+[Chinook](https://www.sqlitetutorial.net/sqlite-sample-database/) SQLite databases which after installing the latest 
+[app](https://docs.servicestack.net/netcore-windows-desktop) dotnet tool:
+
+    $ dotnet tool install -g app
+    $ app -version
+
+First time `app` is run it registers the [app:// URL scheme](#app-url-schemes) allowing Windows x64 Desktop Apps to be launched from URLs:
+
+<ul>
+    <li><strong><a name="app://sharpdata?mix=northwind.sharpdata">app://sharpdata?mix=northwind.sharpdata</a></strong></li>
+    <li><strong><a name="app://sharpdata?mix=chinook.sharpdata">app://sharpdata?mix=chinook.sharpdata</a></strong></li>
+</ul>
+
+Or via command-line:
+
+    $ app open sharpdata mix northwind.sharpdata
+    $ app open sharpdata mix chinook.sharpdata
+
+Cross platform using the [x dotnet tool](https://docs.servicestack.net/dotnet-tool) (in Default Browser):
+
+    $ x open sharpdata mix northwind.sharpdata
+    $ x open sharpdata mix chinook.sharpdata
+
+Each of these options will download & run the latest version of [SharpData](https://github.com/NetCoreApps/SharpData) along with a 
+copy of the [northwind.sharpdata](https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd) or 
+[chinook.sharpdata](https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2) gists on-the-fly containing the embedded SQLite DB along with any
+UI customizations.
+
+#### Hosted as a .NET Core App
+
+As [NetCoreApps/SharpData](https://github.com/NetCoreApps/SharpData) is also a standard .NET Core project, it can also be deployed as a 
+normal stand-alone .NET Core Web App:
+
+### [https://sharpdata.netcore.io](https://sharpdata.netcore.io)
+
+### Tiny footprint
+
+An impressively capable .NET Core App that fits into a tiny **20kb .zip** footprint thanks to [Gist Desktop App's Architecture](/gist-desktop-apps). It's small dynamic `#Script` & Vue TypeScript code-base also makes it highly customizable to tailor & further extend with 
+App-specific requirements - suitable for offering advanced system users a quick, capable customized read-only UI of your DBs.
+
+**SharpData** started as a demonstration showing how productive [#Script](https://sharpscript.net) can be in the number of areas where 
+dynamic languages offer far superior productivity then the typical .NET approach of using C# to type an entire code-base & models.
+
+For example a single `#Script` page provides a lot of the functionality in [AutoQuery](https://docs.servicestack.net/autoquery-rdbms) where it provides an instant HTTP API 
+(in all registered ServiceStack formats) around all registered RDBMS tables, in all OrmLite supported RBDMS's, that includes support for custom fields, 
+multiple querying options, paging, multi OrderBy's in a parameterized SQL query executed with OrmLite's SQL async DB APIs:
+
+## AutoQuery Script
+
+### [/db/_db/_table/index.html](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/db/_db/_table/index.html)
+
+    {{ {namedConnection:db} |> if (db && db != 'main') |> useDb }}
+
+    ```code|quiet
+    var ignore = ['db','fields','format','skip','take','orderBy']
+    var fields = qs.fields ? qs.fields.split(',').map(x => sqlQuote(x)).join(',') : '*'
+    var sql = `SELECT ${fields} FROM ${sqlQuote(table)}`
+    var filters = []
+    var queryMap = qs.toObjectDictionary().withoutKeys(ignore)
+    #each queryMap.Keys.toList()
+        var search = queryMap[it.sqlVerifyFragment()].sqlVerifyFragment();
+        #if search == '=null' || search == '!=null'
+            `${sqlQuote(it)} ${search=='=null' ? 'IS' : 'IS NOT'} NULL` |> addTo => filters
+            queryMap[it] = null
+        else if search.startsWith('=')
+            `${sqlQuote(it)} = @${it}` |> addTo => filters
+            queryMap[it] = search.substring(1).coerce()
+        else if search.startsWith('<=') || search.startsWith('>=') || search.startsWith('!=')
+            `${sqlQuote(it)} ${search.substring(0,2)} @${it}` |> addTo => filters
+            queryMap[it] = search.substring(2).coerce()
+        else if search.startsWith('<') || search.startsWith('>')
+            `${sqlQuote(it)} ${search.substring(0,1)} @${it}` |> addTo => filters
+            queryMap[it] = search.substring(1).coerce()
+        else if search.endsWith(',')
+            `${sqlQuote(it)} IN (${search.trimEnd(',').split(',').map(i=>i.toLong()).join(',')})` |>addTo=>filters
+            queryMap[it] = null
+        else if search.startsWith('%') || search.endsWith('%')
+            `${sqlQuote(it).sqlCast('varchar')} LIKE @${it}` |> addTo => filters
+        else
+            `${sqlQuote(it).sqlCast('varchar')} = @${it}` |> addTo => filters
+        /if
+    /each
+    #if !filters.isEmpty()
+        sql = `${sql} WHERE ${filters.join(' AND ')}`
+    /if
+    #if qs.orderBy
+        sql = `${sql} ORDER BY ${sqlOrderByFields(qs.orderBy)}`
+    /if
+    #if qs.skip || qs.take
+        sql = `${sql} ${sqlLimit(qs.skip,qs.take)}`
+    /if
+    sql |> dbSelect(queryMap) |> return
+    ```
+    {{ ifError |> show(sql) }}
+    {{htmlError}}
+
+
+The `_` prefixes in the path utilizes [Page Based Routing](https://sharpscript.net/docs/sharp-pages#page-based-routing) allowing for 
+[CoC](https://en.wikipedia.org/wiki/Convention_over_configuration) based 
+[Clean URL](https://en.wikipedia.org/wiki/Clean_URL) routes without needing to define & maintain separate routes where the
+same script supports querying all [registered multitenancy databases](https://docs.servicestack.net/multitenancy#changedb-apphost-registration).
+
+### Instant Customizable RDBMS UI
+
+The [SharpData](https://github.com/NetCoreApps/SharpData) project essentially provides a UI around this script, surfacing its features & give 
+it instant utility which ended up being so useful that it's become the quickest way to perform fast adhoc DB queries as it's easy to configure 
+which RDBMS's & tables to show in a simple text file, easy to customize its UI, enables 1-click export into Excel and its shortcut syntax
+support in column filters is a fast way to perform quick adhoc queries.
+
+### Quick Tour
+
+We'll quickly go through some of its features to give you an idea of its capabilities, from the above screenshot we can some of its 
+filtering capabilities. All results displayed in the UI are queried using the above
+[sharpdata](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/db/_db/_table/index.html) `#Script` HTTP API 
+which supports the following features:
+
+### Filters
+
+All query string parameter except for `db,fields,format,skip,take,orderBy` are treated as filters, where you can:
+
+  - Use `=null` or `!=null` to search `NULL` columns
+  - Use `<=`, `<`, `>`, `>=`, `<>`, `!=` prefix to search with that operator
+  - Use `,` trailing comma to perform an `IN (values)` search (integer columns only)
+  - Use `%` suffix or prefix to perform a `LIKE` search
+  - Use `=` prefix to perform a coerced "JS" search, for exact `number`, `boolean`, `null` and WCF date comparisons
+  - Otherwise by default performs a "string equality" search where columns are casted and compared as strings
+
+Here's the filtered list used in the above screenshot:
+
+  [/db/northwind/Order?Id=>10200&CustomerId=V%&Freight=<=30&OrderDate=>1997-01-01](http://sharpdata.netcore.io/db/northwind/Order?format=json&Id=%3E10200&CustomerId=V%25&Freight=%3C%3D30&OrderDate=%3E1997-01-01&take=100)
+
+### Custom Field Selection
+
+The **column selection** icon on the top left of the results lets you query custom select columns which is specified using `?fields`:
+
+  - [/db/northwind/Customer?fields=Id,CompanyName,ContactName,ContactTitle](https://sharpdata.netcore.io/db/northwind/Customer?format=json&fields=Id%2CCompanyName%2CContactName%2CContactTitle&take=100)
+
+### Multiple OrderBy's
+
+You can use [AutoQuery Syntax](https://docs.servicestack.net/autoquery-rdbms#multiple-orderbys) to specify multiple Order By's:
+
+  - [/db/northwind/Customer?orderBy=-Id,CompanyName,-ContactName](https://sharpdata.netcore.io/db/northwind/Customer?format=json&orderBy=-Id,CompanyName,-ContactName)
+
+### Paging
+
+Use `?skip` and `?take` to page through a result set
+
+### Format
+
+Use `?format` to specify which **Content-Type** to return the results in, e.g:
+
+  - [/db/northwind/Customer?format=html](https://sharpdata.netcore.io/db/northwind/Customer?format=html)
+  - [/db/northwind/Customer?format=json](https://sharpdata.netcore.io/db/northwind/Customer?format=json)
+  - [/db/northwind/Customer?format=csv](https://sharpdata.netcore.io/db/northwind/Customer?format=csv)
+
+### Multitenancy
+
+You can specify which registered DB to search using the path info, use `main` to query the default database:
+
+    /db/<named-db>/<table>
+
+### Open in Excel
+
+SharpData detects if **Excel** is installed and lets you open the un-paged filtered resultset directly by clicking the **Excel** button
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-excel.png) 
+
+This works seamlessly as it's able to "by-pass" the browser download where the query is performed by the back-end .NET Core Server who streams the response directly to the Users **Downloads** folder and launches it in Excel as soon as it's finished.
+
+### Launching SharpData
+
+To run SharpData in a .NET Core Desktop App you'll need latest `app` dotnet tool:
+
+    $ dotnet tool update -g app
+
+> If on macOS/Linux you can use the [x dotnet tool](https://docs.servicestack.net/dotnet-tool) instead to view SharpData in your default browser
+
+### Configure RDBMS from command-line
+
+You can override which database to connect to by specifying it on the command line, e.g. here's an example of connecting to https://techstacks.io RDBMS:
+
+    $ app open sharpdata -db postgres -db.connection $TECHSTACKS_DB
+
+Which will open SharpData listing all of TechStack's RDBMS tables. If you have a lot of tables the **Sidebar filter** provides a quick way to
+find the table you want, e.g:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-technology.png) 
+
+### app URL Schemes 
+
+What can be done with the `open` command on the command-line can also be done from a **custom URL Scheme**, a feature that opens up a myriad of new 
+possibilities as `app` can open [Gist Desktop Apps](https://sharpscript.net/docs/gist-desktop-apps) from Gists or in public & private GitHub repositories, 
+where it's able to download and launch Apps on the fly with custom arguments - allowing a single URL to run a **never installed** Desktop App stored in a 
+Gist & pass it custom params to enable **deep linking**.
+
+With this organizations could maintain a dashboard of links to its different Desktop Apps that anyone can access, especially useful as the 
+**only software** that's needed to run any [Sharp Apps](https://sharpscript.net/docs/sharp-apps) is the `app` dotnet tool which thanks to all 
+ServiceStack .dll's & dependencies being bundled with the tool, (including Vue/React/Bootstrap fontawesome and Material SVG Icon assets), 
+the only files that need to be published are the App's specific resources, which is how Apps like **SharpData** can be compressed in a 
+**20kb .zip** - a tiny payload that's viable to download the latest app each on each run, removing the pain & friction to distribute updates as 
+everyone's already running the latest version every time it's run.
+
+Should you need to (e.g. large Sharp App or github.com is down) you can run your previously locally cached App using `run`:
+
+    $ app run sharpdata
+
+With Custom URL Schemes everyone with `app` installed can view any database they have network access to from specifying the db type and connection string in the URL:
+
+    app://sharpdata?db=postgres&db.connection={CONNECTION_STRING}
+
+> CONNECTION_STRING needs to be URL Encoded, e.g. with JS's `encodeURIComponent()`
+
+or by specifying an Environment variable containing the connection string:
+
+    app://sharpdata?db=postgres&db.connection=$TECHSTACKS_DB
+
+### Mix in Gists
+
+In addition to Sharp Apps being downloaded and run on the fly, they're also able to take advantage of the dotnet tools [mix support](https://docs.servicestack.net/mix-tool) to 
+also download another Gist's content into the Sharp App's working directory.
+
+With this you can publish a custom dataset in an SQLite database save it as a gist and **generate a single URL** that everyone can use to 
+download the database and open it in **SharpData**, e.g:
+
+<h3><a name="app://sharpdata?mix=northwind.sqlite&db=sqlite&db.connection=northwind.sqlite">app://sharpdata?mix=northwind.sqlite&db=sqlite&db.connection=northwind.sqlite</a></h3>
+
+It's possible to use the user-friendly `northwind.sqlite` alias here as it's published in the global [mix.md](https://gist.github.com/gistlyn/9b32b03f207a191099137429051ebde8) directory where it links to the [northwind.sqlite gist](https://gist.github.com/gistlyn/97d0bcd3ebd582e06c85f8400683e037). 
+
+For your custom databases you use the **Gist Id** instead or if you plan to use this feature a lot you can override which `mix.md` document that 
+`app` should source its links from by specifying another **Gist Id** in the `MIX_SOURCE` Environment variable (or see below - to create a local alias).
+
+But if you're already mixing in an external gist you may as well include a custom `app.settings` in the Gist so it's pre-configured with custom 
+RDBMS registrations and table lists, e.g:
+
+<h3><a name="app://sharpdata?mix=northwind.sharpdata">app://sharpdata?mix=northwind.sharpdata</a></h3>
+
+Which applies the [northwind.sharpdata gist](https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd), which can also be referenced by **Gist Id**:
+
+<h3><a name="app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd">app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd</a></h3>
+
+Alternatively you may instead prefer to publish it to a private GitHub repo instead of a Gist which anyone can open up with:
+
+    app://user/sharpdata-private?token={TOKEN}
+
+The `app` dotnet tools will use the **latest published GitHub release** if there are any, otherwise will use the **master.zip** archive, 
+this feature can be used to maintain a working master repo and maintain control ver when to publish new versions of your custom SharpData App.
+
+### app local aliases
+
+Where ever you can use a Gist Id, you can assign a local user-friendly alias to use instead. So if you had a custom **sqlite** database and 
+sharpdata **app.settings** you could assign it to a local **db** alias with:
+
+    $ app alias db 0ce0d5b828303f1cb4637450b563adbd
+
+Which you'll be able to use in place of the Gist Id, e.g. via command-line:
+
+    $ app open sharpdata mix db
+
+or via URL Scheme:
+
+    app://sharpdata?mix=db
+
+Likewise the gist alias can also be used for referencing [Gist Desktop Apps](https://sharpscript.net/docs/gist-desktop-apps), e.g. we can assign the 
+[redis gist app](https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8) to use our preferred alias:
+
+    $ app alias local-redis 6de7993333b457445793f51f6f520ea8
+
+That we can open via command-line:
+
+    $ app open local-redis
+
+Or URL Scheme:
+
+    app://local-redis
+
+Or if we want to run our own modified copy of the Redis Desktop App, we can [mix](https://docs.servicestack.net/mix-tool) the Gist files to our
+local directory:
+
+    $ app mix local-redis
+
+Make the changes we want, then run our local copy by running `app` (or `x`) without arguments:
+
+    $ app
+
+Other alias command include:
+
+#### View all aliases
+
+    $ app alias
+
+#### View single alias
+
+    $ app alias mydb
+
+#### Remove an alias
+
+    $ app unalias mydb
+
+
+### Custom SharpData UI
+
+Each time a Gist Desktop App is opened it downloads and overrides the existing Gist with the latest version which it loads in a [Gist VFS](https://docs.servicestack.net/virtual-file-system#gistvirtualfiles) where any of its files can be overridden with a local copy.
+
+As the App's working directory is preserved between restarts you can provide a custom `app.settings` at:
+
+    %USERPROFILE%\.sharp-apps\sharpdata\app.settings
+
+#### Custom app.settings
+
+Where you can perform basic customizations like which RDBMS's and tables you want to be able to access, e.g:
+
+```
+debug false
+name Northwind & TechStacks UI
+appName sharpdata
+
+db.connections[northwind]  { db:sqlite,   connection:'northwind.sqlite' }
+db.connections[techstacks] { db:postgres, connection:$TECHSTACKS_DB }
+
+args.tables Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory
+args.tables_techstacks technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats
+```
+
+Which will display both RDBMS Databases, showing only the user-specified tables in app.settings above:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-appsettings.png) 
+
+### Advanced Customizations
+
+More advanced customizations can be added via dropping TypeScript/JavaScript source files in the `/custom` folder, e.g:
+
+ - [/wwwroot/custom/chinook.ts](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/custom/chinook.ts)
+ - [/wwwroot/custom/northwind.ts](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/custom/northwind.ts)
+
+Which is how the [northwind.sharpdata](https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd) and 
+[chinook.sharpdata](https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2) mix gists enable Customized Views for the Northwind
+& Chinook databases via their dbConfig registrations below:
+
+#### chinook
+
+```ts
+dbConfig('chinook', {
+    showTables: 'albums,artists,playlists,tracks,genres,media_types,customers,employees,invoices'.split(','),
+    tableName: splitPascalCase,
+    links: {
+        albums: {
+            ArtistId: (id:number) => `artists?filter=ArtistId:${id}`
+        },
+        employees: {
+            ReportsTo: (id:number) => `employees?filter=EmployeeId:${id}`
+        },
+        invoices: {
+            CustomerId: (id:number) => `customers?filter=CustomerId:${id}`
+        },
+        tracks: {
+            AlbumId: (id:number) => `albums?filter=AlbumId:${id}`,
+            MediaTypeId: (id:number) => `media_types?filter=MediaTypeId:${id}`,
+            GenreId: (id:number) => `genres?filter=GenreId:${id}`,
+        }
+    },
+    rowComponents: {
+        albums: Album,
+        artists: Artist,
+        playlists: Playlist,
+    }
+});
+```
+
+#### northwind
+
+```ts
+dbConfig('northwind', {
+    showTables: 'Customer,Order,OrderDetail,Category,Product,Employee,Shipper,Supplier,Region'.split(','),
+    tableName: splitPascalCase,
+    links: {
+        Order: {
+            CustomerId: (id:string) => `Customer?filter=Id:${id}`,
+            EmployeeId: (id:string) => `Employee?filter=Id:${id}`,
+            ShipVia: (id:number) => `Shipper?filter=Id:${id}`,
+        },
+        OrderDetail: {
+            OrderId: (id:string) => `Order?filter=Id:${id}`,
+            ProductId: (id:string) => `Product?filter=Id:${id}`,
+        },
+        Product: {
+            SupplierId: (id:number) => `Supplier?filter=Id:${id}`,
+            CategoryId: (id:number) => `Category?filter=Id:${id}`,
+        },
+        Territory: {
+            RegionId: (id:number) => `Region?filter=Id:${id}`,
+        },
+    },
+    rowComponents: {
+        Order,
+        Customer,
+    }
+});
+```
+
+These db customizations let you specify which RDBMS tables & the order that they should be displayed, the table names text casing function, 
+which columns to linkify & any custom Row Components for different tables.
+
+### Deploying Customizations
+
+When deploying as a .NET Core project the customizations are deployed with your [/wwwroot](https://github.com/NetCoreApps/SharpData/tree/master/wwwroot) 
+as normal.
+
+To make customizations available to load with the SharpData Gist Desktop App you'll need to publish the directory of customizations to a gist.
+Here are the customizations for the [northwind.sharpdata](https://gist.github.com/gistlyn/0ce0d5b828303f1cb4637450b563adbd) and 
+[chinook.sharpdata](https://gist.github.com/gistlyn/96b10369daf94897531810841cb097f2) gists:
+
+### [/dist-mix](https://github.com/NetCoreApps/SharpData/tree/master/dist-mix)
+ - [/chinook](https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook)
+    - [/custom](https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook/custom)
+        - [chinook.js](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/custom/chinook.js) - UI Customizations
+    - [app.settings](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/app.settings) - Custom App Settings
+    - [chinook.sqlite](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/chinook/chinook.sqlite) - Embedded SQLite database
+ - [/northwind](https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/northwind)
+    - [/custom](https://github.com/NetCoreApps/SharpData/tree/master/dist-mix/chinook/northwind)
+        - [northwind.js](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/custom/northwind.js) - UI Customizations
+    - [app.settings](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/app.settings) - Custom App Settings
+    - [northwind.sqlite](https://github.com/NetCoreApps/SharpData/blob/master/dist-mix/northwind/northwind.sqlite) - Embedded SQLite database
+
+You can [publish a directory of files to a GitHub Gist](/sharp-apps/app-index#publishing-gist-desktop-apps) using the `x publish` command with the 
+GitHub **AccessToken** with gist write access you want to write to, e.g:
+
+    $ cd northwind
+    $ x publish -token %TOKEN%
+
+### Viewing Customizations
+
+When published these Gist Customizations can be viewed by gist id directly or by a user friendly gist mix or local alias:
+
+<ul>
+    <li><strong><a name="app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd">app://sharpdata?mix=0ce0d5b828303f1cb4637450b563adbd</a></strong></li>
+    <li><strong><a name="app://sharpdata?mix=96b10369daf94897531810841cb097f2">app://sharpdata?mix=96b10369daf94897531810841cb097f2</a></strong></li>
+</ul>
+
+### Custom Row Components
+
+Whilst a tabular grid view might be a natural UI for browsing a database for devs, we can do better since we have the full UI source code of the Vue components. 
+A filtered tabular view makes it fast to find the record you're interested in, but it's not ideal for quickly finding related information about an Entity.
+
+To provide a more customized UX for different App UIs, **SharpData** includes support for **"Row Components"** 
+(defined in [/wwwroot/custom](https://github.com/NetCoreApps/SharpData/tree/master/wwwroot/custom)) to be able to quickly drill down & view 
+richer info on any record.
+
+For example when viewing an **Order**, it's natural to want to view the **Order Details** with it, enabled with the custom Vue component registration below:
+
+```ts
+@Component({ template:
+`<div v-if="id">
+    <jsonviewer :value="details" />
+</div>
+<div v-else class="alert alert-danger">Order Id needs to be selected</div>`
+})
+class Order extends RowComponent {
+    details:any[] = [];
+
+    get id() { return this.row.Id; }
+
+    async mounted() {
+        this.details = await sharpData(this.db,'OrderDetail',{ OrderId: this.id });
+    }
+}
+```
+
+All Row components are injected with the `db`, `table` properties, the entire `row` object that was selected as well as the Column Schema definition for that table. Inside the component you're free to display anything, in this case we're using the `sharpData` helper for calling the server `#Script` HTTP API to get it to fetch all `OrderDetail` entries for this order.
+
+> If the resultset is filtered without the Order `Id` PK it can't fetch its referenced data, so displays an error instead
+
+The [jsonviewer](https://github.com/NetCoreApps/SharpData/blob/master/src/JsonViewer.ts) component used is similar to ServiceStack's 
+[HTML5 auto pages](https://docs.servicestack.net/html5reportformat) to quickly view contents of any object.
+
+The `registerRowComponent(db,table,VueComponent,componentName)` API is used to register this component with **SharpData** to make it available to render any order.
+
+With the `Order` component registered we can now drill down into any **Order** to view its **Order Details**:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-custom-rowcomponents.png) 
+
+You're free to render any kind of UI in the row component, e.g. here's the [Customer.ts](https://github.com/NetCoreApps/SharpData/blob/master/src/components/Custom/Customer.ts) row component used to render a richer view for Customers:
+
+```ts
+@Component({ template:
+`<div v-if="id" class="pl-2">
+    <h3 class="text-success">{{customer.ContactName}}</h3>
+    <table class="table table-bordered" style="width:auto">
+        <tr>
+            <th>Contact</th>
+            <td>{{ customer.ContactName }} ({{ customer.ContactTitle }})</td>
+        </tr>
+        <tr>
+            <th>Address</th>
+            <td>
+                <div>{{ customer.Address }}</div>
+                <div>{{ customer.City }}, {{ customer.PostalCode }}, {{ customer.Country }}</div>
+            </td>
+        </tr>
+        <tr>
+            <th>Phone</th>
+            <td>{{ customer.Phone }}</td>
+        </tr>
+        <tr v-if="customer.Fax">
+            <th>Fax</th>
+            <td>{{ customer.Fax }}</td>
+        </tr>
+    </table>
+    <jsonviewer :value="orders" />
+</div>
+<div v-else class="alert alert-danger">Customer Id needs to be selected</div>`
+})
+class Customer extends RowComponent {
+
+    customer:any = null;
+    orders:any[] = [];
+
+    get id() { return this.row.Id; }
+
+    async mounted() {
+        this.customer = (await sharpData(this.db,this.table,{ Id: this.id }))[0];
+        const fields = 'Id,EmployeeId,OrderDate,Freight,ShipVia,ShipCity,ShipCountry';
+        this.orders = await sharpData(this.db,'Order',{ CustomerId: this.id, fields })
+    }
+}
+```
+
+Which looks like:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-customer-rowcomponent.png) 
+
+### SharpData .NET Core Project
+
+Whilst [NetCoreApps/SharpData](https://github.com/NetCoreApps/SharpData) can live a charmed life as a Desktop App, it's also just a regular ServiceStack .NET Core App with a [Startup.cs](https://github.com/NetCoreApps/SharpData/blob/master/Startup.cs) and `AppHost` that can be developed, published and deployed as you're used to, here's an instance of it [deployed as a .NET Core App on Linux](https://docs.servicestack.net/netcore-deploy-rsync):
+
+### [sharpdata.netcore.io](https://sharpdata.netcore.io)
+
+> For best experience we recommend running against local network databases
+
+It's a unique ServiceStack App in that it doesn't contain any ServiceStack Services as it's only using pre-existing functionality already built into ServiceStack, 
+`#Script` for its HTTP APIs and a Vue SPA for its UI, so requires no `.dll's` need to be deployed with it.
+
+It uses the same Vue SPA solution as [vue-lite](https://github.com/NetCoreTemplates/vue-lite) to avoid npm's size & complexity where you only need to run TypeScript's `tsc -w` to enable its [live-reload](https://docs.servicestack.net/hot-reloading) dev UX which provides its instant feedback during development.
+
+Some other of its unique traits is that instead of manually including all the Vue framework `.js` libraries, it instead references the new `ServiceStack.Desktop.dll` for its Vue framework libraries and its Material design SVG icons which are [referenced as normal file references](https://github.com/NetCoreApps/SharpData/blob/0499e7c66ca4289d17158e79bcc91815bbcd7a99/wwwroot/_layout.html#L60-L66):
+
+```js
+{{ [
+    `/lib/js/vue/vue.min.js`,
+    `/lib/js/vue-router/vue-router.min.js`,
+    `/lib/js/vue-class-component/vue-class-component.min.js`,
+    `/lib/js/vue-property-decorator/vue-property-decorator.min.js`,
+    `/lib/js/@servicestack/desktop/servicestack-desktop.min.js`,
+    `/lib/js/@servicestack/client/servicestack-client.min.js`,
+    `/lib/js/@servicestack/vue/servicestack-vue.min.js`,
+] |> map => `<script src="${it}"></script>` |> joinln |> raw }}
+```
+
+But instead of needing to exist on disk & deployed with your project it's referencing the embedded resources in `ServiceStack.Desktop.dll` and only the bundled assets need to be [deployed with your project](https://github.com/NetCoreApps/SharpData/blob/0499e7c66ca4289d17158e79bcc91815bbcd7a99/SharpData.csproj#L17) which is using the built-in [NUglify](https://github.com/xoofx/NUglify) support in the [dotnet tools](https://docs.servicestack.net/dotnet-tool) to produce its highly optimized/minified bundle without needing to rely on any npm tooling when publishing the .NET Core App:
+
+```xml
+<Target Name="Bundle" BeforeTargets="AfterPublish">
+    <Exec Command="x run _bundle.ss -to /bin/Release/net5/publish/wwwroot" />
+</Target>
+```
+
+The included [/typings](https://github.com/NetCoreApps/SharpData/tree/master/typings) are just the TypeScript definitions for each library which 
+TypeScript uses for its static analysis & its great dev UX in IDEs & VSCode, but are only needed during development and not deployed with the project.
+
+### Publish to Gist Desktop App
+
+The primary way **SharpData** is distributed is as a [Gist Desktop App](https://sharpscript.net/docs/gist-desktop-apps), where it's able to provide instant utility by running on a users local machine inside a native Chromium Desktop App making it suitable for a much broader use-case as a fast, lightweight, always up-to-date Desktop App with deeper Windows integration all packaged in a tiny **20kb .zip** footprint. There's no need to provision servers, setup CI, manage cloud hosting resources, you can simply run a script to update a Gist where its latest features are immediately available to your end users the next time it's run.
+
+To run, test & publish it as a Desktop App you can use the pre-made scripts in [package.json](https://github.com/NetCoreApps/SharpData/blob/master/package.json).
+Rider provides a nice UX here as it lets you run each individual script directly from their json editor:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/sharpdata-scripts.png) 
+
+Essentially to package it into a [Sharp App](https://sharpscript.net/docs/sharp-apps) you just need to run the `pack` script which will bundle & copy all required assets into the `/dist` folder which you can then test locally in a [.NET Core Desktop App](https://docs.servicestack.net/netcore-windows-desktop) by running `app` in that folder:
+
+    $ cd dist
+    $ app
+
+The `mix-*` scripts copies the db customizations so you have something to test it with which you can run with the `run-test` script.
+
+The `publish-app` script is if you want to publish it to a Gist Desktop App, where you will need it to provide the GitHub **AccessToken** with write access to the Gist User Account you want to publish it to. Adding an `appName` and `description` to `app.settings` will publish it to the [Global App Registry](https://sharpscript.net/docs/gist-desktop-apps#instant-run-without-installation), make it publicly discoverable and allow anyone to open your App using your user-friendly `appName` alias, otherwise they can run it using the **Gist Id** or **Gist URL**.
+
+Alternatively the contents of the `dist/` folder can be published to a GitHub repo (public or private) and run with:
+
+    $ app open <user>/<repo>
+
+Or link to it with its custom URL Scheme:
+
+    app://<user>/repo
+
+If it's in a private repo they'll need to either provide an **AccessToken** in the `GITHUB_TOKEN` Environment variable or using the `-token` argument:
+
+    $ app open <user>/<repo> -token <token>
+
+URL Scheme:
+
+    app://<user>/repo?token=<token>
+
+### RDBMS Configuration
+
+When running as a .NET Core App you'd need to register which RDBMS's you want to use with OrmLite's configuration, e.g. the screenshot above registers an SQLite `northwind.sqlite` database and the https://techstacks.io PostgreSQL Database:
+
+```csharp
+container.Register<IDbConnectionFactory>(c => new OrmLiteConnectionFactory(
+    MapProjectPath("~/northwind.sqlite"), SqliteDialect.Provider));
+
+var dbFactory = container.Resolve<IDbConnectionFactory>();
+dbFactory.RegisterConnection("techstacks",
+     Environment.GetEnvironmentVariable("TECHSTACKS_DB"),
+     PostgreSqlDialect.Provider);
+```
+
+By default it shows all Tables in each RDBMS, but you can limit it to only show a user-defined list of tables with `#Script` Arguments:
+
+```csharp
+Plugins.Add(new SharpPagesFeature {
+    //...
+    Args = {
+        //Only display user-defined list of tables:
+        ["tables"] = "Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory",
+        ["tables_techstacks"] = "technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats",
+    }
+});
+```
+
+When running as a Sharp App it's instead configured in its 
+[app.settings](https://github.com/NetCoreApps/SharpData/blob/master/scripts/deploy/app.northwind.settings), here's equivalent settings for the above configuration:
+
+```
+# Configure below. Supported dialects: sqlite, mysql, postgres, sqlserver
+db.connections[northwind]  { db:sqlite,   connection:'northwind.sqlite' }
+db.connections[techstacks] { db:postgres, connection:$TECHSTACKS_DB }
+
+args.tables Customer,Order,OrderDetail,Category,Product,Employee,EmployeeTerritory,Shipper,Supplier,Region,Territory
+args.tables_techstacks technology,technology_stack,technology_choice,organization,organization_member,post,post_comment,post_vote,custom_user_auth,user_auth_details,user_activity,page_stats
+```
+
+### Feedback
+
+We hope [SharpData](https://github.com/NetCoreApps/SharpData) serves useful in some capacity, whether it's being able to quickly develop and Ship a UI to stakeholders or as a template to develop .NET Core Apps that you can distribute as **Sharp Apps**, as an example to explore the delivery and platform potential of URL schemes and install-less Desktop Apps or just as an inspiration for areas where `#Script` shines & the different kind of Apps you can create with it. 
+
+Whilst `app` is Windows 64 only, you can use the `x` cross-platform tool and its `xapp://` URL scheme to run Sharp Apps on macOS/Linux, it just wont have access to any of its Window Integration features.
diff --git a/wwwroot/gfm/apps/03.html b/wwwroot/gfm/apps/03.html
new file mode 100644
index 0000000..77061b3
--- /dev/null
+++ b/wwwroot/gfm/apps/03.html
@@ -0,0 +1,120 @@
+<div class="gfm"><p>The <a href="https://github.com/sharp-apps/win32">win32</a> Sharp App contains an examples dashboard of invoking different native Win32 functions:</p>
+<p><a href="https://github.com/sharp-apps/win32"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/win32.png" alt="" style="max-width:100%;"></a></p>
+<p>You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):</p>
+<p><strong><a name="app://win32">app://win32</a></strong></p>
+<p>Or via command-line:</p>
+<pre><code>$ app open win32
+</code></pre>
+<p>Cross platform (Default Browser):</p>
+<pre><code>$ x open win32
+</code></pre>
+<h3>
+<a id="kiosk-mode" class="anchor" href="#kiosk-mode" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Kiosk Mode</h3>
+<p>This app starts in full-screen <strong>Kiosk</strong> mode, enabled in its <a href="https://github.com/sharp-apps/win32/blob/master/scripts/deploy/app.settings">app.settings</a> by:</p>
+<pre><code>CefConfig { Kiosk:true }
+</code></pre>
+<p>The main source code of this component is in <a href="https://github.com/sharp-apps/win32/blob/master/src/components/Win32/index.ts">Win32/index.ts</a>,
+which makes use of the built in TypeScript APIs below from <code>@servicestack/desktop</code>:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-en">start</span><span class="pl-kos">(</span><span class="pl-s">'%USERPROFILE%\\\\.sharp-apps'</span><span class="pl-kos">)</span>
+
+<span class="pl-en">openUrl</span><span class="pl-kos">(</span><span class="pl-s">'https://google.com'</span><span class="pl-kos">)</span>
+
+<span class="pl-en">messageBox</span><span class="pl-kos">(</span><span class="pl-s">'The Title'</span><span class="pl-kos">,</span> <span class="pl-s">'Caption'</span><span class="pl-kos">,</span> <span class="pl-smi">MessageBoxType</span><span class="pl-kos">.</span><span class="pl-c1">YesNo</span> | <span class="pl-smi">MessageBoxType</span><span class="pl-kos">.</span><span class="pl-c1">IconInformation</span><span class="pl-kos">)</span>
+
+<span class="pl-k">await</span> <span class="pl-en">openFile</span><span class="pl-kos">(</span>  <span class="pl-kos">{</span>
+    <span class="pl-c1">title</span>: <span class="pl-s">'Pick Images'</span><span class="pl-kos">,</span>
+    <span class="pl-c1">filter</span>: <span class="pl-s">"Image files (*.png;*.jpeg)|*.png;*.jpeg|All files (*.*)|*.*"</span><span class="pl-kos">,</span>
+    <span class="pl-c1">initialDir</span>: <span class="pl-k">await</span> <span class="pl-en">expandEnvVars</span><span class="pl-kos">(</span><span class="pl-s">'%USERPROFILE%\\\\Pictures'</span><span class="pl-kos">)</span><span class="pl-kos">,</span>
+    <span class="pl-c1">defaultExt</span>: <span class="pl-s">'*.png'</span><span class="pl-kos">,</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span>
+
+<span class="pl-en">openFile</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">isFolderPicker</span>: <span class="pl-c1">true</span> <span class="pl-kos">}</span><span class="pl-kos">)</span>
+
+<span class="pl-en">deviceScreenResolution</span><span class="pl-kos">(</span><span class="pl-kos">)</span>
+
+<span class="pl-en">primaryMonitorInfo</span><span class="pl-kos">(</span><span class="pl-kos">)</span>
+
+<span class="pl-en">windowSetPosition</span><span class="pl-kos">(</span><span class="pl-s1">x</span><span class="pl-kos">,</span> <span class="pl-s1">y</span><span class="pl-kos">)</span>
+
+<span class="pl-en">windowSetSize</span><span class="pl-kos">(</span><span class="pl-s1">width</span><span class="pl-kos">,</span> <span class="pl-s1">height</span><span class="pl-kos">)</span></pre></div>
+<h3>
+<a id="custom-win32-api" class="anchor" href="#custom-win32-api" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Custom Win32 API</h3>
+<p>You're also not limited to calling the built-in Win32 APIs above as calling custom APIs just involves wrapping the C# inside
+your preferred <a href="/docs/methods">#Script method</a> that you would like to make it available to JS as,
+e.g. here's the <strong>win32</strong> implementation for launching <a href="https://docs.microsoft.com/en-us/windows/win32/dlgbox/color-dialog-box" rel="nofollow">Win32's Color Dialog Box</a>
+and returning the selected color in HTML Color format:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomMethods</span> : <span class="pl-en">ScriptMethods</span>
+{
+    [<span class="pl-en">DllImport</span>(<span class="pl-s"><span class="pl-pds">"</span>ComDlg32.dll<span class="pl-pds">"</span></span>, <span class="pl-en">CharSet</span> <span class="pl-k">=</span> <span class="pl-smi">CharSet</span>.<span class="pl-smi">Unicode</span>)]
+    <span class="pl-k">internal</span> <span class="pl-k">static</span> <span class="pl-k">extern</span> <span class="pl-k">int</span> <span class="pl-en">CommDlgExtendedError</span>();
+
+    [<span class="pl-en">DllImport</span>(<span class="pl-s"><span class="pl-pds">"</span>ComDlg32.dll<span class="pl-pds">"</span></span>, <span class="pl-en">CharSet</span> <span class="pl-k">=</span> <span class="pl-smi">CharSet</span>.<span class="pl-smi">Unicode</span>)]
+    <span class="pl-k">internal</span> <span class="pl-k">static</span> <span class="pl-k">extern</span> <span class="pl-k">bool</span> <span class="pl-en">ChooseColor</span>(<span class="pl-k">ref</span> <span class="pl-en">ChooseColor</span> <span class="pl-smi">cc</span>);
+    
+    <span class="pl-k">private</span> <span class="pl-k">int</span>[] <span class="pl-smi">customColors</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-k">int</span>[<span class="pl-c1">16</span>] {
+        <span class="pl-c1">0x00FFFFFF</span>, <span class="pl-c1">0x00C0C0C0</span>, <span class="pl-c1">0x00808080</span>, <span class="pl-c1">0x00000000</span>,
+        <span class="pl-c1">0x00FF0000</span>, <span class="pl-c1">0x00800000</span>, <span class="pl-c1">0x00FFFF00</span>, <span class="pl-c1">0x00808000</span>,
+        <span class="pl-c1">0x0000FF00</span>, <span class="pl-c1">0x00008000</span>, <span class="pl-c1">0x0000FFFF</span>, <span class="pl-c1">0x00008080</span>,
+        <span class="pl-c1">0x000000FF</span>, <span class="pl-c1">0x00000080</span>, <span class="pl-c1">0x00FF00FF</span>, <span class="pl-c1">0x00800080</span>,
+    };
+
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">chooseColor</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>) <span class="pl-k">=&gt;</span> <span class="pl-en">chooseColor</span>(<span class="pl-smi">scope</span>, <span class="pl-s"><span class="pl-pds">"</span>#ffffff<span class="pl-pds">"</span></span>);
+
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">chooseColor</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">defaultColor</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">scope</span>.<span class="pl-en">DoWindow</span>(<span class="pl-smi">w</span> <span class="pl-k">=&gt;</span> {
+        <span class="pl-k">var</span> <span class="pl-smi">cc</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ChooseColor</span>();
+        <span class="pl-smi">cc</span>.<span class="pl-smi">lStructSize</span> <span class="pl-k">=</span> <span class="pl-smi">Marshal</span>.<span class="pl-en">SizeOf</span>(<span class="pl-smi">cc</span>);
+        <span class="pl-k">var</span> <span class="pl-smi">lpCustColors</span> <span class="pl-k">=</span> <span class="pl-smi">Marshal</span>.<span class="pl-en">AllocCoTaskMem</span>(<span class="pl-c1">16</span> <span class="pl-k">*</span> <span class="pl-en">sizeof</span>(<span class="pl-smi">int</span>));
+        <span class="pl-k">try</span>
+        {
+            <span class="pl-smi">Marshal</span>.<span class="pl-en">Copy</span>(<span class="pl-smi">customColors</span>, <span class="pl-c1">0</span>, <span class="pl-smi">lpCustColors</span>,<span class="pl-c1">16</span>);
+            <span class="pl-smi">cc</span>.<span class="pl-smi">hwndOwner</span> <span class="pl-k">=</span> <span class="pl-smi">w</span>;
+            <span class="pl-smi">cc</span>.<span class="pl-smi">lpCustColors</span> <span class="pl-k">=</span> <span class="pl-smi">lpCustColors</span>;
+            <span class="pl-smi">cc</span>.<span class="pl-smi">Flags</span> <span class="pl-k">=</span> <span class="pl-smi">ChooseColorFlags</span>.<span class="pl-smi">FullOpen</span> <span class="pl-k">|</span> <span class="pl-smi">ChooseColorFlags</span>.<span class="pl-smi">RgbInit</span>;
+            <span class="pl-k">var</span> <span class="pl-smi">c</span> <span class="pl-k">=</span> <span class="pl-smi">ColorTranslator</span>.<span class="pl-en">FromHtml</span>(<span class="pl-smi">defaultColor</span>);
+            <span class="pl-smi">cc</span>.<span class="pl-smi">rgbResult</span> <span class="pl-k">=</span> <span class="pl-smi">ColorTranslator</span>.<span class="pl-en">ToWin32</span>(<span class="pl-smi">c</span>);
+
+            <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-en">ChooseColor</span>(<span class="pl-k">ref</span> <span class="pl-smi">cc</span>)) 
+                <span class="pl-k">return</span> (<span class="pl-k">string</span>) <span class="pl-c1">null</span>;
+        
+            <span class="pl-smi">c</span> <span class="pl-k">=</span> <span class="pl-smi">ColorTranslator</span>.<span class="pl-en">FromWin32</span>(<span class="pl-smi">cc</span>.<span class="pl-smi">rgbResult</span>);
+            <span class="pl-k">return</span> <span class="pl-smi">ColorTranslator</span>.<span class="pl-en">ToHtml</span>(<span class="pl-smi">c</span>);
+        }
+        <span class="pl-k">finally</span>
+        {
+            <span class="pl-smi">Marshal</span>.<span class="pl-en">FreeCoTaskMem</span>(<span class="pl-smi">lpCustColors</span>);
+        }
+    });
+}</pre></div>
+<p>ServiceStack.Desktop's IPC takes care of invoking the <code>#Script</code> <a href="/docs/expression-viewer">JS-compatible expression</a> and returning the result:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> <span class="pl-s1">selectedColor</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-en">evaluateCode</span><span class="pl-kos">(</span><span class="pl-s">'chooseColor(`#336699`)'</span><span class="pl-kos">)</span></pre></div>
+<p><a href="https://github.com/sharp-apps/win32"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/win32-choosecolor.png" alt="" style="max-width:100%;"></a></p>
+<p>The <code>scope.DoWindow()</code> extension method supports expressions being invoked in-process when launched by <code>app.exe</code> as well as when
+invoked during development in "detached mode" if electing to run the .NET Core backend as a stand-alone Web App.</p>
+<p>If your App calls your custom APIs a lot you can wrap it in a first-class TypeScript method that mirrors the server #Script method:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">function</span> <span class="pl-en">chooseColor</span><span class="pl-kos">(</span><span class="pl-s1">defaultColor</span>?:<span class="pl-smi">string</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+    <span class="pl-k">return</span> <span class="pl-s1">defaultColor</span>
+        ? <span class="pl-en">evaluateCode</span><span class="pl-kos">(</span><span class="pl-s">`chooseColor(<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-en">quote</span><span class="pl-kos">(</span><span class="pl-s1">defaultColor</span><span class="pl-kos">)</span><span class="pl-kos">}</span></span>)`</span><span class="pl-kos">)</span>
+        : <span class="pl-en">evaluateCode</span><span class="pl-kos">(</span><span class="pl-s">`chooseColor()`</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+<span class="pl-kos">}</span></pre></div>
+<p>Where it can be called using the same syntax in JS and #Script:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> <span class="pl-s1">selectedColor</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-en">chooseColor</span><span class="pl-kos">(</span><span class="pl-s">`#336699`</span><span class="pl-kos">)</span></pre></div>
+<h2>
+<a id="highly-productive-live-reloading-development-experience" class="anchor" href="#highly-productive-live-reloading-development-experience" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Highly productive live-reloading Development experience</h2>
+<p>If it weren't for the productivity possible for being able to only needing to develop for Chrome's state-of-the-art rendering engine where you can use advanced features like CSS grid along with the productivity of high-level productive Reactive UI frameworks like Vue, the effort into create a Desktop App like ServiceStack Studio wouldn't be justifiable.</p>
+<p>After the next release we'll create pre-packaged project templates for <strong>vue-desktop</strong> and <strong>react-desktop</strong> Desktop Apps to make it easy develop Vue &amp; React Desktop Apps along with scripts to bundle it &amp; publish it to gist. If preferred <code>app.exe</code> also lets you deploy the published app to your own private repo &amp; limit access to only users accessible with a GitHub token which they can open with from a URL with:</p>
+<pre><code>app://user/repo?token={GITHUB_TOKEN}
+</code></pre>
+<p>Or on the command line with:</p>
+<pre><code>$ app user/repo -token $GITHUB_TOKEN
+</code></pre>
+<blockquote>
+<p>Or without a token by setting it in the <code>GITHUB_TOKEN</code> Environment variable</p>
+</blockquote>
+<p>For offline deployments the published <code>/dist</code> folder can be copied and launched with <code>app</code> (or <code>x</code>) in the app's folder:</p>
+<pre><code>$ app
+</code></pre>
+<p>For better Desktop integration this (or custom command-line arguments) can be wrapped in a new Windows Shortcut:</p>
+<pre><code>$ app shortcut
+</code></pre>
+<p>For a look at example Desktop App projects built using this development model can checkout <a href="https://github.com/ServiceStack/Studio">ServiceStack/Studio</a> or <a href="https://github.com/NetCoreApps/SharpData">NetCoreApps/SharpData</a>.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/apps/03.md b/wwwroot/gfm/apps/03.md
new file mode 100644
index 0000000..32f31f5
--- /dev/null
+++ b/wwwroot/gfm/apps/03.md
@@ -0,0 +1,152 @@
+The [win32](https://github.com/sharp-apps/win32) Sharp App contains an examples dashboard of invoking different native Win32 functions:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/win32.png)](https://github.com/sharp-apps/win32)
+
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://win32">app://win32</a></strong>
+
+Or via command-line:
+
+    $ app open win32
+
+Cross platform (Default Browser):
+
+    $ x open win32
+
+### Kiosk Mode
+
+This app starts in full-screen **Kiosk** mode, enabled in its [app.settings](https://github.com/sharp-apps/win32/blob/master/scripts/deploy/app.settings) by:
+
+    CefConfig { Kiosk:true }
+
+The main source code of this component is in [Win32/index.ts](https://github.com/sharp-apps/win32/blob/master/src/components/Win32/index.ts),
+which makes use of the built in TypeScript APIs below from `@servicestack/desktop`:
+
+```ts
+start('%USERPROFILE%\\\\.sharp-apps')
+
+openUrl('https://google.com')
+
+messageBox('The Title', 'Caption', MessageBoxType.YesNo | MessageBoxType.IconInformation)
+
+await openFile(  {
+    title: 'Pick Images',
+    filter: "Image files (*.png;*.jpeg)|*.png;*.jpeg|All files (*.*)|*.*",
+    initialDir: await expandEnvVars('%USERPROFILE%\\\\Pictures'),
+    defaultExt: '*.png',
+})
+
+openFile({ isFolderPicker: true })
+
+deviceScreenResolution()
+
+primaryMonitorInfo()
+
+windowSetPosition(x, y)
+
+windowSetSize(width, height)
+```
+
+### Custom Win32 API
+
+You're also not limited to calling the built-in Win32 APIs above as calling custom APIs just involves wrapping the C# inside
+your preferred [#Script method](/docs/methods) that you would like to make it available to JS as, 
+e.g. here's the **win32** implementation for launching [Win32's Color Dialog Box](https://docs.microsoft.com/en-us/windows/win32/dlgbox/color-dialog-box)
+and returning the selected color in HTML Color format:
+
+```csharp
+public class CustomMethods : ScriptMethods
+{
+    [DllImport("ComDlg32.dll", CharSet = CharSet.Unicode)]
+    internal static extern int CommDlgExtendedError();
+
+    [DllImport("ComDlg32.dll", CharSet = CharSet.Unicode)]
+    internal static extern bool ChooseColor(ref ChooseColor cc);
+    
+    private int[] customColors = new int[16] {
+        0x00FFFFFF, 0x00C0C0C0, 0x00808080, 0x00000000,
+        0x00FF0000, 0x00800000, 0x00FFFF00, 0x00808000,
+        0x0000FF00, 0x00008000, 0x0000FFFF, 0x00008080,
+        0x000000FF, 0x00000080, 0x00FF00FF, 0x00800080,
+    };
+
+    public string chooseColor(ScriptScopeContext scope) => chooseColor(scope, "#ffffff");
+
+    public string chooseColor(ScriptScopeContext scope, string defaultColor) => scope.DoWindow(w => {
+        var cc = new ChooseColor();
+        cc.lStructSize = Marshal.SizeOf(cc);
+        var lpCustColors = Marshal.AllocCoTaskMem(16 * sizeof(int));
+        try
+        {
+            Marshal.Copy(customColors, 0, lpCustColors,16);
+            cc.hwndOwner = w;
+            cc.lpCustColors = lpCustColors;
+            cc.Flags = ChooseColorFlags.FullOpen | ChooseColorFlags.RgbInit;
+            var c = ColorTranslator.FromHtml(defaultColor);
+            cc.rgbResult = ColorTranslator.ToWin32(c);
+
+            if (!ChooseColor(ref cc)) 
+                return (string) null;
+        
+            c = ColorTranslator.FromWin32(cc.rgbResult);
+            return ColorTranslator.ToHtml(c);
+        }
+        finally
+        {
+            Marshal.FreeCoTaskMem(lpCustColors);
+        }
+    });
+}
+```
+
+ServiceStack.Desktop's IPC takes care of invoking the `#Script` [JS-compatible expression](/docs/expression-viewer) and returning the result:
+
+```ts
+var selectedColor = await evaluateCode('chooseColor(`#336699`)')
+```
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/win32-choosecolor.png)](https://github.com/sharp-apps/win32)
+
+The `scope.DoWindow()` extension method supports expressions being invoked in-process when launched by `app.exe` as well as when 
+invoked during development in "detached mode" if electing to run the .NET Core backend as a stand-alone Web App.
+
+If your App calls your custom APIs a lot you can wrap it in a first-class TypeScript method that mirrors the server #Script method:
+
+```ts
+function chooseColor(defaultColor?:string) {
+    return defaultColor
+        ? evaluateCode(`chooseColor(${quote(defaultColor)})`)
+        : evaluateCode(`chooseColor()`);
+}
+```
+
+Where it can be called using the same syntax in JS and #Script:
+
+```ts
+var selectedColor = await chooseColor(`#336699`)
+```
+
+## Highly productive live-reloading Development experience
+
+If it weren't for the productivity possible for being able to only needing to develop for Chrome's state-of-the-art rendering engine where you can use advanced features like CSS grid along with the productivity of high-level productive Reactive UI frameworks like Vue, the effort into create a Desktop App like ServiceStack Studio wouldn't be justifiable. 
+
+After the next release we'll create pre-packaged project templates for **vue-desktop** and **react-desktop** Desktop Apps to make it easy develop Vue & React Desktop Apps along with scripts to bundle it & publish it to gist. If preferred `app.exe` also lets you deploy the published app to your own private repo & limit access to only users accessible with a GitHub token which they can open with from a URL with:
+
+    app://user/repo?token={GITHUB_TOKEN}
+
+Or on the command line with:
+
+    $ app user/repo -token $GITHUB_TOKEN
+
+> Or without a token by setting it in the `GITHUB_TOKEN` Environment variable
+
+For offline deployments the published `/dist` folder can be copied and launched with `app` (or `x`) in the app's folder:
+
+    $ app
+
+For better Desktop integration this (or custom command-line arguments) can be wrapped in a new Windows Shortcut:
+
+    $ app shortcut
+
+For a look at example Desktop App projects built using this development model can checkout [ServiceStack/Studio](https://github.com/ServiceStack/Studio) or [NetCoreApps/SharpData](https://github.com/NetCoreApps/SharpData).
\ No newline at end of file
diff --git a/wwwroot/gfm/apps/04.html b/wwwroot/gfm/apps/04.html
new file mode 100644
index 0000000..4cc7286
--- /dev/null
+++ b/wwwroot/gfm/apps/04.html
@@ -0,0 +1,169 @@
+<div class="gfm"><table>
+<thead>
+<tr>
+<th>name</th>
+<th>default</th>
+<th>description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>bind</td>
+<td>localhost</td>
+<td>Which hostname to bind .NET Core Server to</td>
+</tr>
+<tr>
+<td>ssl</td>
+<td>true</td>
+<td>Use https for .NET Core Server</td>
+</tr>
+<tr>
+<td>port</td>
+<td>5001</td>
+<td>Which port to bind .NET Core Server to</td>
+</tr>
+<tr>
+<td>name</td>
+<td>Sharp App</td>
+<td>AppHost name (also used in Shortcuts)</td>
+</tr>
+<tr>
+<td>debug</td>
+<td>ASP.NET Default</td>
+<td>Enable additional logging &amp; diagnostics</td>
+</tr>
+<tr>
+<td>contentRoot</td>
+<td>app.settings dir</td>
+<td>ASP.NET Content Root Directory</td>
+</tr>
+<tr>
+<td>webRoot</td>
+<td>wwwroot/</td>
+<td>ASP.NET Web Root Directory</td>
+</tr>
+<tr>
+<td>apiPath</td>
+<td>/api</td>
+<td>Path of Sharp APIs</td>
+</tr>
+<tr>
+<td>defaultRedirect</td>
+<td></td>
+<td>Default Fallback RedirectPath</td>
+</tr>
+<tr>
+<td>db</td>
+<td></td>
+<td>OrmLite Dialect: sqlite, sqlserver, mysql postgres</td>
+</tr>
+<tr>
+<td>db.connection</td>
+<td></td>
+<td>RDBMS Connection String</td>
+</tr>
+<tr>
+<td>redis.connection</td>
+<td></td>
+<td>ServiceStack.Redis Connection String</td>
+</tr>
+<tr>
+<td>files</td>
+<td></td>
+<td>VFS provider: filesystem, s3, azureblob</td>
+</tr>
+<tr>
+<td>files.config</td>
+<td></td>
+<td>Virtual File System JS Object Configuration</td>
+</tr>
+<tr>
+<td>checkForModifiedPagesAfterSecs</td>
+<td></td>
+<td>How long to check backing VFS provider for changes</td>
+</tr>
+<tr>
+<td>defaultFileCacheExpirySecs</td>
+<td></td>
+<td>How long to preserve static file caches for</td>
+</tr>
+<tr>
+<td>defaultUrlCacheExpirySecs</td>
+<td></td>
+<td>How long to preserve URL caches for</td>
+</tr>
+<tr>
+<td>features</td>
+<td></td>
+<td>List of plugins to load</td>
+</tr>
+<tr>
+<td>markdownProvider</td>
+<td>MarkDig</td>
+<td>Markdown provider: MarkdownDeep, Markdig</td>
+</tr>
+<tr>
+<td>jsMinifier</td>
+<td>NUglify</td>
+<td>JS Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>cssMinifier</td>
+<td>NUglify</td>
+<td>CSS Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>htmlMinifier</td>
+<td>NUglify</td>
+<td>HTML Minifier: NUglify, ServiceStack</td>
+</tr>
+<tr>
+<td>icon</td>
+<td>favicon.ico</td>
+<td>Relative or Absolute Path to Shortcut &amp; Desktop icon</td>
+</tr>
+<tr>
+<td>appName</td>
+<td></td>
+<td>Unique Id to identify Desktop App (snake-case)</td>
+</tr>
+<tr>
+<td>description</td>
+<td></td>
+<td>Short Description of Desktop App (20-150 chars)</td>
+</tr>
+<tr>
+<td>tags</td>
+<td></td>
+<td>Desktop App Tags space-delimited, snake-case, 3 max</td>
+</tr>
+<tr>
+<td>args.*</td>
+<td></td>
+<td>Any additional rich config args to define in App</td>
+</tr>
+</tbody>
+</table>
+<p>Desktop specific Apps like <a href="https://github.com/ServiceStack/Studio">ServiceStack/Studio</a> enable additional Desktop functionality by
+configuring the <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Desktop/DesktopFeature.cs">DesktopFeature</a> plugin in
+<a href="https://www.nuget.org/packages/ServiceStack.Desktop" rel="nofollow">ServiceStack.Desktop</a>, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">DesktopFeature</span> {
+    <span class="pl-c"><span class="pl-c">//</span> access role for Script, File &amp; Download services</span>
+    <span class="pl-smi">AccessRole</span> <span class="pl-k">=</span> <span class="pl-smi">Config</span>.<span class="pl-smi">DebugMode</span> 
+        <span class="pl-k">?</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
+        <span class="pl-k">:</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">Admin</span>,
+    <span class="pl-smi">ImportParams</span> <span class="pl-k">=</span> { <span class="pl-c"><span class="pl-c">//</span> app.settings you want auto-populated in your App</span>
+        <span class="pl-s"><span class="pl-pds">"</span>debug<span class="pl-pds">"</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>connect<span class="pl-pds">"</span></span>,
+    },
+    <span class="pl-c"><span class="pl-c">//</span> Create a URL Scheme proxy rule for each registered site</span>
+    <span class="pl-smi">ProxyConfigs</span> <span class="pl-k">=</span> <span class="pl-smi">sites</span>.<span class="pl-smi">Keys</span>.<span class="pl-en">Map</span>(<span class="pl-smi">baseUrl</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">Uri</span>(<span class="pl-smi">baseUrl</span>))
+        .<span class="pl-en">Map</span>(<span class="pl-smi">uri</span> <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">ProxyConfig</span> {
+            <span class="pl-smi">Scheme</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Scheme</span>,
+            <span class="pl-smi">TargetScheme</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Scheme</span>,
+            <span class="pl-smi">Domain</span> <span class="pl-k">=</span> <span class="pl-smi">uri</span>.<span class="pl-smi">Host</span>,
+            <span class="pl-smi">AllowCors</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+            <span class="pl-smi">IgnoreHeaders</span> <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">"</span>X-Frame-Options<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Content-Security-Policy<span class="pl-pds">"</span></span> }, 
+        })
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/apps/04.md b/wwwroot/gfm/apps/04.md
new file mode 100644
index 0000000..7b3eccd
--- /dev/null
+++ b/wwwroot/gfm/apps/04.md
@@ -0,0 +1,56 @@
+
+| name             | default                 | description                                          |
+-------------------|-------------------------|------------------------------------------------------|
+| bind             | localhost               | Which hostname to bind .NET Core Server to           |
+| ssl              | true                    | Use https for .NET Core Server                       |
+| port             | 5001                    | Which port to bind .NET Core Server to               |
+| name             | Sharp App               | AppHost name (also used in Shortcuts)                |
+| debug            | ASP.NET Default         | Enable additional logging & diagnostics              |
+| contentRoot      | app.settings dir        | ASP.NET Content Root Directory                       |
+| webRoot          | wwwroot/                | ASP.NET Web Root Directory                           |
+| apiPath          | /api                    | Path of Sharp APIs                                   |
+| defaultRedirect  |                         | Default Fallback RedirectPath                        |
+| db               |                         | OrmLite Dialect: sqlite, sqlserver, mysql postgres   |
+| db.connection    |                         | RDBMS Connection String                              |
+| redis.connection |                         | ServiceStack.Redis Connection String                 |
+| files            |                         | VFS provider: filesystem, s3, azureblob              |
+| files.config     |                         | Virtual File System JS Object Configuration          |
+| checkForModifiedPagesAfterSecs |           | How long to check backing VFS provider for changes   |
+| defaultFileCacheExpirySecs |               | How long to preserve static file caches for          |
+| defaultUrlCacheExpirySecs |                | How long to preserve URL caches for                  |
+| features         |                         | List of plugins to load                              |
+| markdownProvider | MarkDig                 | Markdown provider: MarkdownDeep, Markdig             |
+| jsMinifier       | NUglify                 | JS Minifier: NUglify, ServiceStack                   |
+| cssMinifier      | NUglify                 | CSS Minifier: NUglify, ServiceStack                  |
+| htmlMinifier     | NUglify                 | HTML Minifier: NUglify, ServiceStack                 |
+| icon             | favicon.ico             | Relative or Absolute Path to Shortcut & Desktop icon |
+| appName          |                         | Unique Id to identify Desktop App (snake-case)       |
+| description      |                         | Short Description of Desktop App (20-150 chars)      |
+| tags             |                         | Desktop App Tags space-delimited, snake-case, 3 max  |
+| args.*           |                         | Any additional rich config args to define in App     | 
+
+Desktop specific Apps like [ServiceStack/Studio](https://github.com/ServiceStack/Studio) enable additional Desktop functionality by 
+configuring the [DesktopFeature](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Desktop/DesktopFeature.cs) plugin in 
+[ServiceStack.Desktop](https://www.nuget.org/packages/ServiceStack.Desktop), e.g:
+
+```csharp
+Plugins.Add(new DesktopFeature {
+    // access role for Script, File & Download services
+    AccessRole = Config.DebugMode 
+        ? RoleNames.AllowAnon
+        : RoleNames.Admin,
+    ImportParams = { // app.settings you want auto-populated in your App
+        "debug",
+        "connect",
+    },
+    // Create a URL Scheme proxy rule for each registered site
+    ProxyConfigs = sites.Keys.Map(baseUrl => new Uri(baseUrl))
+        .Map(uri => new ProxyConfig {
+            Scheme = uri.Scheme,
+            TargetScheme = uri.Scheme,
+            Domain = uri.Host,
+            AllowCors = true,
+            IgnoreHeaders = { "X-Frame-Options", "Content-Security-Policy" }, 
+        })
+});
+```
diff --git a/wwwroot/gfm/arguments/01.html b/wwwroot/gfm/arguments/01.html
new file mode 100644
index 0000000..f47b46d
--- /dev/null
+++ b/wwwroot/gfm/arguments/01.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> { 
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>arg<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-c1">1</span>
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/arguments/01.md b/wwwroot/gfm/arguments/01.md
new file mode 100644
index 0000000..ae43616
--- /dev/null
+++ b/wwwroot/gfm/arguments/01.md
@@ -0,0 +1,7 @@
+```csharp
+var context = new ScriptContext { 
+    Args = {
+        ["arg"] = 1
+    }
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/arguments/02.html b/wwwroot/gfm/arguments/02.html
new file mode 100644
index 0000000..bc46700
--- /dev/null
+++ b/wwwroot/gfm/arguments/02.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>page<span class="pl-pds">"</span></span>)) { 
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>arg<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-c1">4</span>
+    }
+};</pre></div>
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/arguments/02.md b/wwwroot/gfm/arguments/02.md
similarity index 100%
rename from src/wwwroot/gfm/arguments/02.md
rename to wwwroot/gfm/arguments/02.md
diff --git a/wwwroot/gfm/blocks/00.html b/wwwroot/gfm/blocks/00.html
new file mode 100644
index 0000000..0dcc8cf
--- /dev/null
+++ b/wwwroot/gfm/blocks/00.html
@@ -0,0 +1,168 @@
+<div class="gfm"><h2>
+<a id="user-content-default-blocks" class="anchor" href="#default-blocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Default Blocks</h2>
+<table>
+<thead>
+<tr>
+<th>name</th>
+<th>body</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><a href="#noop">noop</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#with">with</a></td>
+<td>default</td>
+</tr>
+<tr>
+<td><a href="#if">if</a></td>
+<td>default</td>
+</tr>
+<tr>
+<td><a href="#while">while</a></td>
+<td>default</td>
+</tr>
+<tr>
+<td><a href="#raw">raw</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#function">function</a></td>
+<td>code</td>
+</tr>
+<tr>
+<td><a href="#defn">defn</a></td>
+<td>lisp</td>
+</tr>
+<tr>
+<td><a href="#capture">capture</a></td>
+<td>template</td>
+</tr>
+<tr>
+<td><a href="#markdown">markdown</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#csv">csv</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#partial">partial</a></td>
+<td>template</td>
+</tr>
+<tr>
+<td><a href="#html">html</a></td>
+<td>template</td>
+</tr>
+</tbody>
+</table>
+<h2>
+<a id="user-content-servicestack-blocks" class="anchor" href="#servicestack-blocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>ServiceStack Blocks</h2>
+<table>
+<thead>
+<tr>
+<th>name</th>
+<th>body</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td><a href="#minifyjs">minifyjs</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#minifycss">minifycss</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#minifyhtml">minifyhtml</a></td>
+<td>verbatim</td>
+</tr>
+<tr>
+<td><a href="#svg">svg</a></td>
+<td>template</td>
+</tr>
+</tbody>
+</table>
+<h3>
+<a id="user-content-script-block-body" class="anchor" href="#script-block-body" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Script Block Body</h3>
+<p>The <code>Body</code> of the Script Block specifies how the body is evaluated. Script Blocks can be used in both <code>#Script</code> Template and
+<a href="/docs/syntax#language-blocks-and-expressions">Code Statement Blocks</a>.</p>
+<p>Below are examples of using a script block of each body type in both <code>#Script</code> template and code statement blocks:</p>
+<h3>
+<a id="user-content-default" class="anchor" href="#default" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>default</h3>
+<p>If unspecified Script Blocks are evaluated within the language they're used within.
+By default <code>#Script</code> pages use <strong>template</strong> expression handlebars syntax:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">test.isEven</span>() <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-v">test</span><span class="pl-c1">}}</span> is even
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-v">test</span><span class="pl-c1">}}</span> is odd
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+<p>Whilst in Code Statement Blocks the body is executed as JS Expressions, which requires using
+<a href="/docs/syntax#quotes">quoted strings or template literals</a> for any text you want to emit, e.g:</p>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#<span class="pl-k">if</span> <span class="pl-smi">test</span>.<span class="pl-en">isEven</span>()</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>test<span class="pl-pse">}</span></span> is even<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-k">else</span></span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>test<span class="pl-pse">}</span></span> is odd<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-k">/</span><span class="pl-k">if</span></span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+<h3>
+<a id="user-content-verbatim" class="anchor" href="#verbatim" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>verbatim</h3>
+<p>The contents of <strong>verbatim</strong> script blocks are unprocessed and evaluated as raw text by the script block:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#csv</span> <span class="pl-v">cars</span><span class="pl-c1">}}</span>
+Tesla,Model S,79990
+Tesla,Model 3,38990
+Tesla,Model X,84990
+<span class="pl-c1">{{</span><span class="pl-c1">/csv</span><span class="pl-c1">}}</span></pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#csv cars</span>
+<span class="pl-s1">Tesla,Model <span class="pl-c1">S</span>,<span class="pl-c1">79990</span></span>
+<span class="pl-s1">Tesla,Model <span class="pl-c1">3</span>,<span class="pl-c1">38990</span></span>
+<span class="pl-s1">Tesla,Model <span class="pl-c1">X</span>,<span class="pl-c1">84990</span></span>
+<span class="pl-s1"><span class="pl-k">/</span>csv</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+<h3>
+<a id="user-content-template" class="anchor" href="#template" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>template</h3>
+<p>The contents of <strong>template</strong> Script Blocks are processed using Template Expression syntax:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#capture</span> <span class="pl-v">out</span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">3</span></span>)<span class="pl-c1">}}</span>
+    - <span class="pl-c1">{{</span><span class="pl-v">it</span> + <span class="pl-e"><span class="pl-v">1</span></span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/capture</span><span class="pl-c1">}}</span></pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#capture out</span>
+<span class="pl-s1">    {{#each <span class="pl-en">range</span>(<span class="pl-c1">3</span>)}}</span>
+<span class="pl-s1">    <span class="pl-k">-</span> {{it <span class="pl-k">+</span> <span class="pl-c1">1</span>}}</span>
+<span class="pl-s1">    {{<span class="pl-k">/</span>each}}</span>
+<span class="pl-s1"><span class="pl-k">/</span>capture</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+<h3>
+<a id="user-content-code" class="anchor" href="#code" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>code</h3>
+<p>The contents of <strong>code</strong> Script Blocks are processed as JS Expression statements:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#function</span> <span class="pl-v">calc</span>(<span class="pl-e"><span class="pl-v">a</span></span>, <span class="pl-e"><span class="pl-v">b</span></span>) <span class="pl-c1">}}</span>
+    a * b |&gt; to =&gt; c
+    a + b + c |&gt; return
+<span class="pl-c1">{{</span><span class="pl-c1">/function</span><span class="pl-c1">}}</span></pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#<span class="pl-k">function</span> <span class="pl-en">calc</span>(<span class="pl-smi">a</span>, <span class="pl-smi">b</span>)</span>
+<span class="pl-s1">    a * b |&gt; to =&gt; c</span>
+<span class="pl-s1">    a + b + c |&gt; return</span>
+<span class="pl-s1">/function </span>
+<span class="pl-s1">&lt;/script&gt;</span></pre></div>
+<h3>
+<a id="user-content-lisp" class="anchor" href="#lisp" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>lisp</h3>
+<p>Finally the contents of <strong>lisp</strong> Script Blocks is processed by <a href="/lisp/">#Script Lisp</a>:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#defn</span> <span class="pl-v">calc</span> [<span class="pl-e"><span class="pl-v">a</span></span>, <span class="pl-e"><span class="pl-v">b</span></span>] <span class="pl-c1">}}</span>
+    (def c (* a b))
+    (+ a b c)
+<span class="pl-c1">{{</span><span class="pl-c1">/defn</span><span class="pl-c1">}}</span></pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#defn calc [a, b]</span>
+<span class="pl-s1">    (def <span class="pl-en">c</span> (<span class="pl-k">*</span> a b))</span>
+<span class="pl-s1">    (<span class="pl-k">+</span> a b c)</span>
+<span class="pl-s1"><span class="pl-k">/</span>defn</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/00.md b/wwwroot/gfm/blocks/00.md
new file mode 100644
index 0000000..9e880c7
--- /dev/null
+++ b/wwwroot/gfm/blocks/00.md
@@ -0,0 +1,143 @@
+## Default Blocks
+
+| name                      | body     |
+|---------------------------|----------|
+| [noop](#noop)             | verbatim |
+| [with](#with)             | default  |
+| [if](#if)                 | default  |
+| [while](#while)           | default  |
+| [raw](#raw)               | verbatim |
+| [function](#function)     | code     |
+| [defn](#defn)             | lisp     |
+| [capture](#capture)       | template |
+| [markdown](#markdown)     | verbatim |
+| [csv](#csv)               | verbatim |
+| [partial](#partial)       | template |
+| [html](#html)             | template |
+
+## ServiceStack Blocks
+
+| name                      | body     |
+|---------------------------|----------|
+| [minifyjs](#minifyjs)     | verbatim |
+| [minifycss](#minifycss)   | verbatim |
+| [minifyhtml](#minifyhtml) | verbatim |
+| [svg](#svg)               | template |
+
+### Script Block Body
+
+The `Body` of the Script Block specifies how the body is evaluated. Script Blocks can be used in both `#Script` Template and 
+[Code Statement Blocks](/docs/syntax#language-blocks-and-expressions).  
+
+Below are examples of using a script block of each body type in both `#Script` template and code statement blocks:
+
+### default
+
+If unspecified Script Blocks are evaluated within the language they're used within. 
+By default `#Script` pages use **template** expression handlebars syntax:
+
+```hbs
+{{#if test.isEven() }}
+    {{test}} is even
+{{else}}
+    {{test}} is odd
+{{/if}}
+```
+
+Whilst in Code Statement Blocks the body is executed as JS Expressions, which requires using 
+[quoted strings or template literals](/docs/syntax#quotes) for any text you want to emit, e.g:  
+
+```html
+<script>
+#if test.isEven()
+    `${test} is even`
+else
+    `${test} is odd`
+/if
+</script>
+```
+
+### verbatim
+
+The contents of **verbatim** script blocks are unprocessed and evaluated as raw text by the script block:
+
+```hbs
+{{#csv cars}}
+Tesla,Model S,79990
+Tesla,Model 3,38990
+Tesla,Model X,84990
+{{/csv}}
+```
+
+```html
+<script>
+#csv cars
+Tesla,Model S,79990
+Tesla,Model 3,38990
+Tesla,Model X,84990
+/csv
+</script>
+```
+
+### template
+
+The contents of **template** Script Blocks are processed using Template Expression syntax:
+
+```hbs
+{{#capture out}}
+    {{#each range(3)}}
+    - {{it + 1}}
+    {{/each}}
+{{/capture}}
+```
+
+```html
+<script>
+#capture out
+    {{#each range(3)}}
+    - {{it + 1}}
+    {{/each}}
+/capture
+</script>
+```
+
+### code
+
+The contents of **code** Script Blocks are processed as JS Expression statements:
+
+```hbs
+{{#function calc(a, b) }}
+    a * b |> to => c
+    a + b + c |> return
+{{/function}}
+```
+
+```html
+<script>
+#function calc(a, b)
+    a * b |> to => c
+    a + b + c |> return
+/function 
+</script>
+```
+
+### lisp
+
+Finally the contents of **lisp** Script Blocks is processed by [#Script Lisp](/lisp/):
+
+```hbs
+{{#defn calc [a, b] }}
+    (def c (* a b))
+    (+ a b c)
+{{/defn}}
+```
+    
+```html
+<script>
+#defn calc [a, b]
+    (def c (* a b))
+    (+ a b c)
+/defn
+</script>
+```
+
diff --git a/src/wwwroot/gfm/blocks/01.html b/wwwroot/gfm/blocks/01.html
similarity index 100%
rename from src/wwwroot/gfm/blocks/01.html
rename to wwwroot/gfm/blocks/01.html
diff --git a/src/wwwroot/gfm/blocks/01.md b/wwwroot/gfm/blocks/01.md
similarity index 100%
rename from src/wwwroot/gfm/blocks/01.md
rename to wwwroot/gfm/blocks/01.md
diff --git a/wwwroot/gfm/blocks/02.html b/wwwroot/gfm/blocks/02.html
new file mode 100644
index 0000000..ac398ef
--- /dev/null
+++ b/wwwroot/gfm/blocks/02.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NoopScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>noop<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">ct</span>)
+        <span class="pl-k">=&gt;</span> <span class="pl-smi">Task</span>.<span class="pl-smi">CompletedTask</span>;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/02.md b/wwwroot/gfm/blocks/02.md
new file mode 100644
index 0000000..73feccb
--- /dev/null
+++ b/wwwroot/gfm/blocks/02.md
@@ -0,0 +1,9 @@
+```csharp
+public class NoopScriptBlock : ScriptBlock
+{
+    public override string Name => "noop";
+
+    public override Task WriteAsync(ScriptScopeContext scope, PageBlockFragment block, CancellationToken ct)
+        => Task.CompletedTask;
+}
+```
diff --git a/wwwroot/gfm/blocks/03.html b/wwwroot/gfm/blocks/03.html
new file mode 100644
index 0000000..1d85318
--- /dev/null
+++ b/wwwroot/gfm/blocks/03.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptBlocks</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">NoopScriptBlock</span>() },
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/03.md b/wwwroot/gfm/blocks/03.md
new file mode 100644
index 0000000..a5f26bb
--- /dev/null
+++ b/wwwroot/gfm/blocks/03.md
@@ -0,0 +1,5 @@
+```csharp
+var context = new ScriptContext {
+    ScriptBlocks = { new NoopScriptBlock() },
+}.Init();
+```
diff --git a/wwwroot/gfm/blocks/04.html b/wwwroot/gfm/blocks/04.html
new file mode 100644
index 0000000..3421710
--- /dev/null
+++ b/wwwroot/gfm/blocks/04.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">NoopScriptBlock</span>) }
+};
+<span class="pl-smi">context</span>.<span class="pl-smi">Container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">ICacheClient</span>&gt;(() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">MemoryCacheClient</span>());
+<span class="pl-smi">context</span>.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/04.md b/wwwroot/gfm/blocks/04.md
new file mode 100644
index 0000000..2125cfb
--- /dev/null
+++ b/wwwroot/gfm/blocks/04.md
@@ -0,0 +1,8 @@
+```csharp
+var context = new ScriptContext
+{
+    ScanTypes = { typeof(NoopScriptBlock) }
+};
+context.Container.AddSingleton<ICacheClient>(() => new MemoryCacheClient());
+context.Init();
+```
diff --git a/wwwroot/gfm/blocks/05.html b/wwwroot/gfm/blocks/05.html
new file mode 100644
index 0000000..d13211a
--- /dev/null
+++ b/wwwroot/gfm/blocks/05.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScanAssemblies</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">MyBlock</span>).<span class="pl-smi">Assembly</span> }
+};</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/05.md b/wwwroot/gfm/blocks/05.md
new file mode 100644
index 0000000..2c0f128
--- /dev/null
+++ b/wwwroot/gfm/blocks/05.md
@@ -0,0 +1,6 @@
+```csharp
+var context = new ScriptContext
+{
+    ScanAssemblies = { typeof(MyBlock).Assembly }
+};
+```
diff --git a/wwwroot/gfm/blocks/06.html b/wwwroot/gfm/blocks/06.html
new file mode 100644
index 0000000..655a787
--- /dev/null
+++ b/wwwroot/gfm/blocks/06.html
@@ -0,0 +1,13 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">BoldScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>bold<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;b&gt;<span class="pl-pds">"</span></span>, <span class="pl-smi">token</span>);
+        <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+        <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;/b&gt;<span class="pl-pds">"</span></span>, <span class="pl-smi">token</span>);
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/06.md b/wwwroot/gfm/blocks/06.md
new file mode 100644
index 0000000..f5ea4a7
--- /dev/null
+++ b/wwwroot/gfm/blocks/06.md
@@ -0,0 +1,14 @@
+```csharp
+public class BoldScriptBlock : ScriptBlock
+{
+    public override string Name => "bold";
+    
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        await scope.OutputStream.WriteAsync("<b>", token);
+        await WriteBodyAsync(scope, block, token);
+        await scope.OutputStream.WriteAsync("</b>", token);
+    }
+}
+```
diff --git a/wwwroot/gfm/blocks/07.html b/wwwroot/gfm/blocks/07.html
new file mode 100644
index 0000000..7e70755
--- /dev/null
+++ b/wwwroot/gfm/blocks/07.html
@@ -0,0 +1,21 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">WithScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>with<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>,
+            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'with' block does not have a valid expression<span class="pl-pds">"</span></span>));
+
+        <span class="pl-k">if</span> (<span class="pl-smi">result</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">resultAsMap</span> <span class="pl-k">=</span> <span class="pl-smi">result</span>.<span class="pl-en">ToObjectDictionary</span>();
+
+            <span class="pl-k">var</span> <span class="pl-smi">withScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">resultAsMap</span>);
+             
+            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">withScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/07.md b/wwwroot/gfm/blocks/07.md
new file mode 100644
index 0000000..446a387
--- /dev/null
+++ b/wwwroot/gfm/blocks/07.md
@@ -0,0 +1,22 @@
+```csharp
+public class WithScriptBlock : ScriptBlock
+{
+    public override string Name => "with";
+
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var result = block.Argument.GetJsExpressionAndEvaluate(scope,
+            ifNone: () => throw new NotSupportedException("'with' block does not have a valid expression"));
+
+        if (result != null)
+        {
+            var resultAsMap = result.ToObjectDictionary();
+
+            var withScope = scope.ScopeWithParams(resultAsMap);
+             
+            await WriteBodyAsync(withScope, block, token);
+        }
+    }
+}
+```
diff --git a/src/wwwroot/gfm/blocks/08.html b/wwwroot/gfm/blocks/08.html
similarity index 100%
rename from src/wwwroot/gfm/blocks/08.html
rename to wwwroot/gfm/blocks/08.html
diff --git a/wwwroot/gfm/blocks/08.md b/wwwroot/gfm/blocks/08.md
new file mode 100644
index 0000000..431199c
--- /dev/null
+++ b/wwwroot/gfm/blocks/08.md
@@ -0,0 +1,4 @@
+```csharp
+block.Argument.ParseJsExpression(out token);
+var result = token.Evaluate(scope);
+```
diff --git a/wwwroot/gfm/blocks/09.html b/wwwroot/gfm/blocks/09.html
new file mode 100644
index 0000000..179f022
--- /dev/null
+++ b/wwwroot/gfm/blocks/09.html
@@ -0,0 +1,34 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">WithScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>with<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateAsync</span>(<span class="pl-smi">scope</span>,
+            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'with' block does not have a valid expression<span class="pl-pds">"</span></span>));
+
+        <span class="pl-k">if</span> (<span class="pl-smi">result</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">resultAsMap</span> <span class="pl-k">=</span> <span class="pl-smi">result</span>.<span class="pl-en">ToObjectDictionary</span>();
+
+            <span class="pl-k">var</span> <span class="pl-smi">withScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">resultAsMap</span>);
+            
+            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">withScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+        }
+        <span class="pl-k">else</span>
+        {
+            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
+        }
+    }
+}</pre></div>
+<p>This enables the <code>with</code> block to also evaluate async responses like the async results returned in <a href="/docs/db-scripts">async Database scripts</a>,
+it's also able to evaluate custom else statements for rendering different results based on alternate conditions, e.g:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#with</span> <span class="pl-v">dbSingle</span>(<span class="pl-s"><span class="pl-pds">"</span>select * from Person where id = @id<span class="pl-pds">"</span></span>, { <span class="pl-e"><span class="pl-v">id</span></span> }) <span class="pl-c1">}}</span>
+    Hi <span class="pl-c1">{{</span><span class="pl-v">Name</span><span class="pl-c1">}}</span>, your Age is <span class="pl-c1">{{</span><span class="pl-v">Age</span><span class="pl-c1">}}</span>.
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1"> <span class="pl-v">if</span> id</span> == 0<span class="pl-c1">}}</span>
+    id is required.
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+    No person with id <span class="pl-c1">{{</span><span class="pl-v">id</span><span class="pl-c1">}}</span> exists.
+<span class="pl-c1">{{</span><span class="pl-c1">/with</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/09.md b/wwwroot/gfm/blocks/09.md
new file mode 100644
index 0000000..edd17cf
--- /dev/null
+++ b/wwwroot/gfm/blocks/09.md
@@ -0,0 +1,40 @@
+```csharp
+public class WithScriptBlock : ScriptBlock
+{
+    public override string Name => "with";
+
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var result = await block.Argument.GetJsExpressionAndEvaluateAsync(scope,
+            ifNone: () => throw new NotSupportedException("'with' block does not have a valid expression"));
+
+        if (result != null)
+        {
+            var resultAsMap = result.ToObjectDictionary();
+
+            var withScope = scope.ScopeWithParams(resultAsMap);
+            
+            await WriteBodyAsync(withScope, block, token);
+        }
+        else
+        {
+            await WriteElseAsync(scope, block.ElseBlocks, token);
+        }
+    }
+}
+```
+
+This enables the `with` block to also evaluate async responses like the async results returned in [async Database scripts](/docs/db-scripts), 
+it's also able to evaluate custom else statements for rendering different results based on alternate conditions, e.g:
+
+```hbs
+{{#with dbSingle("select * from Person where id = @id", { id }) }}
+    Hi {{Name}}, your Age is {{Age}}.
+{{else if id == 0}}
+    id is required.
+{{else}}
+    No person with id {{id}} exists.
+{{/with}}
+```
+
diff --git a/wwwroot/gfm/blocks/10.html b/wwwroot/gfm/blocks/10.html
new file mode 100644
index 0000000..4cb312b
--- /dev/null
+++ b/wwwroot/gfm/blocks/10.html
@@ -0,0 +1,27 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like if block</span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#if a &gt; b}} max {{a}} {{/if}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#if a &gt; b}} max {{a}} {{else}} max {{b}} {{/if}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#if a &gt; b}} max {{a}} {{else if b &gt; c}} max {{b}} {{else}} max {{c}} {{/if}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">IfScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>if<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateToBoolAsync</span>(<span class="pl-smi">scope</span>,
+            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'if' block does not have a valid expression<span class="pl-pds">"</span></span>));
+
+        <span class="pl-k">if</span> (<span class="pl-smi">result</span>)
+        {
+            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+        }
+        <span class="pl-k">else</span>
+        {
+            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/10.md b/wwwroot/gfm/blocks/10.md
new file mode 100644
index 0000000..fe571af
--- /dev/null
+++ b/wwwroot/gfm/blocks/10.md
@@ -0,0 +1,28 @@
+```csharp
+/// <summary>
+/// Handlebars.js like if block
+/// Usages: {{#if a > b}} max {{a}} {{/if}}
+///         {{#if a > b}} max {{a}} {{else}} max {{b}} {{/if}}
+///         {{#if a > b}} max {{a}} {{else if b > c}} max {{b}} {{else}} max {{c}} {{/if}}
+/// </summary>
+public class IfScriptBlock : ScriptBlock
+{
+    public override string Name => "if";
+    
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var result = await block.Argument.GetJsExpressionAndEvaluateToBoolAsync(scope,
+            ifNone: () => throw new NotSupportedException("'if' block does not have a valid expression"));
+
+        if (result)
+        {
+            await WriteBodyAsync(scope, block, token);
+        }
+        else
+        {
+            await WriteElseAsync(scope, block.ElseBlocks, token);
+        }
+    }
+}
+```
diff --git a/wwwroot/gfm/blocks/11.html b/wwwroot/gfm/blocks/11.html
new file mode 100644
index 0000000..b5f70ad
--- /dev/null
+++ b/wwwroot/gfm/blocks/11.html
@@ -0,0 +1,39 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like each block</span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#each customers}} {{Name}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} {{it.Name}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} Customer {{index + 1}}: {{Name}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">SimpleEachScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>each<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">collection</span> <span class="pl-k">=</span> (<span class="pl-en">IEnumerable</span>) <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>,
+            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'each' block does not have a valid expression<span class="pl-pds">"</span></span>));
+
+        <span class="pl-k">var</span> <span class="pl-smi">index</span> <span class="pl-k">=</span> <span class="pl-c1">0</span>;
+        <span class="pl-k">if</span> (<span class="pl-smi">collection</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
+        {
+            <span class="pl-k">foreach</span> (<span class="pl-k">var</span> <span class="pl-smi">element</span> <span class="pl-k">in</span> <span class="pl-smi">collection</span>)
+            {
+                <span class="pl-k">var</span> <span class="pl-smi">scopeArgs</span> <span class="pl-k">=</span> <span class="pl-smi">element</span>.<span class="pl-en">ToObjectDictionary</span>();
+                <span class="pl-smi">scopeArgs</span>[<span class="pl-s"><span class="pl-pds">"</span>it<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">element</span>;
+                <span class="pl-smi">scopeArgs</span>[<span class="pl-k">nameof</span>(<span class="pl-smi">index</span>)] <span class="pl-k">=</span> <span class="pl-smi">index</span><span class="pl-k">++</span>;
+                
+                <span class="pl-k">var</span> <span class="pl-smi">itemScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWithParams</span>(<span class="pl-smi">scopeArgs</span>);
+                <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">itemScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+            }
+        }
+        
+        <span class="pl-k">if</span> (<span class="pl-smi">index</span> <span class="pl-k">==</span> <span class="pl-c1">0</span>)
+        {
+            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">token</span>);
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/11.md b/wwwroot/gfm/blocks/11.md
new file mode 100644
index 0000000..5630708
--- /dev/null
+++ b/wwwroot/gfm/blocks/11.md
@@ -0,0 +1,40 @@
+```csharp
+/// <summary>
+/// Handlebars.js like each block
+/// Usages: {{#each customers}} {{Name}} {{/each}}
+///         {{#each customers}} {{it.Name}} {{/each}}
+///         {{#each customers}} Customer {{index + 1}}: {{Name}} {{/each}}
+///         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}
+///         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}
+/// </summary>
+public class SimpleEachScriptBlock : ScriptBlock
+{
+    public override string Name => "each";
+
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var collection = (IEnumerable) block.Argument.GetJsExpressionAndEvaluate(scope,
+            ifNone: () => throw new NotSupportedException("'each' block does not have a valid expression"));
+
+        var index = 0;
+        if (collection != null)
+        {
+            foreach (var element in collection)
+            {
+                var scopeArgs = element.ToObjectDictionary();
+                scopeArgs["it"] = element;
+                scopeArgs[nameof(index)] = index++;
+                
+                var itemScope = scope.ScopeWithParams(scopeArgs);
+                await WriteBodyAsync(itemScope, block, token);
+            }
+        }
+        
+        if (index == 0)
+        {
+            await WriteElseAsync(scope, block.ElseBlocks, token);
+        }
+    }
+}
+```
diff --git a/wwwroot/gfm/blocks/12.html b/wwwroot/gfm/blocks/12.html
new file mode 100644
index 0000000..7995762
--- /dev/null
+++ b/wwwroot/gfm/blocks/12.html
@@ -0,0 +1,13 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Handlebars.js like each block</span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#each customers}} {{Name}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each customers}} {{it.Name}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each num in numbers}} {{num}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each num in [1,2,3]}} {{num}} {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each n in numbers where n &gt; 5}} {{it}} {{else}} no numbers &gt; 5 {{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#each n in numbers where n &gt; 5 orderby n skip 1 take 2}} {{it}} {{else}}no numbers &gt; 5{{/each}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">EachScriptBlock</span> : <span class="pl-en">ScriptBlock</span> { ... }</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/12.md b/wwwroot/gfm/blocks/12.md
new file mode 100644
index 0000000..db2d003
--- /dev/null
+++ b/wwwroot/gfm/blocks/12.md
@@ -0,0 +1,14 @@
+```csharp
+/// <summary>
+/// Handlebars.js like each block
+/// Usages: {{#each customers}} {{Name}} {{/each}}
+///         {{#each customers}} {{it.Name}} {{/each}}
+///         {{#each num in numbers}} {{num}} {{/each}}
+///         {{#each num in [1,2,3]}} {{num}} {{/each}}
+///         {{#each numbers}} {{it}} {{else}} no numbers {{/each}}
+///         {{#each numbers}} {{it}} {{else if letters != null}} has letters {{else}} no numbers {{/each}}
+///         {{#each n in numbers where n > 5}} {{it}} {{else}} no numbers > 5 {{/each}}
+///         {{#each n in numbers where n > 5 orderby n skip 1 take 2}} {{it}} {{else}}no numbers > 5{{/each}}
+/// </summary>
+public class EachScriptBlock : ScriptBlock { ... }
+```
diff --git a/wwwroot/gfm/blocks/13.html b/wwwroot/gfm/blocks/13.html
new file mode 100644
index 0000000..c1ba9f5
--- /dev/null
+++ b/wwwroot/gfm/blocks/13.html
@@ -0,0 +1,52 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Special block which captures the raw body as a string fragment</span>
+<span class="pl-c"><span class="pl-c">///</span></span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#raw}}emit {{ verbatim }} body{{/raw}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#raw varname}}assigned to varname{{/raw}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#raw appendTo varname}}appended to varname{{/raw}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">RawScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>raw<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">ScriptLanguage</span> <span class="pl-smi">Body</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">ScriptVerbatim</span>.<span class="pl-smi">Language</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
+
+        <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">IsNullOrWhiteSpace</span>())
+        {
+            <span class="pl-en">Capture</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">strFragment</span>);
+        }
+        <span class="pl-k">else</span>
+        {
+            <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>.<span class="pl-smi">Span</span>, <span class="pl-smi">token</span>);
+        }
+    }
+
+    <span class="pl-k">private</span> <span class="pl-k">static</span> <span class="pl-k">void</span> <span class="pl-en">Capture</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">PageStringFragment</span> <span class="pl-smi">strFragment</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-smi">Span</span>.<span class="pl-en">AdvancePastWhitespace</span>();
+        <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>;
+        <span class="pl-k">if</span> (<span class="pl-smi">literal</span>.<span class="pl-en">StartsWith</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>))
+        {
+            <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+            <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">Advance</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>.<span class="pl-smi">Length</span>);
+        }
+
+        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
+        <span class="pl-k">var</span> <span class="pl-smi">nameString</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>.<span class="pl-en">Value</span>();
+        <span class="pl-k">if</span> (<span class="pl-smi">appendTo</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>.<span class="pl-en">TryGetValue</span>(<span class="pl-smi">nameString</span>, <span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">oVar</span>)
+                        <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">oVar</span> <span class="pl-k">is</span> <span class="pl-k">string</span> <span class="pl-smi">existingString</span>)
+        {
+            <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">existingString</span> <span class="pl-k">+</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>;
+            <span class="pl-k">return</span>;
+        }
+
+        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">Value</span>.<span class="pl-en">ToString</span>();
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/13.md b/wwwroot/gfm/blocks/13.md
new file mode 100644
index 0000000..68212b2
--- /dev/null
+++ b/wwwroot/gfm/blocks/13.md
@@ -0,0 +1,53 @@
+```csharp
+/// <summary>
+/// Special block which captures the raw body as a string fragment
+///
+/// Usages: {{#raw}}emit {{ verbatim }} body{{/raw}}
+///         {{#raw varname}}assigned to varname{{/raw}}
+///         {{#raw appendTo varname}}appended to varname{{/raw}}
+/// </summary>
+public class RawScriptBlock : ScriptBlock
+{
+    public override string Name => "raw";
+    
+    public override ScriptLanguage Body => ScriptVerbatim.Language;
+
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var strFragment = (PageStringFragment)block.Body[0];
+
+        if (!block.Argument.IsNullOrWhiteSpace())
+        {
+            Capture(scope, block, strFragment);
+        }
+        else
+        {
+            await scope.OutputStream.WriteAsync(strFragment.Value.Span, token);
+        }
+    }
+
+    private static void Capture(
+        ScriptScopeContext scope, PageBlockFragment block, PageStringFragment strFragment)
+    {
+        var literal = block.Argument.Span.AdvancePastWhitespace();
+        bool appendTo = false;
+        if (literal.StartsWith("appendTo "))
+        {
+            appendTo = true;
+            literal = literal.Advance("appendTo ".Length);
+        }
+
+        literal = literal.ParseVarName(out var name);
+        var nameString = name.Value();
+        if (appendTo && scope.PageResult.Args.TryGetValue(nameString, out var oVar)
+                        && oVar is string existingString)
+        {
+            scope.PageResult.Args[nameString] = existingString + strFragment.Value;
+            return;
+        }
+
+        scope.PageResult.Args[nameString] = strFragment.Value.ToString();
+    }
+}
+```
diff --git a/wwwroot/gfm/blocks/14.html b/wwwroot/gfm/blocks/14.html
new file mode 100644
index 0000000..2b6ed6e
--- /dev/null
+++ b/wwwroot/gfm/blocks/14.html
@@ -0,0 +1,83 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Captures the output and assigns it to the specified variable.</span>
+<span class="pl-c"><span class="pl-c">///</span> Accepts an optional Object Dictionary as scope arguments when evaluating body.</span>
+<span class="pl-c"><span class="pl-c">///</span></span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#capture output}} {{#each args}} - [{{it}}](/path?arg={{it}}) {{/each}} {{/capture}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#capture output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#capture appendTo output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CaptureScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>capture<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">ScriptLanguage</span> <span class="pl-smi">Body</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">ScriptTemplate</span>.<span class="pl-smi">Language</span>;
+
+    <span class="pl-k">internal</span> <span class="pl-k">struct</span> <span class="pl-en">Tuple</span>
+    {
+        <span class="pl-k">internal</span> <span class="pl-k">string</span> <span class="pl-smi">name</span>;
+        <span class="pl-k">internal</span> <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">scopeArgs</span>;
+        <span class="pl-k">internal</span> <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span>;
+        <span class="pl-k">internal</span> <span class="pl-en">Tuple</span>(<span class="pl-k">string</span> <span class="pl-smi">name</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">scopeArgs</span>, <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span>)
+        {
+            <span class="pl-k">this</span>.<span class="pl-smi">name</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>;
+            <span class="pl-k">this</span>.<span class="pl-smi">scopeArgs</span> <span class="pl-k">=</span> <span class="pl-smi">scopeArgs</span>;
+            <span class="pl-k">this</span>.<span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-smi">appendTo</span>;
+        }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">tuple</span> <span class="pl-k">=</span> <span class="pl-en">Parse</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>);
+        <span class="pl-k">var</span> <span class="pl-smi">name</span> <span class="pl-k">=</span> <span class="pl-smi">tuple</span>.<span class="pl-smi">name</span>;
+
+        <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">ms</span> <span class="pl-k">=</span> <span class="pl-smi">MemoryStreamFactory</span>.<span class="pl-en">GetStream</span>())
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">useScope</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-en">ScopeWith</span>(<span class="pl-smi">tuple</span>.<span class="pl-smi">scopeArgs</span>, <span class="pl-smi">ms</span>);
+
+            <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">useScope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">token</span>);
+
+            <span class="pl-k">var</span> <span class="pl-smi">capturedOutput</span> <span class="pl-k">=</span> <span class="pl-smi">ms</span>.<span class="pl-en">ReadToEnd</span>();
+
+            <span class="pl-k">if</span> (<span class="pl-smi">tuple</span>.<span class="pl-smi">appendTo</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>.<span class="pl-en">TryGetValue</span>(<span class="pl-smi">name</span>, <span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">oVar</span>)
+                         <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">oVar</span> <span class="pl-k">is</span> <span class="pl-k">string</span> <span class="pl-smi">existingString</span>)
+            {
+                <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>] <span class="pl-k">=</span> <span class="pl-smi">existingString</span> <span class="pl-k">+</span> <span class="pl-smi">capturedOutput</span>;
+                <span class="pl-k">return</span>;
+            }
+        
+            <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>] <span class="pl-k">=</span> <span class="pl-smi">capturedOutput</span>;
+        }
+    }
+
+    <span class="pl-c"><span class="pl-c">//</span>Extract usages of Span outside of async method </span>
+    <span class="pl-k">private</span> <span class="pl-en">Tuple</span> <span class="pl-en">Parse</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>)
+    {
+        <span class="pl-k">if</span> (<span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">IsNullOrWhiteSpace</span>())
+            <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'capture' block is missing variable name to assign output to<span class="pl-pds">"</span></span>);
+        
+        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">AdvancePastWhitespace</span>();
+        <span class="pl-k">bool</span> <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>;
+        <span class="pl-k">if</span> (<span class="pl-smi">literal</span>.<span class="pl-en">StartsWith</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>))
+        {
+            <span class="pl-smi">appendTo</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+            <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">Advance</span>(<span class="pl-s"><span class="pl-pds">"</span>appendTo <span class="pl-pds">"</span></span>.<span class="pl-smi">Length</span>);
+        }
+            
+        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
+        <span class="pl-k">if</span> (<span class="pl-smi">name</span>.<span class="pl-en">IsNullOrEmpty</span>())
+            <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'capture' block is missing variable name to assign output to<span class="pl-pds">"</span></span>);
+
+        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">AdvancePastWhitespace</span>();
+
+        <span class="pl-k">var</span> <span class="pl-smi">argValue</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">GetJsExpressionAndEvaluate</span>(<span class="pl-smi">scope</span>);
+
+        <span class="pl-k">var</span> <span class="pl-smi">scopeArgs</span> <span class="pl-k">=</span> <span class="pl-smi">argValue</span> <span class="pl-k">as</span> <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;;
+
+        <span class="pl-k">if</span> (<span class="pl-smi">argValue</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">scopeArgs</span> <span class="pl-k">==</span> <span class="pl-c1">null</span>)
+            <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>Any 'capture' argument must be an Object Dictionary<span class="pl-pds">"</span></span>);
+
+        <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">Tuple</span>(<span class="pl-smi">name</span>.<span class="pl-en">ToString</span>(), <span class="pl-smi">scopeArgs</span>, <span class="pl-smi">appendTo</span>);
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/14.md b/wwwroot/gfm/blocks/14.md
new file mode 100644
index 0000000..552e02b
--- /dev/null
+++ b/wwwroot/gfm/blocks/14.md
@@ -0,0 +1,84 @@
+```csharp
+/// <summary>
+/// Captures the output and assigns it to the specified variable.
+/// Accepts an optional Object Dictionary as scope arguments when evaluating body.
+///
+/// Usages: {{#capture output}} {{#each args}} - [{{it}}](/path?arg={{it}}) {{/each}} {{/capture}}
+///         {{#capture output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}
+///         {{#capture appendTo output {nums:[1,2,3]} }} {{#each nums}} {{it}} {{/each}} {{/capture}}
+/// </summary>
+public class CaptureScriptBlock : ScriptBlock
+{
+    public override string Name => "capture";
+
+    public override ScriptLanguage Body => ScriptTemplate.Language;
+
+    internal struct Tuple
+    {
+        internal string name;
+        internal Dictionary<string, object> scopeArgs;
+        internal bool appendTo;
+        internal Tuple(string name, Dictionary<string, object> scopeArgs, bool appendTo)
+        {
+            this.name = name;
+            this.scopeArgs = scopeArgs;
+            this.appendTo = appendTo;
+        }
+    }
+
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var tuple = Parse(scope, block);
+        var name = tuple.name;
+
+        using (var ms = MemoryStreamFactory.GetStream())
+        {
+            var useScope = scope.ScopeWith(tuple.scopeArgs, ms);
+
+            await WriteBodyAsync(useScope, block, token);
+
+            var capturedOutput = ms.ReadToEnd();
+
+            if (tuple.appendTo && scope.PageResult.Args.TryGetValue(name, out var oVar)
+                         && oVar is string existingString)
+            {
+                scope.PageResult.Args[name] = existingString + capturedOutput;
+                return;
+            }
+        
+            scope.PageResult.Args[name] = capturedOutput;
+        }
+    }
+
+    //Extract usages of Span outside of async method 
+    private Tuple Parse(ScriptScopeContext scope, PageBlockFragment block)
+    {
+        if (block.Argument.IsNullOrWhiteSpace())
+            throw new NotSupportedException("'capture' block is missing variable name to assign output to");
+        
+        var literal = block.Argument.AdvancePastWhitespace();
+        bool appendTo = false;
+        if (literal.StartsWith("appendTo "))
+        {
+            appendTo = true;
+            literal = literal.Advance("appendTo ".Length);
+        }
+            
+        literal = literal.ParseVarName(out var name);
+        if (name.IsNullOrEmpty())
+            throw new NotSupportedException("'capture' block is missing variable name to assign output to");
+
+        literal = literal.AdvancePastWhitespace();
+
+        var argValue = literal.GetJsExpressionAndEvaluate(scope);
+
+        var scopeArgs = argValue as Dictionary<string, object>;
+
+        if (argValue != null && scopeArgs == null)
+            throw new NotSupportedException("Any 'capture' argument must be an Object Dictionary");
+
+        return new Tuple(name.ToString(), scopeArgs, appendTo);
+    }
+}
+```
diff --git a/wwwroot/gfm/blocks/15.html b/wwwroot/gfm/blocks/15.html
new file mode 100644
index 0000000..7e7a13a
--- /dev/null
+++ b/wwwroot/gfm/blocks/15.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#capture</span> <span class="pl-v">todoMarkdown</span> { <span class="pl-e"><span class="pl-v">items</span></span>:[<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">2</span></span>,<span class="pl-e"><span class="pl-v">3</span></span>] } <span class="pl-c1">}}</span>
+## TODO List
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">items</span><span class="pl-c1">}}</span>
+  - Item <span class="pl-c1">{{</span><span class="pl-v">it</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/capture</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-v">todoMarkdown</span> |&gt; <span class="pl-e"><span class="pl-v">markdown</span></span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/15.md b/wwwroot/gfm/blocks/15.md
new file mode 100644
index 0000000..e2ba9d1
--- /dev/null
+++ b/wwwroot/gfm/blocks/15.md
@@ -0,0 +1,10 @@
+```hbs
+{{#capture todoMarkdown { items:[1,2,3] } }}
+## TODO List
+{{#each items}}
+  - Item {{it}}
+{{/each}}
+{{/capture}}
+
+{{todoMarkdown |> markdown}}
+```
diff --git a/wwwroot/gfm/blocks/16.html b/wwwroot/gfm/blocks/16.html
new file mode 100644
index 0000000..1da7b25
--- /dev/null
+++ b/wwwroot/gfm/blocks/16.html
@@ -0,0 +1,55 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> Converts markdown contents to HTML using the configured MarkdownConfig.Transformer.</span>
+<span class="pl-c"><span class="pl-c">///</span> If a variable name is specified the HTML output is captured and saved instead. </span>
+<span class="pl-c"><span class="pl-c">///</span></span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#markdown}} ## The Heading {{/markdown}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#markdown content}} ## The Heading {{/markdown}} HTML: {{content}}</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">token</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
+
+        <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">IsNullOrWhiteSpace</span>())
+        {
+            <span class="pl-en">Capture</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">strFragment</span>);
+        }
+        <span class="pl-k">else</span>
+        {
+            <span class="pl-k">await</span> <span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>.<span class="pl-en">WriteAsync</span>(<span class="pl-smi">MarkdownConfig</span>.<span class="pl-en">Transform</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>), <span class="pl-smi">token</span>);
+        }
+    }
+
+    <span class="pl-k">private</span> <span class="pl-k">static</span> <span class="pl-k">void</span> <span class="pl-en">Capture</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">PageStringFragment</span> <span class="pl-smi">strFragment</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">AdvancePastWhitespace</span>();
+
+        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
+        <span class="pl-k">var</span> <span class="pl-smi">nameString</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>.<span class="pl-en">ToString</span>();
+        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">nameString</span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownConfig</span>.<span class="pl-en">Transform</span>(<span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>).<span class="pl-en">ToRawString</span>();
+    }
+}</pre></div>
+<h3>
+<a id="user-content-use-alternative-markdown-implementation" class="anchor" href="#use-alternative-markdown-implementation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Use Alternative Markdown Implementation</h3>
+<p>By default ServiceStack uses an interned implementation of <code>MarkdownDeep</code> for rendering markdown, you can get ServiceStack to use an alternate
+Markdown implementation by overriding <code>MarkdownConfig.Transformer</code>.</p>
+<p>E.g. to use the richer <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation, install the <a href="https://www.nuget.org/packages/Markdig/" rel="nofollow">Markdig</a>
+NuGet package:</p>
+<pre><code>PM&gt; Install-Package Markdig
+</code></pre>
+<p>Then assign a custom <code>IMarkdownTransformer</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdigTransformer</span> : <span class="pl-en">IMarkdownTransformer</span>
+{
+    <span class="pl-k">private</span> Markdig.<span class="pl-en">MarkdownPipeline</span> <span class="pl-smi">Pipeline</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> 
+        <span class="pl-smi">Markdig</span>.<span class="pl-smi">MarkdownExtensions</span>.<span class="pl-en">UseAdvancedExtensions</span>(<span class="pl-k">new</span> <span class="pl-k">Markdig</span>.<span class="pl-en">MarkdownPipelineBuilder</span>()).<span class="pl-en">Build</span>();
+
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">Transform</span>(<span class="pl-k">string</span> <span class="pl-smi">markdown</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Markdig</span>.<span class="pl-smi">Markdown</span>.<span class="pl-en">ToHtml</span>(<span class="pl-smi">markdown</span>, <span class="pl-smi">Pipeline</span>);
+}
+
+<span class="pl-smi">MarkdownConfig</span>.<span class="pl-smi">Transformer</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">MarkdigTransformer</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/16.md b/wwwroot/gfm/blocks/16.md
new file mode 100644
index 0000000..dca51a4
--- /dev/null
+++ b/wwwroot/gfm/blocks/16.md
@@ -0,0 +1,63 @@
+```csharp
+/// <summary>
+/// Converts markdown contents to HTML using the configured MarkdownConfig.Transformer.
+/// If a variable name is specified the HTML output is captured and saved instead. 
+///
+/// Usages: {{#markdown}} ## The Heading {{/markdown}}
+///         {{#markdown content}} ## The Heading {{/markdown}} HTML: {{content}}
+/// </summary>
+public class MarkdownScriptBlock : ScriptBlock
+{
+    public override string Name => "markdown";
+    
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
+    {
+        var strFragment = (PageStringFragment)block.Body[0];
+
+        if (!block.Argument.IsNullOrWhiteSpace())
+        {
+            Capture(scope, block, strFragment);
+        }
+        else
+        {
+            await scope.OutputStream.WriteAsync(MarkdownConfig.Transform(strFragment.ValueString), token);
+        }
+    }
+
+    private static void Capture(
+        ScriptScopeContext scope, PageBlockFragment block, PageStringFragment strFragment)
+    {
+        var literal = block.Argument.AdvancePastWhitespace();
+
+        literal = literal.ParseVarName(out var name);
+        var nameString = name.ToString();
+        scope.PageResult.Args[nameString] = MarkdownConfig.Transform(strFragment.ValueString).ToRawString();
+    }
+}
+```
+
+### Use Alternative Markdown Implementation
+
+By default ServiceStack uses an interned implementation of `MarkdownDeep` for rendering markdown, you can get ServiceStack to use an alternate
+Markdown implementation by overriding `MarkdownConfig.Transformer`. 
+
+E.g. to use the richer [Markdig](https://github.com/lunet-io/markdig) implementation, install the [Markdig](https://www.nuget.org/packages/Markdig/) 
+NuGet package:
+
+    PM> Install-Package Markdig
+
+Then assign a custom `IMarkdownTransformer`:
+
+```csharp
+public class MarkdigTransformer : IMarkdownTransformer
+{
+    private Markdig.MarkdownPipeline Pipeline { get; } = 
+        Markdig.MarkdownExtensions.UseAdvancedExtensions(new Markdig.MarkdownPipelineBuilder()).Build();
+
+    public string Transform(string markdown) => Markdig.Markdown.ToHtml(markdown, Pipeline);
+}
+
+MarkdownConfig.Transformer = new MarkdigTransformer();
+```
+
diff --git a/src/wwwroot/gfm/blocks/17.md b/wwwroot/gfm/blocks/17.md
similarity index 89%
rename from src/wwwroot/gfm/blocks/17.md
rename to wwwroot/gfm/blocks/17.md
index 0da24b7..5f14bb2 100644
--- a/src/wwwroot/gfm/blocks/17.md
+++ b/wwwroot/gfm/blocks/17.md
@@ -6,11 +6,11 @@
 ///         {{#partial mypartial {format:'html'} }} contents {{/partial}}
 ///         {{#partial mypartial {format:'html', pageArg:1} }} contents {{/partial}}
 /// </summary>
-public class TemplatePartialBlock : TemplateBlock
+public class PartialScriptBlock : ScriptBlock
 {
     public override string Name => "partial";
 
-    public override Task WriteAsync(TemplateScopeContext scope, PageBlockFragment block, CancellationToken token)
+    public override Task WriteAsync(ScriptScopeContext scope, PageBlockFragment block, CancellationToken token)
     {
         var literal = block.Argument.ParseVarName(out var name);
         if (name.IsNullOrEmpty())
@@ -38,4 +38,4 @@ public class TemplatePartialBlock : TemplateBlock
         return TypeConstants.EmptyTask;
     }
 }
-```
\ No newline at end of file
+```
diff --git a/wwwroot/gfm/blocks/18.html b/wwwroot/gfm/blocks/18.html
new file mode 100644
index 0000000..e8597c4
--- /dev/null
+++ b/wwwroot/gfm/blocks/18.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#ul</span> {<span class="pl-e"><span class="pl-v">if</span></span>:<span class="pl-e"><span class="pl-v">hasAccess</span></span>, <span class="pl-e"><span class="pl-v">each</span></span>:<span class="pl-e"><span class="pl-v">items</span></span>, <span class="pl-e"><span class="pl-v">where</span></span>:<span class="pl-s"><span class="pl-pds">'</span>Age &gt; 27<span class="pl-pds">'</span></span>, 
+        <span class="pl-e"><span class="pl-v">class</span></span>:[<span class="pl-s"><span class="pl-pds">'</span>nav<span class="pl-pds">'</span></span>, !<span class="pl-e"><span class="pl-v">disclaimerAccepted</span></span> ? <span class="pl-s"><span class="pl-pds">'</span>blur<span class="pl-pds">'</span></span> : <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>], <span class="pl-e"><span class="pl-v">id</span></span>:`<span class="pl-e"><span class="pl-v">menu</span></span>-${<span class="pl-e"><span class="pl-v">id</span></span>}`, <span class="pl-e"><span class="pl-v">selected</span></span>:<span class="pl-e"><span class="pl-v">true</span></span>} <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span><span class="pl-c1">#li</span> {<span class="pl-e"><span class="pl-v">class</span></span>: {<span class="pl-e"><span class="pl-v">alt</span></span>:<span class="pl-e"><span class="pl-v">isOdd</span></span>(<span class="pl-e"><span class="pl-v">index</span></span>), <span class="pl-e"><span class="pl-v">active</span></span>:<span class="pl-e"><span class="pl-v">Name</span>=</span>=<span class="pl-e"><span class="pl-v">highlight</span></span>} <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-v">Name</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/li</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+    &lt;<span class="pl-ent">div</span>&gt;no items&lt;/<span class="pl-ent">div</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/ul</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/18.md b/wwwroot/gfm/blocks/18.md
similarity index 96%
rename from src/wwwroot/gfm/blocks/18.md
rename to wwwroot/gfm/blocks/18.md
index bdb1545..7818679 100644
--- a/src/wwwroot/gfm/blocks/18.md
+++ b/wwwroot/gfm/blocks/18.md
@@ -1,8 +1,8 @@
-```js
+```hbs
 {{#ul {if:hasAccess, each:items, where:'Age > 27', 
         class:['nav', !disclaimerAccepted ? 'blur' : ''], id:`menu-${id}`, selected:true} }}
     {{#li {class: {alt:isOdd(index), active:Name==highlight} }} {{Name}} {{/li}}
 {{else}}
     <div>no items</div>
 {{/ul}}
-```
\ No newline at end of file
+```
diff --git a/src/wwwroot/gfm/blocks/19.html b/wwwroot/gfm/blocks/19.html
similarity index 84%
rename from src/wwwroot/gfm/blocks/19.html
rename to wwwroot/gfm/blocks/19.html
index ebd25e7..057dac1 100644
--- a/src/wwwroot/gfm/blocks/19.html
+++ b/wwwroot/gfm/blocks/19.html
@@ -1,9 +1,9 @@
 <div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">hasAccess</span><span class="pl-c1">}}</span>
-    <span class="pl-c1">{{</span> <span class="pl-v">items</span> | <span class="pl-e"><span class="pl-v">where</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.Age</span></span> &gt; <span class="pl-e"><span class="pl-v">27</span></span> | <span class="pl-e"><span class="pl-v">assignTo</span></span>: <span class="pl-e"><span class="pl-v">items</span></span> <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span> <span class="pl-v">items</span> |&gt; <span class="pl-e"><span class="pl-v">where</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.Age</span></span> &gt; <span class="pl-e"><span class="pl-v">27</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">items</span></span> <span class="pl-c1">}}</span>
     <span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">items</span></span>)<span class="pl-c1">}}</span>
-        &lt;<span class="pl-ent">ul</span> <span class="pl-c1">{{</span> [<span class="pl-s"><span class="pl-pds">'</span>nav<span class="pl-pds">'</span></span>, !<span class="pl-e"><span class="pl-v">disclaimerAccepted</span></span> ? <span class="pl-s"><span class="pl-pds">'</span>blur<span class="pl-pds">'</span></span> : <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>] | <span class="pl-e"><span class="pl-v">htmlClass</span></span> <span class="pl-c1">}}</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>menu-<span class="pl-c1">{{</span><span class="pl-v">id</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;
+        &lt;<span class="pl-ent">ul</span> <span class="pl-c1">{{</span> [<span class="pl-s"><span class="pl-pds">'</span>nav<span class="pl-pds">'</span></span>, !<span class="pl-e"><span class="pl-v">disclaimerAccepted</span></span> ? <span class="pl-s"><span class="pl-pds">'</span>blur<span class="pl-pds">'</span></span> : <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>] |&gt; <span class="pl-e"><span class="pl-v">htmlClass</span></span> <span class="pl-c1">}}</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>menu-<span class="pl-c1">{{</span><span class="pl-v">id</span><span class="pl-c1">}}</span><span class="pl-pds">"</span></span>&gt;
         <span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">items</span><span class="pl-c1">}}</span>
-            &lt;<span class="pl-ent">li</span> <span class="pl-c1">{{</span> {<span class="pl-e"><span class="pl-v">alt</span></span>:<span class="pl-e"><span class="pl-v">isOdd</span></span>(<span class="pl-e"><span class="pl-v">index</span></span>), <span class="pl-e"><span class="pl-v">active</span></span>:<span class="pl-e"><span class="pl-v">Name</span>=</span>=<span class="pl-e"><span class="pl-v">highlight</span></span>} | <span class="pl-e"><span class="pl-v">htmlClass</span></span> <span class="pl-c1">}}</span>&gt;<span class="pl-c1">{{</span><span class="pl-v">Name</span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">li</span>&gt;
+            &lt;<span class="pl-ent">li</span> <span class="pl-c1">{{</span> {<span class="pl-e"><span class="pl-v">alt</span></span>:<span class="pl-e"><span class="pl-v">isOdd</span></span>(<span class="pl-e"><span class="pl-v">index</span></span>), <span class="pl-e"><span class="pl-v">active</span></span>:<span class="pl-e"><span class="pl-v">Name</span>=</span>=<span class="pl-e"><span class="pl-v">highlight</span></span>} |&gt; <span class="pl-e"><span class="pl-v">htmlClass</span></span> <span class="pl-c1">}}</span>&gt;<span class="pl-c1">{{</span><span class="pl-v">Name</span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">li</span>&gt;
         <span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
         &lt;/<span class="pl-ent">ul</span>&gt;
     <span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
diff --git a/src/wwwroot/gfm/blocks/19.md b/wwwroot/gfm/blocks/19.md
similarity index 78%
rename from src/wwwroot/gfm/blocks/19.md
rename to wwwroot/gfm/blocks/19.md
index 165b801..fe7152a 100644
--- a/src/wwwroot/gfm/blocks/19.md
+++ b/wwwroot/gfm/blocks/19.md
@@ -1,10 +1,10 @@
 ```hbs
 {{#if hasAccess}}
-    {{ items | where => it.Age > 27 | assignTo: items }}
+    {{ items |> where => it.Age > 27 |> to => items }}
     {{#if !isEmpty(items)}}
-        <ul {{ ['nav', !disclaimerAccepted ? 'blur' : ''] | htmlClass }} id="menu-{{id}}">
+        <ul {{ ['nav', !disclaimerAccepted ? 'blur' : ''] |> htmlClass }} id="menu-{{id}}">
         {{#each items}}
-            <li {{ {alt:isOdd(index), active:Name==highlight} | htmlClass }}>{{Name}}</li>
+            <li {{ {alt:isOdd(index), active:Name==highlight} |> htmlClass }}>{{Name}}</li>
         {{/each}}
         </ul>
     {{else}}
@@ -40,4 +40,4 @@ The same functionality using C# Razor with the latest C# language features enabl
         <div>no items</div>
     }
 }
-```
+```
\ No newline at end of file
diff --git a/src/wwwroot/gfm/blocks/20.html b/wwwroot/gfm/blocks/20.html
similarity index 78%
rename from src/wwwroot/gfm/blocks/20.html
rename to wwwroot/gfm/blocks/20.html
index df769f2..e0cbcba 100644
--- a/src/wwwroot/gfm/blocks/20.html
+++ b/wwwroot/gfm/blocks/20.html
@@ -1,10 +1,10 @@
-<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span>()
-    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">TemplateDefaultBlocks</span>) <span class="pl-c"><span class="pl-c">//</span> Remove default blocks</span>
-    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">TemplateHtmlBlocks</span>)    <span class="pl-c"><span class="pl-c">//</span> Remove all html blocks</span>
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>()
+    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">DefaulScripttBlocks</span>) <span class="pl-c"><span class="pl-c">//</span> Remove default blocks</span>
+    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">HtmlScriptBlocks</span>)    <span class="pl-c"><span class="pl-c">//</span> Remove all html blocks</span>
     .<span class="pl-en">Init</span>();</pre></div>
 <p>Or you can use the <code>OnAfterPlugins</code> callback to remove any individual blocks or filters that were added by any plugin.</p>
 <p>E.g. the <code>capture</code> block can be removed with:</p>
-<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TemplateContext</span> {
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
         <span class="pl-smi">OnAfterPlugins</span> <span class="pl-k">=</span> <span class="pl-smi">ctx</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">ctx</span>.<span class="pl-en">RemoveBlocks</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-smi">Name</span> <span class="pl-k">==</span> <span class="pl-s"><span class="pl-pds">"</span>capture<span class="pl-pds">"</span></span>)
     }
     .<span class="pl-en">Init</span>();</pre></div>
diff --git a/wwwroot/gfm/blocks/20.md b/wwwroot/gfm/blocks/20.md
new file mode 100644
index 0000000..1afe541
--- /dev/null
+++ b/wwwroot/gfm/blocks/20.md
@@ -0,0 +1,17 @@
+```csharp
+var context = new ScriptContext()
+    .RemovePlugins(x => x is DefaulScripttBlocks) // Remove default blocks
+    .RemovePlugins(x => x is HtmlScriptBlocks)    // Remove all html blocks
+    .Init();
+```
+
+Or you can use the `OnAfterPlugins` callback to remove any individual blocks or filters that were added by any plugin. 
+
+E.g. the `capture` block can be removed with:
+
+```csharp
+var context = new ScriptContext {
+        OnAfterPlugins = ctx => ctx.RemoveBlocks(x => x.Name == "capture")
+    }
+    .Init();
+```
diff --git a/wwwroot/gfm/blocks/21.html b/wwwroot/gfm/blocks/21.html
new file mode 100644
index 0000000..f2b3746
--- /dev/null
+++ b/wwwroot/gfm/blocks/21.html
@@ -0,0 +1,26 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">KeyValuesScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>keyvalues<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">ct</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-smi">Span</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
+
+        <span class="pl-k">var</span> <span class="pl-smi">delimiter</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span> <span class="pl-pds">"</span></span>;
+        <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">AdvancePastWhitespace</span>();
+        <span class="pl-k">if</span> (<span class="pl-smi">literal</span>.<span class="pl-smi">Length</span> <span class="pl-k">&gt;</span> <span class="pl-c1">0</span>)
+        {
+            <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">literal</span>.<span class="pl-en">ParseJsToken</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">token</span>);
+            <span class="pl-k">if</span> (<span class="pl-k">!</span>(<span class="pl-smi">token</span> <span class="pl-k">is</span> <span class="pl-en">JsLiteral</span> <span class="pl-smi">litToken</span>))
+              <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">$"</span>#keyvalues expected delimiter but was {<span class="pl-smi">token</span>.<span class="pl-en">DebugToken</span>()}<span class="pl-pds">"</span></span>);
+            <span class="pl-smi">delimiter</span> <span class="pl-k">=</span> <span class="pl-smi">litToken</span>.<span class="pl-smi">Value</span>.<span class="pl-en">ToString</span>();
+        }
+        
+        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
+        <span class="pl-k">var</span> <span class="pl-smi">strDict</span> <span class="pl-k">=</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>.<span class="pl-en">Trim</span>().<span class="pl-en">ParseAsKeyValues</span>(<span class="pl-smi">delimiter</span>);
+        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>.<span class="pl-en">ToString</span>()] <span class="pl-k">=</span> <span class="pl-smi">strDict</span>;
+
+        <span class="pl-k">return</span> <span class="pl-smi">TypeConstants</span>.<span class="pl-smi">EmptyTask</span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/21.md b/wwwroot/gfm/blocks/21.md
new file mode 100644
index 0000000..4132c86
--- /dev/null
+++ b/wwwroot/gfm/blocks/21.md
@@ -0,0 +1,27 @@
+```csharp
+public class KeyValuesScriptBlock : ScriptBlock
+{
+    public override string Name => "keyvalues";
+    
+    public override Task WriteAsync(ScriptScopeContext scope, PageBlockFragment block, CancellationToken ct)
+    {
+        var literal = block.Argument.Span.ParseVarName(out var name);
+
+        var delimiter = " ";
+        literal = literal.AdvancePastWhitespace();
+        if (literal.Length > 0)
+        {
+            literal = literal.ParseJsToken(out var token);
+            if (!(token is JsLiteral litToken))
+              throw new NotSupportedException($"#keyvalues expected delimiter but was {token.DebugToken()}");
+            delimiter = litToken.Value.ToString();
+        }
+        
+        var strFragment = (PageStringFragment)block.Body[0];
+        var strDict = strFragment.ValueString.Trim().ParseAsKeyValues(delimiter);
+        scope.PageResult.Args[name.ToString()] = strDict;
+
+        return TypeConstants.EmptyTask;
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/22.html b/wwwroot/gfm/blocks/22.html
new file mode 100644
index 0000000..4155836
--- /dev/null
+++ b/wwwroot/gfm/blocks/22.html
@@ -0,0 +1,21 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CsvScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>csv<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">ct</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">literal</span> <span class="pl-k">=</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">ParseVarName</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">name</span>);
+        
+        <span class="pl-k">var</span> <span class="pl-smi">strFragment</span> <span class="pl-k">=</span> (<span class="pl-en">PageStringFragment</span>)<span class="pl-smi">block</span>.<span class="pl-smi">Body</span>[<span class="pl-c1">0</span>];
+        <span class="pl-k">var</span> <span class="pl-smi">trimmedBody</span> <span class="pl-k">=</span> <span class="pl-smi">StringBuilderCache</span>.<span class="pl-en">Allocate</span>();
+        <span class="pl-k">foreach</span> (<span class="pl-k">var</span> <span class="pl-smi">line</span> <span class="pl-k">in</span> <span class="pl-smi">strFragment</span>.<span class="pl-smi">ValueString</span>.<span class="pl-en">ReadLines</span>())
+        {
+            <span class="pl-smi">trimmedBody</span>.<span class="pl-en">AppendLine</span>(<span class="pl-smi">line</span>.<span class="pl-en">Trim</span>());
+        }
+        <span class="pl-k">var</span> <span class="pl-smi">strList</span> <span class="pl-k">=</span> <span class="pl-smi">trimmedBody</span>.<span class="pl-en">ToString</span>().<span class="pl-en">FromCsv</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-k">string</span>&gt;&gt;&gt;();
+        <span class="pl-smi">scope</span>.<span class="pl-smi">PageResult</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">name</span>.<span class="pl-en">ToString</span>()] <span class="pl-k">=</span> <span class="pl-smi">strList</span>;
+
+        <span class="pl-k">return</span> <span class="pl-smi">TypeConstants</span>.<span class="pl-smi">EmptyTask</span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/22.md b/wwwroot/gfm/blocks/22.md
new file mode 100644
index 0000000..078181f
--- /dev/null
+++ b/wwwroot/gfm/blocks/22.md
@@ -0,0 +1,22 @@
+```csharp
+public class CsvScriptBlock : ScriptBlock
+{
+    public override string Name => "csv";
+    
+    public override Task WriteAsync(ScriptScopeContext scope, PageBlockFragment block, CancellationToken ct)
+    {
+        var literal = block.Argument.ParseVarName(out var name);
+        
+        var strFragment = (PageStringFragment)block.Body[0];
+        var trimmedBody = StringBuilderCache.Allocate();
+        foreach (var line in strFragment.ValueString.ReadLines())
+        {
+            trimmedBody.AppendLine(line.Trim());
+        }
+        var strList = trimmedBody.ToString().FromCsv<List<List<string>>>();
+        scope.PageResult.Args[name.ToString()] = strList;
+
+        return TypeConstants.EmptyTask;
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/23.html b/wwwroot/gfm/blocks/23.html
new file mode 100644
index 0000000..97dd028
--- /dev/null
+++ b/wwwroot/gfm/blocks/23.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#function</span> <span class="pl-v">hi</span><span class="pl-c1">}}</span>
+    'hello' |&gt; return
+<span class="pl-c1">{{</span><span class="pl-c1">/function</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/23.md b/wwwroot/gfm/blocks/23.md
new file mode 100644
index 0000000..e9be97c
--- /dev/null
+++ b/wwwroot/gfm/blocks/23.md
@@ -0,0 +1,5 @@
+```hbs
+{{#function hi}}
+    'hello' |> return
+{{/function}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/24.html b/wwwroot/gfm/blocks/24.html
new file mode 100644
index 0000000..294a5cf
--- /dev/null
+++ b/wwwroot/gfm/blocks/24.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#function</span> <span class="pl-v">calc</span>(<span class="pl-e"><span class="pl-v">a</span></span>, <span class="pl-e"><span class="pl-v">b</span></span>) <span class="pl-c1">}}</span>
+    a * b |&gt; to =&gt; c
+    return(a + b + c)
+<span class="pl-c1">{{</span><span class="pl-c1">/function</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/24.md b/wwwroot/gfm/blocks/24.md
new file mode 100644
index 0000000..de0f25b
--- /dev/null
+++ b/wwwroot/gfm/blocks/24.md
@@ -0,0 +1,6 @@
+```hbs
+{{#function calc(a, b) }}
+    a * b |> to => c
+    return(a + b + c)
+{{/function}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/25.html b/wwwroot/gfm/blocks/25.html
new file mode 100644
index 0000000..8c1730c
--- /dev/null
+++ b/wwwroot/gfm/blocks/25.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-js"><pre>{{#<span class="pl-k">function</span> <span class="pl-en">fib</span>(<span class="pl-smi">num</span>) }}
+    #<span class="pl-k">if</span> num <span class="pl-k">&lt;=</span> <span class="pl-c1">1</span>
+        <span class="pl-k">return</span>(num)
+    <span class="pl-k">/</span><span class="pl-k">if</span>
+    <span class="pl-k">return</span> (<span class="pl-en">fib</span>(num<span class="pl-k">-</span><span class="pl-c1">1</span>) <span class="pl-k">+</span> <span class="pl-en">fib</span>(num<span class="pl-k">-</span><span class="pl-c1">2</span>))
+{{<span class="pl-k">/</span><span class="pl-k">function</span>}}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/25.md b/wwwroot/gfm/blocks/25.md
new file mode 100644
index 0000000..66160b3
--- /dev/null
+++ b/wwwroot/gfm/blocks/25.md
@@ -0,0 +1,8 @@
+```js
+{{#function fib(num) }}
+    #if num <= 1
+        return(num)
+    /if
+    return (fib(num-1) + fib(num-2))
+{{/function}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/26.html b/wwwroot/gfm/blocks/26.html
new file mode 100644
index 0000000..68987e9
--- /dev/null
+++ b/wwwroot/gfm/blocks/26.html
@@ -0,0 +1,16 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#defn</span> <span class="pl-v">calc</span> [<span class="pl-e"><span class="pl-v">a</span></span>, <span class="pl-e"><span class="pl-v">b</span></span>] <span class="pl-c1">}}</span>
+    (def c (* a b))
+    (+ a b c)
+<span class="pl-c1">{{</span><span class="pl-c1">/defn</span><span class="pl-c1">}}</span>
+
+calc: <span class="pl-c1">{{</span> <span class="pl-v">calc</span>(<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">2</span></span>) <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#defn</span> <span class="pl-v">fib</span> [<span class="pl-e"><span class="pl-v">n</span></span>] <span class="pl-c1">}}</span>
+    (if (<span class="pl-ii">&lt;</span>= n 1)
+        n
+        (+ (fib (- n 1))
+           (fib (- n 2)) ))
+<span class="pl-c1">{{</span><span class="pl-c1">/defn</span><span class="pl-c1">}}</span>
+
+fib: <span class="pl-c1">{{</span> <span class="pl-v">10.fib</span>() <span class="pl-c1">}}</span> </pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/26.md b/wwwroot/gfm/blocks/26.md
new file mode 100644
index 0000000..b936350
--- /dev/null
+++ b/wwwroot/gfm/blocks/26.md
@@ -0,0 +1,17 @@
+```hbs
+{{#defn calc [a, b] }}
+    (def c (* a b))
+    (+ a b c)
+{{/defn}}
+
+calc: {{ calc(1,2) }}
+
+{{#defn fib [n] }}
+    (if (<= n 1)
+        n
+        (+ (fib (- n 1))
+           (fib (- n 2)) ))
+{{/defn}}
+
+fib: {{ 10.fib() }} 
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/27.html b/wwwroot/gfm/blocks/27.html
new file mode 100644
index 0000000..8e93a33
--- /dev/null
+++ b/wwwroot/gfm/blocks/27.html
@@ -0,0 +1,39 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-c"><span class="pl-c">///</span> while block</span>
+<span class="pl-c"><span class="pl-c">///</span> Usages: {{#while times &gt; 0}} {{times}}. {{times - 1 |&gt; to =&gt; times}} {{/while}}</span>
+<span class="pl-c"><span class="pl-c">///</span>         {{#while b}} {{ false |&gt; to =&gt; b }} {{else}} {{b}} was false {{/while}}</span>
+<span class="pl-c"><span class="pl-c">///</span> </span>
+<span class="pl-c"><span class="pl-c">///</span> Max Iterations = Context.Args[ScriptConstants.MaxQuota]</span>
+<span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">WhileScriptBlock</span> : <span class="pl-en">ScriptBlock</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">"</span>while<span class="pl-pds">"</span></span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">WriteAsync</span>(
+        <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-en">PageBlockFragment</span> <span class="pl-smi">block</span>, <span class="pl-en">CancellationToken</span> <span class="pl-smi">ct</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateToBoolAsync</span>(<span class="pl-smi">scope</span>,
+            <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'while' block is not valid<span class="pl-pds">"</span></span>));
+
+        <span class="pl-k">var</span> <span class="pl-smi">iterations</span> <span class="pl-k">=</span> <span class="pl-c1">0</span>;
+        
+        <span class="pl-k">if</span> (<span class="pl-smi">result</span>)
+        {
+            <span class="pl-k">do</span>
+            {
+                <span class="pl-k">await</span> <span class="pl-en">WriteBodyAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>, <span class="pl-smi">ct</span>);
+                
+                <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">block</span>.<span class="pl-smi">Argument</span>.<span class="pl-en">GetJsExpressionAndEvaluateToBoolAsync</span>(<span class="pl-smi">scope</span>,
+                    <span class="pl-smi">ifNone</span>: () <span class="pl-k">=&gt;</span> <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">NotSupportedException</span>(<span class="pl-s"><span class="pl-pds">"</span>'while' block is not valid<span class="pl-pds">"</span></span>));
+
+                <span class="pl-smi">Context</span>.<span class="pl-smi">DefaultMethods</span>.<span class="pl-en">AssertWithinMaxQuota</span>(<span class="pl-smi">iterations</span><span class="pl-k">++</span>);
+                
+            } <span class="pl-k">while</span> (<span class="pl-smi">result</span>);
+        }
+        <span class="pl-k">else</span>
+        {
+            <span class="pl-k">await</span> <span class="pl-en">WriteElseAsync</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">block</span>.<span class="pl-smi">ElseBlocks</span>, <span class="pl-smi">ct</span>);
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/blocks/27.md b/wwwroot/gfm/blocks/27.md
new file mode 100644
index 0000000..b5cae82
--- /dev/null
+++ b/wwwroot/gfm/blocks/27.md
@@ -0,0 +1,40 @@
+```csharp
+/// <summary>
+/// while block
+/// Usages: {{#while times > 0}} {{times}}. {{times - 1 |> to => times}} {{/while}}
+///         {{#while b}} {{ false |> to => b }} {{else}} {{b}} was false {{/while}}
+/// 
+/// Max Iterations = Context.Args[ScriptConstants.MaxQuota]
+/// </summary>
+public class WhileScriptBlock : ScriptBlock
+{
+    public override string Name => "while";
+    
+    public override async Task WriteAsync(
+        ScriptScopeContext scope, PageBlockFragment block, CancellationToken ct)
+    {
+        var result = await block.Argument.GetJsExpressionAndEvaluateToBoolAsync(scope,
+            ifNone: () => throw new NotSupportedException("'while' block is not valid"));
+
+        var iterations = 0;
+        
+        if (result)
+        {
+            do
+            {
+                await WriteBodyAsync(scope, block, ct);
+                
+                result = await block.Argument.GetJsExpressionAndEvaluateToBoolAsync(scope,
+                    ifNone: () => throw new NotSupportedException("'while' block is not valid"));
+
+                Context.DefaultMethods.AssertWithinMaxQuota(iterations++);
+                
+            } while (result);
+        }
+        else
+        {
+            await WriteElseAsync(scope, block.ElseBlocks, ct);
+        }
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/01.html b/wwwroot/gfm/code-pages/01.html
new file mode 100644
index 0000000..5c8bf31
--- /dev/null
+++ b/wwwroot/gfm/code-pages/01.html
@@ -0,0 +1,30 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Page</span>(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>)]
+    [<span class="pl-en">PageArg</span>(<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Products<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ProductsPage</span> : <span class="pl-en">SharpCodePage</span>
+    {
+        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-en">Product</span>[] <span class="pl-smi">products</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span>
+<span class="pl-s">        &lt;table class='table table-striped'&gt;</span>
+<span class="pl-s">            &lt;thead&gt;</span>
+<span class="pl-s">                &lt;tr&gt;</span>
+<span class="pl-s">                    &lt;th&gt;&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Name&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Price&lt;/th&gt;</span>
+<span class="pl-s">                &lt;/tr&gt;</span>
+<span class="pl-s">            &lt;/thead&gt;</span>
+<span class="pl-s">            {<span class="pl-smi">products</span>.<span class="pl-en">OrderBy</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-smi">Category</span>).<span class="pl-en">ThenBy</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-smi">ProductName</span>).<span class="pl-en">Map</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span></span>
+<span class="pl-s"><span class="pl-s">                &lt;tr&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                    &lt;th&gt;{<span class="pl-smi">x</span>.<span class="pl-smi">Category</span>}&lt;/th&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                    &lt;td&gt;{<span class="pl-smi">x</span>.<span class="pl-smi">ProductName</span>.<span class="pl-en">HtmlEncode</span>()}&lt;/td&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                    &lt;td&gt;{<span class="pl-smi">x</span>.<span class="pl-smi">UnitPrice</span>:<span class="pl-smi">C</span>}&lt;/td&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                &lt;/tr&gt;<span class="pl-pds">"</span></span>).<span class="pl-en">Join</span>(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}</span>
+<span class="pl-s">        &lt;/table&gt;<span class="pl-pds">"</span></span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/01.md b/wwwroot/gfm/code-pages/01.md
new file mode 100644
index 0000000..6ea87dc
--- /dev/null
+++ b/wwwroot/gfm/code-pages/01.md
@@ -0,0 +1,31 @@
+```csharp
+using System.Linq;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Page("products")]
+    [PageArg("title", "Products")]
+    public class ProductsPage : SharpCodePage
+    {
+        string render(Product[] products) => $@"
+        <table class='table table-striped'>
+            <thead>
+                <tr>
+                    <th></th>
+                    <th>Name</th>
+                    <th>Price</th>
+                </tr>
+            </thead>
+            {products.OrderBy(x => x.Category).ThenBy(x => x.ProductName).Map(x => $@"
+                <tr>
+                    <th>{x.Category}</th>
+                    <td>{x.ProductName.HtmlEncode()}</td>
+                    <td>{x.UnitPrice:C}</td>
+                </tr>").Join("")}
+        </table>";
+    }
+}
+```
diff --git a/wwwroot/gfm/code-pages/02.html b/wwwroot/gfm/code-pages/02.html
new file mode 100644
index 0000000..a822319
--- /dev/null
+++ b/wwwroot/gfm/code-pages/02.html
@@ -0,0 +1,22 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/products/view<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ViewProducts</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ProductsServices</span> : <span class="pl-en">Service</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewProducts</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span>
+            <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">Request</span>.<span class="pl-en">GetCodePage</span>(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>)) {
+                <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+                    [<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Products</span>
+                }
+            };
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/02.md b/wwwroot/gfm/code-pages/02.md
new file mode 100644
index 0000000..d5d3e28
--- /dev/null
+++ b/wwwroot/gfm/code-pages/02.md
@@ -0,0 +1,23 @@
+```csharp
+using ServiceStack;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Route("/products/view")]
+    public class ViewProducts
+    {
+        public string Id { get; set; }
+    }
+
+    public class ProductsServices : Service
+    {
+        public object Any(ViewProducts request) =>
+            new PageResult(Request.GetCodePage("products")) {
+                Args = {
+                    ["products"] = TemplateQueryData.Products
+                }
+            };
+    }
+}
+```
diff --git a/wwwroot/gfm/code-pages/03.html b/wwwroot/gfm/code-pages/03.html
new file mode 100644
index 0000000..2da18f0
--- /dev/null
+++ b/wwwroot/gfm/code-pages/03.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-smi">ISharpPages</span> <span class="pl-smi">Pages</span> { <span class="pl-smi">get</span>; <span class="pl-smi">set</span>; }
+
+<span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewProducts</span> <span class="pl-smi">request</span>) 
+{
+    <span class="pl-k">var</span> <span class="pl-smi">codePage</span> <span class="pl-k">=</span> <span class="pl-smi">Pages</span>.<span class="pl-en">GetCodePage</span>(<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>);
+    (<span class="pl-smi">codePage</span> <span class="pl-k">as</span> <span class="pl-en">IRequiresRequest</span>)<span class="pl-k">?</span>.<span class="pl-smi">Request</span> <span class="pl-k">=</span> <span class="pl-smi">Request</span>;
+    <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">codePage</span>) { ... };
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/03.md b/wwwroot/gfm/code-pages/03.md
new file mode 100644
index 0000000..9fa05d0
--- /dev/null
+++ b/wwwroot/gfm/code-pages/03.md
@@ -0,0 +1,10 @@
+```csharp
+public ISharpPages Pages { get; set; }
+
+public object Any(ViewProducts request) 
+{
+    var codePage = Pages.GetCodePage("products");
+    (codePage as IRequiresRequest)?.Request = Request;
+    return new PageResult(codePage) { ... };
+}
+```
diff --git a/wwwroot/gfm/code-pages/04.html b/wwwroot/gfm/code-pages/04.html
new file mode 100644
index 0000000..2952a1e
--- /dev/null
+++ b/wwwroot/gfm/code-pages/04.html
@@ -0,0 +1,49 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Page</span>(<span class="pl-s"><span class="pl-pds">"</span>navLinks<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NavLinksPartial</span> : <span class="pl-en">SharpCodePage</span>
+    {
+        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">PathInfo</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">links</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span>
+<span class="pl-s">        &lt;ul&gt;</span>
+<span class="pl-s">            {<span class="pl-smi">links</span>.<span class="pl-en">Map</span>(<span class="pl-smi">entry</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span>&lt;li class='{<span class="pl-en">GetClass</span>(<span class="pl-smi">PathInfo</span>, <span class="pl-smi">entry</span>.<span class="pl-smi">Key</span>)}'&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                &lt;a href='{<span class="pl-smi">entry</span>.<span class="pl-smi">Key</span>}'&gt;{<span class="pl-smi">entry</span>.<span class="pl-smi">Value</span>}&lt;/a&gt;</span></span>
+<span class="pl-s"><span class="pl-s">            &lt;/li&gt;<span class="pl-pds">"</span></span>).<span class="pl-en">Join</span>(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}</span>
+<span class="pl-s">        &lt;/ul&gt;<span class="pl-pds">"</span></span>;
+
+        <span class="pl-k">string</span> <span class="pl-en">GetClass</span>(<span class="pl-k">string</span> <span class="pl-smi">pathInfo</span>, <span class="pl-k">string</span> <span class="pl-smi">url</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">url</span> <span class="pl-k">==</span> <span class="pl-smi">pathInfo</span> <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">"</span>active<span class="pl-pds">"</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>; 
+    }
+
+    [<span class="pl-en">Page</span>(<span class="pl-s"><span class="pl-pds">"</span>customerCard<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerCardPartial</span> : <span class="pl-en">SharpCodePage</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-en">ICustomers</span> <span class="pl-smi">Customers</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">customerId</span>) <span class="pl-k">=&gt;</span> <span class="pl-en">renderCustomer</span>(<span class="pl-smi">Customers</span>.<span class="pl-en">GetCustomer</span>(<span class="pl-smi">customerId</span>));
+
+        <span class="pl-k">string</span> <span class="pl-en">renderCustomer</span>(<span class="pl-en">Customer</span> <span class="pl-smi">customer</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span>
+<span class="pl-s">        &lt;table class='table table-bordered'&gt;</span>
+<span class="pl-s">            &lt;caption&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">CompanyName</span>}&lt;/caption&gt;</span>
+<span class="pl-s">            &lt;thead class='thead-inverse'&gt;</span>
+<span class="pl-s">                &lt;tr&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Address&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Phone&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Fax&lt;/th&gt;</span>
+<span class="pl-s">                &lt;/tr&gt;</span>
+<span class="pl-s">            &lt;/thead&gt;</span>
+<span class="pl-s">            &lt;tr&gt;</span>
+<span class="pl-s">                &lt;td&gt;</span>
+<span class="pl-s">                    {<span class="pl-smi">customer</span>.<span class="pl-smi">Address</span>} </span>
+<span class="pl-s">                    {<span class="pl-smi">customer</span>.<span class="pl-smi">City</span>}, {<span class="pl-smi">customer</span>.<span class="pl-smi">PostalCode</span>}, {<span class="pl-smi">customer</span>.<span class="pl-smi">Country</span>}</span>
+<span class="pl-s">                &lt;/td&gt;</span>
+<span class="pl-s">                &lt;td&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">Phone</span>}&lt;/td&gt;</span>
+<span class="pl-s">                &lt;td&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">Fax</span>}&lt;/td&gt;</span>
+<span class="pl-s">            &lt;/tr&gt;</span>
+<span class="pl-s">        &lt;/table&gt;<span class="pl-pds">"</span></span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/04.md b/wwwroot/gfm/code-pages/04.md
new file mode 100644
index 0000000..9e08702
--- /dev/null
+++ b/wwwroot/gfm/code-pages/04.md
@@ -0,0 +1,50 @@
+```csharp
+using System.Linq;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Page("navLinks")]
+    public class NavLinksPartial : SharpCodePage
+    {
+        string render(string PathInfo, Dictionary<string, object> links) => $@"
+        <ul>
+            {links.Map(entry => $@"<li class='{GetClass(PathInfo, entry.Key)}'>
+                <a href='{entry.Key}'>{entry.Value}</a>
+            </li>").Join("")}
+        </ul>";
+
+        string GetClass(string pathInfo, string url) => url == pathInfo ? "active" : ""; 
+    }
+
+    [Page("customerCard")]
+    public class CustomerCardPartial : SharpCodePage
+    {
+        public ICustomers Customers { get; set; }
+
+        string render(string customerId) => renderCustomer(Customers.GetCustomer(customerId));
+
+        string renderCustomer(Customer customer) => $@"
+        <table class='table table-bordered'>
+            <caption>{customer.CompanyName}</caption>
+            <thead class='thead-inverse'>
+                <tr>
+                    <th>Address</th>
+                    <th>Phone</th>
+                    <th>Fax</th>
+                </tr>
+            </thead>
+            <tr>
+                <td>
+                    {customer.Address} 
+                    {customer.City}, {customer.PostalCode}, {customer.Country}
+                </td>
+                <td>{customer.Phone}</td>
+                <td>{customer.Fax}</td>
+            </tr>
+        </table>";
+    }
+}
+```
diff --git a/wwwroot/gfm/code-pages/05.html b/wwwroot/gfm/code-pages/05.html
new file mode 100644
index 0000000..226a8a4
--- /dev/null
+++ b/wwwroot/gfm/code-pages/05.html
@@ -0,0 +1,47 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Page</span>(<span class="pl-s"><span class="pl-pds">"</span>navLinks<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NavLinksPartial</span> : <span class="pl-en">ServiceStackCodePage</span>
+    {
+        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">links</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span>
+<span class="pl-s">        &lt;ul&gt;</span>
+<span class="pl-s">            {<span class="pl-smi">links</span>.<span class="pl-en">Map</span>(<span class="pl-smi">entry</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span>&lt;li class='{<span class="pl-en">GetClass</span>(<span class="pl-smi">entry</span>.<span class="pl-smi">Key</span>)}'&gt;</span></span>
+<span class="pl-s"><span class="pl-s">                &lt;a href='{<span class="pl-smi">entry</span>.<span class="pl-smi">Key</span>}'&gt;{<span class="pl-smi">entry</span>.<span class="pl-smi">Value</span>}&lt;/a&gt;</span></span>
+<span class="pl-s"><span class="pl-s">            &lt;/li&gt;<span class="pl-pds">"</span></span>).<span class="pl-en">Join</span>(<span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>)}</span>
+<span class="pl-s">        &lt;/ul&gt;<span class="pl-pds">"</span></span>;
+
+        <span class="pl-k">string</span> <span class="pl-en">GetClass</span>(<span class="pl-k">string</span> <span class="pl-smi">url</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">url</span> <span class="pl-k">==</span> <span class="pl-smi">Request</span>.<span class="pl-smi">PathInfo</span> <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">"</span>active<span class="pl-pds">"</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>; 
+    }
+
+    [<span class="pl-en">Page</span>(<span class="pl-s"><span class="pl-pds">"</span>customerCard<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerCardPartial</span> : <span class="pl-en">ServiceStackCodePage</span>
+    {
+        <span class="pl-k">string</span> <span class="pl-en">render</span>(<span class="pl-k">string</span> <span class="pl-smi">customerId</span>) <span class="pl-k">=&gt;</span> <span class="pl-en">renderCustomer</span>(<span class="pl-smi">Db</span>.<span class="pl-en">SingleById</span>&lt;<span class="pl-en">Customer</span>&gt;(<span class="pl-smi">customerId</span>));
+
+        <span class="pl-k">string</span> <span class="pl-en">renderCustomer</span>(<span class="pl-en">Customer</span> <span class="pl-smi">customer</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$@"</span></span>
+<span class="pl-s">        &lt;table class='table table-bordered'&gt;</span>
+<span class="pl-s">            &lt;caption&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">CompanyName</span>}&lt;/caption&gt;</span>
+<span class="pl-s">            &lt;thead class='thead-inverse'&gt;</span>
+<span class="pl-s">                &lt;tr&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Address&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Phone&lt;/th&gt;</span>
+<span class="pl-s">                    &lt;th&gt;Fax&lt;/th&gt;</span>
+<span class="pl-s">                &lt;/tr&gt;</span>
+<span class="pl-s">            &lt;/thead&gt;</span>
+<span class="pl-s">            &lt;tr&gt;</span>
+<span class="pl-s">                &lt;td&gt;</span>
+<span class="pl-s">                    {<span class="pl-smi">customer</span>.<span class="pl-smi">Address</span>} </span>
+<span class="pl-s">                    {<span class="pl-smi">customer</span>.<span class="pl-smi">City</span>}, {<span class="pl-smi">customer</span>.<span class="pl-smi">PostalCode</span>}, {<span class="pl-smi">customer</span>.<span class="pl-smi">Country</span>}</span>
+<span class="pl-s">                &lt;/td&gt;</span>
+<span class="pl-s">                &lt;td&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">Phone</span>}&lt;/td&gt;</span>
+<span class="pl-s">                &lt;td&gt;{<span class="pl-smi">customer</span>.<span class="pl-smi">Fax</span>}&lt;/td&gt;</span>
+<span class="pl-s">            &lt;/tr&gt;</span>
+<span class="pl-s">        &lt;/table&gt;<span class="pl-pds">"</span></span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/code-pages/05.md b/wwwroot/gfm/code-pages/05.md
new file mode 100644
index 0000000..fad1209
--- /dev/null
+++ b/wwwroot/gfm/code-pages/05.md
@@ -0,0 +1,48 @@
+```csharp
+using System.Linq;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Page("navLinks")]
+    public class NavLinksPartial : ServiceStackCodePage
+    {
+        string render(Dictionary<string, object> links) => $@"
+        <ul>
+            {links.Map(entry => $@"<li class='{GetClass(entry.Key)}'>
+                <a href='{entry.Key}'>{entry.Value}</a>
+            </li>").Join("")}
+        </ul>";
+
+        string GetClass(string url) => url == Request.PathInfo ? "active" : ""; 
+    }
+
+    [Page("customerCard")]
+    public class CustomerCardPartial : ServiceStackCodePage
+    {
+        string render(string customerId) => renderCustomer(Db.SingleById<Customer>(customerId));
+
+        string renderCustomer(Customer customer) => $@"
+        <table class='table table-bordered'>
+            <caption>{customer.CompanyName}</caption>
+            <thead class='thead-inverse'>
+                <tr>
+                    <th>Address</th>
+                    <th>Phone</th>
+                    <th>Fax</th>
+                </tr>
+            </thead>
+            <tr>
+                <td>
+                    {customer.Address} 
+                    {customer.City}, {customer.PostalCode}, {customer.Country}
+                </td>
+                <td>{customer.Phone}</td>
+                <td>{customer.Fax}</td>
+            </tr>
+        </table>";
+    }
+}
+```
diff --git a/wwwroot/gfm/db-scripts/01.html b/wwwroot/gfm/db-scripts/01.html
new file mode 100644
index 0000000..5a687f7
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/01.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() <span class="pl-k">=&gt;</span> 
+    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(<span class="pl-smi">connectionString</span>, <span class="pl-smi">SqlServer2012Dialect</span>.<span class="pl-smi">Provider</span>));</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/db-scripts/01.md b/wwwroot/gfm/db-scripts/01.md
new file mode 100644
index 0000000..ae75ff5
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/01.md
@@ -0,0 +1,4 @@
+```csharp
+container.AddSingleton<IDbConnectionFactory>(() => 
+    new OrmLiteConnectionFactory(connectionString, SqlServer2012Dialect.Provider));
+```
diff --git a/wwwroot/gfm/db-scripts/02.html b/wwwroot/gfm/db-scripts/02.html
new file mode 100644
index 0000000..558d2b2
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/02.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> { 
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">DbScriptsAsync</span>()
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/db-scripts/02.md b/wwwroot/gfm/db-scripts/02.md
new file mode 100644
index 0000000..7119d7c
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/02.md
@@ -0,0 +1,7 @@
+```csharp
+var context = new ScriptContext { 
+    ScriptMethods = {
+        new DbScriptsAsync()
+    }
+}.Init();
+```
diff --git a/wwwroot/gfm/db-scripts/03.html b/wwwroot/gfm/db-scripts/03.html
new file mode 100644
index 0000000..96f784c
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/03.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">namedConnection</span></span> }) <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">connectionString</span></span>:<span class="pl-e"><span class="pl-v">sqlServerConnString</span></span>, <span class="pl-e"><span class="pl-v">provider</span></span>:<span class="pl-s"><span class="pl-pds">"</span>mssql<span class="pl-pds">"</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>Both Named Connections and Dialect providers can be registered in your <code>IDbConnectionFactory</code>, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">dbFactory</span>.<span class="pl-en">RegisterConnection</span>(<span class="pl-smi">namedConnection</span>, <span class="pl-smi">connString</span>, <span class="pl-smi">SqlServer2012Dialect</span>.<span class="pl-smi">Provider</span>);
+<span class="pl-smi">dbFactory</span>.<span class="pl-en">RegisterProvider</span>(<span class="pl-s"><span class="pl-pds">"</span>mssql<span class="pl-pds">"</span></span>, <span class="pl-smi">SqlServer2017Dialect</span>.<span class="pl-smi">Provider</span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/db-scripts/03.md b/wwwroot/gfm/db-scripts/03.md
new file mode 100644
index 0000000..a8559c6
--- /dev/null
+++ b/wwwroot/gfm/db-scripts/03.md
@@ -0,0 +1,11 @@
+```hbs
+{{ sql |> dbSelect({ namedConnection }) }}
+{{ sql |> dbSelect({ connectionString:sqlServerConnString, provider:"mssql" }) }}
+```
+
+Both Named Connections and Dialect providers can be registered in your `IDbConnectionFactory`, e.g:
+
+```csharp
+dbFactory.RegisterConnection(namedConnection, connString, SqlServer2012Dialect.Provider);
+dbFactory.RegisterProvider("mssql", SqlServer2017Dialect.Provider);
+```
diff --git a/wwwroot/gfm/default-scripts/01.html b/wwwroot/gfm/default-scripts/01.html
new file mode 100644
index 0000000..af17995
--- /dev/null
+++ b/wwwroot/gfm/default-scripts/01.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultDateFormat</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>yyyy-MM-dd HH:mm:ss<span class="pl-pds">"</span></span>
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/default-scripts/01.md b/wwwroot/gfm/default-scripts/01.md
new file mode 100644
index 0000000..444e687
--- /dev/null
+++ b/wwwroot/gfm/default-scripts/01.md
@@ -0,0 +1,7 @@
+```csharp
+var context = new ScriptContext {
+    Args = {
+        [ScriptConstants.DefaultDateFormat] = "yyyy-MM-dd HH:mm:ss"
+    }
+}.Init();
+```
diff --git a/src/wwwroot/gfm/deploying-web-apps/01.html b/wwwroot/gfm/deploying-sharp-apps/01.html
similarity index 100%
rename from src/wwwroot/gfm/deploying-web-apps/01.html
rename to wwwroot/gfm/deploying-sharp-apps/01.html
diff --git a/wwwroot/gfm/deploying-sharp-apps/01.md b/wwwroot/gfm/deploying-sharp-apps/01.md
new file mode 100644
index 0000000..39a66ca
--- /dev/null
+++ b/wwwroot/gfm/deploying-sharp-apps/01.md
@@ -0,0 +1,13 @@
+```bash
+cat ../apps/bare/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.bare.settings
+cat ../apps/blog/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.blog.settings
+cat ../apps/redis/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.redis.settings
+cat ../apps/rockwind/web.sqlite.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.rockwind-sqlite.settings
+cat ../apps/rockwind-vfs/web.sqlite.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.rockwind-vfs-sqlite.settings
+cat ../apps/plugins/app.settings | sed "/debug/s/ .*/ false/" > ../apps/web/web.plugins.settings
+cat ../apps/chat/web.release.settings > ../apps/web/web.chat.settings
+
+rsync -avz -e 'ssh' ../apps deploy@web-app.io:/home/deploy
+
+ssh deploy@web-app.io "sudo supervisorctl restart all"
+```
diff --git a/wwwroot/gfm/deploying-sharp-apps/02.html b/wwwroot/gfm/deploying-sharp-apps/02.html
new file mode 100644
index 0000000..b300ec0
--- /dev/null
+++ b/wwwroot/gfm/deploying-sharp-apps/02.html
@@ -0,0 +1,13 @@
+<div class="gfm"><div class="highlight highlight-source-dockerfile"><pre><span class="pl-k">FROM</span> mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
+<span class="pl-k">COPY</span> app /app
+<span class="pl-k">WORKDIR</span> /app
+<span class="pl-k">RUN</span> dotnet tool install -g x
+
+<span class="pl-c"><span class="pl-c">#</span> Build runtime image</span>
+<span class="pl-k">FROM</span> mcr.microsoft.com/dotnet/core/aspnet:3.1 AS runtime
+<span class="pl-k">WORKDIR</span> /app
+<span class="pl-k">COPY</span> --from=build /app app
+<span class="pl-k">COPY</span> --from=build /root/.dotnet/tools tools
+<span class="pl-k">ENV</span> ASPNETCORE_URLS http://*:5000
+<span class="pl-k">ENTRYPOINT</span> [<span class="pl-s">"/app/tools/x"</span>, <span class="pl-s">"app/app.settings"</span>]</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/deploying-sharp-apps/02.md b/wwwroot/gfm/deploying-sharp-apps/02.md
new file mode 100644
index 0000000..eca7002
--- /dev/null
+++ b/wwwroot/gfm/deploying-sharp-apps/02.md
@@ -0,0 +1,14 @@
+```dockerfile
+FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
+COPY app /app
+WORKDIR /app
+RUN dotnet tool install -g x
+
+# Build runtime image
+FROM mcr.microsoft.com/dotnet/core/aspnet:3.1 AS runtime
+WORKDIR /app
+COPY --from=build /app app
+COPY --from=build /root/.dotnet/tools tools
+ENV ASPNETCORE_URLS http://*:5000
+ENTRYPOINT ["/app/tools/x", "app/app.settings"]
+```
diff --git a/src/wwwroot/gfm/deploying-web-apps/03.html b/wwwroot/gfm/deploying-sharp-apps/03.html
similarity index 100%
rename from src/wwwroot/gfm/deploying-web-apps/03.html
rename to wwwroot/gfm/deploying-sharp-apps/03.html
diff --git a/wwwroot/gfm/deploying-sharp-apps/03.md b/wwwroot/gfm/deploying-sharp-apps/03.md
new file mode 100644
index 0000000..a839c9b
--- /dev/null
+++ b/wwwroot/gfm/deploying-sharp-apps/03.md
@@ -0,0 +1,15 @@
+```bash
+#!/bin/bash
+
+# set environment variables used in deploy.sh and AWS task-definition.json:
+export IMAGE_NAME=netcoreapps-rockwind-aws
+export IMAGE_VERSION=latest
+
+export AWS_DEFAULT_REGION=us-east-1
+export AWS_ECS_CLUSTER_NAME=default
+export AWS_VIRTUAL_HOST=rockwind-aws.web-app.io
+
+# set any sensitive information in travis-ci encrypted project settings:
+# required: AWS_ACCOUNT_ID, AWS_ACCESS_KEY, AWS_SECRET_KEY
+# optional: SERVICESTACK_LICENSE
+```
diff --git a/wwwroot/gfm/email-templates/01.html b/wwwroot/gfm/email-templates/01.html
new file mode 100644
index 0000000..251f948
--- /dev/null
+++ b/wwwroot/gfm/email-templates/01.html
@@ -0,0 +1,56 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">IO</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/emails/order-confirmation/preview<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">PreviewHtmlEmail</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">PreviewHtmlEmailResponse</span>&gt;
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">EmailTemplate</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">HtmlTemplate</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">PreviewCustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">PreviewHtmlEmailResponse</span> 
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">HtmlEmail</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">TextEmail</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">EmailTemplatesServices</span> : <span class="pl-en">Service</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-en">ICustomers</span> <span class="pl-smi">Customers</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">PreviewHtmlEmail</span> <span class="pl-smi">request</span>)
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">customer</span> <span class="pl-k">=</span> <span class="pl-smi">Customers</span>.<span class="pl-en">GetCustomer</span>(<span class="pl-smi">request</span>.<span class="pl-smi">PreviewCustomerId</span>) 
+                <span class="pl-k">??</span> <span class="pl-smi">Customers</span>.<span class="pl-en">GetAllCustomers</span>().<span class="pl-en">First</span>();
+
+            <span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+                <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() },
+                <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+                    [<span class="pl-s"><span class="pl-pds">"</span>customer<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">customer</span>,
+                    [<span class="pl-s"><span class="pl-pds">"</span>order<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">customer</span>.<span class="pl-smi">Orders</span>.<span class="pl-en">LastOrDefault</span>(),
+                }
+            }.<span class="pl-en">Init</span>();
+
+            <span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>email.md<span class="pl-pds">"</span></span>, <span class="pl-smi">request</span>.<span class="pl-smi">EmailTemplate</span>);
+            <span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>layout.html<span class="pl-pds">"</span></span>, <span class="pl-smi">request</span>.<span class="pl-smi">HtmlTemplate</span>);
+
+            <span class="pl-k">var</span> <span class="pl-smi">textEmail</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>email<span class="pl-pds">"</span></span>)).<span class="pl-smi">Result</span>;
+            <span class="pl-k">var</span> <span class="pl-smi">htmlEmail</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>email<span class="pl-pds">"</span></span>)) {
+                <span class="pl-smi">Layout</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>layout<span class="pl-pds">"</span></span>,
+                <span class="pl-smi">PageTransformers</span> <span class="pl-k">=</span> { <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span> }
+            }.<span class="pl-smi">Result</span>;
+
+            <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PreviewHtmlEmailResponse</span> {
+                <span class="pl-smi">TextEmail</span> <span class="pl-k">=</span> <span class="pl-smi">textEmail</span>,
+                <span class="pl-smi">HtmlEmail</span> <span class="pl-k">=</span> <span class="pl-smi">htmlEmail</span>,
+            };
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/email-templates/01.md b/wwwroot/gfm/email-templates/01.md
new file mode 100644
index 0000000..bc72770
--- /dev/null
+++ b/wwwroot/gfm/email-templates/01.md
@@ -0,0 +1,57 @@
+```csharp
+using System.Linq;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.Script;
+using ServiceStack.IO;
+
+namespace SharpScript
+{
+    [Route("/emails/order-confirmation/preview")]
+    public class PreviewHtmlEmail : IReturn<PreviewHtmlEmailResponse>
+    {
+        public string EmailTemplate { get; set; }
+        public string HtmlTemplate { get; set; }
+        public string PreviewCustomerId { get; set; }
+    }
+
+    public class PreviewHtmlEmailResponse 
+    {
+        public string HtmlEmail { get; set; }
+        public string TextEmail { get; set; }
+    }
+
+    public class EmailTemplatesServices : Service
+    {
+        public ICustomers Customers { get; set; }
+
+        public object Any(PreviewHtmlEmail request)
+        {
+            var customer = Customers.GetCustomer(request.PreviewCustomerId) 
+                ?? Customers.GetAllCustomers().First();
+
+            var context = new ScriptContext {
+                PageFormats = { new MarkdownPageFormat() },
+                Args = {
+                    ["customer"] = customer,
+                    ["order"] = customer.Orders.LastOrDefault(),
+                }
+            }.Init();
+
+            context.VirtualFiles.WriteFile("email.md", request.EmailTemplate);
+            context.VirtualFiles.WriteFile("layout.html", request.HtmlTemplate);
+
+            var textEmail = new PageResult(context.GetPage("email")).Result;
+            var htmlEmail = new PageResult(context.GetPage("email")) {
+                Layout = "layout",
+                PageTransformers = { MarkdownPageFormat.TransformToHtml }
+            }.Result;
+
+            return new PreviewHtmlEmailResponse {
+                TextEmail = textEmail,
+                HtmlEmail = htmlEmail,
+            };
+        }
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/email-templates/02.html b/wwwroot/gfm/email-templates/02.html
new file mode 100644
index 0000000..5ce45dd
--- /dev/null
+++ b/wwwroot/gfm/email-templates/02.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>FORM<span class="pl-pds">"</span></span>).<span class="pl-en">ajaxPreview</span>({ </span>
+<span class="pl-s1">    <span class="pl-en">success</span><span class="pl-k">:</span> <span class="pl-k">function</span>(<span class="pl-smi">r</span>) {</span>
+<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#html-preview<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(<span class="pl-smi">r</span>.<span class="pl-smi">htmlEmail</span>);</span>
+<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#text-preview<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(<span class="pl-smi">r</span>.<span class="pl-smi">textEmail</span>);</span>
+<span class="pl-s1">    } </span>
+<span class="pl-s1">})</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/email-templates/02.md b/wwwroot/gfm/email-templates/02.md
similarity index 100%
rename from src/wwwroot/gfm/email-templates/02.md
rename to wwwroot/gfm/email-templates/02.md
diff --git a/wwwroot/gfm/error-handling/01.html b/wwwroot/gfm/error-handling/01.html
new file mode 100644
index 0000000..1f27ae9
--- /dev/null
+++ b/wwwroot/gfm/error-handling/01.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">new</span> <span class="pl-smi">ScriptContext</span> {
+    <span class="pl-smi">SkipExecutingFiltersIfError</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/error-handling/01.md b/wwwroot/gfm/error-handling/01.md
new file mode 100644
index 0000000..f62dd12
--- /dev/null
+++ b/wwwroot/gfm/error-handling/01.md
@@ -0,0 +1,5 @@
+```csharp
+new ScriptContext {
+    SkipExecutingFiltersIfError = true
+}
+```
diff --git a/wwwroot/gfm/error-handling/02.html b/wwwroot/gfm/error-handling/02.html
new file mode 100644
index 0000000..023e647
--- /dev/null
+++ b/wwwroot/gfm/error-handling/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">RenderExpressionExceptions</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/error-handling/02.md b/wwwroot/gfm/error-handling/02.md
new file mode 100644
index 0000000..6b1b012
--- /dev/null
+++ b/wwwroot/gfm/error-handling/02.md
@@ -0,0 +1,5 @@
+```csharp
+var context = new ScriptContext {
+    RenderExpressionExceptions = true
+}.Init();
+```
diff --git a/wwwroot/gfm/error-handling/03.html b/wwwroot/gfm/error-handling/03.html
new file mode 100644
index 0000000..ec2968f
--- /dev/null
+++ b/wwwroot/gfm/error-handling/03.html
@@ -0,0 +1,28 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">T</span> <span class="pl-en">exec</span>&lt;<span class="pl-en">T</span>&gt;(<span class="pl-en">Func</span>&lt;<span class="pl-en">IDbConnection</span>, <span class="pl-en">T</span>&gt; <span class="pl-smi">fn</span>, <span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">object</span> <span class="pl-smi">options</span>)
+{
+    <span class="pl-k">try</span>
+    {
+        <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">db</span> <span class="pl-k">=</span> <span class="pl-smi">DbFactory</span>.<span class="pl-en">Open</span>())
+        {
+            <span class="pl-k">return</span> <span class="pl-en">fn</span>(<span class="pl-smi">db</span>);
+        }
+    }
+    <span class="pl-k">catch</span> (<span class="pl-en">Exception</span> <span class="pl-smi">ex</span>)
+    {
+        <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">StopFilterExecutionException</span>(<span class="pl-smi">scope</span>, <span class="pl-smi">options</span>, <span class="pl-smi">ex</span>);
+    }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">dbSelect</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>) <span class="pl-k">=&gt;</span> 
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">SqlList</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-c1">null</span>);
+
+<span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">dbSelect</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>, <span class="pl-k">object</span> <span class="pl-smi">op</span>) <span class="pl-k">=&gt;</span> 
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">SqlList</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-smi">op</span>);
+
+
+<span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">dbSingle</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>) <span class="pl-k">=&gt;</span>
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">Single</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-c1">null</span>);
+
+<span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">dbSingle</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>, <span class="pl-k">object</span> <span class="pl-smi">op</span>) <span class="pl-k">=&gt;</span>
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">Single</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-smi">op</span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/error-handling/03.md b/wwwroot/gfm/error-handling/03.md
new file mode 100644
index 0000000..0dd92b5
--- /dev/null
+++ b/wwwroot/gfm/error-handling/03.md
@@ -0,0 +1,29 @@
+```csharp
+T exec<T>(Func<IDbConnection, T> fn, ScriptScopeContext scope, object options)
+{
+    try
+    {
+        using (var db = DbFactory.Open())
+        {
+            return fn(db);
+        }
+    }
+    catch (Exception ex)
+    {
+        throw new StopFilterExecutionException(scope, options, ex);
+    }
+}
+
+public object dbSelect(ScriptScopeContext scope, string sql, Dictionary<string, object> args) => 
+    exec(db => db.SqlList<Dictionary<string, object>>(sql, args), scope, null);
+
+public object dbSelect(ScriptScopeContext scope, string sql, Dictionary<string, object> args, object op) => 
+    exec(db => db.SqlList<Dictionary<string, object>>(sql, args), scope, op);
+
+
+public object dbSingle(ScriptScopeContext scope, string sql, Dictionary<string, object> args) =>
+    exec(db => db.Single<Dictionary<string, object>>(sql, args), scope, null);
+
+public object dbSingle(ScriptScopeContext scope, string sql, Dictionary<string, object> args, object op) =>
+    exec(db => db.Single<Dictionary<string, object>>(sql, args), scope, op);
+```
diff --git a/wwwroot/gfm/hot-reloading/01.html b/wwwroot/gfm/hot-reloading/01.html
new file mode 100644
index 0000000..51db859
--- /dev/null
+++ b/wwwroot/gfm/hot-reloading/01.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>());</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/hot-reloading/01.md b/wwwroot/gfm/hot-reloading/01.md
new file mode 100644
index 0000000..e39c9cf
--- /dev/null
+++ b/wwwroot/gfm/hot-reloading/01.md
@@ -0,0 +1,3 @@
+```csharp
+Plugins.Add(new SharpPagesFeature());
+```
diff --git a/wwwroot/gfm/hot-reloading/02.html b/wwwroot/gfm/hot-reloading/02.html
new file mode 100644
index 0000000..cca2ba9
--- /dev/null
+++ b/wwwroot/gfm/hot-reloading/02.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">i</span> <span class="pl-e">hidden</span>&gt;{{ '/js/hot-loader.js' |&gt; ifDebugIncludeScript }}&lt;/<span class="pl-ent">i</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/hot-reloading/02.md b/wwwroot/gfm/hot-reloading/02.md
new file mode 100644
index 0000000..175ad26
--- /dev/null
+++ b/wwwroot/gfm/hot-reloading/02.md
@@ -0,0 +1,3 @@
+```html
+<i hidden>{{ '/js/hot-loader.js' |> ifDebugIncludeScript }}</i>
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/01.html b/wwwroot/gfm/info-scripts/01.html
new file mode 100644
index 0000000..30f0dd9
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/01.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> 
+{
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">InfoScripts</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/01.md b/wwwroot/gfm/info-scripts/01.md
new file mode 100644
index 0000000..ed17bca
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/01.md
@@ -0,0 +1,6 @@
+```csharp
+var context = new SharpPagesFeature 
+{
+    ScriptMethods = { new InfoScripts() }
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/02.html b/wwwroot/gfm/info-scripts/02.html
new file mode 100644
index 0000000..69714e8
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> { 
+    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
+})</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/02.md b/wwwroot/gfm/info-scripts/02.md
new file mode 100644
index 0000000..b2f066a
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/02.md
@@ -0,0 +1,5 @@
+```csharp
+Plugins.Add(new SharpPagesFeature { 
+    MetadataDebugAdminRole = RoleNames.AllowAnon
+})
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/03.html b/wwwroot/gfm/info-scripts/03.html
new file mode 100644
index 0000000..8d5ded3
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/03.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">SetConfig</span>(<span class="pl-k">new</span> <span class="pl-en">HostConfig</span> { <span class="pl-smi">AdminAuthSecret</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>secret<span class="pl-pds">"</span></span> })</pre></div>
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/info-filters/03.md b/wwwroot/gfm/info-scripts/03.md
similarity index 100%
rename from src/wwwroot/gfm/info-filters/03.md
rename to wwwroot/gfm/info-scripts/03.md
diff --git a/wwwroot/gfm/info-scripts/04.html b/wwwroot/gfm/info-scripts/04.html
new file mode 100644
index 0000000..57b4016
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/04.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> { 
+    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnyUser</span>,  <span class="pl-c"><span class="pl-c">//</span> Allow Authenticated Users</span>
+    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>,     <span class="pl-c"><span class="pl-c">//</span> Allow anyone</span>
+})</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/info-scripts/04.md b/wwwroot/gfm/info-scripts/04.md
new file mode 100644
index 0000000..2c1e688
--- /dev/null
+++ b/wwwroot/gfm/info-scripts/04.md
@@ -0,0 +1,6 @@
+```csharp
+Plugins.Add(new SharpPagesFeature { 
+    MetadataDebugAdminRole = RoleNames.AllowAnyUser,  // Allow Authenticated Users
+    MetadataDebugAdminRole = RoleNames.AllowAnon,     // Allow anyone
+})
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/installation/01.html b/wwwroot/gfm/installation/01.html
new file mode 100644
index 0000000..6a46f92
--- /dev/null
+++ b/wwwroot/gfm/installation/01.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> context <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>().<span class="pl-en">Init</span>();
+<span class="pl-k">var</span> output <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>The time is now: {{ now |> dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/installation/01.md b/wwwroot/gfm/installation/01.md
new file mode 100644
index 0000000..5e21ee3
--- /dev/null
+++ b/wwwroot/gfm/installation/01.md
@@ -0,0 +1,4 @@
+```ts
+var context = new ScriptContext().Init();
+var output = context.RenderScript("The time is now: {{ now |> dateFormat('HH:mm:ss') }}");
+```
diff --git a/wwwroot/gfm/installation/02.html b/wwwroot/gfm/installation/02.html
new file mode 100644
index 0000000..47bce98
--- /dev/null
+++ b/wwwroot/gfm/installation/02.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
+{
+    <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>());
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/installation/02.md b/wwwroot/gfm/installation/02.md
new file mode 100644
index 0000000..0b57de5
--- /dev/null
+++ b/wwwroot/gfm/installation/02.md
@@ -0,0 +1,6 @@
+```csharp
+public void Configure(Container container)
+{
+    Plugins.Add(new SharpPagesFeature());
+}
+```
diff --git a/wwwroot/gfm/introduction/01.html b/wwwroot/gfm/introduction/01.html
new file mode 100644
index 0000000..5fb7215
--- /dev/null
+++ b/wwwroot/gfm/introduction/01.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>().<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/01.md b/wwwroot/gfm/introduction/01.md
new file mode 100644
index 0000000..b8c6ad6
--- /dev/null
+++ b/wwwroot/gfm/introduction/01.md
@@ -0,0 +1,3 @@
+```csharp
+var context = new ScriptContext().Init();
+```
diff --git a/wwwroot/gfm/introduction/02.html b/wwwroot/gfm/introduction/02.html
new file mode 100644
index 0000000..106952c
--- /dev/null
+++ b/wwwroot/gfm/introduction/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>Time is now: {{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>);</pre></div>
+<p>Or if your script performs any async I/O, it can be evaluated asynchronously with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScriptAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>Time is now: {{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/02.md b/wwwroot/gfm/introduction/02.md
new file mode 100644
index 0000000..a1315a8
--- /dev/null
+++ b/wwwroot/gfm/introduction/02.md
@@ -0,0 +1,9 @@
+```csharp
+var output = context.RenderScript("Time is now: {{ now |> dateFormat('HH:mm:ss') }}");
+```
+
+Or if your script performs any async I/O, it can be evaluated asynchronously with:  
+
+```csharp
+var output = await context.RenderScriptAsync("Time is now: {{ now |> dateFormat('HH:mm:ss') }}");
+```
diff --git a/wwwroot/gfm/introduction/03.html b/wwwroot/gfm/introduction/03.html
new file mode 100644
index 0000000..026609a
--- /dev/null
+++ b/wwwroot/gfm/introduction/03.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>_layout.html<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>I am the Layout: &lt;b&gt;{{ page }}&lt;/b&gt;<span class="pl-pds">"</span></span>);
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>page.html<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>I am the Page<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/03.md b/wwwroot/gfm/introduction/03.md
new file mode 100644
index 0000000..0f2396a
--- /dev/null
+++ b/wwwroot/gfm/introduction/03.md
@@ -0,0 +1,4 @@
+```csharp
+context.VirtualFiles.WriteFile("_layout.html", "I am the Layout: <b>{{ page }}</b>");
+context.VirtualFiles.WriteFile("page.html", "I am the Page");
+```
diff --git a/wwwroot/gfm/introduction/04.html b/wwwroot/gfm/introduction/04.html
new file mode 100644
index 0000000..18ac1b8
--- /dev/null
+++ b/wwwroot/gfm/introduction/04.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">pageResult</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>page<span class="pl-pds">"</span></span>));</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/04.md b/wwwroot/gfm/introduction/04.md
new file mode 100644
index 0000000..fc7767f
--- /dev/null
+++ b/wwwroot/gfm/introduction/04.md
@@ -0,0 +1,3 @@
+```csharp
+var pageResult = new PageResult(context.GetPage("page"));
+```
diff --git a/wwwroot/gfm/introduction/05.html b/wwwroot/gfm/introduction/05.html
new file mode 100644
index 0000000..c4811e5
--- /dev/null
+++ b/wwwroot/gfm/introduction/05.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">await</span> <span class="pl-smi">pageResult</span>.<span class="pl-en">WriteToAsync</span>(<span class="pl-smi">responseStream</span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/05.md b/wwwroot/gfm/introduction/05.md
new file mode 100644
index 0000000..2d443bc
--- /dev/null
+++ b/wwwroot/gfm/introduction/05.md
@@ -0,0 +1,3 @@
+```csharp
+await pageResult.WriteToAsync(responseStream);
+```
diff --git a/wwwroot/gfm/introduction/06.html b/wwwroot/gfm/introduction/06.html
new file mode 100644
index 0000000..8072c2f
--- /dev/null
+++ b/wwwroot/gfm/introduction/06.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">string</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">pageResult</span>.<span class="pl-en">RenderToStringAsync</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/06.md b/wwwroot/gfm/introduction/06.md
new file mode 100644
index 0000000..5be2fc0
--- /dev/null
+++ b/wwwroot/gfm/introduction/06.md
@@ -0,0 +1,3 @@
+```csharp
+string output = await pageResult.RenderToStringAsync();
+```
diff --git a/wwwroot/gfm/introduction/07.html b/wwwroot/gfm/introduction/07.html
new file mode 100644
index 0000000..542ec35
--- /dev/null
+++ b/wwwroot/gfm/introduction/07.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">string</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">pageResult</span>.<span class="pl-smi">Result</span>;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/07.md b/wwwroot/gfm/introduction/07.md
new file mode 100644
index 0000000..2eea348
--- /dev/null
+++ b/wwwroot/gfm/introduction/07.md
@@ -0,0 +1,3 @@
+```csharp
+string output = pageResult.Result;
+```
diff --git a/wwwroot/gfm/introduction/08.html b/wwwroot/gfm/introduction/08.html
new file mode 100644
index 0000000..583c231
--- /dev/null
+++ b/wwwroot/gfm/introduction/08.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>select url from quote where id= @id<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">dbScalar</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">urlContents</span></span> |&gt; <span class="pl-e"><span class="pl-v">markdown</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">quote</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">quote</span> |&gt; <span class="pl-e"><span class="pl-v">replace</span></span>(<span class="pl-s"><span class="pl-pds">'</span>Razor<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Templates<span class="pl-pds">'</span></span>) |&gt; <span class="pl-e"><span class="pl-v">replace</span></span>(<span class="pl-s"><span class="pl-pds">'</span>2010<span class="pl-pds">'</span></span>, <span class="pl-e"><span class="pl-v">now.Year</span></span>) |&gt; <span class="pl-e"><span class="pl-v">raw</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/08.md b/wwwroot/gfm/introduction/08.md
new file mode 100644
index 0000000..c65907f
--- /dev/null
+++ b/wwwroot/gfm/introduction/08.md
@@ -0,0 +1,5 @@
+```hbs
+{{ 'select url from quote where id= @id' |> dbScalar({ id }) |> urlContents |> markdown |> to => quote }}
+
+{{ quote |> replace('Razor', 'Templates') |> replace('2010', now.Year) |> raw }}
+```
diff --git a/wwwroot/gfm/introduction/09.html b/wwwroot/gfm/introduction/09.html
new file mode 100644
index 0000000..72d2d01
--- /dev/null
+++ b/wwwroot/gfm/introduction/09.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>().<span class="pl-en">Init</span>();
+<span class="pl-k">var</span> <span class="pl-smi">dynamicPage</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">OneTimePage</span>(<span class="pl-s"><span class="pl-pds">"</span>The time is now: {{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); 
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScript</span>();
+
+<span class="pl-c"><span class="pl-c">//</span>async</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScriptAsync</span>();</pre></div>
+<p>If you need the return value instead you can access it from:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">EvaluateResult</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">returnValue</span>)
+    <span class="pl-k">?</span> <span class="pl-smi">ScriptLanguage</span>.<span class="pl-en">UnwrapValue</span>(<span class="pl-smi">returnValue</span>)
+    <span class="pl-k">:</span> <span class="pl-c1">null</span>;</pre></div>
+<p>If your script source code doesn't change you can re-use <code>dynamicPage</code> which lets you re-evaluate your source code's cached AST.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/09.md b/wwwroot/gfm/introduction/09.md
new file mode 100644
index 0000000..2a6a676
--- /dev/null
+++ b/wwwroot/gfm/introduction/09.md
@@ -0,0 +1,18 @@
+```csharp
+var context = new ScriptContext().Init();
+var dynamicPage = context.OneTimePage("The time is now: {{ now |> dateFormat('HH:mm:ss') }}"); 
+var output = new PageResult(dynamicPage).RenderScript();
+
+//async
+var output = await new PageResult(dynamicPage).RenderScriptAsync();
+```
+
+If you need the return value instead you can access it from:
+
+```csharp
+var result = new PageResult(dynamicPage).EvaluateResult(out var returnValue)
+    ? ScriptLanguage.UnwrapValue(returnValue)
+    : null;
+```
+
+If your script source code doesn't change you can re-use `dynamicPage` which lets you re-evaluate your source code's cached AST.
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/10.html b/wwwroot/gfm/introduction/10.html
new file mode 100644
index 0000000..d556e9e
--- /dev/null
+++ b/wwwroot/gfm/introduction/10.html
@@ -0,0 +1,11 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">Evaluate</span>(<span class="pl-s"><span class="pl-pds">"</span>1 + 1 = {{ 1 + 1 |&gt; return }}.<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2</span></pre></div>
+<p>The generic overload utilizes ServiceStack's powerful <a href="https://docs.servicestack.net/auto-mapping" rel="nofollow">Auto Mapping</a>
+utils to convert the return value into your preferred type, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">double</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">Evaluate</span>&lt;<span class="pl-k">double</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>1 + 1 = {{ return(1 + 1) }}.<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2.0</span>
+<span class="pl-k">string</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">Evaluate</span>&lt;<span class="pl-k">string</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>1 + 1 = {{ return(1 + 1) }}.<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= "2"</span></pre></div>
+<p>But can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">Evaluate</span>&lt;<span class="pl-en">Customer</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>{{`select * from customer where id=@id` |&gt; dbSingle({id}) |&gt;return}}<span class="pl-pds">"</span></span>
+    , <span class="pl-k">new</span> <span class="pl-en">ObjectDictionary</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>id<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-c1">1</span>
+    });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/10.md b/wwwroot/gfm/introduction/10.md
new file mode 100644
index 0000000..396cc31
--- /dev/null
+++ b/wwwroot/gfm/introduction/10.md
@@ -0,0 +1,20 @@
+```csharp
+var result = context.Evaluate("1 + 1 = {{ 1 + 1 |> return }}."); //= 2
+```
+
+The generic overload utilizes ServiceStack's powerful [Auto Mapping](https://docs.servicestack.net/auto-mapping) 
+utils to convert the return value into your preferred type, e.g:
+
+```csharp
+double result = context.Evaluate<double>("1 + 1 = {{ return(1 + 1) }}."); //= 2.0
+string result = context.Evaluate<string>("1 + 1 = {{ return(1 + 1) }}."); //= "2"
+```
+
+But can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO: 
+
+```csharp
+var result = context.Evaluate<Customer>("{{`select * from customer where id=@id` |> dbSingle({id}) |>return}}"
+    , new ObjectDictionary {
+        ["id"] = 1
+    });
+```
diff --git a/wwwroot/gfm/introduction/11.html b/wwwroot/gfm/introduction/11.html
new file mode 100644
index 0000000..afc1459
--- /dev/null
+++ b/wwwroot/gfm/introduction/11.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> { ... },              <span class="pl-c"><span class="pl-c">//</span> Global Arguments available to all Scripts, Pages, Partials, etc</span>
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { ... },     <span class="pl-c"><span class="pl-c">//</span> Additional Methods</span>
+    <span class="pl-smi">ScriptBlocks</span> <span class="pl-k">=</span> { ... },      <span class="pl-c"><span class="pl-c">//</span> Additional Script Blocks </span>
+    <span class="pl-smi">FilterTransformers</span> <span class="pl-k">=</span> { .. }, <span class="pl-c"><span class="pl-c">//</span> Additional Stream Transformers</span>
+    <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { ... },       <span class="pl-c"><span class="pl-c">//</span> Additional Text Document Formats</span>
+    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { ... },           <span class="pl-c"><span class="pl-c">//</span> Encapsulated Features e.g. Markdown, Protected or ServiceStack Features</span>
+
+    <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { ... },         <span class="pl-c"><span class="pl-c">//</span> Auto register Methods, Blocks and Code Page Types</span>
+    <span class="pl-smi">ScanAssemblies</span> <span class="pl-k">=</span> { ... },    <span class="pl-c"><span class="pl-c">//</span> Auto register all Methods, Blocks and Code Page Types in Assembly</span>
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introduction/11.md b/wwwroot/gfm/introduction/11.md
new file mode 100644
index 0000000..9f0bcd9
--- /dev/null
+++ b/wwwroot/gfm/introduction/11.md
@@ -0,0 +1,13 @@
+```csharp
+var context = new ScriptContext {
+    Args = { ... },              // Global Arguments available to all Scripts, Pages, Partials, etc
+    ScriptMethods = { ... },     // Additional Methods
+    ScriptBlocks = { ... },      // Additional Script Blocks 
+    FilterTransformers = { .. }, // Additional Stream Transformers
+    PageFormats = { ... },       // Additional Text Document Formats
+    Plugins = { ... },           // Encapsulated Features e.g. Markdown, Protected or ServiceStack Features
+
+    ScanTypes = { ... },         // Auto register Methods, Blocks and Code Page Types
+    ScanAssemblies = { ... },    // Auto register all Methods, Blocks and Code Page Types in Assembly
+}.Init();
+```
diff --git a/wwwroot/gfm/introspect-state/01.html b/wwwroot/gfm/introspect-state/01.html
new file mode 100644
index 0000000..0986d21
--- /dev/null
+++ b/wwwroot/gfm/introspect-state/01.html
@@ -0,0 +1,47 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Linq</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">IO</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Diagnostics</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">Collections</span>.<span class="pl-en">Generic</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">IO</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/introspect/state<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">IntrospectState</span> 
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Page</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ProcessInfo</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">DriveInfo</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">StateScriptMethods</span> : <span class="pl-en">ScriptMethods</span>
+    {
+        <span class="pl-k">bool</span> <span class="pl-en">HasAccess</span>(<span class="pl-en">Process</span> <span class="pl-smi">process</span>)
+        {
+            <span class="pl-k">try</span> { <span class="pl-k">return</span> <span class="pl-smi">process</span>.<span class="pl-smi">TotalProcessorTime</span> <span class="pl-k">&gt;=</span> <span class="pl-smi">TimeSpan</span>.<span class="pl-smi">Zero</span>; } 
+            <span class="pl-k">catch</span> (<span class="pl-en">Exception</span>) { <span class="pl-k">return</span> <span class="pl-c1">false</span>; }
+        }
+
+        <span class="pl-k">public</span> <span class="pl-en">IEnumerable</span>&lt;<span class="pl-en">Process</span>&gt; <span class="pl-en">processes</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetProcesses</span>().<span class="pl-en">Where</span>(<span class="pl-smi">HasAccess</span>);
+        <span class="pl-k">public</span> <span class="pl-en">Process</span> <span class="pl-en">processById</span>(<span class="pl-k">int</span> <span class="pl-smi">processId</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetProcessById</span>(<span class="pl-smi">processId</span>);
+        <span class="pl-k">public</span> <span class="pl-en">Process</span> <span class="pl-en">currentProcess</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">Process</span>.<span class="pl-en">GetCurrentProcess</span>();
+        <span class="pl-k">public</span> <span class="pl-en">DriveInfo</span>[] <span class="pl-en">drives</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">DriveInfo</span>.<span class="pl-en">GetDrives</span>();
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">IntrospectStateServices</span> : <span class="pl-en">Service</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">IntrospectState</span> <span class="pl-smi">request</span>)
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+                <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">StateScriptMethods</span>) }, <span class="pl-c"><span class="pl-c">//</span>Autowires (if needed)</span>
+                <span class="pl-smi">RenderExpressionExceptions</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>
+            }.<span class="pl-en">Init</span>();
+
+            <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">OneTimePage</span>(<span class="pl-smi">request</span>.<span class="pl-smi">Page</span>));
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introspect-state/01.md b/wwwroot/gfm/introspect-state/01.md
new file mode 100644
index 0000000..01331b4
--- /dev/null
+++ b/wwwroot/gfm/introspect-state/01.md
@@ -0,0 +1,48 @@
+```csharp
+using System;
+using System.Linq;
+using System.IO;
+using System.Diagnostics;
+using System.Collections.Generic;
+using ServiceStack;
+using ServiceStack.IO;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Route("/introspect/state")]
+    public class IntrospectState 
+    {
+        public string Page { get; set; }
+        public string ProcessInfo { get; set; }
+        public string DriveInfo { get; set; }
+    }
+
+    public class StateScriptMethods : ScriptMethods
+    {
+        bool HasAccess(Process process)
+        {
+            try { return process.TotalProcessorTime >= TimeSpan.Zero; } 
+            catch (Exception) { return false; }
+        }
+
+        public IEnumerable<Process> processes() => Process.GetProcesses().Where(HasAccess);
+        public Process processById(int processId) => Process.GetProcessById(processId);
+        public Process currentProcess() => Process.GetCurrentProcess();
+        public DriveInfo[] drives() => DriveInfo.GetDrives();
+    }
+
+    public class IntrospectStateServices : Service
+    {
+        public object Any(IntrospectState request)
+        {
+            var context = new ScriptContext {
+                ScanTypes = { typeof(StateScriptMethods) }, //Autowires (if needed)
+                RenderExpressionExceptions = true
+            }.Init();
+
+            return new PageResult(context.OneTimePage(request.Page));
+        }
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/introspect-state/02.html b/wwwroot/gfm/introspect-state/02.html
new file mode 100644
index 0000000..a3fc7bc
--- /dev/null
+++ b/wwwroot/gfm/introspect-state/02.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">'</span>form<span class="pl-pds">'</span></span>).<span class="pl-en">ajaxPreview</span>({ </span>
+<span class="pl-s1">    dataType<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>html<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-en">success</span><span class="pl-k">:</span> <span class="pl-k">function</span>(<span class="pl-smi">r</span>) {</span>
+<span class="pl-s1">        <span class="pl-en">$</span>(<span class="pl-s"><span class="pl-pds">"</span>#output<span class="pl-pds">"</span></span>).<span class="pl-en">html</span>(r);</span>
+<span class="pl-s1">    } </span>
+<span class="pl-s1">})</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/gfm/introspect-state/02.md b/wwwroot/gfm/introspect-state/02.md
similarity index 100%
rename from src/wwwroot/gfm/introspect-state/02.md
rename to wwwroot/gfm/introspect-state/02.md
diff --git a/wwwroot/gfm/introspect-state/03.html b/wwwroot/gfm/introspect-state/03.html
new file mode 100644
index 0000000..69714e8
--- /dev/null
+++ b/wwwroot/gfm/introspect-state/03.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> { 
+    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnon</span>
+})</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/introspect-state/03.md b/wwwroot/gfm/introspect-state/03.md
new file mode 100644
index 0000000..b2f066a
--- /dev/null
+++ b/wwwroot/gfm/introspect-state/03.md
@@ -0,0 +1,5 @@
+```csharp
+Plugins.Add(new SharpPagesFeature { 
+    MetadataDebugAdminRole = RoleNames.AllowAnon
+})
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/linq/01.html b/wwwroot/gfm/linq/01.html
new file mode 100644
index 0000000..15cf395
--- /dev/null
+++ b/wwwroot/gfm/linq/01.html
@@ -0,0 +1,19 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">LinqContext</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-smi">ScriptContext</span> {
+    <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> { <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span> },
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">DefaultDateFormat</span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>yyyy/MM/dd<span class="pl-pds">"</span></span>,
+        [<span class="pl-s"><span class="pl-pds">"</span>products<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Products</span>,
+        [<span class="pl-s"><span class="pl-pds">"</span>products-list<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">Lisp</span>.<span class="pl-en">ToCons</span>(<span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Products</span>),
+        [<span class="pl-s"><span class="pl-pds">"</span>customers<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Customers</span>,
+        [<span class="pl-s"><span class="pl-pds">"</span>customers-list<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">Lisp</span>.<span class="pl-en">ToCons</span>(<span class="pl-smi">TemplateQueryData</span>.<span class="pl-smi">Customers</span>),
+        [<span class="pl-s"><span class="pl-pds">"</span>comparer<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">CaseInsensitiveComparer</span>(),
+        [<span class="pl-s"><span class="pl-pds">"</span>anagramComparer<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">AnagramEqualityComparer</span>(),
+    },
+    <span class="pl-c"><span class="pl-c">//</span> Enable access to .NET Types to Lisp</span>
+    <span class="pl-smi">ScriptTypes</span> <span class="pl-k">=</span> {
+        <span class="pl-k">typeof</span>(<span class="pl-en">DateTime</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">CaseInsensitiveComparer</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">AnagramEqualityComparer</span>),
+    },
+};</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/linq/01.md b/wwwroot/gfm/linq/01.md
new file mode 100644
index 0000000..4af4257
--- /dev/null
+++ b/wwwroot/gfm/linq/01.md
@@ -0,0 +1,20 @@
+```csharp
+LinqContext = new ScriptContext {
+    ScriptLanguages = { ScriptLisp.Language },
+    Args = {
+        [ScriptConstants.DefaultDateFormat] = "yyyy/MM/dd",
+        ["products"] = TemplateQueryData.Products,
+        ["products-list"] = Lisp.ToCons(TemplateQueryData.Products),
+        ["customers"] = TemplateQueryData.Customers,
+        ["customers-list"] = Lisp.ToCons(TemplateQueryData.Customers),
+        ["comparer"] = new CaseInsensitiveComparer(),
+        ["anagramComparer"] = new AnagramEqualityComparer(),
+    },
+    // Enable access to .NET Types to Lisp
+    ScriptTypes = {
+        typeof(DateTime),
+        typeof(CaseInsensitiveComparer),
+        typeof(AnagramEqualityComparer),
+    },
+};
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/01.html b/wwwroot/gfm/lisp/01.html
new file mode 100644
index 0000000..6cdb5b6
--- /dev/null
+++ b/wwwroot/gfm/lisp/01.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> { <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span> },
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/01.md b/wwwroot/gfm/lisp/01.md
new file mode 100644
index 0000000..824c818
--- /dev/null
+++ b/wwwroot/gfm/lisp/01.md
@@ -0,0 +1,5 @@
+```csharp
+var context = new ScriptContext {
+    ScriptLanguages = { ScriptLisp.Language },
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/02.html b/wwwroot/gfm/lisp/02.html
new file mode 100644
index 0000000..dcb6ca9
--- /dev/null
+++ b/wwwroot/gfm/lisp/02.html
@@ -0,0 +1,28 @@
+<div class="gfm"><div class="highlight highlight-source-commonlisp"><pre><span class="pl-c"><span class="pl-c">;</span>&lt;!--</span>
+<span class="pl-c"><span class="pl-c">;</span> db sqlite</span>
+<span class="pl-c"><span class="pl-c">;</span> db.connection northwind.sqlite</span>
+<span class="pl-c"><span class="pl-c">;</span> files s3</span>
+<span class="pl-c"><span class="pl-c">;</span> files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}</span>
+<span class="pl-c"><span class="pl-c">;</span>--&gt;</span>
+
+<span class="pl-c"><span class="pl-c">;</span> delete remove.txt file</span>
+(sh (str (<span class="pl-k">if</span> isWin <span class="pl-s"><span class="pl-pds">"</span>del<span class="pl-pds">"</span></span> <span class="pl-s"><span class="pl-pds">"</span>rm<span class="pl-pds">"</span></span>) <span class="pl-s"><span class="pl-pds">"</span> remove.txt<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> View all `northwind.sqlite` RDBMS Tables</span>
+(textDump (dbTableNames) { <span class="pl-en">:caption</span> <span class="pl-s"><span class="pl-pds">"</span>Northwind<span class="pl-pds">"</span></span> } )
+
+<span class="pl-c"><span class="pl-c">;</span> Display first `customer` row in Single Row View showing all Table Columns</span>
+(textDump (dbSelect <span class="pl-s"><span class="pl-pds">"</span>select * from customer limit 1<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> Display all Customers in London</span>
+(def city <span class="pl-s"><span class="pl-pds">"</span>London<span class="pl-pds">"</span></span>)
+(textDump (dbSelect <span class="pl-s"><span class="pl-pds">"</span>select Id, CompanyName, ContactName from customer where city = @city<span class="pl-pds">"</span></span> { <span class="pl-en">:city</span> city } ))
+
+<span class="pl-c"><span class="pl-c">;</span> View all root files and folders in configured S3 Virtual File Provider</span>
+(joinln (<span class="pl-c1">map</span> <span class="pl-c1">#</span>(str (.Name %) <span class="pl-s"><span class="pl-pds">"</span>/<span class="pl-pds">"</span></span>) (allRootDirectories vfsContent)))
+(joinln (<span class="pl-c1">map</span> .Name (allRootFiles vfsContent)))
+
+<span class="pl-c"><span class="pl-c">;</span> Show first 10 *.png files in S3 VFS Provider</span>
+(def pattern (<span class="pl-k">or</span> (<span class="pl-c1">first</span> ARGV) <span class="pl-s"><span class="pl-pds">"</span>*.png<span class="pl-pds">"</span></span>))
+(joinln (<span class="pl-c1">map</span> .VirtualPath (take <span class="pl-c1">10</span> (findFiles vfsContent pattern))))</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/02.md b/wwwroot/gfm/lisp/02.md
new file mode 100644
index 0000000..67e6ab3
--- /dev/null
+++ b/wwwroot/gfm/lisp/02.md
@@ -0,0 +1,29 @@
+```lisp
+;<!--
+; db sqlite
+; db.connection northwind.sqlite
+; files s3
+; files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}
+;-->
+
+; delete remove.txt file
+(sh (str (if isWin "del" "rm") " remove.txt"))
+
+; View all `northwind.sqlite` RDBMS Tables
+(textDump (dbTableNames) { :caption "Northwind" } )
+
+; Display first `customer` row in Single Row View showing all Table Columns
+(textDump (dbSelect "select * from customer limit 1"))
+
+; Display all Customers in London
+(def city "London")
+(textDump (dbSelect "select Id, CompanyName, ContactName from customer where city = @city" { :city city } ))
+
+; View all root files and folders in configured S3 Virtual File Provider
+(joinln (map #(str (.Name %) "/") (allRootDirectories vfsContent)))
+(joinln (map .Name (allRootFiles vfsContent)))
+
+; Show first 10 *.png files in S3 VFS Provider
+(def pattern (or (first ARGV) "*.png"))
+(joinln (map .VirtualPath (take 10 (findFiles vfsContent pattern))))
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/03.html b/wwwroot/gfm/lisp/03.html
new file mode 100644
index 0000000..2a1960a
--- /dev/null
+++ b/wwwroot/gfm/lisp/03.html
@@ -0,0 +1,110 @@
+<div class="gfm"><div class="highlight highlight-source-lisp"><pre><span class="pl-c"><span class="pl-c">;</span> quick lisp test!</span>
+(+ <span class="pl-c1">1</span> <span class="pl-c1">2</span> <span class="pl-c1">3</span>)
+
+<span class="pl-c"><span class="pl-c">;</span> List of ScriptMethodInfo that the ScriptContext running this Lisp Interpreter has access to</span>
+scriptMethods
+
+<span class="pl-c"><span class="pl-c">;</span> first script method</span>
+(:<span class="pl-c1">0</span> scriptMethods)
+
+<span class="pl-c"><span class="pl-c">;</span> show public properties of ScriptMethodInfo </span>
+(props (:<span class="pl-c1">0</span> scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> show 1 property per line</span>
+(joinln (props (:<span class="pl-c1">0</span> scriptMethods)))
+
+<span class="pl-c"><span class="pl-c">;</span> show both Property Type and Name</span>
+(joinln (propTypes (:<span class="pl-c1">0</span> scriptMethods)))
+
+<span class="pl-c"><span class="pl-c">;</span> view the Names of all avaialble script methods</span>
+(joinln (map .Name scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> view all script methods starting with 'a'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>a*<span class="pl-pds">"</span></span> (map .Name scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> view all script methods starting with 'env'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>env*<span class="pl-pds">"</span></span> (map .Name scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> print environment info about this machine seperated by spaces</span>
+(printlns envOSVersion envMachineName envFrameworkDescription envLogicalDrives)
+
+<span class="pl-c"><span class="pl-c">;</span> expand logical drives</span>
+(printlns envOSVersion envMachineName envFrameworkDescription <span class="pl-s"><span class="pl-pds">"</span>- drives:<span class="pl-pds">"</span></span> (join envLogicalDrives <span class="pl-s"><span class="pl-pds">"</span> <span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> view all current global symbols defined in this Lisp interpreter</span>
+symbols
+
+<span class="pl-c"><span class="pl-c">;</span> view all symbols starting with 'c'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>c*<span class="pl-pds">"</span></span> symbols)
+
+<span class="pl-c"><span class="pl-c">;</span> see how many symbols are defined in this interpreter</span>
+(count symbols)
+
+<span class="pl-c"><span class="pl-c">;</span> see how many script methods there are available</span>
+(count scriptMethods)
+
+<span class="pl-c"><span class="pl-c">;</span> view the method signature for all script methods starting with 'all'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>all*<span class="pl-pds">"</span></span> (map .Signature scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> count all files accessible from the configured ScriptContext</span>
+(count allFiles)
+
+<span class="pl-c"><span class="pl-c">;</span> view the public properties of the first IVirtualFile</span>
+(props (:<span class="pl-c1">0</span> allFiles))
+
+<span class="pl-c"><span class="pl-c">;</span> display the VirtualPath of all available files</span>
+(joinln (map .VirtualPath allFiles))
+
+<span class="pl-c"><span class="pl-c">;</span> display the method signature for all script methods starting with 'findFiles'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>findFiles*<span class="pl-pds">"</span></span> (map .Signature scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> see how many .html files are available to this App</span>
+(count (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> see how many .js files are available to this App</span>
+(count (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.js<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> show the VirtualPath of all .html files</span>
+(joinln (map .VirtualPath (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> view the VirtualPath's of the 1st and 2nd .html files</span>
+(:<span class="pl-c1">0</span> (map .VirtualPath (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>)))
+(:<span class="pl-c1">1</span> (map .VirtualPath (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> view the text file contents of the 1st and 2nd .html files</span>
+(fileTextContents (:<span class="pl-c1">0</span> (map .VirtualPath (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>))))
+(fileTextContents (:<span class="pl-c1">1</span> (map .VirtualPath (findFiles <span class="pl-s"><span class="pl-pds">"</span>*.html<span class="pl-pds">"</span></span>))))
+
+<span class="pl-c"><span class="pl-c">;</span> display the method signatures of all script methods starting with 'redis'</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>redis*<span class="pl-pds">"</span></span> (map .Signature scriptMethods))
+
+<span class="pl-c"><span class="pl-c">;</span> search for all Redis Keys starting with 'urn:' in the redis-server instances this App is configured with</span>
+(redisSearchKeys <span class="pl-s"><span class="pl-pds">"</span>urn:*<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> display the first redis search entry</span>
+(:<span class="pl-c1">0</span> (redisSearchKeys <span class="pl-s"><span class="pl-pds">"</span>urn:*<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> display the key names of all redis keys starting with 'urn:'</span>
+(joinln (map :id (redisSearchKeys <span class="pl-s"><span class="pl-pds">"</span>urn:*<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> find out the redis-server data type of the 'urn:tags' key</span>
+(redisCall <span class="pl-s"><span class="pl-pds">"</span>TYPE urn:tags<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> view all tags in the 'urn:tags' sorted set</span>
+(redisCall <span class="pl-s"><span class="pl-pds">"</span>ZRANGE urn:tags 0 -1<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> view the string contents of the 'urn:question:1' key</span>
+(redisCall <span class="pl-s"><span class="pl-pds">"</span>GET urn:question:1<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> parse the json contents of question 1 and display its tag names</span>
+(:Tags (parseJson (redisCall <span class="pl-s"><span class="pl-pds">"</span>GET urn:question:1<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> extract the 2nd tag of question 1</span>
+(:<span class="pl-c1">1</span> (:Tags (parseJson (redisCall <span class="pl-s"><span class="pl-pds">"</span>GET urn:question:1<span class="pl-pds">"</span></span>))))
+
+<span class="pl-c"><span class="pl-c">;</span> clear the Console screen</span>
+clear
+
+<span class="pl-c"><span class="pl-c">;</span> exit the Lisp REPL</span>
+quit</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/03.md b/wwwroot/gfm/lisp/03.md
new file mode 100644
index 0000000..7f63ed1
--- /dev/null
+++ b/wwwroot/gfm/lisp/03.md
@@ -0,0 +1,111 @@
+```lisp
+; quick lisp test!
+(+ 1 2 3)
+
+; List of ScriptMethodInfo that the ScriptContext running this Lisp Interpreter has access to
+scriptMethods
+
+; first script method
+(:0 scriptMethods)
+
+; show public properties of ScriptMethodInfo 
+(props (:0 scriptMethods))
+
+; show 1 property per line
+(joinln (props (:0 scriptMethods)))
+
+; show both Property Type and Name
+(joinln (propTypes (:0 scriptMethods)))
+
+; view the Names of all avaialble script methods
+(joinln (map .Name scriptMethods))
+
+; view all script methods starting with 'a'
+(globln "a*" (map .Name scriptMethods))
+
+; view all script methods starting with 'env'
+(globln "env*" (map .Name scriptMethods))
+
+; print environment info about this machine seperated by spaces
+(printlns envOSVersion envMachineName envFrameworkDescription envLogicalDrives)
+
+; expand logical drives
+(printlns envOSVersion envMachineName envFrameworkDescription "- drives:" (join envLogicalDrives " "))
+
+; view all current global symbols defined in this Lisp interpreter
+symbols
+
+; view all symbols starting with 'c'
+(globln "c*" symbols)
+
+; see how many symbols are defined in this interpreter
+(count symbols)
+
+; see how many script methods there are available
+(count scriptMethods)
+
+; view the method signature for all script methods starting with 'all'
+(globln "all*" (map .Signature scriptMethods))
+
+; count all files accessible from the configured ScriptContext
+(count allFiles)
+
+; view the public properties of the first IVirtualFile
+(props (:0 allFiles))
+
+; display the VirtualPath of all available files
+(joinln (map .VirtualPath allFiles))
+
+; display the method signature for all script methods starting with 'findFiles'
+(globln "findFiles*" (map .Signature scriptMethods))
+
+; see how many .html files are available to this App
+(count (findFiles "*.html"))
+
+; see how many .js files are available to this App
+(count (findFiles "*.js"))
+
+; show the VirtualPath of all .html files
+(joinln (map .VirtualPath (findFiles "*.html")))
+
+; view the VirtualPath's of the 1st and 2nd .html files
+(:0 (map .VirtualPath (findFiles "*.html")))
+(:1 (map .VirtualPath (findFiles "*.html")))
+
+; view the text file contents of the 1st and 2nd .html files
+(fileTextContents (:0 (map .VirtualPath (findFiles "*.html"))))
+(fileTextContents (:1 (map .VirtualPath (findFiles "*.html"))))
+
+; display the method signatures of all script methods starting with 'redis'
+(globln "redis*" (map .Signature scriptMethods))
+
+; search for all Redis Keys starting with 'urn:' in the redis-server instances this App is configured with
+(redisSearchKeys "urn:*")
+
+; display the first redis search entry
+(:0 (redisSearchKeys "urn:*"))
+
+; display the key names of all redis keys starting with 'urn:'
+(joinln (map :id (redisSearchKeys "urn:*")))
+
+; find out the redis-server data type of the 'urn:tags' key
+(redisCall "TYPE urn:tags")
+
+; view all tags in the 'urn:tags' sorted set
+(redisCall "ZRANGE urn:tags 0 -1")
+
+; view the string contents of the 'urn:question:1' key
+(redisCall "GET urn:question:1")
+
+; parse the json contents of question 1 and display its tag names
+(:Tags (parseJson (redisCall "GET urn:question:1")))
+
+; extract the 2nd tag of question 1
+(:1 (:Tags (parseJson (redisCall "GET urn:question:1"))))
+
+; clear the Console screen
+clear
+
+; exit the Lisp REPL
+quit
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/04.html b/wwwroot/gfm/lisp/04.html
new file mode 100644
index 0000000..5adc12c
--- /dev/null
+++ b/wwwroot/gfm/lisp/04.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">if</span> (<span class="pl-smi">Config</span>.<span class="pl-smi">DebugMode</span>)
+{
+    <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">LispReplTcpServer</span> {
+        <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+            <span class="pl-k">new</span> <span class="pl-en">DbScriptsAsync</span>()
+        }
+    });
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/04.md b/wwwroot/gfm/lisp/04.md
new file mode 100644
index 0000000..964f80e
--- /dev/null
+++ b/wwwroot/gfm/lisp/04.md
@@ -0,0 +1,10 @@
+```csharp
+if (Config.DebugMode)
+{
+    Plugins.Add(new LispReplTcpServer {
+        ScriptMethods = {
+            new DbScripts()
+        }
+    });
+}
+```
diff --git a/wwwroot/gfm/lisp/05.html b/wwwroot/gfm/lisp/05.html
new file mode 100644
index 0000000..ae1bd64
--- /dev/null
+++ b/wwwroot/gfm/lisp/05.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">if</span> (<span class="pl-smi">Config</span>.<span class="pl-smi">DebugMode</span>)
+{
+    <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">LispReplTcpServer</span> {
+        <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+            <span class="pl-k">new</span> <span class="pl-en">DbScripts</span>()
+        },
+        <span class="pl-smi">ScriptNamespaces</span> <span class="pl-k">=</span> {
+            <span class="pl-k">nameof</span>(<span class="pl-smi">TechStacks</span>),
+            <span class="pl-s"><span class="pl-pds">$"</span>{<span class="pl-k">nameof</span>(<span class="pl-smi">TechStacks</span>)}.{<span class="pl-k">nameof</span>(<span class="pl-smi">ServiceInterface</span>)}<span class="pl-pds">"</span></span>,
+            <span class="pl-s"><span class="pl-pds">$"</span>{<span class="pl-k">nameof</span>(<span class="pl-smi">TechStacks</span>)}.{<span class="pl-k">nameof</span>(<span class="pl-smi">ServiceModel</span>)}<span class="pl-pds">"</span></span>,
+        },
+    });
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/05.md b/wwwroot/gfm/lisp/05.md
new file mode 100644
index 0000000..274d924
--- /dev/null
+++ b/wwwroot/gfm/lisp/05.md
@@ -0,0 +1,15 @@
+```csharp
+if (Config.DebugMode)
+{
+    Plugins.Add(new LispReplTcpServer {
+        ScriptMethods = {
+            new DbScripts()
+        },
+        ScriptNamespaces = {
+            nameof(TechStacks),
+            $"{nameof(TechStacks)}.{nameof(ServiceInterface)}",
+            $"{nameof(TechStacks)}.{nameof(ServiceModel)}",
+        },
+    });
+}
+```
diff --git a/wwwroot/gfm/lisp/06.html b/wwwroot/gfm/lisp/06.html
new file mode 100644
index 0000000..a7b22f1
--- /dev/null
+++ b/wwwroot/gfm/lisp/06.html
@@ -0,0 +1,80 @@
+<div class="gfm"><div class="highlight highlight-source-lisp"><pre><span class="pl-c"><span class="pl-c">;</span> resolve `ITwitterUpdates` IOC dependency and assign it to `twitter`</span>
+(def twitter (resolve <span class="pl-s"><span class="pl-pds">"</span>ITwitterUpdates<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> view its concrete Type Name</span>
+(typeName twitter)
+
+<span class="pl-c"><span class="pl-c">;</span> view its method names </span>
+(joinln (methods twitter))
+
+<span class="pl-c"><span class="pl-c">;</span> view its method signatures </span>
+(joinln (methodTypes twitter))
+
+<span class="pl-c"><span class="pl-c">;</span> use it to send tweet from its @webstacks account</span>
+(.Tweet twitter <span class="pl-s"><span class="pl-pds">"</span>Who's using #Script Lisp? https://sharpscript.net/lisp<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> view all available scripts in #Script Lisp Library Index gist.github.com/3624b0373904cfb2fc7bb3c2cb9dc1a3</span>
+(gistindex)
+
+<span class="pl-c"><span class="pl-c">;</span> view the source code of the `parse-rss` library</span>
+(load-src <span class="pl-s"><span class="pl-pds">"</span>index:parse-rss<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> assign the XML contents of HN's RSS feed to `xml`</span>
+(def xml (urlContents <span class="pl-s"><span class="pl-pds">"</span>https://news.ycombinator.com/rss<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> preview its first 1000 chars</span>
+(subString xml <span class="pl-c1">0</span> <span class="pl-c1">1000</span>)
+
+<span class="pl-c"><span class="pl-c">;</span> use `parse-rss` to parse the RSS feed into a .NET Collection and assign it to `rss`</span>
+(def rss (parse-rss xml))
+
+<span class="pl-c"><span class="pl-c">;</span> view the `title`, `description` and the first `item` in the RSS feed:</span>
+(:title rss)
+(:description rss)
+(:<span class="pl-c1">0</span> (:items rss))
+
+<span class="pl-c"><span class="pl-c">;</span> view the links of all RSS feed items</span>
+(joinln (map :link (:items rss)))
+
+<span class="pl-c"><span class="pl-c">;</span> view the links and titles of the top 5 news items</span>
+(joinln (map :link (take <span class="pl-c1">5</span> (:items rss))))
+(joinln (map :title (take <span class="pl-c1">5</span> (:items rss))))
+
+<span class="pl-c"><span class="pl-c">;</span> construct a plain-text numbered list of the top 5 HN Links and assign it to `body`</span>
+(joinln (map-index #(str %<span class="pl-c1">2</span> (:title %<span class="pl-c1">1</span>)) (take <span class="pl-c1">5</span> (:items rss))))
+(joinln (map-index #(str (padLeft (<span class="pl-c1">1</span>+ %<span class="pl-c1">2</span>) <span class="pl-c1">2</span>) <span class="pl-s"><span class="pl-pds">"</span>. <span class="pl-pds">"</span></span> (:title %<span class="pl-c1">1</span>)) (take <span class="pl-c1">5</span> (:items rss))))
+(def body (joinln 
+    (map-index #(str (padLeft (<span class="pl-c1">1</span>+ %<span class="pl-c1">2</span>) <span class="pl-c1">2</span>) <span class="pl-s"><span class="pl-pds">"</span>. <span class="pl-pds">"</span></span> (:title %<span class="pl-c1">1</span>) <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\n</span><span class="pl-pds">"</span></span> (:link %<span class="pl-c1">1</span>) <span class="pl-s"><span class="pl-pds">"</span><span class="pl-cce">\n</span><span class="pl-pds">"</span></span>) (take <span class="pl-c1">5</span> (:items rss)))))
+
+<span class="pl-c"><span class="pl-c">;</span> view all TechStacks PostgreSQL AWS RDS tables</span>
+(dbTableNames)
+(joinln dbTableNames)
+
+<span class="pl-c"><span class="pl-c">;</span> view the column names and definitions of the `technology` table</span>
+(joinln (dbColumnNames <span class="pl-s"><span class="pl-pds">"</span>technology<span class="pl-pds">"</span></span>))
+(joinln (dbColumns <span class="pl-s"><span class="pl-pds">"</span>technology<span class="pl-pds">"</span></span>))
+
+<span class="pl-c"><span class="pl-c">;</span> search for all `user` tables</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>*user*<span class="pl-pds">"</span></span> (dbTableNames))
+
+<span class="pl-c"><span class="pl-c">;</span> view how many Admin Users with Emails there are</span>
+(dbScalar <span class="pl-s"><span class="pl-pds">"</span>select count(email) from custom_user_auth where roles like '%Admin%'<span class="pl-pds">"</span></span>)
+
+<span class="pl-c"><span class="pl-c">;</span> assign the Admin Users email to the `emails` list</span>
+(def emails (map :email (dbSelect <span class="pl-s"><span class="pl-pds">"</span>select email from custom_user_auth where roles like '%Admin%'<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> search for all `operation` script methods</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>*operation*<span class="pl-pds">"</span></span> scriptMethods)
+
+<span class="pl-c"><span class="pl-c">;</span> search for all `email` Request DTOs</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>*email*<span class="pl-pds">"</span></span> metaAllOperationNames)
+
+<span class="pl-c"><span class="pl-c">;</span> view the properties available on the `SendEmail` Request DTO</span>
+(props (SendEmail.))
+
+<span class="pl-c"><span class="pl-c">;</span> search for all `publish` script methods that can publish messages</span>
+(globln <span class="pl-s"><span class="pl-pds">"</span>publish*<span class="pl-pds">"</span></span> scriptMethods)
+
+<span class="pl-c"><span class="pl-c">;</span> create and publish 5x `SendEmail` Request DTOs for processing by TechStacks configured MQ Server</span>
+(doseq (to emails) (publishMessage <span class="pl-s"><span class="pl-pds">"</span>SendEmail<span class="pl-pds">"</span></span> { :To to :Subject <span class="pl-s"><span class="pl-pds">"</span>Top 5 HN Links<span class="pl-pds">"</span></span> :Body body }))</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/06.md b/wwwroot/gfm/lisp/06.md
new file mode 100644
index 0000000..5d6c687
--- /dev/null
+++ b/wwwroot/gfm/lisp/06.md
@@ -0,0 +1,81 @@
+```lisp
+; resolve `ITwitterUpdates` IOC dependency and assign it to `twitter`
+(def twitter (resolve "ITwitterUpdates"))
+
+; view its concrete Type Name
+(typeName twitter)
+
+; view its method names 
+(joinln (methods twitter))
+
+; view its method signatures 
+(joinln (methodTypes twitter))
+
+; use it to send tweet from its @webstacks account
+(.Tweet twitter "Who's using #Script Lisp? https://sharpscript.net/lisp")
+
+; view all available scripts in #Script Lisp Library Index gist.github.com/3624b0373904cfb2fc7bb3c2cb9dc1a3
+(gistindex)
+
+; view the source code of the `parse-rss` library
+(load-src "index:parse-rss")
+
+; assign the XML contents of HN's RSS feed to `xml`
+(def xml (urlContents "https://news.ycombinator.com/rss"))
+
+; preview its first 1000 chars
+(subString xml 0 1000)
+
+; use `parse-rss` to parse the RSS feed into a .NET Collection and assign it to `rss`
+(def rss (parse-rss xml))
+
+; view the `title`, `description` and the first `item` in the RSS feed:
+(:title rss)
+(:description rss)
+(:0 (:items rss))
+
+; view the links of all RSS feed items
+(joinln (map :link (:items rss)))
+
+; view the links and titles of the top 5 news items
+(joinln (map :link (take 5 (:items rss))))
+(joinln (map :title (take 5 (:items rss))))
+
+; construct a plain-text numbered list of the top 5 HN Links and assign it to `body`
+(joinln (map-index #(str %2 (:title %1)) (take 5 (:items rss))))
+(joinln (map-index #(str (padLeft (1+ %2) 2) ". " (:title %1)) (take 5 (:items rss))))
+(def body (joinln 
+    (map-index #(str (padLeft (1+ %2) 2) ". " (:title %1) "\n" (:link %1) "\n") (take 5 (:items rss)))))
+
+; view all TechStacks PostgreSQL AWS RDS tables
+(dbTableNames)
+(joinln dbTableNames)
+
+; view the column names and definitions of the `technology` table
+(joinln (dbColumnNames "technology"))
+(joinln (dbColumns "technology"))
+
+; search for all `user` tables
+(globln "*user*" (dbTableNames))
+
+; view how many Admin Users with Emails there are
+(dbScalar "select count(email) from custom_user_auth where roles like '%Admin%'")
+
+; assign the Admin Users email to the `emails` list
+(def emails (map :email (dbSelect "select email from custom_user_auth where roles like '%Admin%'")))
+
+; search for all `operation` script methods
+(globln "*operation*" scriptMethods)
+
+; search for all `email` Request DTOs
+(globln "*email*" metaAllOperationNames)
+
+; view the properties available on the `SendEmail` Request DTO
+(props (SendEmail.))
+
+; search for all `publish` script methods that can publish messages
+(globln "publish*" scriptMethods)
+
+; create and publish 5x `SendEmail` Request DTOs for processing by TechStacks configured MQ Server
+(doseq (to emails) (publishMessage "SendEmail" { :To to :Subject "Top 5 HN Links" :Body body }))
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/07.html b/wwwroot/gfm/lisp/07.html
new file mode 100644
index 0000000..4bd037b
--- /dev/null
+++ b/wwwroot/gfm/lisp/07.html
@@ -0,0 +1,32 @@
+<div class="gfm"><p>To render <code>lisp</code> you'll first need to register the Lisp Language with the <code>ScriptContext</code> you're using:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> { <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span> }
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>Then use <code>RenderLisp</code> (i.e. instead of <code>RenderScript</code>) to render Lisp code, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">//</span> render lisp</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderLisp</span>(<span class="pl-s"><span class="pl-pds">"</span>(dateFormat now <span class="pl-cce">\"</span>HH:mm:ss<span class="pl-cce">\"</span>)<span class="pl-pds">"</span></span>); 
+
+<span class="pl-c"><span class="pl-c">//</span> async</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderLispAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>(dateFormat now <span class="pl-cce">\"</span>HH:mm:ss<span class="pl-cce">\"</span>)<span class="pl-pds">"</span></span>); </pre></div>
+<p>These APIs match the high-level APIs for rendering normal <code>#Script</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>{{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); 
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScriptAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>{{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); </pre></div>
+<h3>
+<a id="user-content-finer-grained-control" class="anchor" href="#finer-grained-control" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Finer grained control</h3>
+<p>The high-level APIs above wraps the finer-grained functionality below which works by rendering a <code>SharpPage</code> configured with the <code>lisp</code>
+language in a <code>PageResult</code> that all languages use:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> { <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span> }
+}.<span class="pl-en">Init</span>();
+<span class="pl-k">var</span> <span class="pl-smi">dynamicPage</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">LispSharpPage</span>(<span class="pl-s"><span class="pl-pds">"</span>(dateFormat now <span class="pl-cce">\"</span>HH:mm:ss<span class="pl-cce">\"</span>)<span class="pl-pds">"</span></span>);          <span class="pl-c"><span class="pl-c">//</span> render lisp</span>
+<span class="pl-c"><span class="pl-c">//</span>var dynamicPage = context.SharpScriptPage("{{ now |&gt; dateFormat('HH:mm:ss') }}"); // render #Script</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScript</span>();
+
+<span class="pl-c"><span class="pl-c">//</span>async</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScriptAsync</span>();</pre></div>
+<p>If you need the return value instead you can access it from:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">EvaluateResult</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">returnValue</span>)
+    <span class="pl-k">?</span> <span class="pl-smi">ScriptLanguage</span>.<span class="pl-en">UnwrapValue</span>(<span class="pl-smi">returnValue</span>)
+    <span class="pl-k">:</span> <span class="pl-c1">null</span>;</pre></div>
+<p>If your script source code doesn't change you can re-use <code>dynamicPage</code> which lets you re-evaluate your source code's cached AST.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/07.md b/wwwroot/gfm/lisp/07.md
new file mode 100644
index 0000000..890a73b
--- /dev/null
+++ b/wwwroot/gfm/lisp/07.md
@@ -0,0 +1,51 @@
+To render `lisp` you'll first need to register the Lisp Language with the `ScriptContext` you're using:
+
+```csharp
+var context = new ScriptContext {
+    ScriptLanguages = { ScriptLisp.Language }
+}.Init();
+```
+
+Then use `RenderLisp` (i.e. instead of `RenderScript`) to render Lisp code, e.g:
+
+```csharp
+// render lisp
+var output = context.RenderLisp("(dateFormat now \"HH:mm:ss\")"); 
+
+// async
+var output = await context.RenderLispAsync("(dateFormat now \"HH:mm:ss\")"); 
+```
+
+These APIs match the high-level APIs for rendering normal `#Script`:
+
+```csharp
+var output = context.RenderScript("{{ now |> dateFormat('HH:mm:ss') }}"); 
+var output = await context.RenderScriptAsync("{{ now |> dateFormat('HH:mm:ss') }}"); 
+```
+
+### Finer grained control
+
+The high-level APIs above wraps the finer-grained functionality below which works by rendering a `SharpPage` configured with the `lisp` 
+language in a `PageResult` that all languages use:
+
+```csharp
+var context = new ScriptContext {
+    ScriptLanguages = { ScriptLisp.Language }
+}.Init();
+var dynamicPage = context.LispSharpPage("(dateFormat now \"HH:mm:ss\")");          // render lisp
+//var dynamicPage = context.SharpScriptPage("{{ now |> dateFormat('HH:mm:ss') }}"); // render #Script
+var output = new PageResult(dynamicPage).RenderScript();
+
+//async
+var output = await new PageResult(dynamicPage).RenderScriptAsync();
+```
+
+If you need the return value instead you can access it from:
+
+```csharp
+var result = new PageResult(dynamicPage).EvaluateResult(out var returnValue)
+    ? ScriptLanguage.UnwrapValue(returnValue)
+    : null;
+```
+
+If your script source code doesn't change you can re-use `dynamicPage` which lets you re-evaluate your source code's cached AST.
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/08.html b/wwwroot/gfm/lisp/08.html
new file mode 100644
index 0000000..4b688ea
--- /dev/null
+++ b/wwwroot/gfm/lisp/08.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateLisp</span>(<span class="pl-s"><span class="pl-pds">"</span>(return (+ 1 1))<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2</span></pre></div>
+<p>The generic overloads below utilizes ServiceStack's <a href="https://docs.servicestack.net/auto-mapping" rel="nofollow">Auto Mapping utils</a>
+to convert the return value into your preferred type, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">double</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateLisp</span>&lt;<span class="pl-k">double</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>(return (+ 1 1))<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2.0</span>
+<span class="pl-k">string</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateLisp</span>&lt;<span class="pl-k">string</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>(return (+ 1 1))<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= "2"</span></pre></div>
+<p>Which can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateLisp</span>&lt;<span class="pl-en">Customer</span>&gt;(
+    <span class="pl-s"><span class="pl-pds">"</span>(return (dbSingle <span class="pl-cce">\"</span>select * from customer where id=@id<span class="pl-cce">\"</span> { :id id }))<span class="pl-pds">"</span></span>,
+    <span class="pl-k">new</span> <span class="pl-en">ObjectDictionary</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>id<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-c1">1</span>
+    });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/08.md b/wwwroot/gfm/lisp/08.md
new file mode 100644
index 0000000..c71b8ae
--- /dev/null
+++ b/wwwroot/gfm/lisp/08.md
@@ -0,0 +1,21 @@
+```csharp
+var result = context.EvaluateLisp("(return (+ 1 1))"); //= 2
+```
+
+The generic overloads below utilizes ServiceStack's [Auto Mapping utils](https://docs.servicestack.net/auto-mapping) 
+to convert the return value into your preferred type, e.g:
+
+```csharp
+double result = context.EvaluateLisp<double>("(return (+ 1 1))"); //= 2.0
+string result = context.EvaluateLisp<string>("(return (+ 1 1))"); //= "2"
+```
+
+Which can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO:
+
+```csharp
+var result = context.EvaluateLisp<Customer>(
+    "(return (dbSingle \"select * from customer where id=@id\" { :id id }))",
+    new ObjectDictionary {
+        ["id"] = 1
+    });
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/09.html b/wwwroot/gfm/lisp/09.html
new file mode 100644
index 0000000..5f24c00
--- /dev/null
+++ b/wwwroot/gfm/lisp/09.html
@@ -0,0 +1,79 @@
+<div class="gfm"><p>To see what this looks like in action here's an annotated simple real-world example that heavily utilizes .NET interop:</p>
+<div class="highlight highlight-source-lisp"><pre><span class="pl-c"><span class="pl-c">;</span> define function and assign to `parse-rss` value in Lisp interpreters symbols table</span>
+(defn parse-rss [xml]
+    <span class="pl-c"><span class="pl-c">;</span> define local variables used within this scope</span>
+    (<span class="pl-k">let</span> ( (to) (doc) (channel) (items) (el) )
+        <span class="pl-c"><span class="pl-c">;</span> use XDocument.Parse() to parse xml string argument containing xml and assign to `doc`</span>
+        (def doc (System.Xml.Linq.XDocument/Parse xml))
+        <span class="pl-c"><span class="pl-c">;</span> create empty ObjectDictionary (wrapper for Dictionary&lt;string,object&gt;) and assign to `to`</span>
+        (def to  (ObjectDictionary.))
+        <span class="pl-c"><span class="pl-c">;</span> create empty List of ObjectDictionary and assign to `items`</span>
+        (def items (<span class="pl-c1">List</span>&lt;ObjectDictionary&gt;.))
+        <span class="pl-c"><span class="pl-c">;</span> descend into first &lt;channel&gt; XML element and assign to `channel`</span>
+        (def channel (first (.Descendants doc <span class="pl-s"><span class="pl-pds">"</span>channel<span class="pl-pds">"</span></span>)))
+        <span class="pl-c"><span class="pl-c">;</span> use `XLinqExtensions.FirstElement()` extension method to assign channels first XML element to `el`</span>
+        (def el  (XLinqExtensions/FirstElement channel))
+
+        <span class="pl-c"><span class="pl-c">;</span> iterate through all elements up to the first &lt;item&gt; and add them as top-level entries in `to`</span>
+        (while (<span class="pl-k">not</span>= (.LocalName (.Name el)) <span class="pl-s"><span class="pl-pds">"</span>item<span class="pl-pds">"</span></span>)
+            <span class="pl-c"><span class="pl-c">;</span> add current XML element name and value entry to `to`</span>
+            (.Add to (.LocalName (.Name el)) (.Value el))
+            <span class="pl-c"><span class="pl-c">;</span> move to next element using `XLinqExtensions.NextElement()` extension method</span>
+            (def el (XLinqExtensions/NextElement el)))
+
+        <span class="pl-c"><span class="pl-c">;</span> add all rss &lt;item&gt;'s to `items` list</span>
+        <span class="pl-c"><span class="pl-c">;</span> iterate through all `channel` child &lt;item&gt; XML elements</span>
+        (doseq (elItem (.Descendants channel <span class="pl-s"><span class="pl-pds">"</span>item<span class="pl-pds">"</span></span>))
+            <span class="pl-c"><span class="pl-c">;</span> create empty ObjectDictionary and assign to `item`</span>
+            (def item (ObjectDictionary.))
+            
+            <span class="pl-c"><span class="pl-c">;</span> use `XLinqExtensions.FirstElement()` to assign &lt;item&gt; first XML element to `el`</span>
+            (def el (XLinqExtensions/FirstElement elItem))
+            (while el
+                <span class="pl-c"><span class="pl-c">;</span> add current XML element name and value entry to `item`</span>
+                (.Add item (.LocalName (.Name el)) (.Value el))
+                <span class="pl-c"><span class="pl-c">;</span> move to next element using `XLinqExtensions.NextElement()` extension method</span>
+                (def el (XLinqExtensions/NextElement el)))
+
+            <span class="pl-c"><span class="pl-c">;</span> add `item` ObjectDictionary to `items` List</span>
+            (.Add items item))
+
+        <span class="pl-c"><span class="pl-c">;</span> add `items` ObjectDictionary List to `to` at key `items`</span>
+        (.Add to <span class="pl-s"><span class="pl-pds">"</span>items<span class="pl-pds">"</span></span> items)
+        <span class="pl-c"><span class="pl-c">;</span> return `to` ObjectDictionary</span>
+        to
+    )
+)</pre></div>
+<p>For comparison, this would be the equivalent implementation in C#:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-en">ObjectDictionary</span> <span class="pl-en">ParseRss</span>(<span class="pl-k">string</span> <span class="pl-smi">xml</span>)
+{
+    <span class="pl-k">var</span> <span class="pl-smi">to</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ObjectDictionary</span>();
+    <span class="pl-k">var</span> <span class="pl-smi">items</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">List</span>&lt;<span class="pl-en">ObjectDictionary</span>&gt;();
+
+    <span class="pl-k">var</span> <span class="pl-smi">doc</span> <span class="pl-k">=</span> <span class="pl-smi">XDocument</span>.<span class="pl-en">Parse</span>(<span class="pl-smi">xml</span>);
+    <span class="pl-k">var</span> <span class="pl-smi">channel</span> <span class="pl-k">=</span> <span class="pl-smi">doc</span>.<span class="pl-en">Descendants</span>(<span class="pl-s"><span class="pl-pds">"</span>channel<span class="pl-pds">"</span></span>).<span class="pl-en">First</span>();
+    <span class="pl-k">var</span> <span class="pl-smi">el</span> <span class="pl-k">=</span> <span class="pl-smi">channel</span>.<span class="pl-en">FirstElement</span>();
+    <span class="pl-k">while</span> (<span class="pl-smi">el</span>.<span class="pl-smi">Name</span> <span class="pl-k">!=</span> <span class="pl-s"><span class="pl-pds">"</span>item<span class="pl-pds">"</span></span>)
+    {
+        <span class="pl-smi">to</span>[<span class="pl-smi">el</span>.<span class="pl-smi">Name</span>.<span class="pl-smi">LocalName</span>] <span class="pl-k">=</span> <span class="pl-smi">el</span>.<span class="pl-smi">Value</span>;
+        <span class="pl-smi">el</span> <span class="pl-k">=</span> <span class="pl-smi">el</span>.<span class="pl-en">NextElement</span>();
+    }
+
+    <span class="pl-k">var</span> <span class="pl-smi">elItems</span> <span class="pl-k">=</span> <span class="pl-smi">channel</span>.<span class="pl-en">Descendants</span>(<span class="pl-s"><span class="pl-pds">"</span>item<span class="pl-pds">"</span></span>);
+    <span class="pl-k">foreach</span> (<span class="pl-k">var</span> <span class="pl-smi">elItem</span> <span class="pl-k">in</span> <span class="pl-smi">elItems</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">item</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ObjectDictionary</span>();
+        <span class="pl-smi">el</span> <span class="pl-k">=</span> <span class="pl-smi">elItem</span>.<span class="pl-en">FirstElement</span>();
+        <span class="pl-k">while</span> (<span class="pl-smi">el</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span>)
+        {
+            <span class="pl-smi">item</span>[<span class="pl-smi">el</span>.<span class="pl-smi">Name</span>.<span class="pl-smi">LocalName</span>] <span class="pl-k">=</span> <span class="pl-smi">el</span>.<span class="pl-smi">Value</span>;
+            <span class="pl-smi">el</span> <span class="pl-k">=</span> <span class="pl-smi">el</span>.<span class="pl-en">NextElement</span>();
+        }
+
+        <span class="pl-smi">items</span>.<span class="pl-en">Add</span>(<span class="pl-smi">item</span>);
+    }
+
+    <span class="pl-smi">to</span>[<span class="pl-s"><span class="pl-pds">"</span>items<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">items</span>;
+    <span class="pl-k">return</span> <span class="pl-smi">to</span>;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/09.md b/wwwroot/gfm/lisp/09.md
new file mode 100644
index 0000000..d192802
--- /dev/null
+++ b/wwwroot/gfm/lisp/09.md
@@ -0,0 +1,85 @@
+To see what this looks like in action here's an annotated simple real-world example that heavily utilizes .NET interop:
+
+```lisp
+; define function and assign to `parse-rss` value in Lisp interpreters symbols table
+(defn parse-rss [xml]
+    ; define local variables used within this scope
+    (let ( (to) (doc) (channel) (items) (el) )
+        ; use XDocument.Parse() to parse xml string argument containing xml and assign to `doc`
+        (def doc (System.Xml.Linq.XDocument/Parse xml))
+        ; create empty ObjectDictionary (wrapper for Dictionary<string,object>) and assign to `to`
+        (def to  (ObjectDictionary.))
+        ; create empty List of ObjectDictionary and assign to `items`
+        (def items (List<ObjectDictionary>.))
+        ; descend into first <channel> XML element and assign to `channel`
+        (def channel (first (.Descendants doc "channel")))
+        ; use `XLinqExtensions.FirstElement()` extension method to assign channels first XML element to `el`
+        (def el  (XLinqExtensions/FirstElement channel))
+
+        ; iterate through all elements up to the first <item> and add them as top-level entries in `to`
+        (while (not= (.LocalName (.Name el)) "item")
+            ; add current XML element name and value entry to `to`
+            (.Add to (.LocalName (.Name el)) (.Value el))
+            ; move to next element using `XLinqExtensions.NextElement()` extension method
+            (def el (XLinqExtensions/NextElement el)))
+
+        ; add all rss <item>'s to `items` list
+        ; iterate through all `channel` child <item> XML elements
+        (doseq (elItem (.Descendants channel "item"))
+            ; create empty ObjectDictionary and assign to `item`
+            (def item (ObjectDictionary.))
+            
+            ; use `XLinqExtensions.FirstElement()` to assign <item> first XML element to `el`
+            (def el (XLinqExtensions/FirstElement elItem))
+            (while el
+                ; add current XML element name and value entry to `item`
+                (.Add item (.LocalName (.Name el)) (.Value el))
+                ; move to next element using `XLinqExtensions.NextElement()` extension method
+                (def el (XLinqExtensions/NextElement el)))
+
+            ; add `item` ObjectDictionary to `items` List
+            (.Add items item))
+
+        ; add `items` ObjectDictionary List to `to` at key `items`
+        (.Add to "items" items)
+        ; return `to` ObjectDictionary
+        to
+    )
+)
+```
+
+For comparison, this would be the equivalent implementation in C#:
+
+```csharp
+public static ObjectDictionary ParseRss(string xml)
+{
+    var to = new ObjectDictionary();
+    var items = new List<ObjectDictionary>();
+
+    var doc = XDocument.Parse(xml);
+    var channel = doc.Descendants("channel").First();
+    var el = channel.FirstElement();
+    while (el.Name != "item")
+    {
+        to[el.Name.LocalName] = el.Value;
+        el = el.NextElement();
+    }
+
+    var elItems = channel.Descendants("item");
+    foreach (var elItem in elItems)
+    {
+        var item = new ObjectDictionary();
+        el = elItem.FirstElement();
+        while (el != null)
+        {
+            item[el.Name.LocalName] = el.Value;
+            el = el.NextElement();
+        }
+
+        items.Add(item);
+    }
+
+    to["items"] = items;
+    return to;
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/10.html b/wwwroot/gfm/lisp/10.html
new file mode 100644
index 0000000..03cdca8
--- /dev/null
+++ b/wwwroot/gfm/lisp/10.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Lisp</span>.<span class="pl-en">Import</span>(<span class="pl-s"><span class="pl-pds">@"</span></span>
+<span class="pl-s">(defun fib (n)</span>
+<span class="pl-s">    (if (&lt; n 2)</span>
+<span class="pl-s">        1</span>
+<span class="pl-s">        (+ (fib (- n 1))</span>
+<span class="pl-s">        (fib (- n 2)) )))<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/10.md b/wwwroot/gfm/lisp/10.md
new file mode 100644
index 0000000..6c6d173
--- /dev/null
+++ b/wwwroot/gfm/lisp/10.md
@@ -0,0 +1,9 @@
+
+```csharp
+Lisp.Import(@"
+(defun fib (n)
+    (if (< n 2)
+        1
+        (+ (fib (- n 1))
+        (fib (- n 2)) )))");
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/11.html b/wwwroot/gfm/lisp/11.html
new file mode 100644
index 0000000..24e2aae
--- /dev/null
+++ b/wwwroot/gfm/lisp/11.html
@@ -0,0 +1,64 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> { <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span> },
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>() },
+};
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>lib1.l<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>(defn lib-calc [a b] (+ a b))<span class="pl-pds">"</span></span>);
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>/dir/lib2.l<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>(defn lib-calc [a b] (* a b))<span class="pl-pds">"</span></span>);
+<span class="pl-smi">context</span>.<span class="pl-en">Init</span>();</pre></div>
+<p>You can load these scripts by symbol name where it assumes a <code>.l</code> extension, by quoting the argument so
+Lisp doesn't try to evaluate it as an argument, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> 'lib1)
+
+(lib-calc <span class="pl-c1">4</span> <span class="pl-c1">5</span>) <span class="pl-c"><span class="pl-c">;</span>= 9</span></pre></div>
+<p>Alternatively you can specify the virtual path to the script. You can load multiple scripts with the same definitions,
+in Lisp this just updates the value assigned to the symbol name with the latest definition, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>lib1.l<span class="pl-pds">"</span></span>)
+
+(lib-calc <span class="pl-c1">4</span> <span class="pl-c1">5</span>) <span class="pl-c"><span class="pl-c">;</span>= 9</span>
+
+(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>/dir/lib2.l<span class="pl-pds">"</span></span>)
+
+(lib-calc <span class="pl-c1">4</span> <span class="pl-c1">5</span>) <span class="pl-c"><span class="pl-c">;</span>= 20</span></pre></div>
+<h3>
+<a id="user-content-import-scripts-from-urls" class="anchor" href="#import-scripts-from-urls" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Import Scripts from URLs</h3>
+<p>Inspired by <a href="https://deno.land" rel="nofollow">Deno</a> you can also import remote scripts from URLs, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>https://example.org/lib.l<span class="pl-pds">"</span></span>)</pre></div>
+<h3>
+<a id="user-content-locally-cached" class="anchor" href="#locally-cached" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Locally Cached</h3>
+<p>Like <a href="https://deno.land/manual.html" rel="nofollow">Deno</a> all remote resources are cached after first use so after it's loaded once it only loads the locally cached
+version of the script (where it will still work in an airplane without an internet connection). This cache is maintained
+under a <code>.lisp</code> folder at your configured Virtual Files provider (that can be deleted to clear any caches).</p>
+<p>For Sharp Scripts or Apps using the <code>web</code> or <code>app</code> dotnet tools it's stored in its own cache folder that can be cleared with:</p>
+<pre><code>$ x --clean
+</code></pre>
+<h3>
+<a id="user-content-import-scripts-from-gists" class="anchor" href="#import-scripts-from-gists" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Import Scripts from Gists</h3>
+<p>There's also first-class support for gists which you can reference with <code>gist:&lt;gist-id&gt;</code>, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>gist:2f14d629ba1852ee55865607f1fa2c3e<span class="pl-pds">"</span></span>)</pre></div>
+<p>This will load all gist files in gist order, if you only to load a single file from a gist you can specify it with:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>gist:2f14d629ba1852ee55865607f1fa2c3e/lib1.l<span class="pl-pds">"</span></span>)</pre></div>
+<h3>
+<a id="user-content-script-lisp-library-index" class="anchor" href="#script-lisp-library-index" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Script Lisp Library Index</h3>
+<p>To provide human readable names to remote Lisp Scripts and a discoverable catalog where anyone can share their own scripts,
+you reference gists by name listed in the <a href="https://gist.github.com/gistlyn/3624b0373904cfb2fc7bb3c2cb9dc1a3">#Script Lisp Library Index</a>
+which is itself a self-documenting machine and human readable gist of named links to external gists maintained by their
+respective authors.</p>
+<p>Index library references can be loaded using the format <code>index:&lt;name&gt;</code>, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>index:lib-calc<span class="pl-pds">"</span></span>)</pre></div>
+<p>Which also support being able to reference individual gist files:</p>
+<div class="highlight highlight-source-lisp"><pre>(<span class="pl-c1">load</span> <span class="pl-s"><span class="pl-pds">"</span>index:lib-calc/lib1.l<span class="pl-pds">"</span></span>)</pre></div>
+<p>If you'd like to share your own Lisp Scripts with everyone and publish your library to the index, just add a link
+to your gist with your preferred name in the <a href="https://gist.github.com/gistlyn/3624b0373904cfb2fc7bb3c2cb9dc1a3">Gist Index Comments</a>.</p>
+<h3>
+<a id="user-content-viewing-script-source-code" class="anchor" href="#viewing-script-source-code" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Viewing Script Source Code</h3>
+<p>You can view the source code of any load script references with <code>load-src</code>, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(load-src 'lib)
+(load-src <span class="pl-s"><span class="pl-pds">"</span>/dir/lib2.l<span class="pl-pds">"</span></span>)
+(load-src <span class="pl-s"><span class="pl-pds">"</span>https://example.org/lib.l<span class="pl-pds">"</span></span>)
+(load-src <span class="pl-s"><span class="pl-pds">"</span>gist:2f14d629ba1852ee55865607f1fa2c3e/lib1.l<span class="pl-pds">"</span></span>)
+(load-src <span class="pl-s"><span class="pl-pds">"</span>index:lib-calc<span class="pl-pds">"</span></span>)</pre></div>
+<h3>
+<a id="user-content-disable-remote-imports" class="anchor" href="#disable-remote-imports" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Disable Remote Imports</h3>
+<p>Should you wish, you can prevent anyone from loading remote scripts with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Lisp</span>.<span class="pl-smi">AllowLoadingRemoteScripts</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/11.md b/wwwroot/gfm/lisp/11.md
new file mode 100644
index 0000000..52f5594
--- /dev/null
+++ b/wwwroot/gfm/lisp/11.md
@@ -0,0 +1,105 @@
+```csharp
+var context = new ScriptContext {
+    ScriptLanguages = { ScriptLisp.Language },
+    ScriptMethods = { new ProtectedScripts() },
+};
+context.VirtualFiles.WriteFile("lib1.l", "(defn lib-calc [a b] (+ a b))");
+context.VirtualFiles.WriteFile("/dir/lib2.l", "(defn lib-calc [a b] (* a b))");
+context.Init();
+```
+
+You can load these scripts by symbol name where it assumes a `.l` extension, by quoting the argument so 
+Lisp doesn't try to evaluate it as an argument, e.g:
+
+```lisp
+(load 'lib1)
+
+(lib-calc 4 5) ;= 9
+```
+
+Alternatively you can specify the virtual path to the script. You can load multiple scripts with the same definitions,
+in Lisp this just updates the value assigned to the symbol name with the latest definition, e.g:
+
+```lisp
+(load "lib1.l")
+
+(lib-calc 4 5) ;= 9
+
+(load "/dir/lib2.l")
+
+(lib-calc 4 5) ;= 20
+```
+
+### Import Scripts from URLs
+
+Inspired by [Deno](https://deno.land) you can also import remote scripts from URLs, e.g:
+
+```lisp
+(load "https://example.org/lib.l")
+```
+
+### Locally Cached
+
+Like [Deno](https://deno.land/manual.html) all remote resources are cached after first use so after it's loaded once it only loads the locally cached
+version of the script (where it will still work in an airplane without an internet connection). This cache is maintained 
+under a `.lisp` folder at your configured Virtual Files provider (that can be deleted to clear any caches). 
+
+For Sharp Scripts or Apps using the `x` or `app` dotnet tools it's stored in its own cache folder that can be cleared with: 
+
+    $ x --clean
+
+### Import Scripts from Gists
+
+There's also first-class support for gists which you can reference with `gist:<gist-id>`, e.g:
+
+```lisp
+(load "gist:2f14d629ba1852ee55865607f1fa2c3e")
+```
+
+This will load all gist files in gist order, if you only to load a single file from a gist you can specify it with: 
+
+```lisp
+(load "gist:2f14d629ba1852ee55865607f1fa2c3e/lib1.l")
+```
+
+### Script Lisp Library Index
+
+To provide human readable names to remote Lisp Scripts and a discoverable catalog where anyone can share their own scripts,
+you reference gists by name listed in the [#Script Lisp Library Index](https://gist.github.com/gistlyn/3624b0373904cfb2fc7bb3c2cb9dc1a3)
+which is itself a self-documenting machine and human readable gist of named links to external gists maintained by their 
+respective authors.
+
+Index library references can be loaded using the format `index:<name>`, e.g:
+
+```lisp
+(load "index:lib-calc")
+```
+
+Which also support being able to reference individual gist files:
+
+```lisp
+(load "index:lib-calc/lib1.l")
+```
+
+If you'd like to share your own Lisp Scripts with everyone and publish your library to the index, just add a link
+to your gist with your preferred name in the [Gist Index Comments](https://gist.github.com/gistlyn/3624b0373904cfb2fc7bb3c2cb9dc1a3).
+
+### Viewing Script Source Code
+
+You can view the source code of any load script references with `load-src`, e.g: 
+
+```lisp
+(load-src 'lib)
+(load-src "/dir/lib2.l")
+(load-src "https://example.org/lib.l")
+(load-src "gist:2f14d629ba1852ee55865607f1fa2c3e/lib1.l")
+(load-src "index:lib-calc")
+```
+
+### Disable Remote Imports
+
+Should you wish, you can prevent anyone from loading remote scripts with:
+
+```csharp
+Lisp.AllowLoadingRemoteScripts = false;
+```
diff --git a/wwwroot/gfm/lisp/12.html b/wwwroot/gfm/lisp/12.html
new file mode 100644
index 0000000..c041b67
--- /dev/null
+++ b/wwwroot/gfm/lisp/12.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">LispReplTcpServer</span> {
+    <span class="pl-smi">RequireAuthSecret</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+    ...
+});</pre></div>
+<p>Which will only allow access to users with the <a href="https://docs.servicestack.net/debugging#authsecret" rel="nofollow">configured AuthSecret</a>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-en">SetConfig</span>(<span class="pl-k">new</span> <span class="pl-en">HostConfig</span> { 
+    <span class="pl-smi">AdminAuthSecret</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>secretz<span class="pl-pds">"</span></span> 
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/12.md b/wwwroot/gfm/lisp/12.md
new file mode 100644
index 0000000..29e5627
--- /dev/null
+++ b/wwwroot/gfm/lisp/12.md
@@ -0,0 +1,14 @@
+```csharp
+Plugins.Add(new LispReplTcpServer {
+    RequireAuthSecret = true,
+    ...
+});
+```
+
+Which will only allow access to users with the [configured AuthSecret](https://docs.servicestack.net/debugging#authsecret):
+
+```csharp
+SetConfig(new HostConfig { 
+    AdminAuthSecret = "secretz" 
+});
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/13.html b/wwwroot/gfm/lisp/13.html
new file mode 100644
index 0000000..2c7cf14
--- /dev/null
+++ b/wwwroot/gfm/lisp/13.html
@@ -0,0 +1,44 @@
+<div class="gfm"><div class="highlight highlight-source-lisp"><pre><span class="pl-c"><span class="pl-c">;</span> test Lisp REPL</span>
+(println <span class="pl-s"><span class="pl-pds">"</span>Hi from #Script Lisp! <span class="pl-pds">"</span></span> (+ <span class="pl-c1">1</span> <span class="pl-c1">2</span> <span class="pl-c1">3</span>))
+
+<span class="pl-c"><span class="pl-c">;</span> set the color of the gameObject's first Renderer Material</span>
+(color (.material (.GetComponentInChildren&lt;Renderer&gt; gameObject)) (Color/cyan))
+
+<span class="pl-c"><span class="pl-c">;</span> set the colors of all gameObject's Renderer's Material </span>
+(map #(color (.material %) (Color/cyan)) (.GetComponentsInChildren&lt;Renderer&gt; gameObject))
+
+<span class="pl-c"><span class="pl-c">;</span> create a "Cube" GameObject and assign its Renderer to 'R'</span>
+(def R (.GetComponent&lt;Renderer&gt; (GameObject/CreatePrimitive <span class="pl-s"><span class="pl-pds">"</span>Cube<span class="pl-pds">"</span></span>)))
+
+<span class="pl-c"><span class="pl-c">;</span> modify the position of the cube</span>
+(position (transform R) (Vector3. <span class="pl-c1">15</span> <span class="pl-c1">3</span> <span class="pl-c1">3</span>))
+(position (transform R) (Vector3. <span class="pl-c1">13</span> <span class="pl-c1">1</span> <span class="pl-c1">5</span>))
+
+<span class="pl-c"><span class="pl-c">;</span> change the color of the cube's Material to grey</span>
+(color (.material R) (Color/grey))
+
+<span class="pl-c"><span class="pl-c">;</span> scale the cube to 150% of its size</span>
+(localScale (transform R) (Vector3. <span class="pl-c1">1.5</span> <span class="pl-c1">1.5</span> <span class="pl-c1">1.5</span>))
+
+<span class="pl-c"><span class="pl-c">;</span> change the color of the cube's Material to blue</span>
+(color (.material R) (Color/blue))
+
+<span class="pl-c"><span class="pl-c">;</span> create 3 "Sphere" GameObject's and assign to 'spheres'</span>
+(def spheres (map #(GameObject/CreatePrimitive <span class="pl-s"><span class="pl-pds">"</span>Sphere<span class="pl-pds">"</span></span>) (range <span class="pl-c1">3</span>)))
+<span class="pl-c"><span class="pl-c">;</span> assign the spheres Renderers to 'SR'</span>
+(def SR (map #(.GetComponent&lt;Renderer&gt; %) spheres))
+
+<span class="pl-c"><span class="pl-c">;</span> move the position of all 3 spheres</span>
+(map-index #(position (transform %<span class="pl-c1">1</span>) (Vector3. (+ (* %<span class="pl-c1">2</span> <span class="pl-c1">2</span>) <span class="pl-c1">13</span>) <span class="pl-c1">4</span> <span class="pl-c1">4</span>)) SR)
+(map-index #(position (transform %<span class="pl-c1">1</span>) (Vector3. (+ (* %<span class="pl-c1">2</span> <span class="pl-c1">2</span>) <span class="pl-c1">13</span>) <span class="pl-c1">3</span> <span class="pl-c1">3</span>)) SR)
+
+<span class="pl-c"><span class="pl-c">;</span> change the color of each sphere to a different color</span>
+(def colors [(Color/green) (Color/yellow) (Color/red)])
+(map-index #(color (.material %<span class="pl-c1">1</span>) (nth colors %<span class="pl-c1">2</span>)) SR)
+
+<span class="pl-c"><span class="pl-c">;</span> scale all spheres to 150% of its size</span>
+(map #(localScale (transform %) (Vector3. <span class="pl-c1">1.5</span> <span class="pl-c1">1.5</span> <span class="pl-c1">1.5</span>)) SR)
+
+<span class="pl-c"><span class="pl-c">;</span> add Rigidbody to all spheeres putting it under control of Unity's physics engine and giving it gravity</span>
+(def SRB (map #(.AddComponent&lt;Rigidbody&gt; %) spheres))</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/13.md b/wwwroot/gfm/lisp/13.md
new file mode 100644
index 0000000..e2551a9
--- /dev/null
+++ b/wwwroot/gfm/lisp/13.md
@@ -0,0 +1,45 @@
+```lisp
+; test Lisp REPL
+(println "Hi from #Script Lisp! " (+ 1 2 3))
+
+; set the color of the gameObject's first Renderer Material
+(color (.material (.GetComponentInChildren<Renderer> gameObject)) (Color/cyan))
+
+; set the colors of all gameObject's Renderer's Material 
+(map #(color (.material %) (Color/cyan)) (.GetComponentsInChildren<Renderer> gameObject))
+
+; create a "Cube" GameObject and assign its Renderer to 'R'
+(def R (.GetComponent<Renderer> (GameObject/CreatePrimitive "Cube")))
+
+; modify the position of the cube
+(position (transform R) (Vector3. 15 3 3))
+(position (transform R) (Vector3. 13 1 5))
+
+; change the color of the cube's Material to grey
+(color (.material R) (Color/grey))
+
+; scale the cube to 150% of its size
+(localScale (transform R) (Vector3. 1.5 1.5 1.5))
+
+; change the color of the cube's Material to blue
+(color (.material R) (Color/blue))
+
+; create 3 "Sphere" GameObject's and assign to 'spheres'
+(def spheres (map #(GameObject/CreatePrimitive "Sphere") (range 3)))
+; assign the spheres Renderers to 'SR'
+(def SR (map #(.GetComponent<Renderer> %) spheres))
+
+; move the position of all 3 spheres
+(map-index #(position (transform %1) (Vector3. (+ (* %2 2) 13) 4 4)) SR)
+(map-index #(position (transform %1) (Vector3. (+ (* %2 2) 13) 3 3)) SR)
+
+; change the color of each sphere to a different color
+(def colors [(Color/green) (Color/yellow) (Color/red)])
+(map-index #(color (.material %1) (nth colors %2)) SR)
+
+; scale all spheres to 150% of its size
+(map #(localScale (transform %) (Vector3. 1.5 1.5 1.5)) SR)
+
+; add Rigidbody to all spheeres putting it under control of Unity's physics engine and giving it gravity
+(def SRB (map #(.AddComponent<Rigidbody> %) spheres))
+```
diff --git a/wwwroot/gfm/lisp/14.html b/wwwroot/gfm/lisp/14.html
new file mode 100644
index 0000000..76d534d
--- /dev/null
+++ b/wwwroot/gfm/lisp/14.html
@@ -0,0 +1,84 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">System</span>;
+<span class="pl-k">using</span> <span class="pl-en">System</span>.<span class="pl-en">IO</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+<span class="pl-k">using</span> <span class="pl-en">UnityEngine</span>;
+<span class="pl-k">using</span> <span class="pl-en">UnityEngine</span>.<span class="pl-en">UI</span>;
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ScriptExample</span> : <span class="pl-en">MonoBehaviour</span>
+{
+    <span class="pl-k">private</span> <span class="pl-en">ScriptContext</span> <span class="pl-smi">script</span>;
+
+    <span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+    <span class="pl-c"><span class="pl-c">///</span> Typed API wrappers required for some of Unity's "special properties"</span>
+    <span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">UnityScripts</span> : <span class="pl-en">ScriptMethods</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">name</span>(<span class="pl-en">GameObject</span> <span class="pl-smi">o</span>, <span class="pl-k">string</span> <span class="pl-smi">name</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">o</span>.<span class="pl-smi">name</span> <span class="pl-k">=</span> <span class="pl-smi">name</span>; 
+        <span class="pl-k">public</span> <span class="pl-en">Transform</span> <span class="pl-en">transform</span>(<span class="pl-en">Component</span> <span class="pl-smi">c</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">c</span>.<span class="pl-smi">transform</span>;
+        <span class="pl-k">public</span> <span class="pl-en">Color</span> <span class="pl-en">color</span>(<span class="pl-en">Material</span> <span class="pl-smi">m</span>, <span class="pl-en">Color</span> <span class="pl-smi">color</span>) { <span class="pl-smi">m</span>.<span class="pl-en">SetColor</span>(<span class="pl-s"><span class="pl-pds">"</span>_Color<span class="pl-pds">"</span></span>, <span class="pl-smi">color</span>); <span class="pl-k">return</span> <span class="pl-smi">color</span>; }
+        <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">position</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">position</span>;
+        <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">position</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>, <span class="pl-en">Vector3</span> <span class="pl-smi">position</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">position</span> <span class="pl-k">=</span> <span class="pl-smi">position</span>;
+        <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">localScale</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">localScale</span>;
+        <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">localScale</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>, <span class="pl-en">Vector3</span> <span class="pl-smi">localScale</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">localScale</span> <span class="pl-k">=</span> <span class="pl-smi">localScale</span>;
+    }
+
+    Lisp.<span class="pl-en">Interpreter</span> <span class="pl-smi">lisp</span>;
+    <span class="pl-en">InputField</span> <span class="pl-smi">txtRepl</span>;
+    <span class="pl-en">Text</span> <span class="pl-smi">textReplOut</span>;
+
+    <span class="pl-c"><span class="pl-c">//</span> Start is called before the first frame update</span>
+    <span class="pl-k">void</span> <span class="pl-en">Start</span>()
+    {
+        <span class="pl-smi">script</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+            <span class="pl-smi">ScriptLanguages</span> <span class="pl-k">=</span> {
+                <span class="pl-smi">ScriptLisp</span>.<span class="pl-smi">Language</span>  
+            },
+            <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+                <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>(),  
+                <span class="pl-k">new</span> <span class="pl-en">UnityScripts</span>(),
+            },
+            <span class="pl-smi">AllowScriptingOfAllTypes</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+            <span class="pl-smi">ScriptNamespaces</span> <span class="pl-k">=</span> {
+                <span class="pl-k">nameof</span>(<span class="pl-smi">UnityEngine</span>)
+            },
+            <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+                [<span class="pl-k">nameof</span>(<span class="pl-smi">gameObject</span>)] <span class="pl-k">=</span> <span class="pl-smi">gameObject</span>,
+            }
+        }.<span class="pl-en">Init</span>();
+        
+        <span class="pl-smi">lisp</span> <span class="pl-k">=</span> <span class="pl-smi">Lisp</span>.<span class="pl-en">CreateInterpreter</span>();
+
+        <span class="pl-smi">txtRepl</span> <span class="pl-k">=</span> <span class="pl-smi">gameObject</span>.<span class="pl-en">GetComponentInChildren</span>&lt;<span class="pl-en">InputField</span>&gt;();
+        <span class="pl-smi">textReplOut</span> <span class="pl-k">=</span> <span class="pl-smi">gameObject</span>.<span class="pl-en">GetComponentInChildren</span>&lt;<span class="pl-en">Text</span>&gt;();
+    }
+
+    <span class="pl-k">private</span> <span class="pl-k">string</span> <span class="pl-smi">lastScript</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span><span class="pl-pds">"</span></span>;
+
+    <span class="pl-c"><span class="pl-c">//</span> Update is called once per frame</span>
+    <span class="pl-k">void</span> <span class="pl-en">Update</span>()
+    {
+        <span class="pl-k">if</span> ((<span class="pl-smi">Input</span>.<span class="pl-en">GetKey</span>(<span class="pl-smi">KeyCode</span>.<span class="pl-smi">LeftControl</span>) <span class="pl-k">||</span> <span class="pl-smi">Input</span>.<span class="pl-en">GetKey</span>(<span class="pl-smi">KeyCode</span>.<span class="pl-smi">RightControl</span>)) 
+            <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">Input</span>.<span class="pl-en">GetKey</span>(<span class="pl-smi">KeyCode</span>.<span class="pl-smi">Return</span>))
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">srcLisp</span> <span class="pl-k">=</span> <span class="pl-smi">txtRepl</span>.<span class="pl-smi">text</span>;
+            <span class="pl-k">if</span> (<span class="pl-smi">srcLisp</span> <span class="pl-k">==</span> <span class="pl-smi">lastScript</span>) <span class="pl-c"><span class="pl-c">//</span> prevent multiple evals</span>
+                <span class="pl-k">return</span>;
+            
+            <span class="pl-smi">lastScript</span> <span class="pl-k">=</span> <span class="pl-smi">srcLisp</span>;
+            <span class="pl-k">try</span>
+            {
+                <span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">lisp</span>.<span class="pl-en">ReplEval</span>(<span class="pl-smi">script</span>, <span class="pl-smi">Stream</span>.<span class="pl-smi">Null</span>, <span class="pl-smi">srcLisp</span>);
+                <span class="pl-smi">textReplOut</span>.<span class="pl-smi">color</span> <span class="pl-k">=</span> <span class="pl-smi">Color</span>.<span class="pl-smi">white</span>;
+                <span class="pl-smi">textReplOut</span>.<span class="pl-smi">text</span> <span class="pl-k">=</span> <span class="pl-smi">output</span>;
+            }
+            <span class="pl-k">catch</span> (<span class="pl-en">Exception</span> <span class="pl-smi">e</span>)
+            {
+                <span class="pl-smi">textReplOut</span>.<span class="pl-smi">color</span> <span class="pl-k">=</span> <span class="pl-smi">Color</span>.<span class="pl-smi">red</span>;
+                <span class="pl-smi">textReplOut</span>.<span class="pl-smi">text</span> <span class="pl-k">=</span> <span class="pl-smi">e</span>.<span class="pl-en">ToString</span>();
+            }
+            <span class="pl-smi">txtRepl</span>.<span class="pl-en">Select</span>();
+            <span class="pl-smi">txtRepl</span>.<span class="pl-en">ActivateInputField</span>();
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/14.md b/wwwroot/gfm/lisp/14.md
new file mode 100644
index 0000000..266c89c
--- /dev/null
+++ b/wwwroot/gfm/lisp/14.md
@@ -0,0 +1,85 @@
+```csharp
+using System;
+using System.IO;
+using ServiceStack.Script;
+using UnityEngine;
+using UnityEngine.UI;
+
+public class ScriptExample : MonoBehaviour
+{
+    private ScriptContext script;
+
+    /// <summary>
+    /// Typed API wrappers required for some of Unity's "special properties"
+    /// </summary>
+    public class UnityScripts : ScriptMethods
+    {
+        public string name(GameObject o, string name) => o.name = name; 
+        public Transform transform(Component c) => c.transform;
+        public Color color(Material m, Color color) { m.SetColor("_Color", color); return color; }
+        public Vector3 position(Transform t) => t.position;
+        public Vector3 position(Transform t, Vector3 position) => t.position = position;
+        public Vector3 localScale(Transform t) => t.localScale;
+        public Vector3 localScale(Transform t, Vector3 localScale) => t.localScale = localScale;
+    }
+
+    Lisp.Interpreter lisp;
+    InputField txtRepl;
+    Text textReplOut;
+
+    // Start is called before the first frame update
+    void Start()
+    {
+        script = new ScriptContext {
+            ScriptLanguages = {
+                ScriptLisp.Language  
+            },
+            ScriptMethods = {
+                new ProtectedScripts(),  
+                new UnityScripts(),
+            },
+            AllowScriptingOfAllTypes = true,
+            ScriptNamespaces = {
+                nameof(UnityEngine)
+            },
+            Args = {
+                [nameof(gameObject)] = gameObject,
+            }
+        }.Init();
+        
+        lisp = Lisp.CreateInterpreter();
+
+        txtRepl = gameObject.GetComponentInChildren<InputField>();
+        textReplOut = gameObject.GetComponentInChildren<Text>();
+    }
+
+    private string lastScript = "";
+
+    // Update is called once per frame
+    void Update()
+    {
+        if ((Input.GetKey(KeyCode.LeftControl) || Input.GetKey(KeyCode.RightControl)) 
+            && Input.GetKey(KeyCode.Return))
+        {
+            var srcLisp = txtRepl.text;
+            if (srcLisp == lastScript) // prevent multiple evals
+                return;
+            
+            lastScript = srcLisp;
+            try
+            {
+                var output = lisp.ReplEval(script, Stream.Null, srcLisp);
+                textReplOut.color = Color.white;
+                textReplOut.text = output;
+            }
+            catch (Exception e)
+            {
+                textReplOut.color = Color.red;
+                textReplOut.text = e.ToString();
+            }
+            txtRepl.Select();
+            txtRepl.ActivateInputField();
+        }
+    }
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/15.html b/wwwroot/gfm/lisp/15.html
new file mode 100644
index 0000000..b8ebb9a
--- /dev/null
+++ b/wwwroot/gfm/lisp/15.html
@@ -0,0 +1,37 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Component</span> : <span class="pl-en">Object</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">extern</span> <span class="pl-en">Transform</span> <span class="pl-smi">transform</span> { 
+        [<span class="pl-en">FreeFunction</span>(<span class="pl-s"><span class="pl-pds">"</span>GetTransform<span class="pl-pds">"</span></span>, <span class="pl-en">HasExplicitThis</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>, <span class="pl-en">ThrowsException</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>), 
+            <span class="pl-en">MethodImpl</span>(<span class="pl-smi">MethodImplOptions</span>.<span class="pl-smi">InternalCall</span>)] <span class="pl-k">get</span>; }
+}</pre></div>
+<p>In these cases we require adding our own .NET <a href="/docs/methods">Script Method</a> wrapper API which Scripts can access instead:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">UnityScripts</span> : <span class="pl-en">ScriptMethods</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">Transform</span> <span class="pl-en">transform</span>(<span class="pl-en">Component</span> <span class="pl-smi">c</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">c</span>.<span class="pl-smi">transform</span>;
+    <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">position</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">position</span>;
+    <span class="pl-k">public</span> <span class="pl-en">Vector3</span> <span class="pl-en">position</span>(<span class="pl-en">Transform</span> <span class="pl-smi">t</span>, <span class="pl-en">Vector3</span> <span class="pl-smi">position</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">t</span>.<span class="pl-smi">position</span> <span class="pl-k">=</span> <span class="pl-smi">position</span>;
+}</pre></div>
+<p>To maximize API familiarity we use the same name for the script method getters/setters, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(transform instance)</pre></div>
+<p>Which just requires stripping the <code>.</code> prefix from normal instance member access:</p>
+<div class="highlight highlight-source-lisp"><pre>(.transform instance)</pre></div>
+<p>Normal .NET Properties like <code>material</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Renderer</span> : <span class="pl-en">Component</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">Material</span> <span class="pl-smi">material</span>
+    {
+        <span class="pl-k">get</span>
+        {
+            <span class="pl-k">if</span> (<span class="pl-k">!</span><span class="pl-k">this</span>.<span class="pl-en">IsPersistent</span>())
+            <span class="pl-k">return</span> <span class="pl-k">this</span>.<span class="pl-en">GetMaterial</span>();
+            <span class="pl-k">return</span> (<span class="pl-en">Material</span>) <span class="pl-c1">null</span>;
+        }
+        <span class="pl-k">set</span>
+        {
+            <span class="pl-k">this</span>.<span class="pl-en">SetMaterial</span>(<span class="pl-smi">value</span>);
+        }
+    }
+}</pre></div>
+<p>Will be able to be accessed using normal member instance notation directly, e.g:</p>
+<div class="highlight highlight-source-lisp"><pre>(.material instance)</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/15.md b/wwwroot/gfm/lisp/15.md
new file mode 100644
index 0000000..500f6fe
--- /dev/null
+++ b/wwwroot/gfm/lisp/15.md
@@ -0,0 +1,58 @@
+```csharp
+public class Component : Object
+{
+    public extern Transform transform { 
+        [FreeFunction("GetTransform", HasExplicitThis = true, ThrowsException = true), 
+            MethodImpl(MethodImplOptions.InternalCall)] get; }
+}
+```
+
+In these cases we require adding our own .NET [Script Method](/docs/methods) wrapper API which Scripts can access instead:
+
+```csharp
+public class UnityScripts : ScriptMethods
+{
+    public Transform transform(Component c) => c.transform;
+    public Vector3 position(Transform t) => t.position;
+    public Vector3 position(Transform t, Vector3 position) => t.position = position;
+}
+```
+
+To maximize API familiarity we use the same name for the script method getters/setters, e.g: 
+
+```lisp
+(transform instance)
+```
+
+Which just requires stripping the `.` prefix from normal instance member access:
+
+```lisp
+(.transform instance)
+```
+
+Normal .NET Properties like `material`:
+
+```csharp
+public class Renderer : Component
+{
+    public Material material
+    {
+        get
+        {
+            if (!this.IsPersistent())
+            return this.GetMaterial();
+            return (Material) null;
+        }
+        set
+        {
+            this.SetMaterial(value);
+        }
+    }
+}
+```
+
+Will be able to be accessed using normal member instance notation directly, e.g:
+
+```lisp
+(.material instance)
+```
diff --git a/wwwroot/gfm/lisp/16.html b/wwwroot/gfm/lisp/16.html
new file mode 100644
index 0000000..f6608a9
--- /dev/null
+++ b/wwwroot/gfm/lisp/16.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">void</span> <span class="pl-en">Update</span> ()
+{
+    <span class="pl-k">if</span> (<span class="pl-smi">Selectable</span>.<span class="pl-smi">allSelectables</span>.<span class="pl-en">Any</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">InputField</span>))
+        <span class="pl-k">return</span>;
+    <span class="pl-c"><span class="pl-c">//</span>...</span>
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/lisp/16.md b/wwwroot/gfm/lisp/16.md
new file mode 100644
index 0000000..ab417cb
--- /dev/null
+++ b/wwwroot/gfm/lisp/16.md
@@ -0,0 +1,8 @@
+```csharp
+void Update ()
+{
+    if (Selectable.allSelectables.Any(x => x is InputField))
+        return;
+    //...
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/01.html b/wwwroot/gfm/methods/01.html
new file mode 100644
index 0000000..98bba72
--- /dev/null
+++ b/wwwroot/gfm/methods/01.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">new</span> <span class="pl-smi">ScriptContext</span> {
+    <span class="pl-smi">InsertScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MyScriptMethods</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/01.md b/wwwroot/gfm/methods/01.md
new file mode 100644
index 0000000..fbe13e0
--- /dev/null
+++ b/wwwroot/gfm/methods/01.md
@@ -0,0 +1,5 @@
+```csharp
+new ScriptContext {
+    InsertScriptMethods = { new MyScriptMethods() }
+}.Init();
+```
diff --git a/wwwroot/gfm/methods/02.html b/wwwroot/gfm/methods/02.html
new file mode 100644
index 0000000..7cdb1c0
--- /dev/null
+++ b/wwwroot/gfm/methods/02.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">context</span>.<span class="pl-smi">ScriptMethods</span>.<span class="pl-en">Clear</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/02.md b/wwwroot/gfm/methods/02.md
new file mode 100644
index 0000000..326db99
--- /dev/null
+++ b/wwwroot/gfm/methods/02.md
@@ -0,0 +1,3 @@
+```csharp
+context.ScriptMethods.Clear();
+```
diff --git a/wwwroot/gfm/methods/03.html b/wwwroot/gfm/methods/03.html
new file mode 100644
index 0000000..2899f6e
--- /dev/null
+++ b/wwwroot/gfm/methods/03.html
@@ -0,0 +1,10 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">class</span> <span class="pl-en">MyScriptMethods</span> : <span class="pl-en">ScriptMethods</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">echo</span>(<span class="pl-k">string</span> <span class="pl-smi">text</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$"</span>{<span class="pl-smi">text</span>} {<span class="pl-smi">text</span>}<span class="pl-pds">"</span></span>;
+    <span class="pl-k">public</span> <span class="pl-k">double</span> <span class="pl-en">squared</span>(<span class="pl-k">double</span> <span class="pl-smi">value</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">value</span> <span class="pl-k">*</span> <span class="pl-smi">value</span>;
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">greetArg</span>(<span class="pl-k">string</span> <span class="pl-smi">key</span>) <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">$"</span>Hello {<span class="pl-smi">Context</span>.<span class="pl-smi">Args</span>[<span class="pl-smi">key</span>]}<span class="pl-pds">"</span></span>;
+            
+    <span class="pl-k">public</span> <span class="pl-en">ICacheClient</span> <span class="pl-smi">Cache</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-c"><span class="pl-c">//</span>injected dependency</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">fromCache</span>(<span class="pl-k">string</span> <span class="pl-smi">key</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Cache</span>.<span class="pl-en">Get</span>(<span class="pl-smi">key</span>);
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/03.md b/wwwroot/gfm/methods/03.md
new file mode 100644
index 0000000..22ada1e
--- /dev/null
+++ b/wwwroot/gfm/methods/03.md
@@ -0,0 +1,11 @@
+```csharp
+class MyScriptMethods : ScriptMethods
+{
+    public string echo(string text) => $"{text} {text}";
+    public double squared(double value) => value * value;
+    public string greetArg(string key) => $"Hello {Context.Args[key]}";
+            
+    public ICacheClient Cache { get; set; } //injected dependency
+    public string fromCache(string key) => Cache.Get(key);
+}
+```
diff --git a/wwwroot/gfm/methods/04.html b/wwwroot/gfm/methods/04.html
new file mode 100644
index 0000000..cefa4c7
--- /dev/null
+++ b/wwwroot/gfm/methods/04.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span>
+    {
+        [<span class="pl-s"><span class="pl-pds">"</span>contextArg<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>foo<span class="pl-pds">"</span></span>
+    },
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MyScriptMethods</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/04.md b/wwwroot/gfm/methods/04.md
new file mode 100644
index 0000000..d295fe1
--- /dev/null
+++ b/wwwroot/gfm/methods/04.md
@@ -0,0 +1,10 @@
+```csharp
+var context = new ScriptContext
+{
+    Args =
+    {
+        ["contextArg"] = "foo"
+    },
+    ScriptMethods = { new MyScriptMethods() }
+}.Init();
+```
diff --git a/wwwroot/gfm/methods/05.html b/wwwroot/gfm/methods/05.html
new file mode 100644
index 0000000..b1b2985
--- /dev/null
+++ b/wwwroot/gfm/methods/05.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;p&gt;{{ 'contextArg' |&gt; greetArg }}&lt;/p&gt;<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/05.md b/wwwroot/gfm/methods/05.md
new file mode 100644
index 0000000..8a84d45
--- /dev/null
+++ b/wwwroot/gfm/methods/05.md
@@ -0,0 +1,3 @@
+```csharp
+var output = context.RenderScript("<p>{{ 'contextArg' |> greetArg }}</p>");
+```
diff --git a/wwwroot/gfm/methods/06.html b/wwwroot/gfm/methods/06.html
new file mode 100644
index 0000000..5685d34
--- /dev/null
+++ b/wwwroot/gfm/methods/06.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">OneTimePage</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;p&gt;{{ 'hello' |&gt; echo }}&lt;/p&gt;<span class="pl-pds">"</span></span>))
+{
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MyScriptMethods</span>() }
+}.<span class="pl-smi">Result</span>;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/06.md b/wwwroot/gfm/methods/06.md
new file mode 100644
index 0000000..9d70d1a
--- /dev/null
+++ b/wwwroot/gfm/methods/06.md
@@ -0,0 +1,6 @@
+```csharp
+var output = new PageResult(context.OneTimePage("<p>{{ 'hello' |> echo }}</p>"))
+{
+    ScriptMethods = { new MyScriptMethods() }
+}.Result;
+```
diff --git a/wwwroot/gfm/methods/07.html b/wwwroot/gfm/methods/07.html
new file mode 100644
index 0000000..6412300
--- /dev/null
+++ b/wwwroot/gfm/methods/07.html
@@ -0,0 +1,16 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">class</span> <span class="pl-en">MyScriptMethods</span> : <span class="pl-en">ScriptMethods</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">ICacheClient</span> <span class="pl-smi">Cache</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-c"><span class="pl-c">//</span>injected dependency</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">fromCache</span>(<span class="pl-k">string</span> <span class="pl-smi">key</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Cache</span>.<span class="pl-en">Get</span>(<span class="pl-smi">key</span>);
+}
+
+<span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">MyScriptMethods</span>) }
+};
+<span class="pl-smi">context</span>.<span class="pl-smi">Container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">ICacheClient</span>&gt;(() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">MemoryCacheClient</span>());
+<span class="pl-smi">context</span>.<span class="pl-smi">Container</span>.<span class="pl-en">Resolve</span>&lt;<span class="pl-en">ICacheClient</span>&gt;().<span class="pl-en">Set</span>(<span class="pl-s"><span class="pl-pds">"</span>key<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>foo<span class="pl-pds">"</span></span>);
+<span class="pl-smi">context</span>.<span class="pl-en">Init</span>();
+
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>&lt;p&gt;{{ 'key' |&gt; fromCache }}&lt;/p&gt;<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/07.md b/wwwroot/gfm/methods/07.md
new file mode 100644
index 0000000..dcd3e2c
--- /dev/null
+++ b/wwwroot/gfm/methods/07.md
@@ -0,0 +1,17 @@
+```csharp
+class MyScriptMethods : ScriptMethods
+{
+    public ICacheClient Cache { get; set; } //injected dependency
+    public string fromCache(string key) => Cache.Get(key);
+}
+
+var context = new ScriptContext
+{
+    ScanTypes = { typeof(MyScriptMethods) }
+};
+context.Container.AddSingleton<ICacheClient>(() => new MemoryCacheClient());
+context.Container.Resolve<ICacheClient>().Set("key", "foo");
+context.Init();
+
+var output = context.RenderScript("<p>{{ 'key' |> fromCache }}</p>");
+```
diff --git a/wwwroot/gfm/methods/08.html b/wwwroot/gfm/methods/08.html
new file mode 100644
index 0000000..f34f631
--- /dev/null
+++ b/wwwroot/gfm/methods/08.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScanAssemblies</span> <span class="pl-k">=</span> { <span class="pl-k">typeof</span>(<span class="pl-en">MyScriptMethods</span>).<span class="pl-smi">Assembly</span> }
+};</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/08.md b/wwwroot/gfm/methods/08.md
new file mode 100644
index 0000000..3af477e
--- /dev/null
+++ b/wwwroot/gfm/methods/08.md
@@ -0,0 +1,6 @@
+```csharp
+var context = new ScriptContext
+{
+    ScanAssemblies = { typeof(MyScriptMethods).Assembly }
+};
+```
diff --git a/wwwroot/gfm/methods/09.html b/wwwroot/gfm/methods/09.html
new file mode 100644
index 0000000..98bba72
--- /dev/null
+++ b/wwwroot/gfm/methods/09.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">new</span> <span class="pl-smi">ScriptContext</span> {
+    <span class="pl-smi">InsertScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MyScriptMethods</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/09.md b/wwwroot/gfm/methods/09.md
new file mode 100644
index 0000000..fbe13e0
--- /dev/null
+++ b/wwwroot/gfm/methods/09.md
@@ -0,0 +1,5 @@
+```csharp
+new ScriptContext {
+    InsertScriptMethods = { new MyScriptMethods() }
+}.Init();
+```
diff --git a/wwwroot/gfm/methods/10.html b/wwwroot/gfm/methods/10.html
new file mode 100644
index 0000000..f51d18d
--- /dev/null
+++ b/wwwroot/gfm/methods/10.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">double</span> <span class="pl-en">squared</span>(<span class="pl-k">double</span> <span class="pl-smi">value</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">value</span> <span class="pl-k">*</span> <span class="pl-smi">value</span>;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/10.md b/wwwroot/gfm/methods/10.md
new file mode 100644
index 0000000..e3dd564
--- /dev/null
+++ b/wwwroot/gfm/methods/10.md
@@ -0,0 +1,3 @@
+```csharp
+double squared(double value) => value * value;
+```
diff --git a/wwwroot/gfm/methods/11.html b/wwwroot/gfm/methods/11.html
new file mode 100644
index 0000000..ead1291
--- /dev/null
+++ b/wwwroot/gfm/methods/11.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">assignTo</span>(<span class="pl-en">TemplateScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">object</span> <span class="pl-smi">value</span>, <span class="pl-k">string</span> <span class="pl-smi">argName</span>) <span class="pl-c"><span class="pl-c">//</span>from filter</span>
+{
+    <span class="pl-smi">scope</span>.<span class="pl-smi">ScopedParams</span>[<span class="pl-smi">argName</span>] <span class="pl-k">=</span> <span class="pl-smi">value</span>;
+    <span class="pl-k">return</span> <span class="pl-smi">IgnoreResult</span>.<span class="pl-smi">Value</span>;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/11.md b/wwwroot/gfm/methods/11.md
new file mode 100644
index 0000000..1b5fed5
--- /dev/null
+++ b/wwwroot/gfm/methods/11.md
@@ -0,0 +1,7 @@
+```csharp
+public object assignTo(TemplateScopeContext scope, object value, string argName) //from filter
+{
+    scope.ScopedParams[argName] = value;
+    return IgnoreResult.Value;
+}
+```
diff --git a/wwwroot/gfm/methods/12.html b/wwwroot/gfm/methods/12.html
new file mode 100644
index 0000000..465c62f
--- /dev/null
+++ b/wwwroot/gfm/methods/12.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">async</span> <span class="pl-en">Task</span> <span class="pl-en">includeFile</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">virtualPath</span>)
+{
+    <span class="pl-k">var</span> <span class="pl-smi">file</span> <span class="pl-k">=</span> <span class="pl-smi">scope</span>.<span class="pl-smi">Context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">GetFile</span>(<span class="pl-smi">virtualPath</span>);
+    <span class="pl-k">if</span> (<span class="pl-smi">file</span> <span class="pl-k">==</span> <span class="pl-c1">null</span>)
+        <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">FileNotFoundException</span>(<span class="pl-s"><span class="pl-pds">$"</span>includeFile '{<span class="pl-smi">virtualPath</span>}' was not found<span class="pl-pds">"</span></span>);
+
+    <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">reader</span> <span class="pl-k">=</span> <span class="pl-smi">file</span>.<span class="pl-en">OpenRead</span>())
+    {
+        <span class="pl-k">await</span> <span class="pl-smi">reader</span>.<span class="pl-en">CopyToAsync</span>(<span class="pl-smi">scope</span>.<span class="pl-smi">OutputStream</span>);
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/12.md b/wwwroot/gfm/methods/12.md
new file mode 100644
index 0000000..485ec0e
--- /dev/null
+++ b/wwwroot/gfm/methods/12.md
@@ -0,0 +1,13 @@
+```csharp
+public async Task includeFile(ScriptScopeContext scope, string virtualPath)
+{
+    var file = scope.Context.VirtualFiles.GetFile(virtualPath);
+    if (file == null)
+        throw new FileNotFoundException($"includeFile '{virtualPath}' was not found");
+
+    using (var reader = file.OpenRead())
+    {
+        await reader.CopyToAsync(scope.OutputStream);
+    }
+}
+```
diff --git a/wwwroot/gfm/methods/13.html b/wwwroot/gfm/methods/13.html
new file mode 100644
index 0000000..40f5749
--- /dev/null
+++ b/wwwroot/gfm/methods/13.html
@@ -0,0 +1,35 @@
+<div class="gfm"><p>An example of <code>#Script</code> async support is <a href="/docs/introduction#declarative">covered in the Introduction page</a> where <code>await</code>
+is implicitly called within an template expression when a script method returns a <code>Task&lt;object&gt;</code>.</p>
+<p>The example shows that there's no difference in syntax with calling a script method with a sync or an async <code>Task&lt;object&gt;</code> result,
+regardless of whether OrmLite's synchronous or asynchronous <a href="/docs/db-scripts">Database Scripts</a> are used:</p>
+<div class="highlight highlight-source-js"><pre>{{ <span class="pl-s"><span class="pl-pds">"</span>select customerId, companyName, city, country from customer where country=@country<span class="pl-pds">"</span></span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> sql }}
+{{ sql <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">dbSelect</span>({ country<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>UK<span class="pl-pds">'</span></span> }) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">take</span>(<span class="pl-c1">3</span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> textDump }}</pre></div>
+<p>For comparisons here's the source code for <code>dbSelect</code> in both the sync <code>DbScripts</code> and async <code>DbScriptsAsync</code>:</p>
+<h3>
+<a id="user-content-dbscriptscs" class="anchor" href="#dbscriptscs" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs">DbScripts.cs</a>
+</h3>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">dbSelect</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>) <span class="pl-k">=&gt;</span> 
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">SqlList</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-c1">null</span>);</pre></div>
+<h3>
+<a id="user-content-dbscriptsasynccs" class="anchor" href="#dbscriptsasynccs" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a><a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs">DbScriptsAsync.cs</a>
+</h3>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-en">Task</span>&lt;<span class="pl-k">object</span>&gt; <span class="pl-en">dbSelect</span>(<span class="pl-en">ScriptScopeContext</span> <span class="pl-smi">scope</span>, <span class="pl-k">string</span> <span class="pl-smi">sql</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>) <span class="pl-k">=&gt;</span> 
+    <span class="pl-en">exec</span>(<span class="pl-smi">db</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">db</span>.<span class="pl-en">SqlListAsync</span>&lt;<span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt;&gt;(<span class="pl-smi">sql</span>, <span class="pl-smi">args</span>), <span class="pl-smi">scope</span>, <span class="pl-c1">null</span>);</pre></div>
+<p>Where if <code>DbScriptsAsync</code> was used <code>#Script</code> will automatically <code>await</code> the result of the async <code>dbSelect</code> method before passing the result to the <code>take</code>
+script method.</p>
+<h3>
+<a id="user-content-manually-handling-async-results" class="anchor" href="#manually-handling-async-results" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Manually handling async results</h3>
+<p>Implicit awaiting async <code>Task&lt;object&gt;</code> or <code>Task</code> results only occurs within a template expression, outside of a Template Expression like within a
+<a href="/docs/blocks">Script Block</a> Expression or <a href="/docs/syntax#template-literals">template string literal</a> you'll need to manually access the <code>Task</code> result.</p>
+<p>When using <code>DbScriptsAsync</code> you'll need to either explicitly access the Task's <code>.Result</code> property or call the <code>.sync()</code> script method
+in order to access the sync result:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">sql.dbSelect</span>({ <span class="pl-e"><span class="pl-v">country</span></span>: <span class="pl-s"><span class="pl-pds">'</span>UK<span class="pl-pds">'</span></span> })<span class="pl-e"><span class="pl-v">.Result.Count</span></span> &gt; <span class="pl-e"><span class="pl-v">0</span></span> <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">UK</span></span> <span class="pl-e"><span class="pl-v">Orders</span></span>: ${<span class="pl-e"><span class="pl-v">sql.dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">country</span></span>: <span class="pl-s"><span class="pl-pds">'</span>UK<span class="pl-pds">'</span></span> })<span class="pl-e"><span class="pl-v">.Result.Count</span></span>}` <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+<p>Although calling <code>Result</code> or <code>.sync()</code> will synchronously block the async <code>Task</code> result, to <code>await</code> the result instead call the async method within a
+template expression before using the awaited async result, e.g:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">country</span></span>: <span class="pl-s"><span class="pl-pds">'</span>UK<span class="pl-pds">'</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">ukCount</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">ukCount</span> &gt; <span class="pl-e"><span class="pl-v">0</span></span> <span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">UK</span></span> <span class="pl-e"><span class="pl-v">Orders</span></span>: ${<span class="pl-e"><span class="pl-v">ukCount</span></span>` <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/methods/13.md b/wwwroot/gfm/methods/13.md
new file mode 100644
index 0000000..8594d37
--- /dev/null
+++ b/wwwroot/gfm/methods/13.md
@@ -0,0 +1,53 @@
+An example of `#Script` async support is [covered in the Introduction page](/docs/introduction#declarative) where `await` 
+is implicitly called within an template expression when a script method returns a `Task<object>`. 
+
+The example shows that there's no difference in syntax with calling a script method with a sync or an async `Task<object>` result,
+regardless of whether OrmLite's synchronous or asynchronous [Database Scripts](/docs/db-scripts) are used:
+
+```js
+{{ "select customerId, companyName, city, country from customer where country=@country" |> to => sql }}
+{{ sql |> dbSelect({ country: 'UK' }) |> take(3) |> textDump }}
+```
+
+For comparisons here's the source code for `dbSelect` in both the sync `DbScripts` and async `DbScriptsAsync`:
+
+### [DbScripts.cs](https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScripts.cs)
+
+```csharp
+public object dbSelect(ScriptScopeContext scope, string sql, Dictionary<string, object> args) => 
+    exec(db => db.SqlList<Dictionary<string, object>>(sql, args), scope, null);
+```
+
+### [DbScriptsAsync.cs](https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs)
+
+```csharp
+public Task<object> dbSelect(ScriptScopeContext scope, string sql, Dictionary<string, object> args) => 
+    exec(db => db.SqlListAsync<Dictionary<string, object>>(sql, args), scope, null);
+```
+
+Where if `DbScriptsAsync` was used `#Script` will automatically `await` the result of the async `dbSelect` method before passing the result to the `take`
+script method.
+
+### Manually handling async results
+
+Implicit awaiting async `Task<object>` or `Task` results only occurs within a template expression, outside of a Template Expression like within a 
+[Script Block](/docs/blocks) Expression or [template string literal](/docs/syntax#template-literals) you'll need to manually access the `Task` result.
+
+When using `DbScriptsAsync` you'll need to either explicitly access the Task's `.Result` property or call the `.sync()` script method 
+in order to access the sync result:
+
+```hbs
+{{#if sql.dbSelect({ country: 'UK' }).Result.Count > 0 }}
+    {{ `UK Orders: ${sql.dbSelect({ country: 'UK' }).Result.Count}` }}
+{{/if}}
+```
+
+Although calling `Result` or `.sync()` will synchronously block the async `Task` result, to `await` the result instead call the async method within a 
+template expression before using the awaited async result, e.g:
+
+```hbs
+{{ sql |> dbSelect({ country: 'UK' }) |> to => ukCount }}
+{{#if ukCount > 0 }}
+    {{ `UK Orders: ${ukCount` }}
+{{/if}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/model-view-controller/01.html b/wwwroot/gfm/model-view-controller/01.html
new file mode 100644
index 0000000..76bae42
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/01.html
@@ -0,0 +1,22 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>;
+<span class="pl-k">using</span> <span class="pl-en">ServiceStack</span>.<span class="pl-en">Script</span>;
+
+<span class="pl-k">namespace</span> <span class="pl-en">SharpScript</span>
+{
+    [<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/customers/{Id}<span class="pl-pds">"</span></span>)]
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ViewCustomer</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerServices</span> : <span class="pl-en">Service</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-en">ISharpPages</span> <span class="pl-smi">Pages</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+        <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewCustomer</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span>
+            <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">Pages</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>examples/customer<span class="pl-pds">"</span></span>)) {
+                <span class="pl-smi">Model</span> <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-en">GetCustomer</span>(<span class="pl-smi">request</span>.<span class="pl-smi">Id</span>)
+            };
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/model-view-controller/01.md b/wwwroot/gfm/model-view-controller/01.md
new file mode 100644
index 0000000..266d886
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/01.md
@@ -0,0 +1,23 @@
+```csharp
+using ServiceStack;
+using ServiceStack.Script;
+
+namespace SharpScript
+{
+    [Route("/customers/{Id}")]
+    public class ViewCustomer
+    {
+        public string Id { get; set; }
+    }
+
+    public class CustomerServices : Service
+    {
+        public ISharpPages Pages { get; set; }
+
+        public object Any(ViewCustomer request) =>
+            new PageResult(Pages.GetPage("examples/customer")) {
+                Model = TemplateQueryData.GetCustomer(request.Id)
+            };
+    }
+}
+```
diff --git a/wwwroot/gfm/model-view-controller/02.html b/wwwroot/gfm/model-view-controller/02.html
new file mode 100644
index 0000000..1afe4fb
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/02.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomerServices</span> : <span class="pl-en">Service</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">ViewCustomer</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span>
+        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">Request</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>examples/customer<span class="pl-pds">"</span></span>)) {
+            <span class="pl-smi">Model</span> <span class="pl-k">=</span> <span class="pl-smi">TemplateQueryData</span>.<span class="pl-en">GetCustomer</span>(<span class="pl-smi">request</span>.<span class="pl-smi">Id</span>)
+        };
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/model-view-controller/02.md b/wwwroot/gfm/model-view-controller/02.md
new file mode 100644
index 0000000..b643eeb
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/02.md
@@ -0,0 +1,9 @@
+```csharp
+public class CustomerServices : Service
+{
+    public object Any(ViewCustomer request) =>
+        new PageResult(Request.GetPage("examples/customer")) {
+            Model = TemplateQueryData.GetCustomer(request.Id)
+        };
+}
+```
diff --git a/wwwroot/gfm/model-view-controller/03.html b/wwwroot/gfm/model-view-controller/03.html
new file mode 100644
index 0000000..142e542
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/03.html
@@ -0,0 +1,32 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">title: Customer Details</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+&lt;<span class="pl-ent">h2</span>&gt;<span class="pl-c1">{{</span> <span class="pl-v">CompanyName</span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">h2</span>&gt;
+
+&lt;<span class="pl-ent">table</span> <span class="pl-e"><span class="pl-e">class</span>=</span><span class="pl-s"><span class="pl-pds">"</span>table table-bordered<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">tr</span>&gt;
+        &lt;<span class="pl-ent">th</span>&gt;Address&lt;/<span class="pl-ent">th</span>&gt;
+        &lt;<span class="pl-ent">td</span>&gt;
+            <span class="pl-c1">{{</span> <span class="pl-v">Address</span> <span class="pl-c1">}}</span> 
+            <span class="pl-c1">{{</span> <span class="pl-v">City</span> <span class="pl-c1">}}</span>, <span class="pl-c1">{{</span> <span class="pl-v">PostalCode</span> <span class="pl-c1">}}</span>, <span class="pl-c1">{{</span> <span class="pl-v">Country</span> <span class="pl-c1">}}</span>            
+        &lt;/<span class="pl-ent">td</span>&gt;
+    &lt;/<span class="pl-ent">tr</span>&gt;
+    &lt;<span class="pl-ent">tr</span>&gt;
+        &lt;<span class="pl-ent">th</span>&gt;Phone&lt;/<span class="pl-ent">th</span>&gt;
+        &lt;<span class="pl-ent">td</span>&gt;<span class="pl-c1">{{</span> <span class="pl-v">Phone</span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">td</span>&gt;
+    &lt;/<span class="pl-ent">tr</span>&gt;
+    &lt;<span class="pl-ent">tr</span>&gt;
+        &lt;<span class="pl-ent">th</span>&gt;Fax&lt;/<span class="pl-ent">th</span>&gt;
+        &lt;<span class="pl-ent">td</span>&gt;<span class="pl-c1">{{</span> <span class="pl-v">Fax</span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">td</span>&gt;
+    &lt;/<span class="pl-ent">tr</span>&gt;
+&lt;/<span class="pl-ent">table</span>&gt;
+
+&lt;<span class="pl-ent">h4</span>&gt;<span class="pl-c1">{{</span> <span class="pl-v">CompanyName</span> <span class="pl-c1">}}</span>'s Orders&lt;/<span class="pl-ent">h4</span>&gt;
+
+&lt;<span class="pl-ent">table</span> <span class="pl-e"><span class="pl-e">class</span>=</span><span class="pl-s"><span class="pl-pds">"</span>table <span class="pl-pds">"</span></span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">Orders</span><span class="pl-c1">}}</span>
+    &lt;<span class="pl-ent">tr</span>&gt;&lt;<span class="pl-ent">td</span>&gt;<span class="pl-c1">{{</span><span class="pl-v">OrderId</span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">td</span>&gt;&lt;<span class="pl-ent">td</span>&gt;<span class="pl-c1">{{</span><span class="pl-v">OrderDate</span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">td</span>&gt;&lt;<span class="pl-ent">td</span>&gt;<span class="pl-c1">{{</span><span class="pl-v">Total</span> |&gt; <span class="pl-e"><span class="pl-v">currency</span></span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">td</span>&gt;&lt;/<span class="pl-ent">tr</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+&lt;/<span class="pl-ent">table</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/model-view-controller/03.md b/wwwroot/gfm/model-view-controller/03.md
new file mode 100644
index 0000000..aed052e
--- /dev/null
+++ b/wwwroot/gfm/model-view-controller/03.md
@@ -0,0 +1,33 @@
+```hbs
+<!--
+title: Customer Details
+-->
+
+<h2>{{ CompanyName }}</h2>
+
+<table class="table table-bordered">
+    <tr>
+        <th>Address</th>
+        <td>
+            {{ Address }} 
+            {{ City }}, {{ PostalCode }}, {{ Country }}            
+        </td>
+    </tr>
+    <tr>
+        <th>Phone</th>
+        <td>{{ Phone }}</td>
+    </tr>
+    <tr>
+        <th>Fax</th>
+        <td>{{ Fax }}</td>
+    </tr>
+</table>
+
+<h4>{{ CompanyName }}'s Orders</h4>
+
+<table class="table ">
+{{#each Orders}}
+    <tr><td>{{OrderId}}</td><td>{{OrderDate}}</td><td>{{Total |> currency}}</td></tr>
+{{/each}}
+</table>
+```
diff --git a/wwwroot/gfm/mvc-aspnet/01.html b/wwwroot/gfm/mvc-aspnet/01.html
new file mode 100644
index 0000000..a801440
--- /dev/null
+++ b/wwwroot/gfm/mvc-aspnet/01.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
+{
+    <span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>;
+    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(<span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>) <span class="pl-k">=&gt;</span> <span class="pl-k">this</span>.<span class="pl-smi">pages</span> <span class="pl-k">=</span> <span class="pl-smi">pages</span>;
+
+    <span class="pl-k">public</span> <span class="pl-en">Task</span>&lt;<span class="pl-en">MvcPageResult</span>&gt; <span class="pl-en">Index</span>() <span class="pl-k">=&gt;</span>
+        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">pages</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).<span class="pl-en">ToMvcResultAsync</span>();
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-aspnet/01.md b/wwwroot/gfm/mvc-aspnet/01.md
new file mode 100644
index 0000000..9376cb2
--- /dev/null
+++ b/wwwroot/gfm/mvc-aspnet/01.md
@@ -0,0 +1,10 @@
+```csharp
+public class HomeController : Controller
+{
+    ISharpPages pages;
+    public HomeController(ISharpPages pages) => this.pages = pages;
+
+    public Task<MvcPageResult> Index() =>
+        new PageResult(pages.GetPage("index")).ToMvcResultAsync();
+}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/01.html b/wwwroot/gfm/mvc-netcore/01.html
new file mode 100644
index 0000000..bc5f2e7
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/01.html
@@ -0,0 +1,20 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
+    {
+        <span class="pl-smi">app</span>.<span class="pl-en">UseServiceStack</span>(<span class="pl-k">new</span> <span class="pl-en">AppHost</span>());
+    }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span> {}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-k">base</span>(<span class="pl-s"><span class="pl-pds">"</span>ServiceStack #Script Pages<span class="pl-pds">"</span></span>, <span class="pl-k">typeof</span>(<span class="pl-en">MyServices</span>).<span class="pl-smi">Assembly</span>) { }
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
+    {
+        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>());
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/01.md b/wwwroot/gfm/mvc-netcore/01.md
new file mode 100644
index 0000000..01a88d1
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/01.md
@@ -0,0 +1,21 @@
+```csharp
+public class Startup
+{
+    public void Configure(IApplicationBuilder app)
+    {
+        app.UseServiceStack(new AppHost());
+    }
+}
+
+public class MyServices : Service {}
+
+public class AppHost : AppHostBase
+{
+    public AppHost() : base("ServiceStack #Script Pages", typeof(MyServices).Assembly) { }
+
+    public override void Configure(Container container)
+    {
+        Plugins.Add(new SharpPagesFeature());
+    }
+}
+```
diff --git a/wwwroot/gfm/mvc-netcore/02.html b/wwwroot/gfm/mvc-netcore/02.html
new file mode 100644
index 0000000..3549373
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/02.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() <span class="pl-k">=&gt;</span>
+        <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">HostContext</span>.<span class="pl-en">TryResolve</span>&lt;<span class="pl-en">ISharpPages</span>&gt;().<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).<span class="pl-en">ToMvcResult</span>();
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/02.md b/wwwroot/gfm/mvc-netcore/02.md
new file mode 100644
index 0000000..5f8f35b
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/02.md
@@ -0,0 +1,7 @@
+```csharp
+public class HomeController : Controller
+{
+    public ActionResult Index() =>
+        new PageResult(HostContext.TryResolve<ISharpPages>().GetPage("index")).ToMvcResult();
+}
+```
diff --git a/wwwroot/gfm/mvc-netcore/03.html b/wwwroot/gfm/mvc-netcore/03.html
new file mode 100644
index 0000000..05d31a9
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/03.html
@@ -0,0 +1,33 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span> : <span class="pl-en">ModularStartup</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">Startup</span>(<span class="pl-en">IConfiguration</span> <span class="pl-smi">configuration</span>) : <span class="pl-k">base</span>(<span class="pl-smi">configuration</span>){}
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">ConfigureServices</span>(<span class="pl-en">IServiceCollection</span> <span class="pl-smi">services</span>) {}
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
+    {
+        <span class="pl-smi">app</span>.<span class="pl-en">UseServiceStack</span>(<span class="pl-k">new</span> <span class="pl-en">AppHost</span> {
+            <span class="pl-smi">AppSettings</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">NetCoreAppSettings</span>(<span class="pl-smi">Configuration</span>)
+        });
+    }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span> {}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-k">base</span>(<span class="pl-s"><span class="pl-pds">"</span>ServiceStack #Script Pages<span class="pl-pds">"</span></span>, <span class="pl-k">typeof</span>(<span class="pl-en">MyServices</span>).<span class="pl-smi">Assembly</span>) {}
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IServiceCollection</span> <span class="pl-smi">services</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">feature</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>();
+        <span class="pl-smi">services</span>.<span class="pl-en">AddSingleton</span>(<span class="pl-smi">feature</span>);
+        <span class="pl-smi">services</span>.<span class="pl-en">AddSingleton</span>(<span class="pl-smi">feature</span>.<span class="pl-smi">Pages</span>);
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
+    {
+        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-smi">container</span>.<span class="pl-en">Resolve</span>&lt;<span class="pl-en">SharpPagesFeature</span>&gt;());
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/03.md b/wwwroot/gfm/mvc-netcore/03.md
new file mode 100644
index 0000000..01a87c8
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/03.md
@@ -0,0 +1,34 @@
+```csharp
+public class Startup : ModularStartup
+{
+    public Startup(IConfiguration configuration) : base(configuration){}
+
+    public void ConfigureServices(IServiceCollection services) {}
+
+    public void Configure(IApplicationBuilder app)
+    {
+        app.UseServiceStack(new AppHost {
+            AppSettings = new NetCoreAppSettings(Configuration)
+        });
+    }
+}
+
+public class MyServices : Service {}
+
+public class AppHost : AppHostBase
+{
+    public AppHost() : base("ServiceStack #Script Pages", typeof(MyServices).Assembly) {}
+
+    public override void Configure(IServiceCollection services)
+    {
+        var feature = new SharpPagesFeature();
+        services.AddSingleton(feature);
+        services.AddSingleton(feature.Pages);
+    }
+
+    public override void Configure(Container container)
+    {
+        Plugins.Add(container.Resolve<SharpPagesFeature>());
+    }
+}
+```
diff --git a/wwwroot/gfm/mvc-netcore/04.html b/wwwroot/gfm/mvc-netcore/04.html
new file mode 100644
index 0000000..b37153b
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/04.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
+{
+    <span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>;
+    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(<span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>) <span class="pl-k">=&gt;</span> <span class="pl-k">this</span>.<span class="pl-smi">pages</span> <span class="pl-k">=</span> <span class="pl-smi">pages</span>;
+
+    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">pages</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).<span class="pl-en">ToMvcResult</span>();
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/04.md b/wwwroot/gfm/mvc-netcore/04.md
new file mode 100644
index 0000000..c276631
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/04.md
@@ -0,0 +1,9 @@
+```csharp
+public class HomeController : Controller
+{
+    ISharpPages pages;
+    public HomeController(ISharpPages pages) => this.pages = pages;
+
+    public ActionResult Index() => new PageResult(pages.GetPage("index")).ToMvcResult();
+}
+```
diff --git a/wwwroot/gfm/mvc-netcore/05.html b/wwwroot/gfm/mvc-netcore/05.html
new file mode 100644
index 0000000..d36f279
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/05.html
@@ -0,0 +1,25 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">ConfigureServices</span>(<span class="pl-en">IServiceCollection</span> <span class="pl-smi">services</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>();
+        <span class="pl-smi">services</span>.<span class="pl-en">AddSingleton</span>(<span class="pl-smi">context</span>);
+        <span class="pl-smi">services</span>.<span class="pl-en">AddSingleton</span>(<span class="pl-smi">context</span>.<span class="pl-smi">Pages</span>);
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-smi">app</span>.<span class="pl-smi">ApplicationServices</span>.<span class="pl-en">GetService</span>&lt;<span class="pl-en">ScriptContext</span>&gt;();
+        <span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">FileSystemVirtualFiles</span>(<span class="pl-smi">env</span>.<span class="pl-smi">WebRootPath</span>);
+        <span class="pl-smi">context</span>.<span class="pl-en">Init</span>();
+    }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HomeController</span> : <span class="pl-en">Controller</span>
+{
+    <span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>;
+    <span class="pl-k">public</span> <span class="pl-en">HomeController</span>(<span class="pl-en">ISharpPages</span> <span class="pl-smi">pages</span>) <span class="pl-k">=&gt;</span> <span class="pl-k">this</span>.<span class="pl-smi">pages</span> <span class="pl-k">=</span> <span class="pl-smi">pages</span>;
+
+    <span class="pl-k">public</span> <span class="pl-en">ActionResult</span> <span class="pl-en">Index</span>() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">pages</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>index<span class="pl-pds">"</span></span>)).<span class="pl-en">ToMvcResult</span>();
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/mvc-netcore/05.md b/wwwroot/gfm/mvc-netcore/05.md
new file mode 100644
index 0000000..00348a1
--- /dev/null
+++ b/wwwroot/gfm/mvc-netcore/05.md
@@ -0,0 +1,26 @@
+```csharp
+public class Startup
+{
+    public void ConfigureServices(IServiceCollection services)
+    {
+        var context = new ScriptContext();
+        services.AddSingleton(context);
+        services.AddSingleton(context.Pages);
+    }
+
+    public void Configure(IApplicationBuilder app)
+    {
+        var context = app.ApplicationServices.GetService<ScriptContext>();
+        context.VirtualFiles = new FileSystemVirtualFiles(env.WebRootPath);
+        context.Init();
+    }
+}
+
+public class HomeController : Controller
+{
+    ISharpPages pages;
+    public HomeController(ISharpPages pages) => this.pages = pages;
+
+    public ActionResult Index() => new PageResult(pages.GetPage("index")).ToMvcResult();
+}
+```
diff --git a/src/wwwroot/gfm/page-formats/01.html b/wwwroot/gfm/page-formats/01.html
similarity index 100%
rename from src/wwwroot/gfm/page-formats/01.html
rename to wwwroot/gfm/page-formats/01.html
diff --git a/wwwroot/gfm/page-formats/01.md b/wwwroot/gfm/page-formats/01.md
new file mode 100644
index 0000000..6b97b20
--- /dev/null
+++ b/wwwroot/gfm/page-formats/01.md
@@ -0,0 +1,19 @@
+```csharp
+public class HtmlPageFormat : PageFormat
+{
+    public HtmlPageFormat()
+    {
+        ArgsPrefix = "<!--";
+        ArgsSuffix = "-->";
+        Extension = "html";
+        ContentType = MimeTypes.Html;
+        EncodeValue = HtmlEncodeValue;
+        ResolveLayout = HtmlResolveLayout;
+        OnExpressionException = HtmlExpressionException;
+    }
+    public static string HtmlEncodeValue(object value) { /*impl*/ }
+    public TemplatePage HtmlResolveLayout(TemplatePage page) { /*impl*/ }
+    public virtual object HtmlExpressionException(PageResult result, Exception ex) { /*impl*/ }
+    public static async Task HtmlEncodeTransformer(Stream stream) { /*impl*/ }
+}
+```
diff --git a/wwwroot/gfm/page-formats/02.html b/wwwroot/gfm/page-formats/02.html
new file mode 100644
index 0000000..5d85b28
--- /dev/null
+++ b/wwwroot/gfm/page-formats/02.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownPageFormat</span> : <span class="pl-en">PageFormat</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">MarkdownPageFormat</span>()
+    {
+        <span class="pl-smi">Extension</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>md<span class="pl-pds">"</span></span>;
+        <span class="pl-smi">ContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">MarkdownText</span>;
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/page-formats/02.md b/wwwroot/gfm/page-formats/02.md
new file mode 100644
index 0000000..afbef43
--- /dev/null
+++ b/wwwroot/gfm/page-formats/02.md
@@ -0,0 +1,10 @@
+```csharp
+public class MarkdownPageFormat : PageFormat
+{
+    public MarkdownPageFormat()
+    {
+        Extension = "md";
+        ContentType = MimeTypes.MarkdownText;
+    }
+}
+```
diff --git a/wwwroot/gfm/page-formats/03.html b/wwwroot/gfm/page-formats/03.html
new file mode 100644
index 0000000..8307f2e
--- /dev/null
+++ b/wwwroot/gfm/page-formats/03.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> { 
+    <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/page-formats/03.md b/wwwroot/gfm/page-formats/03.md
new file mode 100644
index 0000000..61e060e
--- /dev/null
+++ b/wwwroot/gfm/page-formats/03.md
@@ -0,0 +1,5 @@
+```csharp
+var context = new ScriptContext { 
+    PageFormats = { new MarkdownPageFormat() }
+}.Init();
+```
diff --git a/wwwroot/gfm/protected-scripts/01.html b/wwwroot/gfm/protected-scripts/01.html
new file mode 100644
index 0000000..496dd47
--- /dev/null
+++ b/wwwroot/gfm/protected-scripts/01.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>() }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/protected-scripts/01.md b/wwwroot/gfm/protected-scripts/01.md
new file mode 100644
index 0000000..3e31037
--- /dev/null
+++ b/wwwroot/gfm/protected-scripts/01.md
@@ -0,0 +1,6 @@
+```csharp
+var context = new ScriptContext
+{
+    ScriptMethods = { new ProtectedScripts() }
+}.Init();
+```
diff --git a/wwwroot/gfm/protected-scripts/02.html b/wwwroot/gfm/protected-scripts/02.html
new file mode 100644
index 0000000..84024fe
--- /dev/null
+++ b/wwwroot/gfm/protected-scripts/02.html
@@ -0,0 +1,128 @@
+<div class="gfm"><p>All Protected Scripts Virtual File System APIs are executed against the <code>ScriptContext.VirtualFiles</code> which in #Script Pages is configured
+to the <strong>WebRoot</strong> FileSystem by default:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">allFiles</span>()</pre></div>
+<p>The VFS APIs utilizes <a href="/docs/syntax#extension-methods">Extension methods support</a> to include an overloaded method that includes <code>IVirtualPathProvider</code> as
+its first argument:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-en">IEnumerable</span>&lt;<span class="pl-en">IVirtualFile</span>&gt; <span class="pl-en">allFiles</span>() <span class="pl-k">=&gt;</span> <span class="pl-en">allFiles</span>(<span class="pl-smi">VirtualFiles</span>);
+<span class="pl-k">public</span> <span class="pl-en">IEnumerable</span>&lt;<span class="pl-en">IVirtualFile</span>&gt; <span class="pl-en">allFiles</span>(<span class="pl-en">IVirtualPathProvider</span> <span class="pl-smi">vfs</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">vfs</span>.<span class="pl-en">GetAllFiles</span>();</pre></div>
+<p>This allows being able to use the same method name against any VFS provider by calling it like an instance method, e.g:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">vfsFileSystem</span>(dirPath) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> fs
+
+<span class="pl-smi">fs</span>.<span class="pl-en">allFiles</span>()</pre></div>
+<p>This is supported on all VFS APIs with its C# implementation where <code>vfs</code> is an instance of <code>IVirtualPathProvider</code>:</p>
+<table>
+<thead>
+<tr>
+<th>Protected VFS Script Method</th>
+<th>C# Implementation</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>allFiles()</td>
+<td>vfs.GetAllFiles()</td>
+</tr>
+<tr>
+<td>allRootFiles()</td>
+<td>vfs.GetRootFiles()</td>
+</tr>
+<tr>
+<td>allRootDirectories()</td>
+<td>vfs.GetRootDirectories()</td>
+</tr>
+<tr>
+<td>dir(virtualPath)</td>
+<td>vfs.GetDirectory(virtualPath)</td>
+</tr>
+<tr>
+<td>dirExists(virtualPath)</td>
+<td>vfs.DirectoryExists(virtualPath)</td>
+</tr>
+<tr>
+<td>dirFile(dirPath, fileName)</td>
+<td>vfs.GetDirectory(dirPath)?.GetFile(fileName)</td>
+</tr>
+<tr>
+<td>dirFiles(virtualPath)</td>
+<td>vfs.GetDirectory(dirPath)?.GetFiles()</td>
+</tr>
+<tr>
+<td>dirDirectory(dirPath, dirName)</td>
+<td>vfs.GetDirectory(dirPath)?.GetDirectory(dirName)</td>
+</tr>
+<tr>
+<td>dirDirectories(dirPath)</td>
+<td>vfs.GetDirectory(dirPath)?.GetDirectories()</td>
+</tr>
+<tr>
+<td>findFilesInDirectory(dirPath, globPattern)</td>
+<td>vfs.GetDirectory(dirPath)?.GetAllMatchingFiles(globPattern)</td>
+</tr>
+<tr>
+<td>findFiles(globPattern)</td>
+<td>vfs.GetAllMatchingFiles(globPattern)</td>
+</tr>
+<tr>
+<td>fileExists(virtualPath)</td>
+<td>vfs.FileExists(virtualPath)</td>
+</tr>
+<tr>
+<td>file(virtualPath)</td>
+<td>vfs.GetFile(virtualPath)</td>
+</tr>
+<tr>
+<td>writeFile(virtualPath, contents)</td>
+<td>vfs.WriteFile(virtualPath, contents)</td>
+</tr>
+<tr>
+<td>writeFiles(files)</td>
+<td>vfs.WriteFiles(files)</td>
+</tr>
+<tr>
+<td>writeTextFiles(textFiles)</td>
+<td>vfs.WriteFiles(textFiles)</td>
+</tr>
+<tr>
+<td>appendToFile(virtualPath, contents)</td>
+<td>vfs.AppendFile(virtualPath, contents)</td>
+</tr>
+<tr>
+<td>deleteFile(virtualPath)</td>
+<td>vfs.DeleteFile(virtualPath)</td>
+</tr>
+<tr>
+<td>deleteDirectory(virtualPath)</td>
+<td>vfs.DeleteFolder(virtualPath)</td>
+</tr>
+<tr>
+<td>fileContents(virtualPath)</td>
+<td>vfs.GetFile(virtualPath).GetContents()</td>
+</tr>
+<tr>
+<td>fileContents(IFile)</td>
+<td>file.GetContents()</td>
+</tr>
+<tr>
+<td>fileTextContents(virtualPath)</td>
+<td>vfs.GetFile(virtualPath)?.ReadAllText()</td>
+</tr>
+<tr>
+<td>fileBytesContent(virtualPath)</td>
+<td>vfs.GetFile(virtualPath)?.ReadAllBytes()</td>
+</tr>
+<tr>
+<td>fileHash(virtualPath)</td>
+<td>vfs.GetFileHash(virtualPath)</td>
+</tr>
+</tbody>
+</table>
+<p>All above VFS APIs work against the built-in VFS providers below:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">vfsMemory</span>()                  <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> memFs
+<span class="pl-en">vfsFileSystem</span>(dirPath)       <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> fs
+<span class="pl-en">vfsGist</span>(gistId, accessToken) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> gistFs
+<span class="pl-en">vfsGist</span>(gistId)              <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> gistReadOnlyFs</pre></div>
+<p>They can also be used against AWS S3 and Azure Blob storage providers if you configure your <code>ScriptContext</code> with <code>AwsScripts</code>
+from <strong>ServiceStack.Aws</strong> package or <code>AzureScripts</code> from <strong>ServiceStack.Azure</strong>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">vfsS3</span>(accessKey, secretAccessKey, region, bucketName) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> s3Fs
+<span class="pl-en">vfsAzureBlob</span>(connectionString, containerName)         <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> azureBlobFs</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/protected-scripts/02.md b/wwwroot/gfm/protected-scripts/02.md
new file mode 100644
index 0000000..780c5c9
--- /dev/null
+++ b/wwwroot/gfm/protected-scripts/02.md
@@ -0,0 +1,68 @@
+All Protected Scripts Virtual File System APIs are executed against the `ScriptContext.VirtualFiles` which in #Script Pages is configured 
+to the **WebRoot** FileSystem by default:
+
+```js
+allFiles()
+```
+
+The VFS APIs utilizes [Extension methods support](/docs/syntax#extension-methods) to include an overloaded method that includes `IVirtualPathProvider` as 
+its first argument:
+
+```csharp
+public IEnumerable<IVirtualFile> allFiles() => allFiles(VirtualFiles);
+public IEnumerable<IVirtualFile> allFiles(IVirtualPathProvider vfs) => vfs.GetAllFiles();
+```
+
+This allows being able to use the same method name against any VFS provider by calling it like an instance method, e.g:
+
+```js
+vfsFileSystem(dirPath) |> to => fs
+
+fs.allFiles()
+```
+
+This is supported on all VFS APIs with its C# implementation where `vfs` is an instance of `IVirtualPathProvider`:
+
+| Protected VFS Script Method | C# Implementation |
+| - | - | 
+| allFiles()                                 | vfs.GetAllFiles() |
+| allRootFiles()                             | vfs.GetRootFiles() |
+| allRootDirectories()                       | vfs.GetRootDirectories() |
+| dir(virtualPath)                           | vfs.GetDirectory(virtualPath) |
+| dirExists(virtualPath)                     | vfs.DirectoryExists(virtualPath) |
+| dirFile(dirPath, fileName)                 | vfs.GetDirectory(dirPath)?.GetFile(fileName) |
+| dirFiles(virtualPath)                      | vfs.GetDirectory(dirPath)?.GetFiles() |
+| dirDirectory(dirPath, dirName)             | vfs.GetDirectory(dirPath)?.GetDirectory(dirName) |
+| dirDirectories(dirPath)                    | vfs.GetDirectory(dirPath)?.GetDirectories() |
+| findFilesInDirectory(dirPath, globPattern) | vfs.GetDirectory(dirPath)?.GetAllMatchingFiles(globPattern) |
+| findFiles(globPattern)                     | vfs.GetAllMatchingFiles(globPattern) |
+| fileExists(virtualPath)                    | vfs.FileExists(virtualPath) |
+| file(virtualPath)                          | vfs.GetFile(virtualPath) |
+| writeFile(virtualPath, contents)           | vfs.WriteFile(virtualPath, contents) |
+| writeFiles(files)                          | vfs.WriteFiles(files) |
+| writeTextFiles(textFiles)                  | vfs.WriteFiles(textFiles) |
+| appendToFile(virtualPath, contents)        | vfs.AppendFile(virtualPath, contents) |
+| deleteFile(virtualPath)                    | vfs.DeleteFile(virtualPath) |
+| deleteDirectory(virtualPath)               | vfs.DeleteFolder(virtualPath) |
+| fileContents(virtualPath)                  | vfs.GetFile(virtualPath).GetContents() |
+| fileContents(IFile)                        | file.GetContents() |
+| fileTextContents(virtualPath)              | vfs.GetFile(virtualPath)?.ReadAllText() |
+| fileBytesContent(virtualPath)              | vfs.GetFile(virtualPath)?.ReadAllBytes() |
+| fileHash(virtualPath)                      | vfs.GetFileHash(virtualPath) |
+
+All above VFS APIs work against the built-in VFS providers below:
+
+```js
+vfsMemory()                  |> to => memFs
+vfsFileSystem(dirPath)       |> to => fs
+vfsGist(gistId, accessToken) |> to => gistFs
+vfsGist(gistId)              |> to => gistReadOnlyFs
+```
+
+They can also be used against AWS S3 and Azure Blob storage providers if you configure your `ScriptContext` with `AwsScripts` 
+from **ServiceStack.Aws** package or `AzureScripts` from **ServiceStack.Azure**:
+
+```js
+vfsS3(accessKey, secretAccessKey, region, bucketName) |> to => s3Fs
+vfsAzureBlob(connectionString, containerName)         |> to => azureBlobFs
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/redis-scripts/01.html b/wwwroot/gfm/redis-scripts/01.html
new file mode 100644
index 0000000..824bdae
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/01.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">IRedisClientsManager</span>&gt;(() <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">RedisManagerPool</span>(<span class="pl-smi">connString</span>));</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/redis-scripts/01.md b/wwwroot/gfm/redis-scripts/01.md
new file mode 100644
index 0000000..ce6da3e
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/01.md
@@ -0,0 +1,3 @@
+```csharp
+container.AddSingleton<IRedisClientsManager>(() => new RedisManagerPool(connString));
+```
diff --git a/wwwroot/gfm/redis-scripts/02.html b/wwwroot/gfm/redis-scripts/02.html
new file mode 100644
index 0000000..b45758d
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/02.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> { 
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">RedisScripts</span>()
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/redis-scripts/02.md b/wwwroot/gfm/redis-scripts/02.md
new file mode 100644
index 0000000..ca95b95
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/02.md
@@ -0,0 +1,7 @@
+```csharp
+var context = new ScriptContext { 
+    ScriptMethods = {
+        new RedisScripts()
+    }
+}.Init();
+```
diff --git a/wwwroot/gfm/redis-scripts/03.html b/wwwroot/gfm/redis-scripts/03.html
new file mode 100644
index 0000000..2806b04
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/03.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">RedisSearchResult</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Id</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Type</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">long</span> <span class="pl-smi">Ttl</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">long</span> <span class="pl-smi">Size</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/redis-scripts/03.md b/wwwroot/gfm/redis-scripts/03.md
new file mode 100644
index 0000000..7b35ff5
--- /dev/null
+++ b/wwwroot/gfm/redis-scripts/03.md
@@ -0,0 +1,9 @@
+```csharp
+public class RedisSearchResult
+{
+    public string Id { get; set; }
+    public string Type { get; set; }
+    public long Ttl { get; set; }
+    public long Size { get; set; }
+}
+```
diff --git a/wwwroot/gfm/sandbox/01.html b/wwwroot/gfm/sandbox/01.html
new file mode 100644
index 0000000..7cdb1c0
--- /dev/null
+++ b/wwwroot/gfm/sandbox/01.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">context</span>.<span class="pl-smi">ScriptMethods</span>.<span class="pl-en">Clear</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/01.md b/wwwroot/gfm/sandbox/01.md
new file mode 100644
index 0000000..d481383
--- /dev/null
+++ b/wwwroot/gfm/sandbox/01.md
@@ -0,0 +1,3 @@
+```csharp
+context.ScriptMethods.Clear();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/02.html b/wwwroot/gfm/sandbox/02.html
new file mode 100644
index 0000000..6991d9b
--- /dev/null
+++ b/wwwroot/gfm/sandbox/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ExcludeFiltersNamed</span> <span class="pl-k">=</span> { <span class="pl-s"><span class="pl-pds">"</span>partial<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>selectPartial<span class="pl-pds">"</span></span> }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/02.md b/wwwroot/gfm/sandbox/02.md
new file mode 100644
index 0000000..a4337d1
--- /dev/null
+++ b/wwwroot/gfm/sandbox/02.md
@@ -0,0 +1,5 @@
+```csharp
+var context = new ScriptContext {
+    ExcludeFiltersNamed = { "partial", "selectPartial" }
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/03.html b/wwwroot/gfm/sandbox/03.html
new file mode 100644
index 0000000..73f641d
--- /dev/null
+++ b/wwwroot/gfm/sandbox/03.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-smi">ScriptConstants</span>.<span class="pl-smi">MaxQuota</span>] <span class="pl-k">=</span> <span class="pl-c1">1000</span>
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/03.md b/wwwroot/gfm/sandbox/03.md
new file mode 100644
index 0000000..3df8b03
--- /dev/null
+++ b/wwwroot/gfm/sandbox/03.md
@@ -0,0 +1,7 @@
+```csharp
+var context = new ScriptContext {
+    Args = {
+        [ScriptConstants.MaxQuota] = 1000
+    }
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/04.html b/wwwroot/gfm/sandbox/04.html
new file mode 100644
index 0000000..4162a32
--- /dev/null
+++ b/wwwroot/gfm/sandbox/04.html
@@ -0,0 +1,19 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>()
+    },
+    <span class="pl-smi">ScriptTypes</span> <span class="pl-k">=</span> {
+        <span class="pl-k">typeof</span>(<span class="pl-en">MyType</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">MyType2</span>),
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>Or you can use <code>ScriptAssemblies</code> to allow scripting of <strong>all Types within an Assembly</strong>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>()
+    },
+    <span class="pl-smi">ScriptAssemblies</span> <span class="pl-k">=</span> {
+        <span class="pl-k">typeof</span>(<span class="pl-en">MyType</span>).<span class="pl-smi">Assembly</span>,
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/04.md b/wwwroot/gfm/sandbox/04.md
new file mode 100644
index 0000000..ebc6959
--- /dev/null
+++ b/wwwroot/gfm/sandbox/04.md
@@ -0,0 +1,24 @@
+```csharp
+var context = new ScriptContext {
+    ScriptMethods = {
+        new ProtectedScripts()
+    },
+    ScriptTypes = {
+        typeof(MyType),
+        typeof(MyType2),
+    }
+}.Init();
+```
+
+Or you can use `ScriptAssemblies` to allow scripting of **all Types within an Assembly**:
+
+```csharp
+var context = new ScriptContext {
+    ScriptMethods = {
+        new ProtectedScripts()
+    },
+    ScriptAssemblies = {
+        typeof(MyType).Assembly,
+    }
+}.Init();
+```
diff --git a/wwwroot/gfm/sandbox/05.html b/wwwroot/gfm/sandbox/05.html
new file mode 100644
index 0000000..cb9ca3f
--- /dev/null
+++ b/wwwroot/gfm/sandbox/05.html
@@ -0,0 +1,10 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> {
+        <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>()
+    },
+    <span class="pl-smi">AllowScriptingOfAllTypes</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+    <span class="pl-smi">ScriptNamespaces</span> <span class="pl-k">=</span> {
+        <span class="pl-k">typeof</span>(<span class="pl-en">MyType</span>).<span class="pl-smi">Namespace</span>,
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sandbox/05.md b/wwwroot/gfm/sandbox/05.md
new file mode 100644
index 0000000..354bb98
--- /dev/null
+++ b/wwwroot/gfm/sandbox/05.md
@@ -0,0 +1,11 @@
+```csharp
+var context = new ScriptContext {
+    ScriptMethods = {
+        new ProtectedScripts()
+    },
+    AllowScriptingOfAllTypes = true,
+    ScriptNamespaces = {
+        typeof(MyType).Namespace,
+    }
+}.Init();
+```
diff --git a/wwwroot/gfm/scode/01.html b/wwwroot/gfm/scode/01.html
new file mode 100644
index 0000000..60e7da4
--- /dev/null
+++ b/wwwroot/gfm/scode/01.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">products</span>
+    |&gt; <span class="pl-e"><span class="pl-v">groupBy</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.Category</span></span>
+    |&gt; <span class="pl-e"><span class="pl-v">map</span></span> =&gt; { <span class="pl-e"><span class="pl-v">Category</span></span>: <span class="pl-e"><span class="pl-v">it.Key</span></span>, <span class="pl-e"><span class="pl-v">MostExpensivePrice</span></span>: <span class="pl-e"><span class="pl-v">it.max</span></span>(<span class="pl-e"><span class="pl-v">p</span></span> =&gt; <span class="pl-e"><span class="pl-v">p.UnitPrice</span></span>) }
+    |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/scode/01.md b/wwwroot/gfm/scode/01.md
new file mode 100644
index 0000000..6c2d07d
--- /dev/null
+++ b/wwwroot/gfm/scode/01.md
@@ -0,0 +1,6 @@
+```hbs
+{{ products
+    |> groupBy => it.Category
+    |> map => { Category: it.Key, MostExpensivePrice: it.max(p => p.UnitPrice) }
+    |> htmlDump }}
+```
diff --git a/wwwroot/gfm/scode/02.html b/wwwroot/gfm/scode/02.html
new file mode 100644
index 0000000..7b043aa
--- /dev/null
+++ b/wwwroot/gfm/scode/02.html
@@ -0,0 +1,13 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">test.isEven</span>() <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-v">test</span><span class="pl-c1">}}</span> is even
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-v">test</span><span class="pl-c1">}}</span> is odd
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">#<span class="pl-k">if</span> <span class="pl-smi">test</span>.<span class="pl-en">isEven</span>()</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>test<span class="pl-pse">}</span></span> is even<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-k">else</span></span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>test<span class="pl-pse">}</span></span> is odd<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-k">/</span><span class="pl-k">if</span></span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/scode/02.md b/wwwroot/gfm/scode/02.md
new file mode 100644
index 0000000..5dc81bb
--- /dev/null
+++ b/wwwroot/gfm/scode/02.md
@@ -0,0 +1,19 @@
+```hbs
+{{#if test.isEven() }}
+{{test}} is even
+{{else}}
+{{test}} is odd
+{{/if}}
+```
+
+
+
+```html
+<script>
+#if test.isEven()
+    `${test} is even`
+else
+    `${test} is odd`
+/if
+</script>
+```
diff --git a/wwwroot/gfm/scode/03.html b/wwwroot/gfm/scode/03.html
new file mode 100644
index 0000000..1fa48cb
--- /dev/null
+++ b/wwwroot/gfm/scode/03.html
@@ -0,0 +1,25 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">//</span> render code statements</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderCode</span>(<span class="pl-s"><span class="pl-pds">"</span>now |&gt; dateFormat('HH:mm:ss')<span class="pl-pds">"</span></span>); 
+
+<span class="pl-c"><span class="pl-c">//</span> async</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderCodeAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>now |&gt; dateFormat('HH:mm:ss')<span class="pl-pds">"</span></span>); </pre></div>
+<p>These APIs match the high-level APIs for rendering normal <code>#Script</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScript</span>(<span class="pl-s"><span class="pl-pds">"</span>{{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); 
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">context</span>.<span class="pl-en">RenderScriptAsync</span>(<span class="pl-s"><span class="pl-pds">"</span>{{ now |&gt; dateFormat('HH:mm:ss') }}<span class="pl-pds">"</span></span>); </pre></div>
+<h3>
+<a id="user-content-finer-grained-control" class="anchor" href="#finer-grained-control" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Finer grained control</h3>
+<p>The high-level APIs above wraps the finer-grained functionality below which works by rendering a <code>SharpPage</code> configured with the <code>code</code>
+language in a <code>PageResult</code> that all languages use:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>().<span class="pl-en">Init</span>();
+<span class="pl-k">var</span> <span class="pl-smi">dynamicPage</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">CodeSharpPage</span>(<span class="pl-s"><span class="pl-pds">"</span>now |&gt; dateFormat('HH:mm:ss')<span class="pl-pds">"</span></span>);           <span class="pl-c"><span class="pl-c">//</span> render code</span>
+<span class="pl-c"><span class="pl-c">//</span>var dynamicPage = context.SharpScriptPage("{{ now |&gt; dateFormat('HH:mm:ss') }}"); // render #Script</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScript</span>();
+
+<span class="pl-c"><span class="pl-c">//</span>async</span>
+<span class="pl-k">var</span> <span class="pl-smi">output</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">RenderScriptAsync</span>();</pre></div>
+<p>If you need the return value instead you can access it from:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">dynamicPage</span>).<span class="pl-en">EvaluateResult</span>(<span class="pl-k">out</span> <span class="pl-k">var</span> <span class="pl-smi">returnValue</span>)
+    <span class="pl-k">?</span> <span class="pl-smi">ScriptLanguage</span>.<span class="pl-en">UnwrapValue</span>(<span class="pl-smi">returnValue</span>)
+    <span class="pl-k">:</span> <span class="pl-c1">null</span>;</pre></div>
+<p>If your script source code doesn't change you can re-use <code>dynamicPage</code> which lets you re-evaluate your source code's cached AST.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/scode/03.md b/wwwroot/gfm/scode/03.md
new file mode 100644
index 0000000..72cc3a4
--- /dev/null
+++ b/wwwroot/gfm/scode/03.md
@@ -0,0 +1,39 @@
+```csharp
+// render code statements
+var output = context.RenderCode("now |> dateFormat('HH:mm:ss')"); 
+
+// async
+var output = await context.RenderCodeAsync("now |> dateFormat('HH:mm:ss')"); 
+```
+
+These APIs match the high-level APIs for rendering normal `#Script`:
+
+```csharp
+var output = context.RenderScript("{{ now |> dateFormat('HH:mm:ss') }}"); 
+var output = await context.RenderScriptAsync("{{ now |> dateFormat('HH:mm:ss') }}"); 
+```
+
+### Finer grained control
+
+The high-level APIs above wraps the finer-grained functionality below which works by rendering a `SharpPage` configured with the `code` 
+language in a `PageResult` that all languages use:
+
+```csharp
+var context = new ScriptContext().Init();
+var dynamicPage = context.CodeSharpPage("now |> dateFormat('HH:mm:ss')");           // render code
+//var dynamicPage = context.SharpScriptPage("{{ now |> dateFormat('HH:mm:ss') }}"); // render #Script
+var output = new PageResult(dynamicPage).RenderScript();
+
+//async
+var output = await new PageResult(dynamicPage).RenderScriptAsync();
+```
+
+If you need the return value instead you can access it from:
+
+```csharp
+var result = new PageResult(dynamicPage).EvaluateResult(out var returnValue)
+    ? ScriptLanguage.UnwrapValue(returnValue)
+    : null;
+```
+
+If your script source code doesn't change you can re-use `dynamicPage` which lets you re-evaluate your source code's cached AST.
\ No newline at end of file
diff --git a/wwwroot/gfm/scode/04.html b/wwwroot/gfm/scode/04.html
new file mode 100644
index 0000000..bec3633
--- /dev/null
+++ b/wwwroot/gfm/scode/04.html
@@ -0,0 +1,11 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateCode</span>(<span class="pl-s"><span class="pl-pds">"</span>return ( 1 + 1 )<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2</span></pre></div>
+<p>The generic overloads below utilizes ServiceStack's <a href="https://docs.servicestack.net/auto-mapping" rel="nofollow">Auto Mapping utils</a>
+to convert the return value into your preferred type, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">double</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateCode</span>&lt;<span class="pl-k">double</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>return (1 + 1)<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= 2.0</span>
+<span class="pl-k">string</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateCode</span>&lt;<span class="pl-k">string</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>return (1 + 1)<span class="pl-pds">"</span></span>); <span class="pl-c"><span class="pl-c">//</span>= "2"</span></pre></div>
+<p>Which can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-smi">context</span>.<span class="pl-en">EvaluateCode</span>&lt;<span class="pl-en">Customer</span>&gt;(<span class="pl-s"><span class="pl-pds">"</span>`select * from customer where id=@id` |&gt; dbSingle({id}) |&gt;return<span class="pl-pds">"</span></span>
+    , <span class="pl-k">new</span> <span class="pl-en">ObjectDictionary</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>id<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-c1">1</span>
+    });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/scode/04.md b/wwwroot/gfm/scode/04.md
new file mode 100644
index 0000000..21b1684
--- /dev/null
+++ b/wwwroot/gfm/scode/04.md
@@ -0,0 +1,20 @@
+```csharp
+var result = context.EvaluateCode("return ( 1 + 1 )"); //= 2
+```
+
+The generic overloads below utilizes ServiceStack's [Auto Mapping utils](https://docs.servicestack.net/auto-mapping) 
+to convert the return value into your preferred type, e.g:
+
+```csharp
+double result = context.EvaluateCode<double>("return (1 + 1)"); //= 2.0
+string result = context.EvaluateCode<string>("return (1 + 1)"); //= "2"
+```
+
+Which can also be used for more powerful conversions like converting an Object Dictionary into your preferred POCO:
+
+```csharp
+var result = context.EvaluateCode<Customer>("`select * from customer where id=@id` |> dbSingle({id}) |>return"
+    , new ObjectDictionary {
+        ["id"] = 1
+    });
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/01.html b/wwwroot/gfm/script-net/01.html
new file mode 100644
index 0000000..689d200
--- /dev/null
+++ b/wwwroot/gfm/script-net/01.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-en">Func</span>&lt;<span class="pl-k">int</span>, <span class="pl-k">int</span>, <span class="pl-k">int</span>&gt; <span class="pl-smi">add</span> <span class="pl-k">=</span> (<span class="pl-smi">a</span>, <span class="pl-smi">b</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">a</span> <span class="pl-k">+</span> <span class="pl-smi">b</span>;
+
+<span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> {
+        [<span class="pl-s"><span class="pl-pds">"</span>fn<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">add</span>
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/01.md b/wwwroot/gfm/script-net/01.md
new file mode 100644
index 0000000..aa627cd
--- /dev/null
+++ b/wwwroot/gfm/script-net/01.md
@@ -0,0 +1,9 @@
+```csharp
+Func<int, int, int> add = (a, b) => a + b;
+
+var context = new ScriptContext {
+    Args = {
+        ["fn"] = add
+    }
+}.Init();
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/02.html b/wwwroot/gfm/script-net/02.html
new file mode 100644
index 0000000..c9a7a93
--- /dev/null
+++ b/wwwroot/gfm/script-net/02.html
@@ -0,0 +1,21 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">//</span> Resolve Types</span>
+<span class="pl-en">Type</span> <span class="pl-en">typeof</span>(<span class="pl-k">string</span> <span class="pl-smi">typeName</span>);
+
+<span class="pl-c"><span class="pl-c">//</span> Call Methods</span>
+<span class="pl-k">object</span> <span class="pl-en">call</span>(<span class="pl-k">object</span> <span class="pl-smi">instance</span>, <span class="pl-k">string</span> <span class="pl-smi">name</span>);
+<span class="pl-k">object</span> <span class="pl-en">call</span>(<span class="pl-k">object</span> <span class="pl-smi">instance</span>, <span class="pl-k">string</span> <span class="pl-smi">name</span>, <span class="pl-en">List</span>&lt;<span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>);
+<span class="pl-en">Delegate</span> <span class="pl-en">Function</span>(<span class="pl-k">string</span> <span class="pl-smi">qualifiedMethodName</span>);                    <span class="pl-c"><span class="pl-c">//</span> alias F(string)</span>
+
+<span class="pl-c"><span class="pl-c">//</span> Create Instances</span>
+<span class="pl-k">object</span> <span class="pl-en">new</span>(<span class="pl-k">string</span> <span class="pl-smi">typeName</span>);
+<span class="pl-k">object</span> <span class="pl-en">new</span>(<span class="pl-k">string</span> <span class="pl-smi">typeName</span>, <span class="pl-en">List</span>&lt;<span class="pl-k">object</span>&gt; <span class="pl-smi">constructorArgs</span>);
+<span class="pl-k">object</span> <span class="pl-en">createInstance</span>(<span class="pl-en">Type</span> <span class="pl-smi">type</span>);
+<span class="pl-k">object</span> <span class="pl-en">createInstance</span>(<span class="pl-en">Type</span> <span class="pl-smi">type</span>, <span class="pl-en">List</span>&lt;<span class="pl-k">object</span>&gt; <span class="pl-smi">constructorArgs</span>);
+<span class="pl-en">ObjectActivator</span> <span class="pl-en">Constructor</span>(<span class="pl-k">string</span> <span class="pl-smi">qualifiedConstructorName</span>);     <span class="pl-c"><span class="pl-c">//</span> alias C(string)</span>
+
+<span class="pl-c"><span class="pl-c">//</span> Populate Instance</span>
+<span class="pl-k">object</span> <span class="pl-en">set</span>(<span class="pl-k">object</span> <span class="pl-smi">instance</span>, <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">object</span>&gt; <span class="pl-smi">args</span>);</pre></div>
+<blockquote>
+<p>Note: only a Type's <strong>public</strong> members can be accessed in <code>#Script</code></p>
+</blockquote>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/02.md b/wwwroot/gfm/script-net/02.md
new file mode 100644
index 0000000..33a73d6
--- /dev/null
+++ b/wwwroot/gfm/script-net/02.md
@@ -0,0 +1,21 @@
+```csharp
+// Resolve Types
+Type typeof(string typeName);
+
+// Call Methods
+object call(object instance, string name);
+object call(object instance, string name, List<object> args);
+Delegate Function(string qualifiedMethodName);                    // alias F(string)
+
+// Create Instances
+object new(string typeName);
+object new(string typeName, List<object> constructorArgs);
+object createInstance(Type type);
+object createInstance(Type type, List<object> constructorArgs);
+ObjectActivator Constructor(string qualifiedConstructorName);     // alias C(string)
+
+// Populate Instance
+object set(object instance, Dictionary<string, object> args);
+```
+
+> Note: only a Type's **public** members can be accessed in `#Script`
diff --git a/wwwroot/gfm/script-net/Function.html b/wwwroot/gfm/script-net/Function.html
new file mode 100644
index 0000000..529b378
--- /dev/null
+++ b/wwwroot/gfm/script-net/Function.html
@@ -0,0 +1,104 @@
+<div class="gfm"><p>Function is a universal accessor for .NET Types where it can create a cached <strong>delegate</strong> to access Instance, Static and Generic Static Types - Including Nested Types (aka Inner Classes), Instance, Static and Generic Methods of those Types as well as their Instance and Static Properties,
+Fields and Constants.</p>
+<p>As a simple example we'll use <code>Function</code> to create a delegate to call .NET's <code>System.Console.WriteLine(string)</code> static method:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>Console.WriteLine(string)<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> writeln</pre></div>
+<p>Which lets you call it like a regular Script method:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">writeln</span>(<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>)
+<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>.<span class="pl-c1">writeln</span>()
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>Console.WriteLine(string)<span class="pl-pds">'</span></span>)(<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>)</pre></div>
+<p>All Examples below uses classes defined in <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/ScriptTypes.cs">ScriptTypes.cs</a>.</p>
+<h3>
+<a id="user-content-instance-methods" class="anchor" href="#instance-methods" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Instance Methods</h3>
+<p><code>Function</code> create delegates that lets you genericize the different types of method invocations in .NET, including instance methods,
+generic methods and <code>void</code> Action methods on an <strong>instance</strong>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>InstanceLog<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>]) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> o
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>InstanceLog.Log<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> log              <span class="pl-c"><span class="pl-c">//</span> instance void method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>InstanceLog.AllLogs<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> allLogs      <span class="pl-c"><span class="pl-c">//</span> instance method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>InstanceLog.Log&lt;int&gt;<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> genericLog  <span class="pl-c"><span class="pl-c">//</span> instance generic method</span>
+
+<span class="pl-smi">o</span>.<span class="pl-en">log</span>(<span class="pl-s"><span class="pl-pds">'</span>B<span class="pl-pds">'</span></span>)
+<span class="pl-en">log</span>(o,<span class="pl-s"><span class="pl-pds">'</span>C<span class="pl-pds">'</span></span>)
+<span class="pl-smi">o</span>.<span class="pl-en">genericLog</span>(<span class="pl-c1">1</span>)
+o <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">genericLog</span>(<span class="pl-c1">2</span>)    
+<span class="pl-smi">o</span>.<span class="pl-en">allLogs</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> snapshotLogs</pre></div>
+<h3>
+<a id="user-content-static-type-methods" class="anchor" href="#static-type-methods" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Static Type Methods</h3>
+<p>As well as calling static methods and static <code>void</code> Action methods on a <strong>static Type</strong>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Clear<span class="pl-pds">'</span></span>)()
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Log<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> log                <span class="pl-c"><span class="pl-c">//</span> static void method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.AllLogs<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> allLogs        <span class="pl-c"><span class="pl-c">//</span> static method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Log&lt;int&gt;<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> genericLog    <span class="pl-c"><span class="pl-c">//</span> static generic method</span>
+
+<span class="pl-en">log</span>(<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>)
+<span class="pl-s"><span class="pl-pds">'</span>B<span class="pl-pds">'</span></span>.<span class="pl-en">log</span>()
+<span class="pl-en">genericLog</span>(<span class="pl-s"><span class="pl-pds">'</span>C<span class="pl-pds">'</span></span>)
+<span class="pl-en">allLogs</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> snapshotLogs</pre></div>
+<h3>
+<a id="user-content-generic-static-type-methods" class="anchor" href="#generic-static-type-methods" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Generic Static Type Methods</h3>
+<p>Including calling generic static methods on a <strong>generic static Type</strong>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>GenericStaticLog&lt;string&gt;.Clear()<span class="pl-pds">'</span></span>)()
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>GenericStaticLog&lt;string&gt;.Log(string)<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> log      <span class="pl-c"><span class="pl-c">//</span> generic type static void method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>GenericStaticLog&lt;string&gt;.AllLogs<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> allLogs      <span class="pl-c"><span class="pl-c">//</span> generic type static method</span>
+<span class="pl-c1">Function</span>(<span class="pl-s"><span class="pl-pds">'</span>GenericStaticLog&lt;string&gt;.Log&lt;int&gt;<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> genericLog  <span class="pl-c"><span class="pl-c">//</span> generic type generic static method</span>
+
+<span class="pl-en">log</span>(<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>)
+<span class="pl-s"><span class="pl-pds">'</span>B<span class="pl-pds">'</span></span>.<span class="pl-en">log</span>()
+<span class="pl-en">genericLog</span>(<span class="pl-s"><span class="pl-pds">'</span>C<span class="pl-pds">'</span></span>)
+<span class="pl-en">allLogs</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> snapshotLogs</pre></div>
+<h3>
+<a id="user-content-f-alias" class="anchor" href="#f-alias" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>F() alias</h3>
+<p>You can use the shorter <code>F()</code> alias to reduce syntax noise when writing #Script that heavily interops directly with .NET Classes.</p>
+<h3>
+<a id="user-content-instance-and-static-properties-fields-and-constants" class="anchor" href="#instance-and-static-properties-fields-and-constants" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Instance and Static Properties, Fields and Constants</h3>
+<p>In addition to being able to create Delegates that genericize access to .NET Methods, it can also be used to create a delegate
+for accessing Instance and Static Properties, Fields and Constants including members of Inner Classes, e.g:</p>
+<p>Each of the members of the following Type definition:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">StaticLog</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Prop</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Prop<span class="pl-pds">"</span></span>;
+    <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Field</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Field<span class="pl-pds">"</span></span>;
+    <span class="pl-k">public</span> <span class="pl-k">const</span> <span class="pl-k">string</span> <span class="pl-smi">Const</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Const<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">InstanceProp</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.InstanceProp<span class="pl-pds">"</span></span>;
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">InstanceField</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.InstanceField<span class="pl-pds">"</span></span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Inner1</span>
+    {
+        <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Prop1</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Prop1<span class="pl-pds">"</span></span>;
+        <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Field1</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Field1<span class="pl-pds">"</span></span>;
+        <span class="pl-k">public</span> <span class="pl-k">const</span> <span class="pl-k">string</span> <span class="pl-smi">Const1</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Const1<span class="pl-pds">"</span></span>;
+
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">InstanceProp1</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.InstanceProp1<span class="pl-pds">"</span></span>;
+        <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">InstanceField1</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.InstanceField1<span class="pl-pds">"</span></span>;
+
+        <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">class</span> <span class="pl-en">Inner2</span>
+        {
+            <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Prop2</span> { <span class="pl-k">get</span>; } <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Inner2.Prop2<span class="pl-pds">"</span></span>;
+            <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">string</span> <span class="pl-smi">Field2</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Inner2.Field2<span class="pl-pds">"</span></span>;
+            <span class="pl-k">public</span> <span class="pl-k">const</span> <span class="pl-k">string</span> <span class="pl-smi">Const2</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>StaticLog.Inner1.Inner2.Const2<span class="pl-pds">"</span></span>;
+        }
+    }
+}</pre></div>
+<p>Can be accessed the same way, where you can use <code>Function</code> to create a zero-argument delegate for static members that can be immediately invoked,
+or a 1 argument Delegate for instance members.</p>
+<p>Examples below uses Function's shorter <code>F()</code> alias:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Prop<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Field<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Const<span class="pl-pds">'</span></span>)()
+
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Prop1<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Field1<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Const1<span class="pl-pds">'</span></span>)()
+
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Inner2.Prop2<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Inner2.Field2<span class="pl-pds">'</span></span>)()
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.Inner2.Const2<span class="pl-pds">'</span></span>)()
+
+<span class="pl-s"><span class="pl-pds">'</span>StaticLog<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> o
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.InstanceProp<span class="pl-pds">'</span></span>)(o)
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.InstanceField<span class="pl-pds">'</span></span>)(o)
+
+<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> o
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.InstanceProp1<span class="pl-pds">'</span></span>)(o)
+<span class="pl-en">F</span>(<span class="pl-s"><span class="pl-pds">'</span>StaticLog.Inner1.InstanceField1<span class="pl-pds">'</span></span>)(o)</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/Function.md b/wwwroot/gfm/script-net/Function.md
new file mode 100644
index 0000000..0c13866
--- /dev/null
+++ b/wwwroot/gfm/script-net/Function.md
@@ -0,0 +1,135 @@
+Function is a universal accessor for .NET Types where it can create a cached **delegate** to access Instance, Static and Generic Static Types - Including Nested Types (aka Inner Classes), Instance, Static and Generic Methods of those Types as well as their Instance and Static Properties, 
+Fields and Constants.
+
+As a simple example we'll use `Function` to create a delegate to call .NET's `System.Console.WriteLine(string)` static method:
+
+```js
+Function('Console.WriteLine(string)') |> to => writeln
+```
+
+Which lets you call it like a regular Script method:
+
+```js
+writeln('A')
+'A'.writeln()
+Function('Console.WriteLine(string)')('A')
+```
+
+All Examples below uses classes defined in [ScriptTypes.cs](https://github.com/ServiceStack/sharpscript/blob/master/src/ScriptTypes.cs).
+
+### Instance Methods
+
+`Function` create delegates that lets you genericize the different types of method invocations in .NET, including instance methods, 
+generic methods and `void` Action methods on an **instance**:
+
+```js
+'InstanceLog'.new(['A']) |> to => o
+Function('InstanceLog.Log') |> to => log              // instance void method
+Function('InstanceLog.AllLogs') |> to => allLogs      // instance method
+Function('InstanceLog.Log<int>') |> to => genericLog  // instance generic method
+
+o.log('B')
+log(o,'C')
+o.genericLog(1)
+o |> genericLog(2)    
+o.allLogs() |> to => snapshotLogs
+```
+
+### Static Type Methods
+
+As well as calling static methods and static `void` Action methods on a **static Type**:
+
+```js
+Function('StaticLog.Clear')()
+Function('StaticLog.Log') |> to => log                // static void method
+Function('StaticLog.AllLogs') |> to => allLogs        // static method
+Function('StaticLog.Log<int>') |> to => genericLog    // static generic method
+
+log('A')
+'B'.log()
+genericLog('C')
+allLogs() |> to => snapshotLogs
+```
+
+### Generic Static Type Methods
+
+Including calling generic static methods on a **generic static Type**:
+
+```js
+Function('GenericStaticLog<string>.Clear()')()
+Function('GenericStaticLog<string>.Log(string)') |> to => log      // generic type static void method
+Function('GenericStaticLog<string>.AllLogs') |> to => allLogs      // generic type static method
+Function('GenericStaticLog<string>.Log<int>') |> to => genericLog  // generic type generic static method
+
+log('A')
+'B'.log()
+genericLog('C')
+allLogs() |> to => snapshotLogs
+```
+
+### F() alias
+
+You can use the shorter `F()` alias to reduce syntax noise when writing #Script that heavily interops directly with .NET Classes.
+
+### Instance and Static Properties, Fields and Constants
+
+In addition to being able to create Delegates that genericize access to .NET Methods, it can also be used to create a delegate
+for accessing Instance and Static Properties, Fields and Constants including members of Inner Classes, e.g: 
+
+Each of the members of the following Type definition:
+
+```csharp
+public class StaticLog
+{
+    public static string Prop { get; } = "StaticLog.Prop";
+    public static string Field = "StaticLog.Field";
+    public const string Const = "StaticLog.Const";
+
+    public string InstanceProp { get; } = "StaticLog.InstanceProp";
+    public string InstanceField = "StaticLog.InstanceField";
+
+    public class Inner1
+    {
+        public static string Prop1 { get; } = "StaticLog.Inner1.Prop1";
+        public static string Field1 = "StaticLog.Inner1.Field1";
+        public const string Const1 = "StaticLog.Inner1.Const1";
+
+        public string InstanceProp1 { get; } = "StaticLog.Inner1.InstanceProp1";
+        public string InstanceField1 = "StaticLog.Inner1.InstanceField1";
+
+        public static class Inner2
+        {
+            public static string Prop2 { get; } = "StaticLog.Inner1.Inner2.Prop2";
+            public static string Field2 = "StaticLog.Inner1.Inner2.Field2";
+            public const string Const2 = "StaticLog.Inner1.Inner2.Const2";
+        }
+    }
+}
+```
+
+Can be accessed the same way, where you can use `Function` to create a zero-argument delegate for static members that can be immediately invoked, 
+or a 1 argument Delegate for instance members.
+
+Examples below uses Function's shorter `F()` alias:
+
+```js
+F('StaticLog.Prop')()
+F('StaticLog.Field')()
+F('StaticLog.Const')()
+
+F('StaticLog.Inner1.Prop1')()
+F('StaticLog.Inner1.Field1')()
+F('StaticLog.Inner1.Const1')()
+
+F('StaticLog.Inner1.Inner2.Prop2')()
+F('StaticLog.Inner1.Inner2.Field2')()
+F('StaticLog.Inner1.Inner2.Const2')()
+
+'StaticLog'.new() |> to => o
+F('StaticLog.InstanceProp')(o)
+F('StaticLog.InstanceField')(o)
+
+'StaticLog.Inner1'.new() |> to => o
+F('StaticLog.Inner1.InstanceProp1')(o)
+F('StaticLog.Inner1.InstanceField1')(o)
+```
diff --git a/wwwroot/gfm/script-net/call-methods.html b/wwwroot/gfm/script-net/call-methods.html
new file mode 100644
index 0000000..29df7b3
--- /dev/null
+++ b/wwwroot/gfm/script-net/call-methods.html
@@ -0,0 +1,27 @@
+<div class="gfm"><p>Use the <code>call</code> and <code>Function</code> APIs to call methods on .NET Types:</p>
+<ul>
+<li>
+<code>call</code> - invoke a method on an instance</li>
+<li>
+<code>Function</code> - create a Function <strong>delegate</strong> that can invoke methods via normal method invocation</li>
+</ul>
+<h2>
+<a id="user-content-call" class="anchor" href="#call" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>call</h2>
+<p>In its most simplest form you can invoke an instance method that doesn't have any arguments using just its name:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1</span>,<span class="pl-c1">2</span>]) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> ints
+<span class="pl-smi">ints</span>.<span class="pl-c1">call</span>(<span class="pl-s"><span class="pl-pds">'</span>GetMethod<span class="pl-pds">'</span></span>)</pre></div>
+<p>Any arguments can be specified in an arguments list:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1.0</span>,<span class="pl-c1">2.0</span>]) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> adder3
+<span class="pl-smi">adder3</span>.<span class="pl-c1">call</span>(<span class="pl-s"><span class="pl-pds">'</span>Add<span class="pl-pds">'</span></span>,[<span class="pl-c1">3.0</span>]) <span class="pl-c"><span class="pl-c">//</span>= 6.0</span></pre></div>
+<h3>
+<a id="user-content-method-resolution" class="anchor" href="#method-resolution" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Method Resolution</h3>
+<p>The same Resolution rules in <strong>Constructor Resolution</strong> also applies when calling methods where any <strong>ambiguous methods</strong> needs to be
+called with arguments containing the <strong>exact types</strong> (as above), or you can specify the argument types of the method you want to call,
+in which case it will let you use the built-in Auto Mapping to call a method expecting a <code>double</code> with an <code>int</code> argument:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-smi">adder3</span>.<span class="pl-c1">call</span>(<span class="pl-s"><span class="pl-pds">'</span>Add(double)<span class="pl-pds">'</span></span>,[<span class="pl-c1">3</span>])</pre></div>
+<h3>
+<a id="user-content-generic-methods" class="anchor" href="#generic-methods" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Generic Methods</h3>
+<p>You can call generic methods by specifying the Generic Type in the method name:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1</span>,<span class="pl-c1">2</span>]).<span class="pl-c1">call</span>(<span class="pl-s"><span class="pl-pds">'</span>GenericMethod&lt;string&gt;<span class="pl-pds">'</span></span>,[<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>])</pre></div>
+<p><code>call</code> only invokes instance methods, to call static methods you'll need to use <code>Function</code>.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/call-methods.md b/wwwroot/gfm/script-net/call-methods.md
new file mode 100644
index 0000000..62d9348
--- /dev/null
+++ b/wwwroot/gfm/script-net/call-methods.md
@@ -0,0 +1,40 @@
+Use the `call` and `Function` APIs to call methods on .NET Types:
+
+- `call` - invoke a method on an instance
+- `Function` - create a Function **delegate** that can invoke methods via normal method invocation
+
+## call
+
+In its most simplest form you can invoke an instance method that doesn't have any arguments using just its name:
+
+```js
+'Ints'.new([1,2]) |> to => ints
+ints.call('GetMethod')
+```
+
+Any arguments can be specified in an arguments list:
+
+```js
+'Adder'.new([1.0,2.0]) |> to => adder3
+adder3.call('Add',[3.0]) //= 6.0
+```
+
+### Method Resolution    
+
+The same Resolution rules in **Constructor Resolution** also applies when calling methods where any **ambiguous methods** needs to be
+called with arguments containing the **exact types** (as above), or you can specify the argument types of the method you want to call,
+in which case it will let you use the built-in Auto Mapping to call a method expecting a `double` with an `int` argument:
+
+```js
+adder3.call('Add(double)',[3])
+```
+
+### Generic Methods
+
+You can call generic methods by specifying the Generic Type in the method name:
+
+```js
+'Ints'.new([1,2]).call('GenericMethod<string>',['A'])
+```
+
+`call` only invokes instance methods, to call static methods you'll need to use `Function`.
diff --git a/wwwroot/gfm/script-net/create-instances.html b/wwwroot/gfm/script-net/create-instances.html
new file mode 100644
index 0000000..c9ae22a
--- /dev/null
+++ b/wwwroot/gfm/script-net/create-instances.html
@@ -0,0 +1,81 @@
+<div class="gfm"><p>There are 3 different APIs for creating instances of Types:</p>
+<ul>
+<li>
+<code>new</code> - create instances from Type <strong>name</strong> with specified List of arguments</li>
+<li>
+<code>createInstance</code> - create instance of <strong>Type</strong> with specified List of arguments</li>
+<li>
+<code>Constructor</code> - create a Constructor <strong>delegate</strong> that can create instances via method invocation</li>
+</ul>
+<p>Built-in .NET Types and Types in <code>ScriptTypes</code>, <code>ScriptAssemblies</code> or <code>ScriptNamespaces</code> can be created using their Type Name,
+including generic Types:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>int<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>()
+<span class="pl-s"><span class="pl-pds">'</span>DateTime<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>()
+<span class="pl-s"><span class="pl-pds">'</span>Dictionary&lt;string,DateTime&gt;<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>()</pre></div>
+<p>Otherwise new instances of Types can be created using their <strong>full Type Name</strong>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>System.Int32<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>()
+<span class="pl-s"><span class="pl-pds">'</span>System.Text.StringBuilder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>()</pre></div>
+<p>A list of arguments can be passed to the <code>new</code> method to call the constructor with the specified arguments:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1</span>,<span class="pl-c1">2</span>])
+<span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1.0</span>])
+<span class="pl-s"><span class="pl-pds">'</span>KeyValuePair&lt;string,int&gt;<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>,<span class="pl-c1">1</span>])</pre></div>
+<h3>
+<a id="user-content-constructor-resolution" class="anchor" href="#constructor-resolution" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Constructor Resolution</h3>
+<p><code>#Script</code> will use the constructor that matches the same number of specified arguments, when needed it uses
+<a href="https://docs.servicestack.net/auto-mapping" rel="nofollow">ServiceStack's Auto Mapping</a> to convert instances when their Types don't match, e.g:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1.0</span>,<span class="pl-c1">2.0</span>])
+<span class="pl-s"><span class="pl-pds">'</span>KeyValuePair&lt;char,double&gt;<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>,<span class="pl-c1">1</span>])</pre></div>
+<p>However if there are multiple constructors with the same number of arguments, it will only use the constructor where all its argument Types
+match with the supplied arguments. Attempting to create an instance of the <code>Adder</code> class which only has constructors for <code>string</code> or
+<code>double</code> will fail with an <strong>Ambiguous Match Exception</strong> when trying to create it with an <code>int</code>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1</span>])  <span class="pl-c"><span class="pl-c">//</span> FAIL: Ambiguous Constructor</span></pre></div>
+<p>In this case you'll need to convert the arguments so its Types matches one of the available constructors:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1.0</span>])
+<span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-smi">intArg</span>.<span class="pl-en">toDouble</span>()])
+<span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>])
+<span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>instance<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span>]) <span class="pl-c"><span class="pl-c">//</span> or 'Adder'.new([instance.toString()]) </span></pre></div>
+<h3>
+<a id="user-content-constructor-function" class="anchor" href="#constructor-function" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Constructor function</h3>
+<p>Alternatively you can use the <code>Constructor</code> method to specify the constructor you want by specifying the argument types of the
+constructor you want to use, which will return a delegate that lets you call a method to create instances using that Type's constructor:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">Constructor</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder(double)<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> doubleAdder
+<span class="pl-en">Constructor</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder(string)<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> stringAdder</pre></div>
+<p>In this case you will be able to create instances of <code>Adder</code> using an <code>int</code> argument as the built-in automapping will convert it to
+the Argument Type of the Constructor you've chosen:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">doubleAdder</span>(<span class="pl-c1">1</span>)
+<span class="pl-en">stringAdder</span>(<span class="pl-c1">1</span>)
+
+<span class="pl-c"><span class="pl-c">//</span> equivalent to:</span>
+<span class="pl-en">Constructor</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder(double)<span class="pl-pds">'</span></span>)(<span class="pl-c1">1</span>)
+<span class="pl-en">Constructor</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder(string)<span class="pl-pds">'</span></span>)(<span class="pl-c1">1</span>)</pre></div>
+<p>As the Constructor Function returns a delegate you will be able to invoke it like a normal method where it can also be invoked as
+an extension method or inside a filter expression:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-en">Constructor</span>(<span class="pl-s">'Uri(string)'</span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">url</span>
+
+<span class="pl-en">url</span>(<span class="pl-s">'http://example.org'</span>)
+<span class="pl-s">'http://example.org'</span>.<span class="pl-en">url</span>()
+<span class="pl-s">'http://example.org'</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">url</span>
+
+<span class="pl-c"><span class="pl-c">//</span> equivalent to:</span>
+<span class="pl-s">'Uri'</span>.<span class="pl-en">new</span>([<span class="pl-s">'http://example.org'</span>])
+<span class="pl-en">Constructor</span>(<span class="pl-s">'Uri(string)'</span>)(<span class="pl-s">'http://example.org'</span>)</pre></div>
+<h3>
+<a id="user-content-c-alias" class="anchor" href="#c-alias" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>C() alias</h3>
+<p>To reduce syntax noise when needing to create a lot of constructors you can use the much shorter alias <code>C</code> instead of <code>Constructor</code>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">C</span>(<span class="pl-s"><span class="pl-pds">'</span>Uri(string)<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> url
+<span class="pl-en">C</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder(double)<span class="pl-pds">'</span></span>)(<span class="pl-c1">1</span>)</pre></div>
+<h3>
+<a id="user-content-createinstance" class="anchor" href="#createinstance" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>createInstance</h3>
+<p>The <code>createInstance</code> is like <code>new</code> except it's used to create instances from a <code>Type</code> instead of its <code>string</code> Type Name:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-k">typeof</span>(<span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>).<span class="pl-en">createInstance</span>([<span class="pl-c1">1</span>,<span class="pl-c1">2</span>])
+<span class="pl-k">typeof</span>(<span class="pl-s"><span class="pl-pds">'</span>Adder<span class="pl-pds">'</span></span>).<span class="pl-en">createInstance</span>([<span class="pl-c1">1.0</span>])
+<span class="pl-k">typeof</span>(<span class="pl-s"><span class="pl-pds">'</span>KeyValuePair&lt;string,int&gt;<span class="pl-pds">'</span></span>).<span class="pl-en">createInstance</span>([<span class="pl-s"><span class="pl-pds">'</span>A<span class="pl-pds">'</span></span>,<span class="pl-c1">1</span>])</pre></div>
+<h2>
+<a id="user-content-set" class="anchor" href="#set" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>set</h2>
+<p>Once you've created instance you can further populate it using the <code>set</code> method which will let you populate <strong>public properties</strong>
+with a JS Object literal, performing any auto-mapping conversions as needed:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s"><span class="pl-pds">'</span>Ints<span class="pl-pds">'</span></span>.<span class="pl-en">new</span>([<span class="pl-c1">1</span>,<span class="pl-c1">2</span>]).<span class="pl-c1">set</span>({ <span class="pl-c1">C</span><span class="pl-k">:</span><span class="pl-c1">3</span>, <span class="pl-c1">D</span><span class="pl-k">:</span><span class="pl-c1">4.0</span> })
+<span class="pl-en">Constructor</span>(<span class="pl-s"><span class="pl-pds">'</span>Ints(int,int)<span class="pl-pds">'</span></span>)(<span class="pl-c1">1</span>,<span class="pl-c1">2</span>).<span class="pl-c1">set</span>({ <span class="pl-c1">C</span><span class="pl-k">:</span><span class="pl-c1">3</span>, <span class="pl-c1">D</span><span class="pl-k">:</span><span class="pl-c1">4.0</span> })</pre></div>
+<p>As <code>set</code> returns the instance, it can be used within a chained expression:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-smi">instance</span>.<span class="pl-c1">set</span>({ <span class="pl-c1">C</span><span class="pl-k">:</span><span class="pl-c1">3</span> }).<span class="pl-c1">set</span>({ <span class="pl-c1">D</span><span class="pl-k">:</span><span class="pl-c1">4.0</span> }).<span class="pl-c1">call</span>(<span class="pl-s"><span class="pl-pds">'</span>GetTotal<span class="pl-pds">'</span></span>)</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/create-instances.md b/wwwroot/gfm/script-net/create-instances.md
new file mode 100644
index 0000000..a1da3c8
--- /dev/null
+++ b/wwwroot/gfm/script-net/create-instances.md
@@ -0,0 +1,128 @@
+There are 3 different APIs for creating instances of Types:
+
+ - `new` - create instances from Type **name** with specified List of arguments
+ - `createInstance` - create instance of **Type** with specified List of arguments
+ - `Constructor` - create a Constructor **delegate** that can create instances via method invocation
+
+Built-in .NET Types and Types in `ScriptTypes`, `ScriptAssemblies` or `ScriptNamespaces` can be created using their Type Name, 
+including generic Types:
+
+```js
+'int'.new()
+'DateTime'.new()
+'Dictionary<string,DateTime>'.new()
+```
+
+Otherwise new instances of Types can be created using their **full Type Name**:
+
+```js
+'System.Int32'.new()
+'System.Text.StringBuilder'.new()
+```
+
+A list of arguments can be passed to the `new` method to call the constructor with the specified arguments:
+
+```js
+'Ints'.new([1,2])
+'Adder'.new([1.0])
+'KeyValuePair<string,int>'.new(['A',1])
+```
+
+### Constructor Resolution
+
+`#Script` will use the constructor that matches the same number of specified arguments, when needed it uses
+[ServiceStack's Auto Mapping](https://docs.servicestack.net/auto-mapping) to convert instances when their Types don't match, e.g:
+
+```js
+'Ints'.new([1.0,2.0])
+'KeyValuePair<char,double>'.new(['A',1])
+```
+
+However if there are multiple constructors with the same number of arguments, it will only use the constructor where all its argument Types
+match with the supplied arguments. Attempting to create an instance of the `Adder` class which only has constructors for `string` or
+`double` will fail with an **Ambiguous Match Exception** when trying to create it with an `int`:
+
+```js
+'Adder'.new([1])  // FAIL: Ambiguous Constructor
+```
+
+In this case you'll need to convert the arguments so its Types matches one of the available constructors:
+
+```js
+'Adder'.new([1.0])
+'Adder'.new([intArg.toDouble()])
+'Adder'.new(['A'])
+'Adder'.new([`${instance}`]) // or 'Adder'.new([instance.toString()]) 
+```
+
+### Constructor function
+
+Alternatively you can use the `Constructor` method to specify the constructor you want by specifying the argument types of the 
+constructor you want to use, which will return a delegate that lets you call a method to create instances using that Type's constructor:
+
+```js
+Constructor('Adder(double)') |> to => doubleAdder
+Constructor('Adder(string)') |> to => stringAdder
+```
+
+In this case you will be able to create instances of `Adder` using an `int` argument as the built-in automapping will convert it to
+the Argument Type of the Constructor you've chosen:
+
+```js
+doubleAdder(1)
+stringAdder(1)
+
+// equivalent to:
+Constructor('Adder(double)')(1)
+Constructor('Adder(string)')(1)
+```
+
+As the Constructor Function returns a delegate you will be able to invoke it like a normal method where it can also be invoked as 
+an extension method or inside a filter expression:
+
+```csharp
+Constructor('Uri(string)') |> to => url
+
+url('http://example.org')
+'http://example.org'.url()
+'http://example.org' |> url
+
+// equivalent to:
+'Uri'.new(['http://example.org'])
+Constructor('Uri(string)')('http://example.org')
+```
+
+### C() alias
+
+To reduce syntax noise when needing to create a lot of constructors you can use the much shorter alias `C` instead of `Constructor`:
+
+```js
+C('Uri(string)') |> to => url
+C('Adder(double)')(1)
+```
+
+### createInstance
+
+The `createInstance` is like `new` except it's used to create instances from a `Type` instead of its `string` Type Name:
+
+```js
+typeof('Ints').createInstance([1,2])
+typeof('Adder').createInstance([1.0])
+typeof('KeyValuePair<string,int>').createInstance(['A',1])
+```
+
+## set
+
+Once you've created instance you can further populate it using the `set` method which will let you populate **public properties**
+with a JS Object literal, performing any auto-mapping conversions as needed:
+
+```js
+'Ints'.new([1,2]).set({ C:3, D:4.0 })
+Constructor('Ints(int,int)')(1,2).set({ C:3, D:4.0 })
+```
+
+As `set` returns the instance, it can be used within a chained expression:
+
+```js
+instance.set({ C:3 }).set({ D:4.0 }).call('GetTotal')
+```
diff --git a/wwwroot/gfm/script-net/type-resolution.html b/wwwroot/gfm/script-net/type-resolution.html
new file mode 100644
index 0000000..6e1ca50
--- /dev/null
+++ b/wwwroot/gfm/script-net/type-resolution.html
@@ -0,0 +1,52 @@
+<div class="gfm"><p>If you've registered Types using either <code>ScriptTypes</code> or <code>ScriptAssemblies</code> than you'll be able to reference the Type using
+<strong>just the Type Name</strong>, unless multiple Types of the same name are registered in which case the <code>typeof()</code> will return the <strong>first Type</strong>
+registered, all other subsequent Types with the same Name will need to be referenced with their <strong>Full Name</strong>.</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-k">typeof</span>(<span class="pl-s"><span class="pl-pds">'</span>MyType<span class="pl-pds">'</span></span>)
+<span class="pl-k">typeof</span>(<span class="pl-s"><span class="pl-pds">'</span>My.Namespace.MyType<span class="pl-pds">'</span></span>)</pre></div>
+<p>When <code>AllowScriptingOfAllTypes=true</code> is enabled, you can use <code>ScriptNamespaces</code> to add Lookup Namespaces for resolving Types,
+which for #Script Pages, Sharp Apps and Sharp Scripts are pre-configured with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-c"><span class="pl-c">//</span>...</span>
+    <span class="pl-smi">ScriptNamespaces</span> <span class="pl-k">=</span> {
+        <span class="pl-s"><span class="pl-pds">"</span>System<span class="pl-pds">"</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>System.Collections.Generic<span class="pl-pds">"</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>ServiceStack<span class="pl-pds">"</span></span>,
+    }
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>All other Types (other than <a href="https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/built-in-types-table" rel="nofollow">.NET built-in types</a>)
+not registered in <code>ScriptTypes</code>, <code>ScriptAssemblies</code> or have their namespace defined in <code>ScriptNamespaces</code> will need to be referenced using
+their <strong>Full Type Name</strong>. This same Type resolution applies for all references of Types in <code>#Script</code>.</p>
+<h4>
+<a id="user-content-examples-configuration" class="anchor" href="#examples-configuration" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Examples Configuration</h4>
+<p>The examples below assumes a <code>ScriptContext</code> configured with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>() },
+    <span class="pl-smi">AllowScriptingOfAllTypes</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+    <span class="pl-smi">ScriptNamespaces</span> <span class="pl-k">=</span> {
+        <span class="pl-s"><span class="pl-pds">"</span>System<span class="pl-pds">"</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>System.Collections.Generic<span class="pl-pds">"</span></span>,
+    },
+    <span class="pl-smi">ScriptTypes</span> <span class="pl-k">=</span> {
+        <span class="pl-k">typeof</span>(<span class="pl-en">Ints</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">Adder</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">StaticLog</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">InstanceLog</span>),
+        <span class="pl-k">typeof</span>(<span class="pl-en">GenericStaticLog</span>&lt;&gt;),
+    },
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>With the types for the above classes defined in <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/ScriptTypes.cs">ScriptTypes.cs</a>.
+This is the definition of the <code>Adder</code> class that's referenced frequently in the examples below:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Adder</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">String</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">double</span> <span class="pl-smi">Double</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+    <span class="pl-k">public</span> <span class="pl-en">Adder</span>(<span class="pl-k">string</span> <span class="pl-smi">str</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">String</span> <span class="pl-k">=</span> <span class="pl-smi">str</span>;
+    <span class="pl-k">public</span> <span class="pl-en">Adder</span>(<span class="pl-k">double</span> <span class="pl-smi">num</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Double</span> <span class="pl-k">=</span> <span class="pl-smi">num</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">Add</span>(<span class="pl-k">string</span> <span class="pl-smi">str</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">String</span> <span class="pl-k">+=</span> <span class="pl-smi">str</span>;
+    <span class="pl-k">public</span> <span class="pl-k">double</span> <span class="pl-en">Add</span>(<span class="pl-k">double</span> <span class="pl-smi">num</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">Double</span> <span class="pl-k">+=</span> <span class="pl-smi">num</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">string</span> <span class="pl-en">ToString</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">String</span> <span class="pl-k">!=</span> <span class="pl-c1">null</span> <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">$"</span>string: {<span class="pl-smi">String</span>}<span class="pl-pds">"</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">$"</span>double: {<span class="pl-smi">Double</span>}<span class="pl-pds">"</span></span>;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-net/type-resolution.md b/wwwroot/gfm/script-net/type-resolution.md
new file mode 100644
index 0000000..e08b501
--- /dev/null
+++ b/wwwroot/gfm/script-net/type-resolution.md
@@ -0,0 +1,67 @@
+If you've registered Types using either `ScriptTypes` or `ScriptAssemblies` than you'll be able to reference the Type using
+**just the Type Name**, unless multiple Types of the same name are registered in which case the `typeof()` will return the **first Type**
+registered, all other subsequent Types with the same Name will need to be referenced with their **Full Name**.
+
+```js
+typeof('MyType')
+typeof('My.Namespace.MyType')
+```
+
+When `AllowScriptingOfAllTypes=true` is enabled, you can use `ScriptNamespaces` to add Lookup Namespaces for resolving Types, 
+which for #Script Pages, Sharp Apps and Sharp Scripts are pre-configured with:
+
+```csharp
+var context = new ScriptContext {
+    //...
+    ScriptNamespaces = {
+        "System",
+        "System.Collections.Generic",
+        "ServiceStack",
+    }
+}.Init();
+```
+
+All other Types (other than [.NET built-in types](https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/built-in-types-table)) 
+not registered in `ScriptTypes`, `ScriptAssemblies` or have their namespace defined in `ScriptNamespaces` will need to be referenced using
+their **Full Type Name**. This same Type resolution applies for all references of Types in `#Script`.
+
+#### Examples Configuration
+
+The examples below assumes a `ScriptContext` configured with:
+
+```csharp
+var context = new ScriptContext {
+    ScriptMethods = { new ProtectedScripts() },
+    AllowScriptingOfAllTypes = true,
+    ScriptNamespaces = {
+        "System",
+        "System.Collections.Generic",
+    },
+    ScriptTypes = {
+        typeof(Ints),
+        typeof(Adder),
+        typeof(StaticLog),
+        typeof(InstanceLog),
+        typeof(GenericStaticLog<>),
+    },
+}.Init();
+```
+
+With the types for the above classes defined in [ScriptTypes.cs](https://github.com/ServiceStack/sharpscript/blob/master/src/ScriptTypes.cs).
+This is the definition of the `Adder` class that's referenced frequently in the examples below:
+
+```csharp
+public class Adder
+{
+    public string String { get; set; }
+    public double Double { get; set; }
+
+    public Adder(string str) => String = str;
+    public Adder(double num) => Double = num;
+
+    public string Add(string str) => String += str;
+    public double Add(double num) => Double += num;
+
+    public override string ToString() => String != null ? $"string: {String}" : $"double: {Double}";
+}
+```
diff --git a/wwwroot/gfm/script-plugins/01.html b/wwwroot/gfm/script-plugins/01.html
new file mode 100644
index 0000000..efaf5f6
--- /dev/null
+++ b/wwwroot/gfm/script-plugins/01.html
@@ -0,0 +1,372 @@
+<div class="gfm"><p>Similar to using <a href="https://docs.servicestack.net/plugins" rel="nofollow">Plugins in ServiceStack</a> to easily add functionality
+to a ServiceStack <code>AppHost</code>, you can encapsulate a suite of functionality that can be easily added to extend a
+<code>ScriptContext</code> with related functionality, e.g: You can add <strong>Markdown</strong> functionality to your scripts with:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { 
+        <span class="pl-k">new</span> <span class="pl-en">MarkdownScriptPlugin</span> { 
+            <span class="pl-smi">RegisterPageFormat</span> <span class="pl-k">=</span> <span class="pl-c1">false</span>
+        } 
+    } 
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>Which will register Markdown filter transformers, script method and script block with our <code>ScriptContext</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownScriptPlugin</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">RegisterPageFormat</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-k">if</span> (<span class="pl-smi">RegisterPageFormat</span>)
+            <span class="pl-smi">context</span>.<span class="pl-smi">PageFormats</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>());
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">FilterTransformers</span>[<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span>;
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptMethods</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptMethods</span>());
+
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptBlock</span>());
+    }
+}</pre></div>
+<h3>
+<a id="creating-plugins" class="anchor" href="#creating-plugins" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Creating Plugins</h3>
+<p>Plugin are simply classes that implement <code>IScriptPlugin</code> interface and its <code>Register()</code> method to extend the <code>ScriptContext</code>
+with additional functionality we want to make available:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">interface</span> <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>);
+}</pre></div>
+<p>Plugins can implement the interfaces below if they need to run custom logic before and after plugins are registered:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">//</span> Run before plugins are loaded:</span>
+<span class="pl-k">public</span> <span class="pl-k">interface</span> <span class="pl-en">IScriptPluginBefore</span>
+{
+    <span class="pl-k">void</span> <span class="pl-en">BeforePluginsLoaded</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>);
+}
+
+<span class="pl-c"><span class="pl-c">//</span> Run after plugins are loaded:</span>
+<span class="pl-k">public</span> <span class="pl-k">interface</span> <span class="pl-en">IScriptPluginAfter</span>
+{
+    <span class="pl-k">void</span> <span class="pl-en">AfterPluginsLoaded</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>);
+}</pre></div>
+<h2>
+<a id="pre-registered-plugins-in-scriptcontext" class="anchor" href="#pre-registered-plugins-in-scriptcontext" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Pre-registered Plugins in <code>ScriptContext</code>
+</h2>
+<p>Pre-registered plugins are useful when you want to easily <strong>remove</strong> a pre-registered suite of functionality, e.g:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+        <span class="pl-c"><span class="pl-c">//</span>...</span>
+    }
+    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">DefaultScriptBlocks</span>) <span class="pl-c"><span class="pl-c">//</span> Remove default blocks</span>
+    .<span class="pl-en">RemovePlugins</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span> <span class="pl-k">is</span> <span class="pl-en">HtmlScriptBlocks</span>)    <span class="pl-c"><span class="pl-c">//</span> Remove all html blocks</span>
+    .<span class="pl-en">Init</span>();</pre></div>
+<h3>
+<a id="defaultscriptblocks" class="anchor" href="#defaultscriptblocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>DefaultScriptBlocks</h3>
+<p>The Default <a href="/docs/blocks">Script Blocks</a> contain all the <strong>statement</strong> functionality in <code>#Script</code> which includes:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">DefaultScriptBlocks</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">AddRange</span>(<span class="pl-k">new</span> <span class="pl-en">ScriptBlock</span>[] {
+            <span class="pl-k">new</span> <span class="pl-en">IfScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">EachScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">RawScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">CaptureScriptBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">PartialScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">WithScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">NoopScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">KeyValuesScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">CsvScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">FunctionScriptBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">WhileScriptBlock</span>(),
+        });
+    }
+}</pre></div>
+<h3>
+<a id="htmlscriptblocks" class="anchor" href="#htmlscriptblocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>HtmlScriptBlocks</h3>
+<p>The purpose of the <a href="/docs/blocks#html">HTML Script Blocks</a> is to pack a suite of generically useful functionality commonly used when generating html.
+All html blocks inherit the same functionality with blocks registered for the most popular HTML elements, currently:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HtmlScriptBlocks</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-c"><span class="pl-c">///</span> &lt;<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+    <span class="pl-c"><span class="pl-c">///</span> Usages: {{#ul {each:items, class:'nav'} }} &lt;<span class="pl-ent"><span class="pl-ent">li</span></span>&gt;{{it}}&lt;/<span class="pl-ent"><span class="pl-ent">li</span></span>&gt; {{/ul}}</span>
+    <span class="pl-c"><span class="pl-c">///</span> &lt;/<span class="pl-ent"><span class="pl-ent">summary</span></span>&gt;</span>
+    
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">AddRange</span>(<span class="pl-k">new</span> <span class="pl-en">ScriptBlock</span>[] {
+            <span class="pl-k">new</span> <span class="pl-en">ScriptUlBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptOlBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptLiBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptDivBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptPBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptFormBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptInputBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptSelectBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptOptionBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTextAreaBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptButtonBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTableBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTrBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTdBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTHeadBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTBodyBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptTFootBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptDlBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptDtBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptDdBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptSpanBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptABlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptImgBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptEmBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptBBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptIBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptStrongBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptScriptBlock</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">ScriptStyleBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptLinkBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">ScriptMetaBlock</span>(), 
+        });
+    }
+}</pre></div>
+<h2>
+<a id="pre-registered-plugins-in-sharppagesfeature" class="anchor" href="#pre-registered-plugins-in-sharppagesfeature" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Pre-registered Plugins in <code>SharpPagesFeature</code>
+</h2>
+<p>The <a href="/docs/sharp-pages">SharpPagesFeature</a> in <code>ServiceStack.dll</code> has access to more dependencies than <code>ScriptContext</code> and
+is able to pre-register more functionality by default including:</p>
+<h3>
+<a id="servicestackscriptblocks" class="anchor" href="#servicestackscriptblocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>ServiceStackScriptBlocks</h3>
+<p>Containing the <code>{{#minifyjs}}{{/minifyjs}}</code>, <code>{{#minifycss}}{{/minifycss}}</code> and <code>{{#minifyhtml}}{{/minifyhtml}}</code> for minifying
+its contents:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ServiceStackScriptBlocks</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">AddRange</span>(<span class="pl-k">new</span> <span class="pl-en">ScriptBlock</span>[] {
+            <span class="pl-k">new</span> <span class="pl-en">MinifyJsScriptBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">MinifyCssScriptBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">MinifyHtmlScriptBlock</span>(), 
+            <span class="pl-k">new</span> <span class="pl-en">SvgScriptBlock</span>(), 
+        });
+    }
+}</pre></div>
+<h3>
+<a id="markdownscriptplugin" class="anchor" href="#markdownscriptplugin" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>MarkdownScriptPlugin</h3>
+<p>Adds Markdown supports to <a href="/docs/sharp-pages">#Script Pages</a> by default:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownScriptPlugin</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">RegisterPageFormat</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-k">if</span> (<span class="pl-smi">RegisterPageFormat</span>)
+            <span class="pl-smi">context</span>.<span class="pl-smi">PageFormats</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>());
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">FilterTransformers</span>[<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span>;
+        
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptMethods</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptMethods</span>());
+
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptBlock</span>());
+    }
+}</pre></div>
+<p>Added using:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">MarkdownScriptPlugin</span> { <span class="pl-smi">RegisterPageFormat</span> <span class="pl-k">=</span> <span class="pl-c1">false</span> });</pre></div>
+<h2>
+<a id="available-plugins" class="anchor" href="#available-plugins" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Available Plugins</h2>
+<p>List of available plugins that's not pre-registered anywhere include:</p>
+<h3>
+<a id="protectedscriptblocks" class="anchor" href="#protectedscriptblocks" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>ProtectedScriptBlocks</h3>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ProtectedScriptBlocks</span> : <span class="pl-en">IScriptPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">ScriptContext</span> <span class="pl-smi">context</span>)
+    {
+        <span class="pl-smi">context</span>.<span class="pl-smi">ScriptBlocks</span>.<span class="pl-en">AddRange</span>(<span class="pl-k">new</span> <span class="pl-en">ScriptBlock</span>[] {
+            <span class="pl-k">new</span> <span class="pl-en">EvalScriptBlock</span>(), <span class="pl-c"><span class="pl-c">//</span> evalScript has same functionality and is registered by default </span>
+        });
+    }
+}</pre></div>
+<p>Although generally not required as <a href="/docs/default-scripts#evalTemplate">evalTemplate script method</a> registered by default has equivalent functionality.</p>
+<h3>
+<a id="githubplugin" class="anchor" href="#githubplugin" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>GitHubPlugin</h3>
+<p>ServiceStack's available GitHub integration can be used in your <code>#Script</code> by adding <code>GitHubPlugin</code> to your <code>ScriptContext</code> or <code>SharpPagesFeature</code>:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">new</span> <span class="pl-smi">ScriptContext</span> {
+    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">GitHubPlugin</span>() },
+}.<span class="pl-en">Init</span>();</pre></div>
+<p>This is enabled by default in the <code>web</code> and <code>app</code> dotnet tools so they can be used in <code>#Script</code> <strong>.ss</strong> scripts.</p>
+<p>Checkout <a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Methods/GitHubScripts.cs">GitHubScripts.cs</a>
+for the full API available. Here's <a href="https://developer.github.com/v3/gists/#example">GitHub's Gist API</a> example of creating gists in <code>#Script</code>:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-en">githubGateway</span><span class="pl-kos">(</span><span class="pl-s">'GITHUB_GIST_TOKEN'</span><span class="pl-kos">.</span><span class="pl-en">envVariable</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">)</span> |<span class="pl-c1">&gt;</span> <span class="pl-s1">to</span> <span class="pl-c1">=&gt;</span> <span class="pl-s1">gateway</span>
+
+<span class="pl-kos">{</span><span class="pl-kos">{</span> <span class="pl-s1">gateway</span><span class="pl-kos">.</span><span class="pl-en">githubCreateGist</span><span class="pl-kos">(</span><span class="pl-s">'Hello World Examples'</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
+     <span class="pl-s">'hello_world_ruby.txt'</span>:   <span class="pl-s">'Run `ruby hello_world.rb` to print Hello World'</span><span class="pl-kos">,</span>
+     <span class="pl-s">'hello_world_python.txt'</span>: <span class="pl-s">'Run `python hello_world.py` to print Hello World'</span><span class="pl-kos">,</span>
+   <span class="pl-kos">}</span><span class="pl-kos">)</span>
+   |<span class="pl-c1">&gt;</span> <span class="pl-s1">to</span> <span class="pl-c1">=&gt;</span> <span class="pl-s1">newGist</span> <span class="pl-kos">}</span><span class="pl-kos">}</span>
+
+<span class="pl-kos">{</span> ...<span class="pl-s1">newGist</span><span class="pl-kos">,</span> <span class="pl-c1">Files</span>: <span class="pl-c1">null</span><span class="pl-kos">,</span> <span class="pl-c1">Owner</span>: <span class="pl-c1">null</span> <span class="pl-kos">}</span> |<span class="pl-c1">&gt;</span> <span class="pl-en">textDump</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">caption</span>: <span class="pl-s">'new gist'</span> <span class="pl-kos">}</span><span class="pl-kos">)</span></pre></div>
+<p>View Gist files and metadata example:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-s1">gateway</span><span class="pl-kos">.</span><span class="pl-en">githubGist</span><span class="pl-kos">(</span><span class="pl-s1">gistId</span><span class="pl-kos">)</span> |<span class="pl-c1">&gt;</span> <span class="pl-s1">to</span> <span class="pl-c1">=&gt;</span> <span class="pl-s1">gist</span>
+
+<span class="pl-kos">{</span> ...<span class="pl-s1">gist</span><span class="pl-kos">,</span> <span class="pl-c1">Files</span>: <span class="pl-c1">null</span><span class="pl-kos">,</span> <span class="pl-c1">Owner</span>: <span class="pl-c1">null</span> <span class="pl-kos">}</span> |<span class="pl-s1"></span><span class="pl-c1">&gt;</span> <span class="pl-en">textDump</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">caption</span>: <span class="pl-s">'gist'</span> <span class="pl-kos">}</span><span class="pl-kos">)</span>
+
+<span class="pl-s">`#### Gist Files`</span>
+#<span class="pl-s1">each</span> <span class="pl-s1">file</span> <span class="pl-k">in</span> <span class="pl-s1">gist</span><span class="pl-kos">.</span><span class="pl-c1">Files</span><span class="pl-kos">.</span><span class="pl-c1">Keys</span>
+    <span class="pl-s1">gist</span><span class="pl-kos">.</span><span class="pl-c1">Files</span><span class="pl-kos">[</span><span class="pl-s1">file</span><span class="pl-kos">]</span> |<span class="pl-c1">&gt;</span> <span class="pl-en">textDump</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">caption</span>: <span class="pl-s1">file</span> <span class="pl-kos">}</span><span class="pl-kos">)</span>
+/<span class="pl-s1">each</span></pre></div>
+<p>Which renders the following GitHub Flavored Markdown output:</p>
+<table>
+<thead>
+<tr>
+<th>gist</th>
+<th></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Node Id</td>
+<td>MDQ6R2lzdDRjNWQ5NWVjNGIyNTk0YjRjZGQyMzg5ODdmZTdhMTVh</td>
+</tr>
+<tr>
+<td>Git Pull Url</td>
+<td><a href="https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git">https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git</a></td>
+</tr>
+<tr>
+<td>Git Push Url</td>
+<td><a href="https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git">https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git</a></td>
+</tr>
+<tr>
+<td>Forks Url</td>
+<td><a href="https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/forks">https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/forks</a></td>
+</tr>
+<tr>
+<td>Commits Url</td>
+<td><a href="https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/commits">https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/commits</a></td>
+</tr>
+<tr>
+<td>Comments</td>
+<td>0</td>
+</tr>
+<tr>
+<td>Comments Url</td>
+<td><a href="https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/comments">https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/comments</a></td>
+</tr>
+<tr>
+<td>Truncated</td>
+<td>False</td>
+</tr>
+<tr>
+<td>Owner</td>
+<td></td>
+</tr>
+<tr>
+<td>Id</td>
+<td>4c5d95ec4b2594b4cdd238987fe7a15a</td>
+</tr>
+<tr>
+<td>Url</td>
+<td><a href="https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a">https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a</a></td>
+</tr>
+<tr>
+<td>Html Url</td>
+<td><a href="https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a">https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a</a></td>
+</tr>
+<tr>
+<td>Files</td>
+<td></td>
+</tr>
+<tr>
+<td>Public</td>
+<td>True</td>
+</tr>
+<tr>
+<td>Created at</td>
+<td>2019-06-15</td>
+</tr>
+<tr>
+<td>Updated At</td>
+<td>2019-06-15</td>
+</tr>
+<tr>
+<td>Description</td>
+<td>Hello World Examples</td>
+</tr>
+<tr>
+<td>User Id</td>
+<td></td>
+</tr>
+</tbody>
+</table>
+<h4>
+<a id="gist-files" class="anchor" href="#gist-files" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Gist Files</h4>
+<table>
+<thead>
+<tr>
+<th>hello_world_python.txt</th>
+<th></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Filename</td>
+<td>hello_world_python.txt</td>
+</tr>
+<tr>
+<td>Type</td>
+<td>text/plain</td>
+</tr>
+<tr>
+<td>Language</td>
+<td>Text</td>
+</tr>
+<tr>
+<td>Raw Url</td>
+<td><a href="https://gist.githubusercontent.com/gistlyn/.../hello_world_python.txt" rel="nofollow">https://gist.githubusercontent.com/gistlyn/.../hello_world_python.txt</a></td>
+</tr>
+<tr>
+<td>Size</td>
+<td>48</td>
+</tr>
+<tr>
+<td>Truncated</td>
+<td>False</td>
+</tr>
+<tr>
+<td>Content</td>
+<td>Run <code>python hello_world.py</code> to print Hello World</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>hello_world_ruby.txt</th>
+<th></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Filename</td>
+<td>hello_world_ruby.txt</td>
+</tr>
+<tr>
+<td>Type</td>
+<td>text/plain</td>
+</tr>
+<tr>
+<td>Language</td>
+<td>Text</td>
+</tr>
+<tr>
+<td>Raw Url</td>
+<td><a href="https://gist.githubusercontent.com/gistlyn/.../hello_world_ruby.txt" rel="nofollow">https://gist.githubusercontent.com/gistlyn/.../hello_world_ruby.txt</a></td>
+</tr>
+<tr>
+<td>Size</td>
+<td>46</td>
+</tr>
+<tr>
+<td>Truncated</td>
+<td>False</td>
+</tr>
+<tr>
+<td>Content</td>
+<td>Run <code>ruby hello_world.rb</code> to print Hello World</td>
+</tr>
+</tbody>
+</table>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/script-plugins/01.md b/wwwroot/gfm/script-plugins/01.md
new file mode 100644
index 0000000..e027661
--- /dev/null
+++ b/wwwroot/gfm/script-plugins/01.md
@@ -0,0 +1,311 @@
+Similar to using [Plugins in ServiceStack](https://docs.servicestack.net/plugins) to easily add functionality
+to a ServiceStack `AppHost`, you can encapsulate a suite of functionality that can be easily added to extend a 
+`ScriptContext` with related functionality, e.g: You can add **Markdown** functionality to your scripts with:
+
+```csharp
+var context = new ScriptContext {
+    Plugins = { 
+        new MarkdownScriptPlugin { 
+            RegisterPageFormat = false
+        } 
+    } 
+}.Init();
+```
+
+Which will register Markdown filter transformers, script method and script block with our `ScriptContext`:
+
+```csharp
+public class MarkdownScriptPlugin : IScriptPlugin
+{
+    public bool RegisterPageFormat { get; set; } = true;
+
+    public void Register(ScriptContext context)
+    {
+        if (RegisterPageFormat)
+            context.PageFormats.Add(new MarkdownPageFormat());
+        
+        context.FilterTransformers["markdown"] = MarkdownPageFormat.TransformToHtml;
+        
+        context.ScriptMethods.Add(new MarkdownScriptMethods());
+
+        context.ScriptBlocks.Add(new MarkdownScriptBlock());
+    }
+}
+```
+
+### Creating Plugins
+
+Plugin are simply classes that implement `IScriptPlugin` interface and its `Register()` method to extend the `ScriptContext` 
+with additional functionality we want to make available:
+
+```csharp
+public interface IScriptPlugin
+{
+    void Register(ScriptContext context);
+}
+```
+
+Plugins can implement the interfaces below if they need to run custom logic before and after plugins are registered:
+
+```csharp
+// Run before plugins are loaded:
+public interface IScriptPluginBefore
+{
+    void BeforePluginsLoaded(ScriptContext context);
+}
+
+// Run after plugins are loaded:
+public interface IScriptPluginAfter
+{
+    void AfterPluginsLoaded(ScriptContext context);
+}
+```
+
+## Pre-registered Plugins in `ScriptContext`
+
+Pre-registered plugins are useful when you want to easily **remove** a pre-registered suite of functionality, e.g:
+
+```csharp
+var context = new ScriptContext {
+        //...
+    }
+    .RemovePlugins(x => x is DefaultScriptBlocks) // Remove default blocks
+    .RemovePlugins(x => x is HtmlScriptBlocks)    // Remove all html blocks
+    .Init();
+```
+
+### DefaultScriptBlocks
+
+The Default [Script Blocks](/docs/blocks) contain all the **statement** functionality in `#Script` which includes:
+
+```csharp
+public class DefaultScriptBlocks : IScriptPlugin
+{
+    public void Register(ScriptContext context)
+    {
+        context.ScriptBlocks.AddRange(new ScriptBlock[] {
+            new IfScriptBlock(),
+            new EachScriptBlock(),
+            new RawScriptBlock(),
+            new CaptureScriptBlock(), 
+            new PartialScriptBlock(),
+            new WithScriptBlock(),
+            new NoopScriptBlock(),
+            new KeyValuesScriptBlock(),
+            new CsvScriptBlock(),
+            new FunctionScriptBlock(), 
+            new WhileScriptBlock(),
+        });
+    }
+}
+```
+
+### HtmlScriptBlocks
+
+The purpose of the [HTML Script Blocks](/docs/blocks#html) is to pack a suite of generically useful functionality commonly used when generating html. 
+All html blocks inherit the same functionality with blocks registered for the most popular HTML elements, currently:
+
+```csharp
+public class HtmlScriptBlocks : IScriptPlugin
+{
+    /// <summary>
+    /// Usages: {{#ul {each:items, class:'nav'} }} <li>{{it}}</li> {{/ul}}
+    /// </summary>
+    
+    public void Register(ScriptContext context)
+    {
+        context.ScriptBlocks.AddRange(new ScriptBlock[] {
+            new ScriptUlBlock(),
+            new ScriptOlBlock(),
+            new ScriptLiBlock(),
+            new ScriptDivBlock(),
+            new ScriptPBlock(), 
+            new ScriptFormBlock(), 
+            new ScriptInputBlock(), 
+            new ScriptSelectBlock(), 
+            new ScriptOptionBlock(),
+            new ScriptTextAreaBlock(), 
+            new ScriptButtonBlock(), 
+            new ScriptTableBlock(),
+            new ScriptTrBlock(),
+            new ScriptTdBlock(),
+            new ScriptTHeadBlock(),
+            new ScriptTBodyBlock(),
+            new ScriptTFootBlock(),
+            new ScriptDlBlock(), 
+            new ScriptDtBlock(), 
+            new ScriptDdBlock(), 
+            new ScriptSpanBlock(),
+            new ScriptABlock(),
+            new ScriptImgBlock(), 
+            new ScriptEmBlock(), 
+            new ScriptBBlock(), 
+            new ScriptIBlock(), 
+            new ScriptStrongBlock(), 
+            new ScriptScriptBlock(),
+            new ScriptStyleBlock(), 
+            new ScriptLinkBlock(), 
+            new ScriptMetaBlock(), 
+        });
+    }
+}
+```
+
+## Pre-registered Plugins in `SharpPagesFeature`
+
+The [SharpPagesFeature](/docs/sharp-pages) in `ServiceStack.dll` has access to more dependencies than `ScriptContext` and
+is able to pre-register more functionality by default including:
+
+### ServiceStackScriptBlocks
+
+Containing the `{{#minifyjs}}{{/minifyjs}}`, `{{#minifycss}}{{/minifycss}}` and `{{#minifyhtml}}{{/minifyhtml}}` for minifying
+its contents:
+
+```csharp
+public class ServiceStackScriptBlocks : IScriptPlugin
+{
+    public void Register(ScriptContext context)
+    {
+        context.ScriptBlocks.AddRange(new ScriptBlock[] {
+            new MinifyJsScriptBlock(), 
+            new MinifyCssScriptBlock(), 
+            new MinifyHtmlScriptBlock(), 
+            new SvgScriptBlock(), 
+        });
+    }
+}
+```
+
+### MarkdownScriptPlugin
+
+Adds Markdown supports to [#Script Pages](/docs/sharp-pages) by default:
+
+```csharp
+public class MarkdownScriptPlugin : IScriptPlugin
+{
+    public bool RegisterPageFormat { get; set; } = true;
+
+    public void Register(ScriptContext context)
+    {
+        if (RegisterPageFormat)
+            context.PageFormats.Add(new MarkdownPageFormat());
+        
+        context.FilterTransformers["markdown"] = MarkdownPageFormat.TransformToHtml;
+        
+        context.ScriptMethods.Add(new MarkdownScriptMethods());
+
+        context.ScriptBlocks.Add(new MarkdownScriptBlock());
+    }
+}
+```
+
+Added using:
+
+```csharp
+Plugins.Add(new MarkdownScriptPlugin { RegisterPageFormat = false });
+```
+
+## Available Plugins
+
+List of available plugins that's not pre-registered anywhere include:
+
+### ProtectedScriptBlocks
+
+```csharp
+public class ProtectedScriptBlocks : IScriptPlugin
+{
+    public void Register(ScriptContext context)
+    {
+        context.ScriptBlocks.AddRange(new ScriptBlock[] {
+            new EvalScriptBlock(), // evalScript has same functionality and is registered by default 
+        });
+    }
+}
+```
+
+Although generally not required as [evalTemplate script method](/docs/default-scripts#evalTemplate) registered by default has equivalent functionality.
+
+### GitHubPlugin
+
+ServiceStack's available GitHub integration can be used in your `#Script` by adding `GitHubPlugin` to your `ScriptContext` or `SharpPagesFeature`: 
+
+```csharp
+new ScriptContext {
+    Plugins = { new GitHubPlugin() },
+}.Init();
+```
+
+This is enabled by default in the `x` and `app` dotnet tools so they can be used in `#Script` **.ss** scripts.
+
+Checkout [GitHubScripts.cs](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/Methods/GitHubScripts.cs) 
+for the full API available. Here's [GitHub's Gist API](https://developer.github.com/v3/gists/#example) example of creating gists in `#Script`:
+
+```js
+githubGateway('GITHUB_GIST_TOKEN'.envVariable()) |> to => gateway
+
+{{ gateway.githubCreateGist('Hello World Examples', {
+     'hello_world_ruby.txt':   'Run `ruby hello_world.rb` to print Hello World',
+     'hello_world_python.txt': 'Run `python hello_world.py` to print Hello World',
+   })
+   |> to => newGist }}
+
+{ ...newGist, Files: null, Owner: null } |> textDump({ caption: 'new gist' })
+```
+
+View Gist files and metadata example:
+
+```js
+gateway.githubGist(gistId) |> to => gist
+
+{ ...gist, Files: null, Owner: null } |> textDump({ caption: 'gist' })
+
+`#### Gist Files`
+#each file in gist.Files.Keys
+    gist.Files[file] |> textDump({ caption: file })
+/each
+```
+
+Which renders the following GitHub Flavored Markdown output:
+
+| gist                                                                                 ||
+|--------------|------------------------------------------------------------------------|
+| Node Id      | MDQ6R2lzdDRjNWQ5NWVjNGIyNTk0YjRjZGQyMzg5ODdmZTdhMTVh                   |
+| Git Pull Url | https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git           |
+| Git Push Url | https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a.git           |
+| Forks Url    | https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/forks    |
+| Commits Url  | https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/commits  |
+| Comments     | 0                                                                      |
+| Comments Url | https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a/comments |
+| Truncated    | False                                                                  |
+| Owner        |                                                                        |
+| Id           | 4c5d95ec4b2594b4cdd238987fe7a15a                                       |
+| Url          | https://api.github.com/gists/4c5d95ec4b2594b4cdd238987fe7a15a          |
+| Html Url     | https://gist.github.com/4c5d95ec4b2594b4cdd238987fe7a15a               |
+| Files        |                                                                        |
+| Public       | True                                                                   |
+| Created at   | 2019-06-15                                                             |
+| Updated At   | 2019-06-15                                                             |
+| Description  | Hello World Examples                                                   |
+| User Id      |                                                                        |
+
+#### Gist Files
+
+| hello_world_python.txt              ||
+|-----------|--------------------------|
+| Filename  | hello_world_python.txt   |
+| Type      | text/plain               |
+| Language  | Text                     |
+| Raw Url   | https://gist.githubusercontent.com/gistlyn/.../hello_world_python.txt |
+| Size      | 48                       |
+| Truncated | False                    |
+| Content   | Run `python hello_world.py` to print Hello World |
+
+| hello_world_ruby.txt              ||
+|-----------|------------------------|
+| Filename  | hello_world_ruby.txt   |
+| Type      | text/plain             |
+| Language  | Text                   |
+| Raw Url   | https://gist.githubusercontent.com/gistlyn/.../hello_world_ruby.txt |
+| Size      | 46                     |
+| Truncated | False                  |
+| Content   | Run `ruby hello_world.rb` to print Hello World |
diff --git a/wwwroot/gfm/servicestack-scripts/01.html b/wwwroot/gfm/servicestack-scripts/01.html
new file mode 100644
index 0000000..e1bf84a
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/01.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryCustomers</span> : <span class="pl-en">QueryDb</span>&lt;<span class="pl-en">Customer</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">CustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">CompanyNameContains</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span>[] <span class="pl-smi">CountryIn</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/01.md b/wwwroot/gfm/servicestack-scripts/01.md
new file mode 100644
index 0000000..bca2887
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/01.md
@@ -0,0 +1,8 @@
+```csharp
+public class QueryCustomers : QueryDb<Customer>
+{
+    public string CustomerId { get; set; }
+    public string CompanyNameContains { get; set; }
+    public string[] CountryIn { get; set; }
+}
+```
diff --git a/wwwroot/gfm/servicestack-scripts/02.html b/wwwroot/gfm/servicestack-scripts/02.html
new file mode 100644
index 0000000..b014716
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-js"><pre>{{ { id, firstName, lastName, age } <span class="pl-k">|</span><span class="pl-k">&gt;</span> ensureAllArgsNotNull <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">publishToGateway</span>(<span class="pl-s"><span class="pl-pds">'</span>StoreContact<span class="pl-pds">'</span></span>) }}
+{{ { id }  <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">sendToGateway</span>(<span class="pl-s"><span class="pl-pds">'</span>GetContact<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> contact }}
+{{ contact <span class="pl-k">|</span><span class="pl-k">&gt;</span> selectPartial<span class="pl-k">:</span> contact<span class="pl-k">-</span>details }}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/02.md b/wwwroot/gfm/servicestack-scripts/02.md
new file mode 100644
index 0000000..65431de
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/02.md
@@ -0,0 +1,5 @@
+```js
+{{ { id, firstName, lastName, age } |> ensureAllArgsNotNull |> publishToGateway('StoreContact') }}
+{{ { id }  |> sendToGateway('GetContact') |> to => contact }}
+{{ contact |> selectPartial: contact-details }}
+```
diff --git a/wwwroot/gfm/servicestack-scripts/03.html b/wwwroot/gfm/servicestack-scripts/03.html
new file mode 100644
index 0000000..2929f08
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/03.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">AutoQueryDataFeature</span> { <span class="pl-smi">MaxLimit</span> <span class="pl-k">=</span> <span class="pl-c1">100</span> }
+    .<span class="pl-en">AddDataSource</span>(<span class="pl-smi">ctx</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">ctx</span>.<span class="pl-en">ServiceSource</span>&lt;<span class="pl-en">GithubRepo</span>&gt;(<span class="pl-smi">ctx</span>.<span class="pl-smi">Dto</span>.<span class="pl-en">ConvertTo</span>&lt;<span class="pl-en">GetGithubRepos</span>&gt;(), 
+        <span class="pl-smi">HostContext</span>.<span class="pl-smi">Cache</span>, <span class="pl-smi">TimeSpan</span>.<span class="pl-en">FromMinutes</span>(<span class="pl-c1">10</span>)))
+);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/03.md b/wwwroot/gfm/servicestack-scripts/03.md
new file mode 100644
index 0000000..e438ce5
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/03.md
@@ -0,0 +1,6 @@
+```csharp
+Plugins.Add(new AutoQueryDataFeature { MaxLimit = 100 }
+    .AddDataSource(ctx => ctx.ServiceSource<GithubRepo>(ctx.Dto.ConvertTo<GetGithubRepos>(), 
+        HostContext.Cache, TimeSpan.FromMinutes(10)))
+);
+```
diff --git a/wwwroot/gfm/servicestack-scripts/04.html b/wwwroot/gfm/servicestack-scripts/04.html
new file mode 100644
index 0000000..0b3a7d3
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/04.html
@@ -0,0 +1,41 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryGitHubRepos</span> : <span class="pl-en">QueryDatao</span>&lt;<span class="pl-en">GithubRepo</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">UserName</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">GetGithubRepos</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt;&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">UserName</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AutoDataQueryServices</span> : <span class="pl-en">Service</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">GetGithubRepos</span> <span class="pl-smi">request</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">map</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">Dictionary</span>&lt;<span class="pl-k">int</span>, <span class="pl-en">GithubRepo</span>&gt;();
+        <span class="pl-en">GetUserRepos</span>(<span class="pl-smi">request</span>.<span class="pl-smi">UserName</span>).<span class="pl-en">Each</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">map</span>[<span class="pl-smi">x</span>.<span class="pl-smi">Id</span>] <span class="pl-k">=</span> <span class="pl-smi">x</span>);
+        <span class="pl-en">GetOrgRepos</span>(<span class="pl-smi">request</span>.<span class="pl-smi">UserName</span>).<span class="pl-en">Each</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">map</span>[<span class="pl-smi">x</span>.<span class="pl-smi">Id</span>] <span class="pl-k">=</span> <span class="pl-smi">x</span>);
+        <span class="pl-en">GetUserOrgs</span>(<span class="pl-smi">request</span>.<span class="pl-smi">UserName</span>).<span class="pl-en">Each</span>(<span class="pl-smi">org</span> <span class="pl-k">=&gt;</span>
+            <span class="pl-en">GetOrgRepos</span>(<span class="pl-smi">org</span>.<span class="pl-smi">Login</span>)
+                .<span class="pl-en">Each</span>(<span class="pl-smi">repo</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">map</span>[<span class="pl-smi">repo</span>.<span class="pl-smi">Id</span>] <span class="pl-k">=</span> <span class="pl-smi">repo</span>));
+
+        <span class="pl-k">return</span> <span class="pl-smi">map</span>.<span class="pl-smi">Values</span>.<span class="pl-en">ToList</span>();
+    }
+
+    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubOrg</span>&gt; <span class="pl-en">GetUserOrgs</span>(<span class="pl-k">string</span> <span class="pl-smi">githubUsername</span>) <span class="pl-k">=&gt;</span> 
+        <span class="pl-en">GetJson</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">GithubOrg</span>&gt;&gt;(<span class="pl-s"><span class="pl-pds">$"</span>users/{<span class="pl-smi">githubUsername</span>}/orgs<span class="pl-pds">"</span></span>);
+    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt; <span class="pl-en">GetUserRepos</span>(<span class="pl-k">string</span> <span class="pl-smi">githubUsername</span>) <span class="pl-k">=&gt;</span> 
+        <span class="pl-en">GetJson</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt;&gt;(<span class="pl-s"><span class="pl-pds">$"</span>users/{<span class="pl-smi">githubUsername</span>}/repos<span class="pl-pds">"</span></span>);
+    <span class="pl-k">public</span> <span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt; <span class="pl-en">GetOrgRepos</span>(<span class="pl-k">string</span> <span class="pl-smi">githubOrgName</span>) <span class="pl-k">=&gt;</span> 
+        <span class="pl-en">GetJson</span>&lt;<span class="pl-en">List</span>&lt;<span class="pl-en">GithubRepo</span>&gt;&gt;(<span class="pl-s"><span class="pl-pds">$"</span>orgs/{<span class="pl-smi">githubOrgName</span>}/repos<span class="pl-pds">"</span></span>);
+
+    <span class="pl-k">public</span> <span class="pl-en">T</span> <span class="pl-en">GetJson</span>&lt;<span class="pl-en">T</span>&gt;(<span class="pl-k">string</span> <span class="pl-smi">route</span>) 
+    {
+        <span class="pl-k">try</span> {
+            <span class="pl-k">return</span> <span class="pl-s"><span class="pl-pds">"</span>https://api.github.com<span class="pl-pds">"</span></span>.<span class="pl-en">CombineWith</span>(<span class="pl-smi">route</span>)
+                .<span class="pl-en">GetJsonFromUrl</span>(<span class="pl-smi">requestFilter</span>: <span class="pl-smi">req</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">req</span>.<span class="pl-smi">UserAgent</span> <span class="pl-k">=</span> <span class="pl-k">nameof</span>(<span class="pl-smi">AutoDataQueryServices</span>))
+                .<span class="pl-en">FromJson</span>&lt;<span class="pl-en">T</span>&gt;();
+        } <span class="pl-k">catch</span>(<span class="pl-en">Exception</span>) { <span class="pl-k">return</span> <span class="pl-k">default</span>(<span class="pl-en">T</span>); }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/04.md b/wwwroot/gfm/servicestack-scripts/04.md
new file mode 100644
index 0000000..a40c7a6
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/04.md
@@ -0,0 +1,42 @@
+```csharp
+public class QueryGitHubRepos : QueryDatao<GithubRepo>
+{
+    public string UserName { get; set; }
+}
+
+public class GetGithubRepos : IReturn<List<GithubRepo>>
+{
+    public string UserName { get; set; }
+}
+
+public class AutoDataQueryServices : Service
+{
+    public object Any(GetGithubRepos request)
+    {
+        var map = new Dictionary<int, GithubRepo>();
+        GetUserRepos(request.UserName).Each(x => map[x.Id] = x);
+        GetOrgRepos(request.UserName).Each(x => map[x.Id] = x);
+        GetUserOrgs(request.UserName).Each(org =>
+            GetOrgRepos(org.Login)
+                .Each(repo => map[repo.Id] = repo));
+
+        return map.Values.ToList();
+    }
+
+    public List<GithubOrg> GetUserOrgs(string githubUsername) => 
+        GetJson<List<GithubOrg>>($"users/{githubUsername}/orgs");
+    public List<GithubRepo> GetUserRepos(string githubUsername) => 
+        GetJson<List<GithubRepo>>($"users/{githubUsername}/repos");
+    public List<GithubRepo> GetOrgRepos(string githubOrgName) => 
+        GetJson<List<GithubRepo>>($"orgs/{githubOrgName}/repos");
+
+    public T GetJson<T>(string route) 
+    {
+        try {
+            return "https://api.github.com".CombineWith(route)
+                .GetJsonFromUrl(requestFilter: req => req.UserAgent = nameof(AutoDataQueryServices))
+                .FromJson<T>();
+        } catch(Exception) { return default(T); }
+    }
+}
+```
diff --git a/wwwroot/gfm/servicestack-scripts/05.html b/wwwroot/gfm/servicestack-scripts/05.html
new file mode 100644
index 0000000..5a687f7
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/05.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">container</span>.<span class="pl-en">AddSingleton</span>&lt;<span class="pl-en">IDbConnectionFactory</span>&gt;(() <span class="pl-k">=&gt;</span> 
+    <span class="pl-k">new</span> <span class="pl-en">OrmLiteConnectionFactory</span>(<span class="pl-smi">connectionString</span>, <span class="pl-smi">SqlServer2012Dialect</span>.<span class="pl-smi">Provider</span>));</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/05.md b/wwwroot/gfm/servicestack-scripts/05.md
new file mode 100644
index 0000000..ae75ff5
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/05.md
@@ -0,0 +1,4 @@
+```csharp
+container.AddSingleton<IDbConnectionFactory>(() => 
+    new OrmLiteConnectionFactory(connectionString, SqlServer2012Dialect.Provider));
+```
diff --git a/wwwroot/gfm/servicestack-scripts/06.html b/wwwroot/gfm/servicestack-scripts/06.html
new file mode 100644
index 0000000..2eefe9b
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/06.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">AutoQueryFeature</span> { <span class="pl-smi">MaxLimit</span> <span class="pl-k">=</span> <span class="pl-c1">100</span> });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/06.md b/wwwroot/gfm/servicestack-scripts/06.md
new file mode 100644
index 0000000..d648a95
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/06.md
@@ -0,0 +1,3 @@
+```csharp
+Plugins.Add(new AutoQueryFeature { MaxLimit = 100 });
+```
diff --git a/wwwroot/gfm/servicestack-scripts/07.html b/wwwroot/gfm/servicestack-scripts/07.html
new file mode 100644
index 0000000..5716ef9
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/07.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> {
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">AutoQueryScripts</span>() },
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/07.md b/wwwroot/gfm/servicestack-scripts/07.md
new file mode 100644
index 0000000..5b9b4b8
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/07.md
@@ -0,0 +1,5 @@
+```csharp
+Plugins.Add(new SharpPagesFeature {
+    ScriptMethods = { new AutoQueryScripts() },
+});
+```
diff --git a/wwwroot/gfm/servicestack-scripts/08.html b/wwwroot/gfm/servicestack-scripts/08.html
new file mode 100644
index 0000000..e1bf84a
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/08.html
@@ -0,0 +1,7 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">QueryCustomers</span> : <span class="pl-en">QueryDb</span>&lt;<span class="pl-en">Customer</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">CustomerId</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">CompanyNameContains</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span>[] <span class="pl-smi">CountryIn</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/08.md b/wwwroot/gfm/servicestack-scripts/08.md
new file mode 100644
index 0000000..bca2887
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/08.md
@@ -0,0 +1,8 @@
+```csharp
+public class QueryCustomers : QueryDb<Customer>
+{
+    public string CustomerId { get; set; }
+    public string CompanyNameContains { get; set; }
+    public string[] CountryIn { get; set; }
+}
+```
diff --git a/wwwroot/gfm/servicestack-scripts/09.html b/wwwroot/gfm/servicestack-scripts/09.html
new file mode 100644
index 0000000..b14e033
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/09.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>ProcessOrder<span class="pl-pds">'</span></span><span class="pl-e"><span class="pl-v">.publishMessage</span></span>({ <span class="pl-e"><span class="pl-v">orderId</span></span> }) <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/servicestack-scripts/09.md b/wwwroot/gfm/servicestack-scripts/09.md
new file mode 100644
index 0000000..a5ee8ae
--- /dev/null
+++ b/wwwroot/gfm/servicestack-scripts/09.md
@@ -0,0 +1,3 @@
+```hbs
+{{ 'ProcessOrder'.publishMessage({ orderId }) }}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apis/01.html b/wwwroot/gfm/sharp-apis/01.html
new file mode 100644
index 0000000..cb66c86
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/01.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> 
+{
+    <span class="pl-smi">ApiPath</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>/api<span class="pl-pds">"</span></span>
+})</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apis/01.md b/wwwroot/gfm/sharp-apis/01.md
new file mode 100644
index 0000000..ad793dc
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/01.md
@@ -0,0 +1,6 @@
+```csharp
+Plugins.Add(new SharpPagesFeature 
+{
+    ApiPath = "/api"
+})
+```
diff --git a/wwwroot/gfm/sharp-apis/02.html b/wwwroot/gfm/sharp-apis/02.html
new file mode 100644
index 0000000..26b39e0
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/02.html
@@ -0,0 +1,22 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>select Id, CompanyName, ContactName, ContactTitle, City, Country from Customer<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">PathArgs</span></span>)<span class="pl-c1">}}</span>
+   <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">where</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>: <span class="pl-e"><span class="pl-v">PathArgs</span></span>[<span class="pl-e"><span class="pl-v">0</span></span>] }) 
+      |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">id</span><span class="pl-c1">}}</span>      <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Id = @id<span class="pl-pds">'</span></span>           |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">city</span><span class="pl-c1">}}</span>    <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>City = @city<span class="pl-pds">'</span></span>       |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">country</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Country = @country<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>)<span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">WHERE</span></span> ${<span class="pl-e"><span class="pl-v">join</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>, <span class="pl-s"><span class="pl-pds">'</span> AND <span class="pl-pds">'</span></span>)}` |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">CompanyName</span></span> ${<span class="pl-e"><span class="pl-v">sqlLimit</span></span>(<span class="pl-e"><span class="pl-v">limit</span></span>)}` |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>, <span class="pl-e"><span class="pl-v">city</span></span>, <span class="pl-e"><span class="pl-v">country</span></span> }) 
+       |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apis/02.md b/wwwroot/gfm/sharp-apis/02.md
new file mode 100644
index 0000000..d14d81f
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/02.md
@@ -0,0 +1,23 @@
+```hbs
+{{ limit ?? 100 |> to => limit }}
+
+{{ 'select Id, CompanyName, ContactName, ContactTitle, City, Country from Customer' |> to => sql }}
+
+{{#if !isEmpty(PathArgs)}}
+   {{ `${sql} where Id = @id` |> dbSingle({ id: PathArgs[0] }) 
+      |> return }}
+{{/if}}
+
+{{#if id}}      {{ 'Id = @id'           |> addTo: filters }} {{/if}}
+{{#if city}}    {{ 'City = @city'       |> addTo: filters }} {{/if}}
+{{#if country}} {{ 'Country = @country' |> addTo: filters }} {{/if}}
+
+{{#if !isEmpty(filters)}}
+  {{ `${sql} WHERE ${join(filters, ' AND ')}` |> to => sql }}
+{{/if}}
+
+{{ `${sql} ORDER BY CompanyName ${sqlLimit(limit)}` |> to => sql }}
+
+{{ sql |> dbSelect({ id, city, country }) 
+       |> return }}
+```
diff --git a/wwwroot/gfm/sharp-apis/03.html b/wwwroot/gfm/sharp-apis/03.html
new file mode 100644
index 0000000..8254d1c
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/03.html
@@ -0,0 +1,34 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">select</span></span> <span class="pl-e"><span class="pl-v">p.Id</span></span>, 
+           <span class="pl-e"><span class="pl-v">ProductName</span></span>,
+           <span class="pl-e"><span class="pl-v">c.CategoryName</span></span> <span class="pl-e"><span class="pl-v">Category</span></span>,
+           <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">Supplier</span></span>, 
+           <span class="pl-e"><span class="pl-v">QuantityPerUnit</span></span>, 
+           ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, 
+           <span class="pl-e"><span class="pl-v">UnitsInStock</span></span>, <span class="pl-e"><span class="pl-v">UnitsOnOrder</span></span>, <span class="pl-e"><span class="pl-v">ReorderLevel</span></span>   
+      <span class="pl-e"><span class="pl-v">from</span></span> <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span>
+           <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span> <span class="pl-e"><span class="pl-v">Category</span></span> <span class="pl-e"><span class="pl-v">c</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CategoryId</span></span> = <span class="pl-e"><span class="pl-v">c.Id</span></span>
+           <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span> <span class="pl-e"><span class="pl-v">Supplier</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.SupplierId</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
+     <span class="pl-e"><span class="pl-v">where</span></span> <span class="pl-e"><span class="pl-v">Discontinued</span></span> = <span class="pl-e"><span class="pl-v">0</span></span>`
+  |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">PathArgs</span></span>)<span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">and</span></span> <span class="pl-e"><span class="pl-v">p.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>: <span class="pl-e"><span class="pl-v">PathArgs</span></span>[<span class="pl-e"><span class="pl-v">0</span></span>] }) 
+     |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">id</span><span class="pl-c1">}}</span>           <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>p.Id = @id<span class="pl-pds">'</span></span>                 |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">category</span><span class="pl-c1">}}</span>     <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>c.CategoryName = @category<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">supplier</span><span class="pl-c1">}}</span>     <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>s.CompanyName = @supplier<span class="pl-pds">'</span></span>  |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">nameContains</span><span class="pl-c1">}}</span> <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>ProductName LIKE @name<span class="pl-pds">'</span></span>     |&gt; <span class="pl-e"><span class="pl-v">addTo</span></span>: <span class="pl-e"><span class="pl-v">filters</span></span> <span class="pl-c1">}}</span> <span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> !<span class="pl-e"><span class="pl-v">isEmpty</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>)<span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">and</span></span> ${<span class="pl-e"><span class="pl-v">join</span></span>(<span class="pl-e"><span class="pl-v">filters</span></span>, <span class="pl-s"><span class="pl-pds">'</span> and <span class="pl-pds">'</span></span>)}` |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">sql</span></span>} <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">CompanyName</span></span> ${<span class="pl-e"><span class="pl-v">sqlLimit</span></span>(<span class="pl-e"><span class="pl-v">limit</span></span>)}` |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">sql</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">sql</span> |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span>, <span class="pl-e"><span class="pl-v">category</span></span>, <span class="pl-e"><span class="pl-v">supplier</span></span>, <span class="pl-e"><span class="pl-v">name</span></span>: `%${<span class="pl-e"><span class="pl-v">nameContains</span></span>}%` }) 
+       |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apis/03.md b/wwwroot/gfm/sharp-apis/03.md
new file mode 100644
index 0000000..9e23964
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/03.md
@@ -0,0 +1,35 @@
+```hbs
+{{ limit ?? 100 |> to => limit }}
+
+{{ `select p.Id, 
+           ProductName,
+           c.CategoryName Category,
+           s.CompanyName Supplier, 
+           QuantityPerUnit, 
+           ${sqlCurrency("UnitPrice")} UnitPrice, 
+           UnitsInStock, UnitsOnOrder, ReorderLevel   
+      from Product p
+           inner join Category c on p.CategoryId = c.Id
+           inner join Supplier s on p.SupplierId = s.Id
+     where Discontinued = 0`
+  |> to => sql }}
+
+{{#if !isEmpty(PathArgs)}}
+  {{ `${sql} and p.Id = @id` |> dbSingle({ id: PathArgs[0] }) 
+     |> return }}
+{{/if}}
+
+{{#if id}}           {{ 'p.Id = @id'                 |> addTo: filters }} {{/if}}
+{{#if category}}     {{ 'c.CategoryName = @category' |> addTo: filters }} {{/if}}
+{{#if supplier}}     {{ 's.CompanyName = @supplier'  |> addTo: filters }} {{/if}}
+{{#if nameContains}} {{ 'ProductName LIKE @name'     |> addTo: filters }} {{/if}}
+
+{{#if !isEmpty(filters)}}
+  {{ `${sql} and ${join(filters, ' and ')}` |> to => sql }}
+{{/if}}
+
+{{ `${sql} ORDER BY CompanyName ${sqlLimit(limit)}` |> to => sql }}
+
+{{ sql |> dbSelect({ id, category, supplier, name: `%${nameContains}%` }) 
+       |> return }}
+```
diff --git a/wwwroot/gfm/sharp-apis/04.html b/wwwroot/gfm/sharp-apis/04.html
new file mode 100644
index 0000000..327ec3f
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/04.html
@@ -0,0 +1,127 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre>[<span class="pl-en">Route</span>(<span class="pl-s"><span class="pl-pds">"</span>/hello/{Name}<span class="pl-pds">"</span></span>)]
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Hello</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">HelloResponse</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloResponse</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Result</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloService</span> : <span class="pl-en">Service</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">Hello</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">HelloResponse</span> { <span class="pl-smi">Result</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">$"</span>Hello, {<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>}!<span class="pl-pds">"</span></span> };
+}</pre></div>
+<h3>
+<a id="user-content-hello-api-page" class="anchor" href="#hello-api-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/hello API Page</h3>
+<blockquote>
+<p>Usage: /hello/{name}</p>
+</blockquote>
+<p>An API which returns the same wire response as above can be implemented in API Pages by creating a page at
+<a href="https://github.com/sharp-apps/blog/blob/master/hello/_name/index.html">/hello/_name/index.html</a>
+that includes the 1-liner:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+<p>Which supports the same content negotiation as a ServiceStack Service where calling it in a browser will generate a
+<a href="https://docs.servicestack.net/html5reportformat" rel="nofollow">human-friendly HTML Page</a>:</p>
+<ul>
+<li><a href="http://blog.web-app.io/hello/World" rel="nofollow">/hello/World</a></li>
+</ul>
+<p>Or calling it with a JSON HTTP client containing <code>Accept: application/json</code> HTTP Header or with a <code>?format=json</code> query string will
+render the API response in the JSON Format:</p>
+<ul>
+<li><a href="http://blog.web-app.io/hello/World?format=json" rel="nofollow">/hello/World?format=json</a></li>
+</ul>
+<p>Alternatively you can force a JSON Response by specifying the Content Type in the return arguments:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">format</span></span>: <span class="pl-s"><span class="pl-pds">'</span>json<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span> 
+// Equivalent to:
+<span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">result</span></span>: `<span class="pl-e"><span class="pl-v">Hello</span></span>, ${<span class="pl-e"><span class="pl-v">name</span></span>}!` } |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>: <span class="pl-s"><span class="pl-pds">'</span>application/json<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>More API examples showing the versatility of this feature is contained in the new <a href="http://blog.web-app.io" rel="nofollow">blog.web-app.io</a> which only uses
+Templates and Dynamic API Pages to implement all of its functionality.</p>
+<h3>
+<a id="user-content-preview-api-page" class="anchor" href="#preview-api-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/preview API Page</h3>
+<blockquote>
+<p>Usage: /preview?content={templates}</p>
+</blockquote>
+<p>The <a href="https://github.com/sharp-apps/blog/blob/master/preview.html">/preview.html</a> API page uses this to force a plain-text response with:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">content</span>  |&gt; <span class="pl-e"><span class="pl-v">evalTemplate</span></span>({<span class="pl-e"><span class="pl-v">use</span></span>:{<span class="pl-e"><span class="pl-v">plugins</span></span>:<span class="pl-s"><span class="pl-pds">'</span>MarkdownScriptPlugin<span class="pl-pds">'</span></span><span class="pl-c1">}}</span>) |&gt; to =&gt;response }}
+<span class="pl-c1">{{</span> <span class="pl-v">response</span> |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>:<span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>The preview API above is what provides the new <a href="http://blog.web-app.io/" rel="nofollow">Blog Web App's</a> Live Preview feature where it will render any
+#Script provided in the <strong>content</strong> Query String or HTTP Post Form Data, e.g:</p>
+<ul>
+<li><a href="http://blog.web-app.io/preview?content=%7B%7B10%7C%3Etimes%7C%3Emap=%3Eit.pow(2)%7C%3Ejoinln%7D%7D" rel="nofollow">/preview?content={{10|&gt;times|&gt;map=&gt;it.pow(2)|&gt;joinln}}</a></li>
+</ul>
+<p>Which renders the plain text response:</p>
+<pre><code>0
+1
+4
+9
+16
+25
+36
+49
+64
+81
+</code></pre>
+<h3>
+<a id="user-content-_userapi-page" class="anchor" href="#_userapi-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/_user/api Page</h3>
+<blockquote>
+<p>Usage: /{user}/api</p>
+</blockquote>
+<p>The <a href="https://github.com/sharp-apps/blog/blob/master/_user/api.html">/_user/api.html</a> API page shows an example of how easy it is to
+create data-driven APIs where you can literally return the response of a parameterized SQL query using the <code>dbSelect</code> filter and returning
+the results:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * 
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span> <span class="pl-e"><span class="pl-v">UserInfo</span></span> <span class="pl-e"><span class="pl-v">u</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CreatedBy</span></span> = <span class="pl-e"><span class="pl-v">u.UserName</span></span> 
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">UserName</span></span> = @<span class="pl-e"><span class="pl-v">user</span></span> 
+    <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">p.Created</span></span> <span class="pl-e"><span class="pl-v">DESC</span></span>` 
+   |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">user</span></span> })
+   |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+<p>The <strong>user</strong> argument is populated as a result of dynamic route from the <code>_user</code> directory name which will let you view all
+<a href="http://blog.web-app.io/ServiceStack" rel="nofollow">@ServiceStack</a> posts with:</p>
+<ul>
+<li><a href="http://blog.web-app.io/ServiceStack/api" rel="nofollow">/ServiceStack/api</a></li>
+</ul>
+<p>Which also benefits from ServiceStack's multiple built-in formats where the same API can be returned in:</p>
+<ul>
+<li><a href="http://blog.web-app.io/ServiceStack/api?format=json" rel="nofollow">/ServiceStack/api?format=json</a></li>
+<li><a href="http://blog.web-app.io/ServiceStack/api?format=csv" rel="nofollow">/ServiceStack/api?format=csv</a></li>
+<li><a href="http://blog.web-app.io/ServiceStack/api?format=xml" rel="nofollow">/ServiceStack/api?format=xml</a></li>
+<li><a href="http://blog.web-app.io/ServiceStack/api?format=jsv" rel="nofollow">/ServiceStack/api?format=jsv</a></li>
+</ul>
+<h3>
+<a id="user-content-posts_slugapi-page" class="anchor" href="#posts_slugapi-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>/posts/_slug/api Page</h3>
+<blockquote>
+<p>Usage:  /posts/{slug}/api</p>
+</blockquote>
+<p>The <a href="https://github.com/sharp-apps/blog/blob/master/posts/_slug/api.html">/posts/_slug/api.html</a> page shows an example of using the
+<code>httpResult</code> filter to return a custom HTTP Response where if the post with the specified slug does not exist it will return a
+<code>404 Post was not found</code> HTTP Response:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * 
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span> <span class="pl-e"><span class="pl-v">UserInfo</span></span> <span class="pl-e"><span class="pl-v">u</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">p.CreatedBy</span></span> = <span class="pl-e"><span class="pl-v">u.UserName</span></span> 
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Slug</span></span> = @<span class="pl-e"><span class="pl-v">slug</span></span> 
+     <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">p.Created</span></span> <span class="pl-e"><span class="pl-v">DESC</span></span>` 
+   |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">slug</span></span> })
+   |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">post</span></span> 
+<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> <span class="pl-v">post</span> ?? <span class="pl-e"><span class="pl-v">httpResult</span></span>({ <span class="pl-e"><span class="pl-v">status</span></span>:<span class="pl-e"><span class="pl-v">404</span></span>, <span class="pl-e"><span class="pl-v">statusDescription</span></span>:<span class="pl-s"><span class="pl-pds">'</span>Post was not found<span class="pl-pds">'</span></span> }) 
+   |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+<p>The <code>httpResult</code> filter returns a ServiceStack <code>HttpResult</code> which allows for the following customizations:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-en">httpResult</span>({ 
+  <span class="pl-smi">status</span>:            <span class="pl-c1">404</span>,
+  <span class="pl-smi">status</span>:            <span class="pl-s">'NotFound'</span> <span class="pl-c"><span class="pl-c">//</span> can also use .NET HttpStatusCode enum name</span>
+  <span class="pl-smi">statusDescription</span>: <span class="pl-s">'Post was not found'</span>,
+  <span class="pl-smi">response</span>:          <span class="pl-smi">post</span>,
+  <span class="pl-smi">format</span>:            <span class="pl-s">'json'</span>,
+  <span class="pl-smi">contentType</span>:       <span class="pl-s">'application/json'</span>,
+  <span class="pl-s">'X-Powered-By'</span>:    <span class="pl-s">'#Script'</span>,
+}) </pre></div>
+<p>Any other unknown arguments like <strong>'X-Powered-By'</strong> are returned as HTTP Response Headers.</p>
+<p>Returning the <code>httpResult</code> above behaves similarly to customizing a HTTP response using return arguments:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">post</span> |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">format</span></span>:<span class="pl-s"><span class="pl-pds">'</span>json<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>X-Powered-By<span class="pl-pds">'</span></span>:<span class="pl-s"><span class="pl-pds">'</span>#Script<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>Using the explicit <code>httpResult</code> filter is useful for returning a custom HTTP Response without a Response Body, e.g. the <strong>New Post</strong> page
+uses <code>httpFilter</code> to
+<a href="https://github.com/sharp-apps/blog/blob/e8bb7249192c5797348ced091ad5fd434db9a619/app/posts/new.html#L33">redirect back to the Users posts page</a>
+after they've successfully created a new Post:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">success</span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span> <span class="pl-v">httpResult</span>({ <span class="pl-e"><span class="pl-v">status</span></span>:<span class="pl-e"><span class="pl-v">301</span></span>, <span class="pl-e"><span class="pl-v">Location</span></span>:`/${<span class="pl-e"><span class="pl-v">userName</span></span>}` }) |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apis/04.md b/wwwroot/gfm/sharp-apis/04.md
new file mode 100644
index 0000000..e518073
--- /dev/null
+++ b/wwwroot/gfm/sharp-apis/04.md
@@ -0,0 +1,159 @@
+```csharp
+[Route("/hello/{Name}")]
+public class Hello : IReturn<HelloResponse>
+{
+    public string Name { get; set; }
+}
+public class HelloResponse
+{
+    public string Result { get; set; }
+}
+public class HelloService : Service
+{
+    public object Any(Hello request) => new HelloResponse { Result = $"Hello, {request.Name}!" };
+}
+```
+
+### /hello API Page
+
+> Usage: /hello/{name}
+
+An API which returns the same wire response as above can be implemented in API Pages by creating a page at 
+[/hello/_name/index.html](https://github.com/sharp-apps/blog/blob/master/hello/_name/index.html) 
+that includes the 1-liner:
+
+```hbs
+{{ { result: `Hello, ${name}!` } |> return }}
+```
+
+Which supports the same content negotiation as a ServiceStack Service where calling it in a browser will generate a 
+[human-friendly HTML Page](https://docs.servicestack.net/html5reportformat):
+
+ - [/hello/World](http://blog.web-app.io/hello/World)
+
+Or calling it with a JSON HTTP client containing `Accept: application/json` HTTP Header or with a `?format=json` query string will 
+render the API response in the JSON Format:
+
+ - [/hello/World?format=json](http://blog.web-app.io/hello/World?format=json)
+
+Alternatively you can force a JSON Response by specifying the Content Type in the return arguments:
+
+```hbs
+{{ { result: `Hello, ${name}!` } |> return({ format: 'json' }) }} 
+// Equivalent to:
+{{ { result: `Hello, ${name}!` } |> return({ contentType: 'application/json' }) }}
+```
+
+More API examples showing the versatility of this feature is contained in the new [blog.web-app.io](http://blog.web-app.io) which only uses 
+Templates and Dynamic API Pages to implement all of its functionality.
+
+### /preview API Page
+
+> Usage: /preview?content={templates}
+
+The [/preview.html](https://github.com/sharp-apps/blog/blob/master/preview.html) API page uses this to force a plain-text response with:
+
+```hbs
+{{ content  |> evalTemplate({use:{plugins:'MarkdownScriptPlugin'}}) |> to =>response }}
+{{ response |> return({ contentType:'text/plain' }) }}
+```
+
+The preview API above is what provides the new [Blog Web App's](http://blog.web-app.io/) Live Preview feature where it will render any 
+#Script provided in the **content** Query String or HTTP Post Form Data, e.g:
+
+- [/preview?content={{10|>times|>map=>it.pow(2)|>joinln}}](http://blog.web-app.io/preview?content={{10|%3Etimes|%3Emap=%3Eit.pow(2)|%3Ejoinln}})
+
+Which renders the plain text response:
+
+    0
+    1
+    4
+    9
+    16
+    25
+    36
+    49
+    64
+    81
+
+### /_user/api Page
+
+> Usage: /{user}/api
+
+The [/_user/api.html](https://github.com/sharp-apps/blog/blob/master/_user/api.html) API page shows an example of how easy it is to 
+create data-driven APIs where you can literally return the response of a parameterized SQL query using the `dbSelect` filter and returning 
+the results:
+
+```hbs
+{{ `SELECT * 
+      FROM Post p INNER JOIN UserInfo u on p.CreatedBy = u.UserName 
+     WHERE UserName = @user 
+    ORDER BY p.Created DESC` 
+   |> dbSelect({ user })
+   |> return }}
+```
+
+The **user** argument is populated as a result of dynamic route from the `_user` directory name which will let you view all 
+[@ServiceStack](http://blog.web-app.io/ServiceStack) posts with:
+
+ - [/ServiceStack/api](http://blog.web-app.io/ServiceStack/api)
+
+Which also benefits from ServiceStack's multiple built-in formats where the same API can be returned in:
+
+ - [/ServiceStack/api?format=json](http://blog.web-app.io/ServiceStack/api?format=json)
+ - [/ServiceStack/api?format=csv](http://blog.web-app.io/ServiceStack/api?format=csv)
+ - [/ServiceStack/api?format=xml](http://blog.web-app.io/ServiceStack/api?format=xml)
+ - [/ServiceStack/api?format=jsv](http://blog.web-app.io/ServiceStack/api?format=jsv)
+
+### /posts/_slug/api Page
+
+> Usage:  /posts/{slug}/api
+
+The [/posts/_slug/api.html](https://github.com/sharp-apps/blog/blob/master/posts/_slug/api.html) page shows an example of using the 
+`httpResult` filter to return a custom HTTP Response where if the post with the specified slug does not exist it will return a 
+`404 Post was not found` HTTP Response:
+
+```hbs
+{{ `SELECT * 
+      FROM Post p INNER JOIN UserInfo u on p.CreatedBy = u.UserName 
+     WHERE Slug = @slug 
+     ORDER BY p.Created DESC` 
+   |> dbSingle({ slug })
+   |> to => post 
+}}
+{{ post ?? httpResult({ status:404, statusDescription:'Post was not found' }) 
+   |> return }}
+```
+
+The `httpResult` filter returns a ServiceStack `HttpResult` which allows for the following customizations:
+
+```csharp
+httpResult({ 
+  status:            404,
+  status:            'NotFound' // can also use .NET HttpStatusCode enum name
+  statusDescription: 'Post was not found',
+  response:          post,
+  format:            'json',
+  contentType:       'application/json',
+  'X-Powered-By':    '#Script',
+}) 
+```
+
+Any other unknown arguments like **'X-Powered-By'** are returned as HTTP Response Headers. 
+
+Returning the `httpResult` above behaves similarly to customizing a HTTP response using return arguments:
+
+```hbs
+{{ post |> return({ format:'json', 'X-Powered-By':'#Script' }) }}
+```
+
+Using the explicit `httpResult` filter is useful for returning a custom HTTP Response without a Response Body, e.g. the **New Post** page 
+uses `httpFilter` to 
+[redirect back to the Users posts page](https://github.com/sharp-apps/blog/blob/e8bb7249192c5797348ced091ad5fd434db9a619/app/posts/new.html#L33) 
+after they've successfully created a new Post:
+
+```hbs
+{{#if success}}
+    {{ httpResult({ status:301, Location:`/${userName}` }) |> return }}
+{{/if}}
+```
diff --git a/wwwroot/gfm/sharp-apps/01.html b/wwwroot/gfm/sharp-apps/01.html
new file mode 100644
index 0000000..b7d53a3
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/01.html
@@ -0,0 +1,16 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">id</span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">select</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, 
+            ${<span class="pl-e"><span class="pl-v">sqlConcat</span></span>([<span class="pl-s"><span class="pl-pds">"</span>e.FirstName<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>' '<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>e.LastName<span class="pl-pds">"</span></span>])} <span class="pl-e"><span class="pl-v">Employee</span></span>, 
+            <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>, <span class="pl-e"><span class="pl-v">ShippedDate</span></span>, 
+            ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>sum((d.Unitprice * d.Quantity) - d.discount)<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">Total</span></span> 
+        <span class="pl-e"><span class="pl-v">from</span></span> ${<span class="pl-e"><span class="pl-v">sqlQuote</span></span>(<span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">o</span></span>
+            <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span>
+            <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">d</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span> = <span class="pl-e"><span class="pl-v">d.OrderId</span></span>
+            <span class="pl-e"><span class="pl-v">inner</span></span> <span class="pl-e"><span class="pl-v">join</span></span> 
+            <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">e</span></span> <span class="pl-e"><span class="pl-v">on</span></span> <span class="pl-e"><span class="pl-v">o.EmployeeId</span></span> = <span class="pl-e"><span class="pl-v">e.Id</span></span>
+        <span class="pl-e"><span class="pl-v">where</span></span> <span class="pl-e"><span class="pl-v">CustomerId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>
+        <span class="pl-e"><span class="pl-v">group</span></span> <span class="pl-e"><span class="pl-v">by</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, <span class="pl-e"><span class="pl-v">EmployeeId</span></span>, <span class="pl-e"><span class="pl-v">FirstName</span></span>, <span class="pl-e"><span class="pl-v">LastName</span></span>, <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>, <span class="pl-e"><span class="pl-v">ShippedDate</span></span>`
+        |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
+        |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">orders</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/01.md b/wwwroot/gfm/sharp-apps/01.md
new file mode 100644
index 0000000..9abf559
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/01.md
@@ -0,0 +1,17 @@
+```hbs
+{{#if id}}
+    {{ `select o.Id, 
+            ${sqlConcat(["e.FirstName", "' '", "e.LastName"])} Employee, 
+            OrderDate, ShipCountry, ShippedDate, 
+            ${sqlCurrency("sum((d.Unitprice * d.Quantity) - d.discount)")} Total 
+        from ${sqlQuote("Order")} o
+            inner join
+            OrderDetail d on o.Id = d.OrderId
+            inner join 
+            Employee e on o.EmployeeId = e.Id
+        where CustomerId = @id
+        group by o.Id, EmployeeId, FirstName, LastName, OrderDate, ShipCountry, ShippedDate`
+        |> dbSelect({ id }) 
+        |> to => orders }}
+{{/if}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/02.html b/wwwroot/gfm/sharp-apps/02.html
new file mode 100644
index 0000000..5560639
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/02.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{ 'assets/css/bootstrap.css' |&gt; resolveAsset }}<span class="pl-pds">"</span></span> /&gt;
+
+&lt;<span class="pl-ent">img</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>{{ 'splash.jpg' |&gt; resolveAsset }}<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>splash<span class="pl-pds">"</span></span> <span class="pl-e">alt</span>=<span class="pl-s"><span class="pl-pds">"</span>Dave Grohl<span class="pl-pds">"</span></span> /&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/02.md b/wwwroot/gfm/sharp-apps/02.md
new file mode 100644
index 0000000..3359564
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/02.md
@@ -0,0 +1,5 @@
+```html
+<link rel="stylesheet" href="{{ 'assets/css/bootstrap.css' |> resolveAsset }}" />
+
+<img src="{{ 'splash.jpg' |> resolveAsset }}" id="splash" alt="Dave Grohl" />
+```
diff --git a/wwwroot/gfm/sharp-apps/03.html b/wwwroot/gfm/sharp-apps/03.html
new file mode 100644
index 0000000..b300ec0
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/03.html
@@ -0,0 +1,13 @@
+<div class="gfm"><div class="highlight highlight-source-dockerfile"><pre><span class="pl-k">FROM</span> mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
+<span class="pl-k">COPY</span> app /app
+<span class="pl-k">WORKDIR</span> /app
+<span class="pl-k">RUN</span> dotnet tool install -g x
+
+<span class="pl-c"><span class="pl-c">#</span> Build runtime image</span>
+<span class="pl-k">FROM</span> mcr.microsoft.com/dotnet/core/aspnet:3.1 AS runtime
+<span class="pl-k">WORKDIR</span> /app
+<span class="pl-k">COPY</span> --from=build /app app
+<span class="pl-k">COPY</span> --from=build /root/.dotnet/tools tools
+<span class="pl-k">ENV</span> ASPNETCORE_URLS http://*:5000
+<span class="pl-k">ENTRYPOINT</span> [<span class="pl-s">"/app/tools/x"</span>, <span class="pl-s">"app/app.settings"</span>]</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/03.md b/wwwroot/gfm/sharp-apps/03.md
new file mode 100644
index 0000000..eca7002
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/03.md
@@ -0,0 +1,14 @@
+```dockerfile
+FROM mcr.microsoft.com/dotnet/core/sdk:3.1 AS build
+COPY app /app
+WORKDIR /app
+RUN dotnet tool install -g x
+
+# Build runtime image
+FROM mcr.microsoft.com/dotnet/core/aspnet:3.1 AS runtime
+WORKDIR /app
+COPY --from=build /app app
+COPY --from=build /root/.dotnet/tools tools
+ENV ASPNETCORE_URLS http://*:5000
+ENTRYPOINT ["/app/tools/x", "app/app.settings"]
+```
diff --git a/wwwroot/gfm/sharp-apps/04.html b/wwwroot/gfm/sharp-apps/04.html
new file mode 100644
index 0000000..cdb49aa
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/04.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">CustomPlugin</span> { <span class="pl-smi">ShowProcessLinks</span> <span class="pl-k">=</span> <span class="pl-c1">true</span> });
+<span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">OpenApiFeature</span>());
+<span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">PostmanFeature</span>());
+<span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">CorsFeature</span>());
+<span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">ValidationFeature</span> { <span class="pl-smi">ScanAppHostAssemblies</span> <span class="pl-k">=</span> <span class="pl-c1">true</span> });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/04.md b/wwwroot/gfm/sharp-apps/04.md
new file mode 100644
index 0000000..56bc64e
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/04.md
@@ -0,0 +1,7 @@
+```csharp
+Plugins.Add(new CustomPlugin { ShowProcessLinks = true });
+Plugins.Add(new OpenApiFeature());
+Plugins.Add(new PostmanFeature());
+Plugins.Add(new CorsFeature());
+Plugins.Add(new ValidationFeature { ScanAppHostAssemblies = true });
+```
diff --git a/wwwroot/gfm/sharp-apps/05.html b/wwwroot/gfm/sharp-apps/05.html
new file mode 100644
index 0000000..d183637
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/05.html
@@ -0,0 +1,25 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CustomPlugin</span> : <span class="pl-en">IPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">ShowDrivesLinks</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+    
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">ShowProcessLinks</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">IAppHost</span> <span class="pl-smi">appHost</span>)
+    {
+        <span class="pl-k">if</span> (<span class="pl-smi">ShowDrivesLinks</span>)
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">diskFormat</span> <span class="pl-k">=</span> <span class="pl-smi">Env</span>.<span class="pl-smi">IsWindows</span> <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">"</span>NTFS<span class="pl-pds">"</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">"</span>ext2<span class="pl-pds">"</span></span>;
+            <span class="pl-smi">appHost</span>.<span class="pl-en">GetPlugin</span>&lt;<span class="pl-en">MetadataFeature</span>&gt;()
+                .<span class="pl-en">AddPluginLink</span>(<span class="pl-s"><span class="pl-pds">"</span>/drives<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>All Disks<span class="pl-pds">"</span></span>)
+                .<span class="pl-en">AddPluginLink</span>(<span class="pl-s"><span class="pl-pds">$"</span>/drives?DriveFormatIn={<span class="pl-smi">diskFormat</span>}<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">$"</span>{<span class="pl-smi">diskFormat</span>} Disks<span class="pl-pds">"</span></span>);
+        }
+
+        <span class="pl-k">if</span> (<span class="pl-smi">ShowProcessLinks</span>)
+        {
+            <span class="pl-smi">appHost</span>.<span class="pl-en">GetPlugin</span>&lt;<span class="pl-en">MetadataFeature</span>&gt;()
+                .<span class="pl-en">AddPluginLink</span>(<span class="pl-s"><span class="pl-pds">"</span>/processes<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>All Processes<span class="pl-pds">"</span></span>)
+                .<span class="pl-en">AddPluginLink</span>(<span class="pl-s"><span class="pl-pds">"</span>/process/current<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>Current Process<span class="pl-pds">"</span></span>);
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/05.md b/wwwroot/gfm/sharp-apps/05.md
new file mode 100644
index 0000000..afccff2
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/05.md
@@ -0,0 +1,26 @@
+```csharp
+public class CustomPlugin : IPlugin
+{
+    public bool ShowDrivesLinks { get; set; } = true;
+    
+    public bool ShowProcessLinks { get; set; }
+
+    public void Register(IAppHost appHost)
+    {
+        if (ShowDrivesLinks)
+        {
+            var diskFormat = Env.IsWindows ? "NTFS" : "ext2";
+            appHost.GetPlugin<MetadataFeature>()
+                .AddPluginLink("/drives", "All Disks")
+                .AddPluginLink($"/drives?DriveFormatIn={diskFormat}", $"{diskFormat} Disks");
+        }
+
+        if (ShowProcessLinks)
+        {
+            appHost.GetPlugin<MetadataFeature>()
+                .AddPluginLink("/processes", "All Processes")
+                .AddPluginLink("/process/current", "Current Process");
+        }
+    }
+}
+```
diff --git a/wwwroot/gfm/sharp-apps/06.html b/wwwroot/gfm/sharp-apps/06.html
new file mode 100644
index 0000000..07deff7
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/06.html
@@ -0,0 +1,39 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Startup</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">IApplicationBuilder</span> <span class="pl-smi">app</span>)
+    {
+        <span class="pl-k">var</span> <span class="pl-smi">appSettings</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">TextFileSettings</span>(<span class="pl-s"><span class="pl-pds">"</span>~/../app.settings<span class="pl-pds">"</span></span>.<span class="pl-en">MapProjectPath</span>());
+        <span class="pl-smi">app</span>.<span class="pl-en">UseServiceStack</span>(<span class="pl-k">new</span> <span class="pl-en">AppHost</span>(<span class="pl-smi">appSettings</span>));
+    }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">AppHost</span> : <span class="pl-en">AppHostBase</span>
+{
+    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>() : <span class="pl-k">base</span>(<span class="pl-s"><span class="pl-pds">"</span>Chat Sharp App<span class="pl-pds">"</span></span>, <span class="pl-k">typeof</span>(<span class="pl-en">ServerEventsServices</span>).<span class="pl-smi">Assembly</span>) {}
+    <span class="pl-k">public</span> <span class="pl-en">AppHost</span>(<span class="pl-en">IAppSettings</span> <span class="pl-smi">appSettings</span>) : <span class="pl-k">this</span>() <span class="pl-k">=&gt;</span> <span class="pl-smi">AppSettings</span> <span class="pl-k">=</span> <span class="pl-smi">appSettings</span>;
+
+    <span class="pl-k">public</span> <span class="pl-k">override</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
+    {
+        <span class="pl-smi">Plugins</span>.<span class="pl-en">AddIfNotExists</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>()); <span class="pl-c"><span class="pl-c">//</span>Already added if it's running as a Web App</span>
+
+        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">ServerEventsFeature</span>());
+
+        <span class="pl-en">SetConfig</span>(<span class="pl-k">new</span> <span class="pl-en">HostConfig</span>
+        {
+            <span class="pl-smi">DefaultContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">Json</span>,
+            <span class="pl-smi">AllowSessionIdsInHttpParams</span> <span class="pl-k">=</span> <span class="pl-c1">true</span>,
+        });
+
+        <span class="pl-k">this</span>.<span class="pl-smi">CustomErrorHttpHandlers</span>.<span class="pl-en">Remove</span>(<span class="pl-smi">HttpStatusCode</span>.<span class="pl-smi">Forbidden</span>);
+
+        <span class="pl-c"><span class="pl-c">//</span>Register all Authentication methods you want to enable for this web app.            </span>
+        <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">AuthFeature</span>(
+            () <span class="pl-k">=&gt;</span> <span class="pl-k">new</span> <span class="pl-en">AuthUserSession</span>(),
+            <span class="pl-k">new</span> <span class="pl-en">IAuthProvider</span>[] {
+                <span class="pl-k">new</span> <span class="pl-en">FacebookAuthProvider</span>(<span class="pl-smi">AppSettings</span>),  <span class="pl-c"><span class="pl-c">//</span>Sign-in with Facebook</span>
+            }));
+
+        <span class="pl-smi">container</span>.<span class="pl-en">RegisterAutoWiredAs</span>&lt;<span class="pl-en">MemoryChatHistory</span>, <span class="pl-en">IChatHistory</span>&gt;();
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/06.md b/wwwroot/gfm/sharp-apps/06.md
new file mode 100644
index 0000000..9afd95c
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/06.md
@@ -0,0 +1,40 @@
+```csharp
+public class Startup
+{
+    public void Configure(IApplicationBuilder app)
+    {
+        var appSettings = new TextFileSettings("~/../app.settings".MapProjectPath());
+        app.UseServiceStack(new AppHost(appSettings));
+    }
+}
+
+public class AppHost : AppHostBase
+{
+    public AppHost() : base("Chat Sharp App", typeof(ServerEventsServices).Assembly) {}
+    public AppHost(IAppSettings appSettings) : this() => AppSettings = appSettings;
+
+    public override void Configure(Container container)
+    {
+        Plugins.AddIfNotExists(new SharpPagesFeature()); //Already added if it's running as a Web App
+
+        Plugins.Add(new ServerEventsFeature());
+
+        SetConfig(new HostConfig
+        {
+            DefaultContentType = MimeTypes.Json,
+            AllowSessionIdsInHttpParams = true,
+        });
+
+        this.CustomErrorHttpHandlers.Remove(HttpStatusCode.Forbidden);
+
+        //Register all Authentication methods you want to enable for this web app.            
+        Plugins.Add(new AuthFeature(
+            () => new AuthUserSession(),
+            new IAuthProvider[] {
+                new FacebookAuthProvider(AppSettings),  //Sign-in with Facebook
+            }));
+
+        container.RegisterAutoWiredAs<MemoryChatHistory, IChatHistory>();
+    }
+}
+```
diff --git a/wwwroot/gfm/sharp-apps/07.html b/wwwroot/gfm/sharp-apps/07.html
new file mode 100644
index 0000000..382eb8e
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/07.html
@@ -0,0 +1,22 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre>&lt;<span class="pl-ent">html</span>&gt;
+&lt;<span class="pl-ent">head</span>&gt;
+&lt;<span class="pl-ent">title</span>&gt;<span class="pl-c1">{{</span> <span class="pl-v">title</span> ?? <span class="pl-s"><span class="pl-pds">'</span>Redis Vue SharpApp<span class="pl-pds">'</span></span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">title</span>&gt;
+&lt;<span class="pl-ent">i</span> hidden&gt;<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>/js/hot-loader.js<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">ifDebugIncludeScript</span></span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">i</span>&gt;
+
+...
+&lt;<span class="pl-ent">link</span> <span class="pl-e"><span class="pl-e">rel</span>=</span><span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>../assets/css/bootstrap.css<span class="pl-pds">"</span></span>&gt;
+&lt;<span class="pl-ent">link</span> <span class="pl-e"><span class="pl-e">rel</span>=</span><span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>../assets/css/default.css<span class="pl-pds">"</span></span>&gt;
+&lt;/<span class="pl-ent">head</span>&gt;
+&lt;<span class="pl-ent">body</span>&gt;
+    &lt;<span class="pl-ent">h2</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>/<span class="pl-pds">"</span></span>&gt;&lt;<span class="pl-ent">img</span> <span class="pl-e"><span class="pl-e">src</span>=</span><span class="pl-s"><span class="pl-pds">"</span>/assets/img/redis-logo.png<span class="pl-pds">"</span></span> /&gt; <span class="pl-c1">{{</span> <span class="pl-v">title</span> <span class="pl-c1">}}</span>&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">h2</span>&gt;
+
+    <span class="pl-c1">{{</span> <span class="pl-v">page</span> <span class="pl-c1">}}</span>
+
+<span class="pl-s1">    &lt;<span class="pl-ent">script</span> <span class="pl-e"><span class="pl-e">src</span>=</span><span class="pl-s"><span class="pl-pds">"</span>../assets/js/html-utils.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;</span>
+<span class="pl-s1">    &lt;<span class="pl-ent">script</span> <span class="pl-e"><span class="pl-e">src</span>=</span><span class="pl-s"><span class="pl-pds">"</span>../assets/js/vue<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>.min<span class="pl-pds">'</span></span> |&gt; <span class="pl-e"><span class="pl-v">if</span></span>(!<span class="pl-e"><span class="pl-v">debug</span></span>) <span class="pl-c1">}}</span>.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;</span>
+<span class="pl-s1">    &lt;<span class="pl-ent">script</span> <span class="pl-e"><span class="pl-e">src</span>=</span><span class="pl-s"><span class="pl-pds">"</span>../assets/js/axios.min.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;</span>
+    
+    <span class="pl-c1">{{</span> <span class="pl-v">scripts</span> |&gt; <span class="pl-e"><span class="pl-v">raw</span></span> <span class="pl-c1">}}</span> 
+&lt;/<span class="pl-ent">body</span>&gt;
+&lt;/<span class="pl-ent">html</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/07.md b/wwwroot/gfm/sharp-apps/07.md
new file mode 100644
index 0000000..9f66a85
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/07.md
@@ -0,0 +1,23 @@
+```hbs
+<html>
+<head>
+<title>{{ title ?? 'Redis Vue SharpApp' }}</title>
+<i hidden>{{ '/js/hot-loader.js' |> ifDebugIncludeScript }}</i>
+
+...
+<link rel="stylesheet" href="../assets/css/bootstrap.css">
+<link rel="stylesheet" href="../assets/css/default.css">
+</head>
+<body>
+    <h2 id="title"><a href="/"><img src="/assets/img/redis-logo.png" /> {{ title }}</a></h2>
+
+    {{ page }}
+
+    <script src="../assets/js/html-utils.js"></script>
+    <script src="../assets/js/vue{{ '.min' |> if(!debug) }}.js"></script>
+    <script src="../assets/js/axios.min.js"></script>
+    
+    {{ scripts |> raw }} 
+</body>
+</html>
+```
diff --git a/wwwroot/gfm/sharp-apps/08.html b/wwwroot/gfm/sharp-apps/08.html
new file mode 100644
index 0000000..29adaf3
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/08.html
@@ -0,0 +1,15 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/x-template<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>redis-info-template<span class="pl-pds">"</span></span>&gt;
+&lt;<span class="pl-ent">div</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>redis-info<span class="pl-pds">"</span></span>&gt;
+  &lt;<span class="pl-ent">table</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>table table-striped<span class="pl-pds">"</span></span> <span class="pl-e">style</span>=<span class="pl-s"><span class="pl-pds">"</span><span class="pl-s1"><span class="pl-c1"><span class="pl-c1">width</span></span>:<span class="pl-c1">450<span class="pl-k">px</span></span></span><span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">tbody</span>&gt;
+    {{#each toList(redisInfo) }}
+        &lt;<span class="pl-ent">tr</span>&gt;
+          &lt;<span class="pl-ent">th</span>&gt;{{ it.Key |&gt; replace('_',' ') }}&lt;/<span class="pl-ent">th</span>&gt;
+          &lt;<span class="pl-ent">td</span> <span class="pl-e">title</span>=<span class="pl-s"><span class="pl-pds">"</span>{{it.Value}}<span class="pl-pds">"</span></span>&gt;{{ it.Value |&gt; substringWithEllipsis(32) }}&lt;/<span class="pl-ent">td</span>&gt;
+        &lt;/<span class="pl-ent">tr</span>&gt;
+    {{/each}}
+    &lt;/<span class="pl-ent">tbody</span>&gt;
+  &lt;/<span class="pl-ent">table</span>&gt;
+&lt;/<span class="pl-ent">div</span>&gt;
+&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/08.md b/wwwroot/gfm/sharp-apps/08.md
new file mode 100644
index 0000000..a592438
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/08.md
@@ -0,0 +1,16 @@
+```html
+<script type="text/x-template" id="redis-info-template">
+<div id="redis-info">
+  <table class="table table-striped" style="width:450px">
+    <tbody>
+    {{#each toList(redisInfo) }}
+        <tr>
+          <th>{{ it.Key |> replace('_',' ') }}</th>
+          <td title="{{it.Value}}">{{ it.Value |> substringWithEllipsis(32) }}</td>
+        </tr>
+    {{/each}}
+    </tbody>
+  </table>
+</div>
+</script>
+```
diff --git a/wwwroot/gfm/sharp-apps/09.html b/wwwroot/gfm/sharp-apps/09.html
new file mode 100644
index 0000000..fde0a23
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/09.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>text/x-template<span class="pl-pds">"</span></span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>connection-template<span class="pl-pds">"</span></span>&gt;
+&lt;<span class="pl-ent">div</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>connection-info<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>container<span class="pl-pds">"</span></span>&gt;
+    {{ continueExecutingFiltersOnError }}
+    {{#if Request.Verb == "POST" }}
+        {{ { host, port, db, password } |> withoutEmptyValues |> redisChangeConnection |> end }}
+        {{#if lastErrorMessage }}
+            &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>alert alert-danger<span class="pl-pds">"</span></span>&gt;{{lastErrorMessage}}&lt;/<span class="pl-ent">div</span>&gt;
+        {{else}}
+            &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>alert alert-success<span class="pl-pds">"</span></span>&gt;Connection Changed&lt;/<span class="pl-ent">div</span>&gt;
+        {{/if}}
+    {{/if}}
+&lt;/<span class="pl-ent">div</span>&gt;
+&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/09.md b/wwwroot/gfm/sharp-apps/09.md
new file mode 100644
index 0000000..d90ef14
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/09.md
@@ -0,0 +1,15 @@
+```html
+<script type="text/x-template" id="connection-template">
+<div id="connection-info" class="container">
+    {{ continueExecutingFiltersOnError }}
+    {{#if Request.Verb == "POST" }}
+        {{ { host, port, db, password } |> withoutEmptyValues |> redisChangeConnection |> end }}
+        {{#if lastErrorMessage }}
+            <div class="alert alert-danger">{{lastErrorMessage}}</div>
+        {{else}}
+            <div class="alert alert-success">Connection Changed</div>
+        {{/if}}
+    {{/if}}
+</div>
+</script>
+```
diff --git a/wwwroot/gfm/sharp-apps/10.html b/wwwroot/gfm/sharp-apps/10.html
new file mode 100644
index 0000000..e59d59e
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/10.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">limit</span> ?? <span class="pl-e"><span class="pl-v">100</span></span>  |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">limit</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> `${<span class="pl-e"><span class="pl-v">q</span></span> ?? <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>}*` |&gt; <span class="pl-e"><span class="pl-v">redisSearchKeys</span></span>({ <span class="pl-e"><span class="pl-v">limit</span></span> }) 
+                 |&gt; <span class="pl-e"><span class="pl-v">return</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/10.md b/wwwroot/gfm/sharp-apps/10.md
new file mode 100644
index 0000000..60e47ee
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/10.md
@@ -0,0 +1,6 @@
+```hbs
+{{ limit ?? 100  |> to => limit }}
+
+{{ `${q ?? ''}*` |> redisSearchKeys({ limit }) 
+                 |> return }}
+```
diff --git a/wwwroot/gfm/sharp-apps/11.html b/wwwroot/gfm/sharp-apps/11.html
new file mode 100644
index 0000000..1c2acf6
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/11.html
@@ -0,0 +1,11 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> { <span class="pl-e"><span class="pl-v">command</span></span> } |&gt; <span class="pl-e"><span class="pl-v">ensureAllArgsNotEmpty</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> [<span class="pl-s"><span class="pl-pds">'</span>flush<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>monitor<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>brpop<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>blpop<span class="pl-pds">'</span></span>] |&gt; <span class="pl-e"><span class="pl-v">any</span></span> =&gt; <span class="pl-e"><span class="pl-v">contains</span></span>(<span class="pl-e"><span class="pl-v">lower</span></span>(<span class="pl-e"><span class="pl-v">command</span></span>), <span class="pl-e"><span class="pl-v">it</span></span>)
+   |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">illegalCommand</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">illegalCommand</span> ? <span class="pl-e"><span class="pl-v">throwArgumentException</span></span>(<span class="pl-s"><span class="pl-pds">'</span>Command is not allowed.<span class="pl-pds">'</span></span>) : <span class="pl-e"><span class="pl-v">null</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">command</span>  |&gt; <span class="pl-e"><span class="pl-v">redisCall</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">contents</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">contents</span> |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-s"><span class="pl-pds">'</span>Content-Type<span class="pl-pds">'</span></span>: <span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/11.md b/wwwroot/gfm/sharp-apps/11.md
new file mode 100644
index 0000000..e8fa412
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/11.md
@@ -0,0 +1,12 @@
+```hbs
+{{ { command } |> ensureAllArgsNotEmpty }}
+
+{{ ['flush','monitor','brpop','blpop'] |> any => contains(lower(command), it)
+   |> to => illegalCommand }}
+
+{{ illegalCommand ? throwArgumentException('Command is not allowed.') : null }}
+
+{{ command  |> redisCall |> to => contents }}
+
+{{ contents |> return({ 'Content-Type': 'text/plain' }) }}
+```
diff --git a/src/wwwroot/gfm/web-apps/12.html b/wwwroot/gfm/sharp-apps/12.html
similarity index 100%
rename from src/wwwroot/gfm/web-apps/12.html
rename to wwwroot/gfm/sharp-apps/12.html
diff --git a/wwwroot/gfm/sharp-apps/12.md b/wwwroot/gfm/sharp-apps/12.md
new file mode 100644
index 0000000..b979077
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/12.md
@@ -0,0 +1,34 @@
+```csharp
+public class StartupDep
+{
+    public string Name { get; } = nameof(StartupDep);
+}
+
+public class StartupPlugin : IPlugin, IStartup
+{
+    public void Configure(IApplicationBuilder app) {}
+
+    public IServiceProvider ConfigureServices(IServiceCollection services)
+    {
+        services.AddSingleton(new StartupDep());
+        return null;
+    }
+
+    public void Register(IAppHost appHost)
+    {
+        appHost.GetPlugin<MetadataFeature>()
+            .AddPluginLink("/startup-dep", "Startup Service");
+    }       
+}
+
+[Route("/startup-dep")]
+public class GetStartupDep : IReturn<string> {}
+
+public class StartupServices : Service
+{
+    public StartupDep StartupDep { get; set; }
+
+    [AddHeader(ContentType = MimeTypes.PlainText)]
+    public object Any(GetStartupDep request) => StartupDep.Name;
+}
+```
diff --git a/wwwroot/gfm/sharp-apps/13.html b/wwwroot/gfm/sharp-apps/13.html
new file mode 100644
index 0000000..e93aeec
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/13.html
@@ -0,0 +1,96 @@
+<div class="gfm"><p>The Parcel SharpApp template is maintained in the following directory structure:</p>
+<ul>
+<li>
+<code>/app</code> - Your Web App's published source code and any plugins</li>
+<li>
+<code>/client</code> - The Parcel managed Client App where client source code is maintained</li>
+<li>
+<code>/server</code> - Extend your Web App with an optional <code>server.dll</code> plugin containing additional Server functionality</li>
+<li>
+<code>/web</code> - The Web App binaries</li>
+</ul>
+<p>Most development will happen within <code>/client</code> which is automatically published to <code>/app</code> using parcel's CLI that's invoked from the included npm scripts.</p>
+<h3>
+<a id="client" class="anchor" href="#client" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>client</h3>
+<p>The difference with <a href="https://github.com/NetCoreTemplates/templates-app">templates-app</a> is that the client source code is maintained in the <code>/client</code> folder and uses <a href="https://parceljs.org" rel="nofollow">Parcel JS</a> to automatically bundle and publish your App to <code>/app/wwwroot</code> which is updated with live changes during development.</p>
+<p>The client folder also contains the npm <a href="https://github.com/NetCoreTemplates/parcel-app/blob/master/client/package.json">package.json</a> which contains all npm scripts required during development.</p>
+<p>If this is the first time using Parcel, you will need to install its global CLI:</p>
+<pre><code>$ npm install -g parcel-bundler
+</code></pre>
+<p>Then you can run a watched parcel build of your Web App with:</p>
+<pre><code>$ npm run dev
+</code></pre>
+<p>Parcel is a zero configuration bundler which inspects your <code>.html</code> files to automatically transpile and bundle all your <strong>.js</strong> and <strong>.css</strong> assets and other web resources like TypeScript <strong>.ts</strong> source files into a static <code>.html</code> website synced at <code>/app/wwwroot</code>.</p>
+<p>Then to start the ServiceStack Server to host your Web App run:</p>
+<pre><code>$ npm run server
+</code></pre>
+<p>Which will host your App at <code>http://localhost:5000</code> which in <code>debug</code> mode will enable <a href="http://sharpscript.net/docs/hot-reloading" rel="nofollow">hot reloading</a>
+which will automatically reload your web page as it detects any file changes made by parcel.</p>
+<h3>
+<a id="server" class="anchor" href="#server" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>server</h3>
+<p>To enable even richer functionality, this Sharp Apps template is also pre-configured with a custom Server project where you can extend your Web App with <a href="http://sharpscript.net/docs/sharp-apps#plugins" rel="nofollow">Plugins</a> where all <code>Plugins</code>, <code>Services</code>, <code>Filters</code>, etc are automatically wired and made available to your Web App.</p>
+<p>This template includes a simple <a href="https://github.com/NetCoreTemplates/parcel-app/blob/master/server/ServerPlugin.cs">ServerPlugin.cs</a> which contains an Empty <code>ServerPlugin</code> and <code>Hello</code> Service:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">ServerPlugin</span> : <span class="pl-en">IPlugin</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Register</span>(<span class="pl-en">IAppHost</span> <span class="pl-smi">appHost</span>)
+    {
+    }
+}
+
+<span class="pl-c"><span class="pl-c">//</span>[Route("/hello/{Name}")] // Handled by /hello/_name.html API page, uncomment to take over</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">Hello</span> : <span class="pl-en">IReturn</span>&lt;<span class="pl-en">HelloResponse</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Name</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">HelloResponse</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Result</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}
+
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span> : <span class="pl-en">Service</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">Hello</span> <span class="pl-smi">request</span>)
+    {
+        <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">HelloResponse</span> { <span class="pl-smi">Result</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">$"</span>Hi {<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>} from server.dll<span class="pl-pds">"</span></span> };
+    }
+}</pre></div>
+<p>To build the <code>server.csproj</code> project and copy the resulting <code>server.dll</code> to <code>/app/plugins/serer.dll</code> which will require restarting the server to load the latest plugin:</p>
+<pre><code>$ npm run server
+</code></pre>
+<p>This will automatically load any <code>Plugins</code>, <code>Services</code>, <code>Filters</code>, etc and make them available to your Web App.</p>
+<p>One benefit of creating your APIs with C# ServiceStack Services instead of <a href="http://sharpscript.net/docs/sharp-apis" rel="nofollow">API Pages</a> is that you can generate TypeScript DTOs with:</p>
+<pre><code>$ npm run dtos
+</code></pre>
+<p>Which saves generate DTOs for all your ServiceStack Services in <a href="https://github.com/NetCoreTemplates/parcel-app/blob/master/client/dtos.ts">dtos.ts</a> which can then be accessed in your TypeScript source code.</p>
+<p>If preferred you can instead develop Server APIs with API Pages, an example is included in <a href="https://github.com/NetCoreTemplates/parcel-app/blob/master/client/hello/_name.html">/client/hello/_name.html</a></p>
+<div class="highlight highlight-text-html-basic"><pre>{{ { result: `Hi ${name} from /hello/_name.html` } |<span class="pl-kos">&gt;</span> return }}</pre></div>
+<p>Which as it uses the same data structure as the <code>Hello</code> Service above, can be called with ServiceStack's <code>JsonServiceClient</code> and generated TypeScript DTOs.</p>
+<p>The <a href="https://github.com/NetCoreTemplates/parcel-app/blob/master/client/index.ts">/client/index.ts</a> shows an example of this where initially the App calls  the C# <code>Hello</code> ServiceStack Service:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-s1">client</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">"./shared"</span><span class="pl-kos">;</span>
+<span class="pl-k">import</span> <span class="pl-kos">{</span> <span class="pl-smi">Hello</span><span class="pl-kos">,</span> <span class="pl-smi">HelloResponse</span> <span class="pl-kos">}</span> <span class="pl-k">from</span> <span class="pl-s">"./dtos"</span><span class="pl-kos">;</span>
+
+<span class="pl-k">const</span> <span class="pl-s1">result</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelector</span><span class="pl-kos">(</span><span class="pl-s">"#result"</span><span class="pl-kos">)</span>!<span class="pl-kos">;</span>
+
+<span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelector</span><span class="pl-kos">(</span><span class="pl-s">"#Name"</span><span class="pl-kos">)</span>!<span class="pl-kos">.</span><span class="pl-en">addEventListener</span><span class="pl-kos">(</span><span class="pl-s">"input"</span><span class="pl-kos">,</span> <span class="pl-k">async</span> <span class="pl-s1">e</span> <span class="pl-c1">=&gt;</span> <span class="pl-kos">{</span>
+  <span class="pl-k">const</span> <span class="pl-s1">value</span> <span class="pl-c1">=</span> <span class="pl-kos">(</span><span class="pl-s1">e</span><span class="pl-kos">.</span><span class="pl-c1">target</span> <span class="pl-k">as</span> <span class="pl-smi">HTMLInputElement</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">value</span><span class="pl-kos">;</span>
+  <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">value</span> != <span class="pl-s">""</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+    <span class="pl-k">const</span> <span class="pl-s1">request</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-smi">Hello</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+    <span class="pl-s1">request</span><span class="pl-kos">.</span><span class="pl-c1">name</span> <span class="pl-c1">=</span> <span class="pl-s1">value</span><span class="pl-kos">;</span>
+    <span class="pl-k">const</span> <span class="pl-s1">response</span> <span class="pl-c1">=</span> <span class="pl-k">await</span> <span class="pl-s1">client</span><span class="pl-kos">.</span><span class="pl-en">get</span><span class="pl-kos">(</span><span class="pl-s1">request</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+    <span class="pl-c">// const response = await client.get&lt;HelloResponse&gt;(`/hello/${request.name}`); //call /hello/_name.html</span>
+    <span class="pl-s1">result</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s1">response</span><span class="pl-kos">.</span><span class="pl-c1">result</span><span class="pl-kos">;</span>
+  <span class="pl-kos">}</span> <span class="pl-k">else</span> <span class="pl-kos">{</span>
+    <span class="pl-s1">result</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s">""</span><span class="pl-kos">;</span>
+  <span class="pl-kos">}</span>
+<span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span></pre></div>
+<p>But while your App is running you can instead toggle the uncommented the line and hit <code>Ctrl+S</code> to save <code>index.ts</code> which Parcel will automatically transpile and publish to <code>/app/wwwroot</code> that will be detected by Hot Reload to automatically reload the page with the latest changes. Now typing in the text field will display the response from calling the <code>/hello/_name.html</code> API instead.</p>
+<h3>
+<a id="deployments" class="anchor" href="#deployments" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Deployments</h3>
+<p>During development Parcel maintains a debug and source-code friendly version of your App. Before deploying you can build an optimized production version of your App with:</p>
+<pre><code>$ npm run build
+</code></pre>
+<p>Which will bundle and minify all <code>.css</code>, <code>.js</code> and <code>.html</code> assets and publish to <code>/app/wwwroot</code>.</p>
+<p>Then to deploy Sharp Apps you just need to copy the <code>/app</code> and <code>/web</code> folders to any server with .NET 5.0 runtime installed.
+The <a href="http://sharpscript.net/docs/deploying-sharp-apps" rel="nofollow">Deploying Sharp Apps</a> docs.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/13.md b/wwwroot/gfm/sharp-apps/13.md
new file mode 100644
index 0000000..2255edf
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/13.md
@@ -0,0 +1,120 @@
+The Parcel SharpApp template is maintained in the following directory structure:
+
+ - `/app` - Your Web App's published source code and any plugins
+ - `/client` - The Parcel managed Client App where client source code is maintained
+ - `/server` - Extend your Web App with an optional `server.dll` plugin containing additional Server functionality
+ - `/web` - The Web App binaries
+
+Most development will happen within `/client` which is automatically published to `/app` using parcel's CLI that's invoked from the included npm scripts.
+
+### client
+
+The difference with [templates-app](https://github.com/NetCoreTemplates/templates-app) is that the client source code is maintained in the `/client` folder and uses [Parcel JS](https://parceljs.org) to automatically bundle and publish your App to `/app/wwwroot` which is updated with live changes during development.
+
+The client folder also contains the npm [package.json](https://github.com/NetCoreTemplates/parcel-app/blob/master/client/package.json) which contains all npm scripts required during development.
+
+If this is the first time using Parcel, you will need to install its global CLI:
+
+    $ npm install -g parcel-bundler
+
+Then you can run a watched parcel build of your Web App with:
+
+    $ npm run dev
+
+Parcel is a zero configuration bundler which inspects your `.html` files to automatically transpile and bundle all your **.js** and **.css** assets and other web resources like TypeScript **.ts** source files into a static `.html` website synced at `/app/wwwroot`.
+
+Then to start the ServiceStack Server to host your Web App run:
+
+    $ npm run server
+
+Which will host your App at `http://localhost:5000` which in `debug` mode will enable [hot reloading](http://sharpscript.net/docs/hot-reloading) 
+which will automatically reload your web page as it detects any file changes made by parcel.
+
+### server
+
+To enable even richer functionality, this Sharp Apps template is also pre-configured with a custom Server project where you can extend your Web App with [Plugins](http://sharpscript.net/docs/sharp-apps#plugins) where all `Plugins`, `Services`, `Filters`, etc are automatically wired and made available to your Web App. 
+
+This template includes a simple [ServerPlugin.cs](https://github.com/NetCoreTemplates/parcel-app/blob/master/server/ServerPlugin.cs) which contains an Empty `ServerPlugin` and `Hello` Service:
+
+```csharp
+public class ServerPlugin : IPlugin
+{
+    public void Register(IAppHost appHost)
+    {
+    }
+}
+
+//[Route("/hello/{Name}")] // Handled by /hello/_name.html API page, uncomment to take over
+public class Hello : IReturn<HelloResponse>
+{
+    public string Name { get; set; }
+}
+
+public class HelloResponse
+{
+    public string Result { get; set; }
+}
+
+public class MyServices : Service
+{
+    public object Any(Hello request)
+    {
+        return new HelloResponse { Result = $"Hi {request.Name} from server.dll" };
+    }
+}
+```
+
+To build the `server.csproj` project and copy the resulting `server.dll` to `/app/plugins/serer.dll` which will require restarting the server to load the latest plugin:
+
+    $ npm run server
+
+This will automatically load any `Plugins`, `Services`, `Filters`, etc and make them available to your Web App. 
+
+One benefit of creating your APIs with C# ServiceStack Services instead of [API Pages](http://sharpscript.net/docs/sharp-apis) is that you can generate TypeScript DTOs with:
+
+    $ npm run dtos
+
+Which saves generate DTOs for all your ServiceStack Services in [dtos.ts](https://github.com/NetCoreTemplates/parcel-app/blob/master/client/dtos.ts) which can then be accessed in your TypeScript source code.
+
+If preferred you can instead develop Server APIs with API Pages, an example is included in [/client/hello/_name.html](https://github.com/NetCoreTemplates/parcel-app/blob/master/client/hello/_name.html)
+
+```html
+{{ { result: `Hi ${name} from /hello/_name.html` } |> return }}
+```
+
+Which as it uses the same data structure as the `Hello` Service above, can be called with ServiceStack's `JsonServiceClient` and generated TypeScript DTOs.
+
+The [/client/index.ts](https://github.com/NetCoreTemplates/parcel-app/blob/master/client/index.ts) shows an example of this where initially the App calls  the C# `Hello` ServiceStack Service:
+
+```ts
+import { client } from "./shared";
+import { Hello, HelloResponse } from "./dtos";
+
+const result = document.querySelector("#result")!;
+
+document.querySelector("#Name")!.addEventListener("input", async e => {
+  const value = (e.target as HTMLInputElement).value;
+  if (value != "") {
+    const request = new Hello();
+    request.name = value;
+    const response = await client.get(request);
+    // const response = await client.get<HelloResponse>(`/hello/${request.name}`); //call /hello/_name.html
+    result.innerHTML = response.result;
+  } else {
+    result.innerHTML = "";
+  }
+});
+```
+
+But while your App is running you can instead toggle the uncommented the line and hit `Ctrl+S` to save `index.ts` which Parcel will automatically transpile and publish to `/app/wwwroot` that will be detected by Hot Reload to automatically reload the page with the latest changes. Now typing in the text field will display the response from calling the `/hello/_name.html` API instead.
+
+### Deployments
+
+During development Parcel maintains a debug and source-code friendly version of your App. Before deploying you can build an optimized production version of your App with:
+
+    $ npm run build
+
+Which will bundle and minify all `.css`, `.js` and `.html` assets and publish to `/app/wwwroot`.
+
+Then to deploy Sharp Apps you just need to copy the `/app` and `/web` folders to any server with .NET 5.0 runtime installed. 
+The [Deploying Sharp Apps](http://sharpscript.net/docs/deploying-sharp-apps) docs.
diff --git a/wwwroot/gfm/sharp-apps/14.html b/wwwroot/gfm/sharp-apps/14.html
new file mode 100644
index 0000000..66b86b9
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/14.html
@@ -0,0 +1,105 @@
+<div class="gfm"><p><a href="http://blog.web-app.io" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/sharpscript/master/src/wwwroot/assets/img/screenshots/blog.png" alt="" style="max-width:100%;"></a></p>
+<blockquote>
+<p>Live Demo: <a href="http://blog.web-app.io" rel="nofollow">blog.web-app.io</a></p>
+</blockquote>
+<p>You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):</p>
+<p><strong><a name="app://blog">app://blog</a></strong></p>
+<p>Or via command-line:</p>
+<pre><code>$ app open blog
+</code></pre>
+<p>Cross platform (Default Browser):</p>
+<pre><code>$ x open blog
+</code></pre>
+<p>To maximize approachability the <a href="https://github.com/sharp-apps/blog/tree/master/app">/Blog</a> Web App has no C# source code, plugins and uses
+no JavaScript or CSS frameworks yielding an enjoyable development experiences as all the usual complexities of developing a C# Server and modern
+JS App has been dispensed and you can just focus on the App you want to create, using a plain-text editor on the left, a live updating browser on
+the right and nothing else to interrupt your flow.</p>
+<p>Any infrastructure dependencies have also been avoided by using SQLite by default which is
+<a href="/docs/sharp-pages#init-pages">automatically created an populated on first run</a> if no database exists, or if preferred can be
+<a href="/docs/sharp-apps#multi-platform-configurations">changed to use any other popular RDBMS</a> using just config.</p>
+<h3>
+<a id="multi-user-blogging-platform" class="anchor" href="#multi-user-blogging-platform" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Multi User Blogging Platform</h3>
+<p>Any number of users can Sign In via Twitter and publish content under their Twitter Username where only they'll be able to modify their own Content.
+Setting up Twitter is as easy as it can be which just requires modifying the
+<a href="#customizable-auth-providers">Twitter Auth Config in app.settings</a> with the URL where the blog
+is hosted and the OAuth Keys for the Twitter OAuth App created at <a href="https://apps.twitter.com" rel="nofollow">apps.twitter.com</a>.</p>
+<h3>
+<a id="rich-content" class="anchor" href="#rich-content" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Rich Content</h3>
+<p>Whilst most blogging platforms just edit static text, each Post content has access to full Templates language features so they can be used to create
+<a href="http://blog.web-app.io/posts/live-document-example" rel="nofollow">Live Documents</a> or
+<a href="http://blog.web-app.io/posts/markdown-example" rel="nofollow">Render Markdown</a> which is itself just
+<a href="/docs/blocks#markdown">one of the available blocks</a> where it will render to HTML any content between the <code>markdown</code> blocks:</p>
+<div class="highlight highlight-text-html-handlebars"><pre>{#markdown}}
+## Markdown Content
+{​{/markdown}}</pre></div>
+<p>By default the <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation is used to render Markdown but can also be configured to use an
+<a href="http://blog.web-app.io/posts/web-app-customizations#customizable-markdown-providers" rel="nofollow">alternate Markdown provider</a>.</p>
+<h3>
+<a id="rich-markdown-editor" class="anchor" href="#rich-markdown-editor" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Rich Markdown Editor</h3>
+<p>To make it easy to recall Markdown features, each Content is equipped with a Rich Text editor containing the most popular formatting controls
+along with common short-cuts for each feature, discoverable by hovering over each button:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png" alt="" style="max-width:100%;"></a></p>
+<p>The Editor also adopts popular behavior in IDEs where <code>Tab</code> and <code>SHIFT+Tab</code> can be used to indent blocks of text and lines can be commented with
+<code>Ctrl+/</code> or blocks with <code>CTRL+SHIFT+/</code>.</p>
+<p>Another nice productivity win is being able to <code>CTRL+CLICK</code> on any Content you created to navigate to its Edit page.</p>
+<h3>
+<a id="auto-saved-drafts" class="anchor" href="#auto-saved-drafts" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Auto saved drafts</h3>
+<p>The content in each Text <code>input</code> and <code>textarea</code> is saved to <code>localStorage</code> on each key-press so you can freely reload pages and navigate
+around the site where all unpublished content will be preserved upon return.</p>
+<p>When you want to revert back to the original published content you can clear the text boxes and reload the page which will load content from
+the database instead of <code>localStorage</code>.</p>
+<h3>
+<a id="server-validation" class="anchor" href="#server-validation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Server Validation</h3>
+<p>The <a href="https://github.com/sharp-apps/blog/blob/master/posts/new.html">new.html</a> and <a href="https://github.com/sharp-apps/blog/blob/master/posts/_slug/edit.html">edit.html</a> pages shows examples of performing server validation with #Script:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">assignErrorAndContinueExecuting</span>: <span class="pl-e"><span class="pl-v">ex</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Title must be between 5 and 200 characters<span class="pl-pds">'</span></span>      
+   |&gt; <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">postTitle</span></span>) &lt; <span class="pl-e"><span class="pl-v">5</span></span> || <span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">postTitle</span></span>) &gt; <span class="pl-e"><span class="pl-v">200</span></span>) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">titleError</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Content must be between 25 and 64000 characters<span class="pl-pds">'</span></span> 
+   |&gt; <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>) &lt; <span class="pl-e"><span class="pl-v">25</span></span>  || <span class="pl-e"><span class="pl-v">length</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>) &gt; <span class="pl-e"><span class="pl-v">64000</span></span>) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">contentError</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>Potentially malicious characters detected<span class="pl-pds">'</span></span>       
+   |&gt; <span class="pl-e"><span class="pl-v">ifNotExists</span></span>(<span class="pl-e"><span class="pl-v">contentError</span></span>) |&gt; <span class="pl-e"><span class="pl-v">onlyIf</span></span>(<span class="pl-e"><span class="pl-v">containsXss</span></span>(<span class="pl-e"><span class="pl-v">content</span></span>)) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">contentError</span></span> <span class="pl-c1">}}</span></pre></div>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png" alt="" style="max-width:100%;"></a></p>
+<p>For more info see the docs on <a href="/docs/error-handling">Error Handling</a>.</p>
+<h3>
+<a id="live-previews" class="anchor" href="#live-previews" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Live Previews</h3>
+<p>Creating and Posting content benefit from Live Previews where its rendered output can be visualized in real-time before it's published.</p>
+<p>Any textarea can easily be enhanced to enable Live Preview by including the <code>data-livepreview</code> attribute with the element where the output
+should be rendered in, e.g:</p>
+<div class="highlight highlight-text-html-basic"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">textarea</span> <span class="pl-c1">data-livepreview</span>="<span class="pl-s">.preview</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">textarea</span><span class="pl-kos">&gt;</span>
+<span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">class</span>="<span class="pl-s">preview</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
+<p>The implementation of which is surprisingly simple where the JavaScript snippet in
+<a href="https://github.com/sharp-apps/blog/blob/master/default.js">default.js</a> below is used to send its content on each change:</p>
+<div class="highlight highlight-source-js"><pre><span class="pl-c">// Enable Live Preview of new Content</span>
+<span class="pl-s1">textAreas</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelectorAll</span><span class="pl-kos">(</span><span class="pl-s">"textarea[data-livepreview]"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+<span class="pl-k">for</span> <span class="pl-kos">(</span><span class="pl-k">let</span> <span class="pl-s1">i</span> <span class="pl-c1">=</span> <span class="pl-c1">0</span><span class="pl-kos">;</span> <span class="pl-s1">i</span> <span class="pl-c1">&lt;</span> <span class="pl-s1">textAreas</span><span class="pl-kos">.</span><span class="pl-c1">length</span><span class="pl-kos">;</span> <span class="pl-s1">i</span><span class="pl-c1">++</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+  <span class="pl-s1">textAreas</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-en">addEventListener</span><span class="pl-kos">(</span><span class="pl-s">"input"</span><span class="pl-kos">,</span> <span class="pl-s1">livepreview</span><span class="pl-kos">,</span> <span class="pl-c1">false</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+  <span class="pl-en">livepreview</span><span class="pl-kos">(</span><span class="pl-kos">{</span> <span class="pl-c1">target</span>: <span class="pl-s1">textAreas</span><span class="pl-kos">[</span><span class="pl-s1">i</span><span class="pl-kos">]</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+<span class="pl-kos">}</span>
+
+<span class="pl-k">function</span> <span class="pl-en">livepreview</span><span class="pl-kos">(</span><span class="pl-s1">e</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+  <span class="pl-k">let</span> <span class="pl-s1">el</span> <span class="pl-c1">=</span> <span class="pl-s1">e</span><span class="pl-kos">.</span><span class="pl-c1">target</span><span class="pl-kos">;</span>
+  <span class="pl-k">let</span> <span class="pl-s1">sel</span> <span class="pl-c1">=</span> <span class="pl-s1">el</span><span class="pl-kos">.</span><span class="pl-en">getAttribute</span><span class="pl-kos">(</span><span class="pl-s">"data-livepreview"</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+
+  <span class="pl-k">if</span> <span class="pl-kos">(</span><span class="pl-s1">el</span><span class="pl-kos">.</span><span class="pl-c1">value</span><span class="pl-kos">.</span><span class="pl-en">trim</span><span class="pl-kos">(</span><span class="pl-kos">)</span> <span class="pl-c1">==</span> <span class="pl-s">""</span><span class="pl-kos">)</span> <span class="pl-kos">{</span>
+    <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelector</span><span class="pl-kos">(</span><span class="pl-s1">sel</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s">"&lt;div&gt;Live Preview&lt;/div&gt;"</span><span class="pl-kos">;</span>
+    <span class="pl-k">return</span><span class="pl-kos">;</span>
+  <span class="pl-kos">}</span>
+
+  <span class="pl-k">let</span> <span class="pl-s1">formData</span> <span class="pl-c1">=</span> <span class="pl-k">new</span> <span class="pl-v">FormData</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+  <span class="pl-s1">formData</span><span class="pl-kos">.</span><span class="pl-en">append</span><span class="pl-kos">(</span><span class="pl-s">"content"</span><span class="pl-kos">,</span> <span class="pl-s1">el</span><span class="pl-kos">.</span><span class="pl-c1">value</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+
+  <span class="pl-en">fetch</span><span class="pl-kos">(</span><span class="pl-s">"/preview"</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
+    <span class="pl-c1">method</span>: <span class="pl-s">"post"</span><span class="pl-kos">,</span>
+    <span class="pl-c1">body</span>: <span class="pl-s1">formData</span>
+  <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">then</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">r</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-k">return</span> <span class="pl-s1">r</span><span class="pl-kos">.</span><span class="pl-en">text</span><span class="pl-kos">(</span><span class="pl-kos">)</span><span class="pl-kos">;</span> <span class="pl-kos">}</span><span class="pl-kos">)</span>
+    <span class="pl-kos">.</span><span class="pl-en">then</span><span class="pl-kos">(</span><span class="pl-k">function</span><span class="pl-kos">(</span><span class="pl-s1">r</span><span class="pl-kos">)</span> <span class="pl-kos">{</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">querySelector</span><span class="pl-kos">(</span><span class="pl-s1">sel</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">innerHTML</span> <span class="pl-c1">=</span> <span class="pl-s1">r</span><span class="pl-kos">;</span> <span class="pl-kos">}</span><span class="pl-kos">)</span><span class="pl-kos">;</span>
+<span class="pl-kos">}</span></pre></div>
+<p>To the <a href="https://github.com/sharp-apps/blog/blob/master/preview.html">/preview.html</a> API Page which just renders and captures any
+Template Content its sent and returns the output:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">content</span>  |&gt; <span class="pl-e"><span class="pl-v">evalTemplate</span></span>({<span class="pl-e"><span class="pl-v">use</span></span>:{<span class="pl-e"><span class="pl-v">plugins</span></span>:<span class="pl-s"><span class="pl-pds">'</span>MarkdownScriptPlugin<span class="pl-pds">'</span></span><span class="pl-c1">}}</span>) |&gt; to =&gt;response }}
+<span class="pl-c1">{{</span> <span class="pl-v">response</span> |&gt; <span class="pl-e"><span class="pl-v">return</span></span>({ <span class="pl-e"><span class="pl-v">contentType</span></span>:<span class="pl-s"><span class="pl-pds">'</span>text/plain<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>By default the <code>evalTemplate</code> filter renders Templates in a new <code>ScriptContext</code> which can be customized to utilize any additional
+<code>plugins</code>, <code>filters</code> and <code>blocks</code> available in the configured <a href="/docs/sharp-pages">SharpPagesFeature</a>,
+or for full access you can use <code>{use:{context:true}}</code> to evaluate any Template content under the same context that <code>evalTemplate</code> is run on.</p>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-apps/14.md b/wwwroot/gfm/sharp-apps/14.md
new file mode 100644
index 0000000..9828824
--- /dev/null
+++ b/wwwroot/gfm/sharp-apps/14.md
@@ -0,0 +1,142 @@
+[![](https://raw.githubusercontent.com/ServiceStack/sharpscript/master/src/wwwroot/assets/img/screenshots/blog.png)](http://blog.web-app.io)
+
+> Live Demo: [blog.web-app.io](http://blog.web-app.io)
+
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://blog">app://blog</a></strong>
+
+Or via command-line:
+
+    $ app open blog
+
+Cross platform (Default Browser):
+
+    $ x open blog
+
+To maximize approachability the [/Blog](https://github.com/sharp-apps/blog/tree/master/app) Web App has no C# source code, plugins and uses 
+no JavaScript or CSS frameworks yielding an enjoyable development experiences as all the usual complexities of developing a C# Server and modern 
+JS App has been dispensed and you can just focus on the App you want to create, using a plain-text editor on the left, a live updating browser on 
+the right and nothing else to interrupt your flow.
+
+Any infrastructure dependencies have also been avoided by using SQLite by default which is 
+[automatically created an populated on first run](/docs/sharp-pages#init-pages) if no database exists, or if preferred can be 
+[changed to use any other popular RDBMS](/docs/sharp-apps#multi-platform-configurations) using just config.
+
+### Multi User Blogging Platform
+
+Any number of users can Sign In via Twitter and publish content under their Twitter Username where only they'll be able to modify their own Content. 
+Setting up Twitter is as easy as it can be which just requires modifying the 
+[Twitter Auth Config in app.settings](#customizable-auth-providers) with the URL where the blog 
+is hosted and the OAuth Keys for the Twitter OAuth App created at [apps.twitter.com](https://apps.twitter.com).
+
+### Rich Content
+
+Whilst most blogging platforms just edit static text, each Post content has access to full Templates language features so they can be used to create 
+[Live Documents](http://blog.web-app.io/posts/live-document-example) or 
+[Render Markdown](http://blog.web-app.io/posts/markdown-example) which is itself just 
+[one of the available blocks](/docs/blocks#markdown) where it will render to HTML any content between the `markdown` blocks:
+
+```hbs
+{#markdown}}
+## Markdown Content
+{​{/markdown}}
+```
+
+By default the [Markdig](https://github.com/lunet-io/markdig) implementation is used to render Markdown but can also be configured to use an 
+[alternate Markdown provider](http://blog.web-app.io/posts/web-app-customizations#customizable-markdown-providers).
+
+### Rich Markdown Editor
+
+To make it easy to recall Markdown features, each Content is equipped with a Rich Text editor containing the most popular formatting controls 
+along with common short-cuts for each feature, discoverable by hovering over each button:
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/editor.png)
+
+The Editor also adopts popular behavior in IDEs where `Tab` and `SHIFT+Tab` can be used to indent blocks of text and lines can be commented with 
+`Ctrl+/` or blocks with `CTRL+SHIFT+/`.
+
+Another nice productivity win is being able to `CTRL+CLICK` on any Content you created to navigate to its Edit page.
+
+### Auto saved drafts
+
+The content in each Text `input` and `textarea` is saved to `localStorage` on each key-press so you can freely reload pages and navigate 
+around the site where all unpublished content will be preserved upon return. 
+
+When you want to revert back to the original published content you can clear the text boxes and reload the page which will load content from 
+the database instead of `localStorage`.
+
+### Server Validation
+
+The [new.html](https://github.com/sharp-apps/blog/blob/master/posts/new.html) and [edit.html](https://github.com/sharp-apps/blog/blob/master/posts/_slug/edit.html) pages shows examples of performing server validation with #Script:
+
+```hbs
+{{ assignErrorAndContinueExecuting: ex }}
+
+{{ 'Title must be between 5 and 200 characters'      
+   |> onlyIf(length(postTitle) < 5 || length(postTitle) > 200) |> to => titleError }}
+{{ 'Content must be between 25 and 64000 characters' 
+   |> onlyIf(length(content) < 25  || length(content) > 64000) |> to => contentError }}
+{{ 'Potentially malicious characters detected'       
+   |> ifNotExists(contentError) |> onlyIf(containsXss(content)) |> to => contentError }}
+```
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/livedemos/blog/server-validation.png)
+
+For more info see the docs on [Error Handling](/docs/error-handling).
+
+### Live Previews
+
+Creating and Posting content benefit from Live Previews where its rendered output can be visualized in real-time before it's published. 
+
+Any textarea can easily be enhanced to enable Live Preview by including the `data-livepreview` attribute with the element where the output 
+should be rendered in, e.g:
+
+```html
+<textarea data-livepreview=".preview"></textarea>
+<div class="preview"></div>
+```
+
+The implementation of which is surprisingly simple where the JavaScript snippet in 
+[default.js](https://github.com/sharp-apps/blog/blob/master/default.js) below is used to send its content on each change:
+
+```js
+// Enable Live Preview of new Content
+textAreas = document.querySelectorAll("textarea[data-livepreview]");
+for (let i = 0; i < textAreas.length; i++) {
+  textAreas[i].addEventListener("input", livepreview, false);
+  livepreview({ target: textAreas[i] });
+}
+
+function livepreview(e) {
+  let el = e.target;
+  let sel = el.getAttribute("data-livepreview");
+
+  if (el.value.trim() == "") {
+    document.querySelector(sel).innerHTML = "<div>Live Preview</div>";
+    return;
+  }
+
+  let formData = new FormData();
+  formData.append("content", el.value);
+
+  fetch("/preview", {
+    method: "post",
+    body: formData
+  }).then(function(r) { return r.text(); })
+    .then(function(r) { document.querySelector(sel).innerHTML = r; });
+}
+```
+
+To the [/preview.html](https://github.com/sharp-apps/blog/blob/master/preview.html) API Page which just renders and captures any 
+Template Content its sent and returns the output:
+
+```hbs
+{{ content  |> evalTemplate({use:{plugins:'MarkdownScriptPlugin'}}) |> to =>response }}
+{{ response |> return({ contentType:'text/plain' }) }}
+```
+
+By default the `evalTemplate` filter renders Templates in a new `ScriptContext` which can be customized to utilize any additional 
+`plugins`, `filters` and `blocks` available in the configured [SharpPagesFeature](/docs/sharp-pages), 
+or for full access you can use `{use:{context:true}}` to evaluate any Template content under the same context that `evalTemplate` is run on.
+
diff --git a/wwwroot/gfm/sharp-pages/01.html b/wwwroot/gfm/sharp-pages/01.html
new file mode 100644
index 0000000..47bce98
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/01.html
@@ -0,0 +1,5 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">void</span> <span class="pl-en">Configure</span>(<span class="pl-en">Container</span> <span class="pl-smi">container</span>)
+{
+    <span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span>());
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/01.md b/wwwroot/gfm/sharp-pages/01.md
new file mode 100644
index 0000000..0b57de5
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/01.md
@@ -0,0 +1,6 @@
+```csharp
+public void Configure(Container container)
+{
+    Plugins.Add(new SharpPagesFeature());
+}
+```
diff --git a/wwwroot/gfm/sharp-pages/02.html b/wwwroot/gfm/sharp-pages/02.html
new file mode 100644
index 0000000..11648b2
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/02.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> { <span class="pl-smi">HtmlExtension</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>htm<span class="pl-pds">"</span></span> });</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/02.md b/wwwroot/gfm/sharp-pages/02.md
new file mode 100644
index 0000000..2e643c6
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/02.md
@@ -0,0 +1,3 @@
+```csharp
+Plugins.Add(new SharpPagesFeature { HtmlExtension = "htm" });
+```
diff --git a/wwwroot/gfm/sharp-pages/03.html b/wwwroot/gfm/sharp-pages/03.html
new file mode 100644
index 0000000..748e382
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/03.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">layout: mobile-layout</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/03.md b/wwwroot/gfm/sharp-pages/03.md
new file mode 100644
index 0000000..b76a123
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/03.md
@@ -0,0 +1,5 @@
+```html
+<!--
+layout: mobile-layout
+-->
+```
diff --git a/wwwroot/gfm/sharp-pages/04.html b/wwwroot/gfm/sharp-pages/04.html
new file mode 100644
index 0000000..467882c
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/04.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">layout: templates/mobile-layout</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/04.md b/wwwroot/gfm/sharp-pages/04.md
new file mode 100644
index 0000000..3f754b6
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/04.md
@@ -0,0 +1,5 @@
+```html
+<!--
+layout: templates/mobile-layout
+-->
+```
diff --git a/wwwroot/gfm/sharp-pages/05.html b/wwwroot/gfm/sharp-pages/05.html
new file mode 100644
index 0000000..5bdb23d
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/05.html
@@ -0,0 +1,35 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">nav</span> <span class="pl-e">id</span>=<span class="pl-s"><span class="pl-pds">"</span>sidebar<span class="pl-pds">"</span></span>&gt;
+&lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>inner<span class="pl-pds">"</span></span>&gt;
+
+&lt;<span class="pl-ent">ul</span>&gt;
+    &lt;<span class="pl-ent">li</span>&gt;
+        &lt;<span class="pl-ent">h5</span>&gt;docs&lt;/<span class="pl-ent">h5</span>&gt;
+        &lt;<span class="pl-ent">ul</span>&gt;
+            {{#each docLinks}}
+            &lt;<span class="pl-ent">li</span> <span class="pl-e">{{</span> <span class="pl-e">{active:</span> <span class="pl-e">matchesPathInfo(Key)}</span> <span class="pl-e">|</span>&gt; htmlClass }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
+            {{/each}}
+        &lt;/<span class="pl-ent">ul</span>&gt;
+    &lt;/<span class="pl-ent">li</span>&gt;
+
+    &lt;<span class="pl-ent">li</span>&gt;
+        &lt;<span class="pl-ent">h5</span>&gt;use cases&lt;/<span class="pl-ent">h5</span>&gt;
+        &lt;<span class="pl-ent">ul</span>&gt;
+            {{#each useCaseLinks}}
+            &lt;<span class="pl-ent">li</span> <span class="pl-e">{{</span> <span class="pl-e">{active:</span> <span class="pl-e">matchesPathInfo(Key)}</span> <span class="pl-e">|</span>&gt; htmlClass }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
+            {{/each}}
+        &lt;/<span class="pl-ent">ul</span>&gt;
+    &lt;/<span class="pl-ent">li</span>&gt;
+
+    &lt;<span class="pl-ent">li</span>&gt;
+        &lt;<span class="pl-ent">h5</span>&gt;linq examples&lt;/<span class="pl-ent">h5</span>&gt;
+        &lt;<span class="pl-ent">ul</span>&gt;
+            {{#each linqLinks}}
+            &lt;<span class="pl-ent">li</span> <span class="pl-e">{{</span> <span class="pl-e">{active:</span> <span class="pl-e">matchesPathInfo(Key)}</span> <span class="pl-e">|</span>&gt; htmlClass }}&gt;&lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>{{Key}}<span class="pl-pds">"</span></span>&gt;{{Value}}&lt;/<span class="pl-ent">a</span>&gt;&lt;/<span class="pl-ent">li</span>&gt;
+            {{/each}}
+        &lt;/<span class="pl-ent">ul</span>&gt;
+    &lt;/<span class="pl-ent">li</span>&gt;
+&lt;/<span class="pl-ent">ul</span>&gt;
+
+&lt;/<span class="pl-ent">div</span>&gt;
+&lt;/<span class="pl-ent">nav</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/05.md b/wwwroot/gfm/sharp-pages/05.md
new file mode 100644
index 0000000..1e3b463
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/05.md
@@ -0,0 +1,36 @@
+```html
+<nav id="sidebar">
+<div class="inner">
+
+<ul>
+    <li>
+        <h5>docs</h5>
+        <ul>
+            {{#each docLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>use cases</h5>
+        <ul>
+            {{#each useCaseLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>linq examples</h5>
+        <ul>
+            {{#each linqLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+</ul>
+
+</div>
+</nav>
+```
diff --git a/wwwroot/gfm/sharp-pages/06.html b/wwwroot/gfm/sharp-pages/06.html
new file mode 100644
index 0000000..2c730bc
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/06.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">ignore: page</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+Nothing in this page will be evaluated but will still be rendered inside the closest Layout.</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/06.md b/wwwroot/gfm/sharp-pages/06.md
new file mode 100644
index 0000000..ae222bb
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/06.md
@@ -0,0 +1,7 @@
+```html
+<!--
+ignore: page
+-->
+
+Nothing in this page will be evaluated but will still be rendered inside the closest Layout.
+```
diff --git a/wwwroot/gfm/sharp-pages/07.html b/wwwroot/gfm/sharp-pages/07.html
new file mode 100644
index 0000000..5cf4921
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/07.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">ignore: template</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+This page will not be evaluated nor will it have a Layout.</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/07.md b/wwwroot/gfm/sharp-pages/07.md
new file mode 100644
index 0000000..af36cd4
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/07.md
@@ -0,0 +1,7 @@
+```html
+<!--
+ignore: template
+-->
+
+This page will not be evaluated nor will it have a Layout.
+```
diff --git a/wwwroot/gfm/sharp-pages/08.html b/wwwroot/gfm/sharp-pages/08.html
new file mode 100644
index 0000000..da4efcb
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/08.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">layout: none</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+This page will be evaluated but rendered without a layout.</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/08.md b/wwwroot/gfm/sharp-pages/08.md
new file mode 100644
index 0000000..b4f4d86
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/08.md
@@ -0,0 +1,7 @@
+```html
+<!--
+layout: none
+-->
+
+This page will be evaluated but rendered without a layout.
+```
diff --git a/wwwroot/gfm/sharp-pages/09.html b/wwwroot/gfm/sharp-pages/09.html
new file mode 100644
index 0000000..9169595
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/09.html
@@ -0,0 +1,10 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">MyRequest</span> <span class="pl-smi">request</span>)
+{
+    ...
+    <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">HttpResult</span>(<span class="pl-smi">response</span>)
+    {
+        <span class="pl-smi">View</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>CustomPage<span class="pl-pds">"</span></span>,
+        <span class="pl-smi">Template</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>_custom-layout<span class="pl-pds">"</span></span>,
+    };
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/09.md b/wwwroot/gfm/sharp-pages/09.md
new file mode 100644
index 0000000..e57daf3
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/09.md
@@ -0,0 +1,11 @@
+```csharp
+public object Any(MyRequest request)
+{
+    ...
+    return new HttpResult(response)
+    {
+        View = "CustomPage",
+        Template = "_custom-layout",
+    };
+}
+```
diff --git a/wwwroot/gfm/sharp-pages/10.html b/wwwroot/gfm/sharp-pages/10.html
new file mode 100644
index 0000000..74104e6
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/10.html
@@ -0,0 +1,69 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span>  `<span class="pl-e"><span class="pl-v">CREATE</span></span> <span class="pl-e"><span class="pl-v">TABLE</span></span> <span class="pl-e"><span class="pl-v">IF</span></span> <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">EXISTS</span></span> <span class="pl-s"><span class="pl-pds">"</span>UserInfo<span class="pl-pds">"</span></span> 
+    (
+        <span class="pl-s"><span class="pl-pds">"</span>UserName<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">PRIMARY</span></span> <span class="pl-e"><span class="pl-v">KEY</span></span>, 
+        <span class="pl-s"><span class="pl-pds">"</span>DisplayName<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
+        <span class="pl-s"><span class="pl-pds">"</span>AvatarUrl<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
+        <span class="pl-s"><span class="pl-pds">"</span>AvatarUrlLarge<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NULL</span></span>, 
+        <span class="pl-s"><span class="pl-pds">"</span>Created<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">NULL</span></span>,
+        <span class="pl-s"><span class="pl-pds">"</span>Modified<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">VARCHAR</span></span>(<span class="pl-e"><span class="pl-v">8000</span></span>) <span class="pl-e"><span class="pl-v">NOT</span></span> <span class="pl-e"><span class="pl-v">NULL</span></span>
+    );`    
+    |&gt; <span class="pl-e"><span class="pl-v">dbExec</span></span>
+<span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">dbScalar</span>(`<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">COUNT</span></span>(*) <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Post</span></span>`) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">postsCount</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">postsCount</span> == <span class="pl-e"><span class="pl-v">0</span></span> <span class="pl-c1">}}</span>
+
+    ========================================
+    Seed with initial UserInfo and Post data
+    ========================================
+
+    ...
+
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span>}
+
+{{ htmlError <span class="pl-c1">}}</span></pre></div>
+<p>If there was an Exception with any of the SQL Statements it will be displayed in the <code>{{ htmlError }}</code> filter which can be
+later viewed in the <a href="http://blog.web-app.io/log" rel="nofollow">/log</a> page above.</p>
+<p>The output of the <code>_init</code> page is captured in the <code>initout</code> argument which can be later inspected as a normal template argument as seen in
+<a href="https://github.com/sharp-apps/blog/blob/master/log.html">log.html</a>:</p>
+<div class="highlight highlight-text-html-basic"><pre><span class="pl-kos">&lt;</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
+    Output from init.html:
+    <span class="pl-kos">&lt;</span><span class="pl-ent">pre</span><span class="pl-kos">&gt;</span>{{initout |<span class="pl-kos">&gt;</span> raw}}<span class="pl-kos">&lt;/</span><span class="pl-ent">pre</span><span class="pl-kos">&gt;</span>
+<span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span></pre></div>
+<p>A good idea to view Script <strong>Init</strong> &amp; <strong>Page</strong> Errors is to include both <code>initError</code> and <code>htmlError</code> in your <strong>_layout.html</strong> as done in
+<a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/_layout.html">/SharpData/wwwroot/_layout.html</a>:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span><span class="pl-v">initError</span> |&gt; <span class="pl-e"><span class="pl-v">htmlError</span></span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-v">htmlError</span><span class="pl-c1">}}</span></pre></div>
+<h3>
+<a id="initss" class="anchor" href="#initss" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>init.ss</h3>
+<p>Instead of <code>init.html</code> you can also use <a href="https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/_init.ss">_init.ss</a> which is used in
+Apps like <a href="https://github.com/NetCoreApps/SharpData">SharpData</a> to construct a ServiceStack App's <a href="https://docs.servicestack.net/svg" rel="nofollow">SVG stylesheet bundle</a>
+from a user-defined list of embedded <code>*.svg</code> resources and inline SVG declarations, e.g:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> 
+    <span class="pl-e"><span class="pl-v">var</span></span> <span class="pl-e"><span class="pl-v">AppSvgs</span></span> = {
+        <span class="pl-s"><span class="pl-pds">'</span>action/home.svg<span class="pl-pds">'</span></span>:                    <span class="pl-s"><span class="pl-pds">'</span>home<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>device/storage.svg<span class="pl-pds">'</span></span>:                 <span class="pl-s"><span class="pl-pds">'</span>db<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>action/list.svg<span class="pl-pds">'</span></span>:                    <span class="pl-s"><span class="pl-pds">'</span>table<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/first_page.svg<span class="pl-pds">'</span></span>:          <span class="pl-s"><span class="pl-pds">'</span>chevron-first<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/last_page.svg<span class="pl-pds">'</span></span>:           <span class="pl-s"><span class="pl-pds">'</span>chevron-last<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/expand_more.svg<span class="pl-pds">'</span></span>:         <span class="pl-s"><span class="pl-pds">'</span>chevron-down<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/chevron_left.svg<span class="pl-pds">'</span></span>:        <span class="pl-s"><span class="pl-pds">'</span>chevron-left<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/chevron_right.svg<span class="pl-pds">'</span></span>:       <span class="pl-s"><span class="pl-pds">'</span>chevron-right<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>navigation/expand_less.svg<span class="pl-pds">'</span></span>:         <span class="pl-s"><span class="pl-pds">'</span>chevron-up<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>content/clear.svg<span class="pl-pds">'</span></span>:                  <span class="pl-s"><span class="pl-pds">'</span>clear<span class="pl-pds">'</span></span>,
+        <span class="pl-s"><span class="pl-pds">'</span>content/filter_list.svg<span class="pl-pds">'</span></span>:            <span class="pl-s"><span class="pl-pds">'</span>filter<span class="pl-pds">'</span></span>,
+    } 
+<span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">AppSvgs</span><span class="pl-c1">}}</span>
+    <span class="pl-c1">{{</span>`<span class="pl-e"><span class="pl-v">/lib/svg/material</span></span>/${<span class="pl-e"><span class="pl-v">it.Key</span></span>}` |&gt; <span class="pl-e"><span class="pl-v">svgAddFile</span></span>(<span class="pl-e"><span class="pl-v">it.Value</span></span>,<span class="pl-s"><span class="pl-pds">'</span>app<span class="pl-pds">'</span></span>)<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#svg</span> <span class="pl-v">fields</span> <span class="pl-c1">app}}</span>
+&lt;<span class="pl-ent">svg</span> <span class="pl-e"><span class="pl-e">xmlns</span>=</span><span class="pl-s"><span class="pl-pds">"</span>http://www.w3.org/2000/svg<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">viewBox</span>=</span><span class="pl-s"><span class="pl-pds">"</span>0 0 24 24<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>black<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">width</span>=</span><span class="pl-s"><span class="pl-pds">"</span>48px<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">height</span>=</span><span class="pl-s"><span class="pl-pds">"</span>48px<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">path</span> <span class="pl-e"><span class="pl-e">d</span>=</span><span class="pl-s"><span class="pl-pds">"</span>M0 0h24v24H0V0z<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>none<span class="pl-pds">"</span></span>/&gt;
+    &lt;<span class="pl-ent">path</span> <span class="pl-e"><span class="pl-e">d</span>=</span><span class="pl-s"><span class="pl-pds">"</span>M4 5v13h17V5H4zm10 2v9h-3V7h3zM6 7h3v9H6V7zm13 9h-3V7h3v9z<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">fill</span>=</span><span class="pl-s"><span class="pl-pds">"</span>#ffffff<span class="pl-pds">"</span></span>/&gt;
+&lt;/<span class="pl-ent">svg</span>&gt;
+<span class="pl-c1">{{</span><span class="pl-c1">/svg</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/10.md b/wwwroot/gfm/sharp-pages/10.md
new file mode 100644
index 0000000..68ad2ca
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/10.md
@@ -0,0 +1,83 @@
+```hbs
+{{  `CREATE TABLE IF NOT EXISTS "UserInfo" 
+    (
+        "UserName" VARCHAR(8000) PRIMARY KEY, 
+        "DisplayName" VARCHAR(8000) NULL, 
+        "AvatarUrl" VARCHAR(8000) NULL, 
+        "AvatarUrlLarge" VARCHAR(8000) NULL, 
+        "Created" VARCHAR(8000) NOT NULL,
+        "Modified" VARCHAR(8000) NOT NULL
+    );`    
+    |> dbExec
+}}
+
+{{ dbScalar(`SELECT COUNT(*) FROM Post`) |> to => postsCount }}
+
+{{#if postsCount == 0 }}
+
+    ========================================
+    Seed with initial UserInfo and Post data
+    ========================================
+
+    ...
+
+{{/if}
+
+{{ htmlError }}
+```
+
+If there was an Exception with any of the SQL Statements it will be displayed in the `{{ htmlError }}` filter which can be 
+later viewed in the [/log](http://blog.web-app.io/log) page above.
+
+The output of the `_init` page is captured in the `initout` argument which can be later inspected as a normal template argument as seen in 
+[log.html](https://github.com/sharp-apps/blog/blob/master/log.html):
+
+```html
+<div>
+    Output from init.html:
+    <pre>{{initout |> raw}}</pre>
+</div>
+```
+
+A good idea to view Script **Init** & **Page** Errors is to include both `initError` and `htmlError` in your **_layout.html** as done in
+[/SharpData/wwwroot/_layout.html](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/_layout.html):
+
+```hbs
+{{initError |> htmlError}}
+{{htmlError}}
+```
+
+### init.ss 
+
+Instead of `init.html` you can also use [_init.ss](https://github.com/NetCoreApps/SharpData/blob/master/wwwroot/_init.ss) which is used in 
+Apps like [SharpData](https://github.com/NetCoreApps/SharpData) to construct a ServiceStack App's [SVG stylesheet bundle](https://docs.servicestack.net/svg) 
+from a user-defined list of embedded `*.svg` resources and inline SVG declarations, e.g:
+
+```hbs
+{{ 
+    var AppSvgs = {
+        'action/home.svg':                    'home',
+        'device/storage.svg':                 'db',
+        'action/list.svg':                    'table',
+        'navigation/first_page.svg':          'chevron-first',
+        'navigation/last_page.svg':           'chevron-last',
+        'navigation/expand_more.svg':         'chevron-down',
+        'navigation/chevron_left.svg':        'chevron-left',
+        'navigation/chevron_right.svg':       'chevron-right',
+        'navigation/expand_less.svg':         'chevron-up',
+        'content/clear.svg':                  'clear',
+        'content/filter_list.svg':            'filter',
+    } 
+}}
+
+{{#each AppSvgs}}
+    {{`/lib/svg/material/${it.Key}` |> svgAddFile(it.Value,'app')}}
+{{/each}}
+
+{{#svg fields app}}
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="48px" height="48px">
+    <path d="M0 0h24v24H0V0z" fill="none"/>
+    <path d="M4 5v13h17V5H4zm10 2v9h-3V7h3zM6 7h3v9H6V7zm13 9h-3V7h3v9z" fill="#ffffff"/>
+</svg>
+{{/svg}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/11.html b/wwwroot/gfm/sharp-pages/11.html
new file mode 100644
index 0000000..a600f80
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/11.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> {
+    <span class="pl-smi">ScriptAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">AllowAnyUser</span>, <span class="pl-c"><span class="pl-c">//</span> Allow any Authenticated User to call /script/admin</span>
+    <span class="pl-c"><span class="pl-c">//</span>ScriptAdminRole = RoleNames.AllowAnon,  // Allow anyone</span>
+    <span class="pl-c"><span class="pl-c">//</span>ScriptAdminRole = null,                 // Do not register /script/admin service</span>
+});</pre></div>
+<p>This also the preferred way to enable the <a href="https://docs.servicestack.net/debugging#metadata-debug-template" rel="nofollow">Metadata Debug Inspector</a>
+in production, which is only available in <code>DebugMode</code> and <strong>Admin</strong> Role by default:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> {
+    <span class="pl-smi">MetadataDebugAdminRole</span> <span class="pl-k">=</span> <span class="pl-smi">RoleNames</span>.<span class="pl-smi">Admin</span>,          <span class="pl-c"><span class="pl-c">//</span> Only allow Admin users to call /metadata/debug</span>
+    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = RoleNames.AllowAnyUser, // Allow Authenticated Users</span>
+    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = RoleNames.AllowAnon,    // Allow anyone</span>
+    <span class="pl-c"><span class="pl-c">//</span>MetadataDebugAdminRole = null,                   // Default. Do not register /metadata/debug service</span>
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/11.md b/wwwroot/gfm/sharp-pages/11.md
new file mode 100644
index 0000000..2c69456
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/11.md
@@ -0,0 +1,19 @@
+```csharp
+Plugins.Add(new SharpPagesFeature {
+    ScriptAdminRole = RoleNames.AllowAnyUser, // Allow any Authenticated User to call /script/admin
+    //ScriptAdminRole = RoleNames.AllowAnon,  // Allow anyone
+    //ScriptAdminRole = null,                 // Do not register /script/admin service
+});
+```
+
+This also the preferred way to enable the [Metadata Debug Inspector](https://docs.servicestack.net/debugging#metadata-debug-template) 
+in production, which is only available in `DebugMode` and **Admin** Role by default:
+
+```csharp
+Plugins.Add(new SharpPagesFeature {
+    MetadataDebugAdminRole = RoleNames.Admin,          // Only allow Admin users to call /metadata/debug
+    //MetadataDebugAdminRole = RoleNames.AllowAnyUser, // Allow Authenticated Users
+    //MetadataDebugAdminRole = RoleNames.AllowAnon,    // Allow anyone
+    //MetadataDebugAdminRole = null,                   // Default. Do not register /metadata/debug service
+});
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/12.html b/wwwroot/gfm/sharp-pages/12.html
new file mode 100644
index 0000000..82f3ea3
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/12.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre>[<span class="pl-en">DefaultView</span>(<span class="pl-s"><span class="pl-pds">"</span>CustomPage<span class="pl-pds">"</span></span>)]
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">CreateContact</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> ...;
+
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">UpdateContact</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> ...;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/12.md b/wwwroot/gfm/sharp-pages/12.md
new file mode 100644
index 0000000..82a1b82
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/12.md
@@ -0,0 +1,9 @@
+```csharp
+[DefaultView("CustomPage")]
+public class MyServices
+{
+    public object Any(CreateContact request) => ...;
+
+    public object Any(UpdateContact request) => ...;
+}
+```
diff --git a/wwwroot/gfm/sharp-pages/13.html b/wwwroot/gfm/sharp-pages/13.html
new file mode 100644
index 0000000..a8b19f5
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/13.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre>[<span class="pl-en">ClientCanSwapTemplates</span>]
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MyServices</span>
+{
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">CreateContact</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> ...;
+
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">UpdateContact</span> <span class="pl-smi">request</span>) <span class="pl-k">=&gt;</span> ...;
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/13.md b/wwwroot/gfm/sharp-pages/13.md
new file mode 100644
index 0000000..3c9079f
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/13.md
@@ -0,0 +1,9 @@
+```csharp
+[ClientCanSwapTemplates]
+public class MyServices
+{
+    public object Any(CreateContact request) => ...;
+
+    public object Any(UpdateContact request) => ...;
+}
+```
diff --git a/wwwroot/gfm/sharp-pages/14.html b/wwwroot/gfm/sharp-pages/14.html
new file mode 100644
index 0000000..b3961b1
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/14.html
@@ -0,0 +1,12 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-smi">Plugins</span>.<span class="pl-en">Add</span>(<span class="pl-k">new</span> <span class="pl-en">SharpPagesFeature</span> {
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> { ... },              <span class="pl-c"><span class="pl-c">//</span> Global Arguments available to all Scripts, Pages, Partials, etc</span>
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { ... },     <span class="pl-c"><span class="pl-c">//</span> Additional Methods</span>
+    <span class="pl-smi">ScriptBlocks</span> <span class="pl-k">=</span> { ... },      <span class="pl-c"><span class="pl-c">//</span> Additional Script Blocks </span>
+    <span class="pl-smi">FilterTransformers</span> <span class="pl-k">=</span> { .. }, <span class="pl-c"><span class="pl-c">//</span> Additional Stream Transformers</span>
+    <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { ... },       <span class="pl-c"><span class="pl-c">//</span> Additional Text Document Formats</span>
+    <span class="pl-smi">Plugins</span> <span class="pl-k">=</span> { ... },           <span class="pl-c"><span class="pl-c">//</span> Encapsulated Features e.g. Markdown, Protected or ServiceStack Features</span>
+
+    <span class="pl-smi">ScanTypes</span> <span class="pl-k">=</span> { ... },         <span class="pl-c"><span class="pl-c">//</span> Auto register Methods, Blocks and Code Page Types</span>
+    <span class="pl-smi">ScanAssemblies</span> <span class="pl-k">=</span> { ... },    <span class="pl-c"><span class="pl-c">//</span> Auto register all Methods, Blocks and Code Page Types in Assembly</span>
+});</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/14.md b/wwwroot/gfm/sharp-pages/14.md
new file mode 100644
index 0000000..853a3b0
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/14.md
@@ -0,0 +1,13 @@
+```csharp
+Plugins.Add(new SharpPagesFeature {
+    Args = { ... },              // Global Arguments available to all Scripts, Pages, Partials, etc
+    ScriptMethods = { ... },     // Additional Methods
+    ScriptBlocks = { ... },      // Additional Script Blocks 
+    FilterTransformers = { .. }, // Additional Stream Transformers
+    PageFormats = { ... },       // Additional Text Document Formats
+    Plugins = { ... },           // Encapsulated Features e.g. Markdown, Protected or ServiceStack Features
+
+    ScanTypes = { ... },         // Auto register Methods, Blocks and Code Page Types
+    ScanAssemblies = { ... },    // Auto register all Methods, Blocks and Code Page Types in Assembly
+});
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/15.html b/wwwroot/gfm/sharp-pages/15.html
new file mode 100644
index 0000000..fa3dd69
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/15.html
@@ -0,0 +1,262 @@
+<div class="gfm"><p>The <code>#Script</code> Pages UI Controls are utilized in new <a href="/docs/sharp-pages#net-core-script-pages-project">#Script Pages project templates</a> and
+the <a href="https://docs.servicestack.net/world-validation#server-rendered-html-uis" rel="nofollow">World Validation</a> Application.</p>
+<h3>
+<a id="user-content-ui-component-list" class="anchor" href="#ui-component-list" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>UI Component List</h3>
+<p>Currently the component libraries include common Bootstrap UI Form Controls and Navigation Components:</p>
+<div>
+<table>
+<thead>
+<tr>
+<th>Control</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>validationSummary</td>
+<td>Show validation summary error message unless there's an error in specified fields</td>
+</tr>
+<tr>
+<td>validationSuccess</td>
+<td>Display a "Success Alert Box"</td>
+</tr>
+<tr>
+<td>formInput</td>
+<td>Display a <code>&lt;input type="text"/&gt;</code> UI Control</td>
+</tr>
+<tr>
+<td>formTextarea</td>
+<td>Display a <code>&lt;textarea/&gt;</code> UI Control</td>
+</tr>
+<tr>
+<td>formSelect</td>
+<td>Display a <code>&lt;select/&gt;</code> UI Control</td>
+</tr>
+<tr>
+<td>formInput({type:'checkbox'})</td>
+<td>Display a <code>&lt;input type="checkbox"/&gt;</code> UI Control</td>
+</tr>
+<tr>
+<td>htmlHiddenInputs</td>
+<td>Emit HTML <code>&lt;input type="hidden"/&gt;</code> field for each specified Key/Value pair entry</td>
+</tr>
+<tr>
+<td>svgImage</td>
+<td>Return <code>&lt;svg/&gt;</code> markup for the named image</td>
+</tr>
+<tr>
+<td>nav</td>
+<td>Display a list of NavItem's</td>
+</tr>
+<tr>
+<td>navbar</td>
+<td>Display the <code>navbar</code> main menu</td>
+</tr>
+<tr>
+<td>navLink</td>
+<td>Display a <code>nav-link</code> nav-item</td>
+</tr>
+<tr>
+<td>navButtonGroup</td>
+<td>Display a list of NavItem's <code>btn-group</code>
+</td>
+</tr>
+</tbody>
+</table>
+</div>
+<h3>
+<a id="user-content-bootstrap-ui-form-controls" class="anchor" href="#bootstrap-ui-form-controls" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Bootstrap UI Form Controls</h3>
+<p>The Bootstrap UI form controls include built-in support for validation where they can render validation errors from ServiceStack's
+<code>ResponseStatus</code> object, e.g the <a href="https://docs.servicestack.net/world-validation#login-page" rel="nofollow">Login Page</a> in World Validation:</p>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">form</span> <span class="pl-e">action</span>=<span class="pl-s"><span class="pl-pds">"</span>/auth/credentials<span class="pl-pds">"</span></span> <span class="pl-e">method</span>=<span class="pl-s"><span class="pl-pds">"</span>post<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>col-lg-4<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ ['userName','password'] |&gt; validationSummary({class:'alert alert-warning'}) }}
+        {{ { continue: qs.continue ?? '/server/', errorView:'/server/login' } |&gt; htmlHiddenInputs }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'userName'} 
+           |&gt; formInput({label:'Email',help:'Email you signed up with',size:'lg'}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'password',type:'password'} 
+           |&gt; formInput({label:'Password',help:'6 characters or more',size:'lg',preserveValue:false}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'rememberMe',type:'checkbox',checked:true} |&gt; formInput({label:'Remember Me'}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        &lt;<span class="pl-ent">button</span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>submit<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>btn btn-lg btn-primary<span class="pl-pds">"</span></span>&gt;Login&lt;/<span class="pl-ent">button</span>&gt;
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        &lt;<span class="pl-ent">a</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>lnk<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/server/register<span class="pl-pds">"</span></span>&gt;Register New User&lt;/<span class="pl-ent">a</span>&gt;
+    &lt;/<span class="pl-ent">div</span>&gt;
+&lt;/<span class="pl-ent">form</span>&gt;</pre></div>
+<h2>
+<a id="user-content-login-page-ui" class="anchor" href="#login-page-ui" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Login Page UI</h2>
+<p>The Login Page contains a standard Bootstrap Username/Password form with labels, placeholders and help text, which initially looks like:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation.png" alt="" style="max-width:100%;"></a></p>
+<p>What it looks like after submitting an empty form with Server Exception Errors rendered against their respective fields:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation-failed.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation-failed.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="user-content-form-control-properties" class="anchor" href="#form-control-properties" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Form Control Properties</h3>
+<p>The <code>#Script</code> properties uses <strong>camelCase</strong> names and JS Object literals.
+The first (aka target) argument is for attributes you want to add to the HTML <code>&lt;input/&gt;</code> Element
+whilst the 2nd Argument is used to customize any of its other high-level features, e.g:</p>
+<div class="highlight highlight-text-html-basic"><pre>{{ htmlAttrs |&gt; controlName(inputOptions) }}</pre></div>
+<p>The <code>inputOptions</code> available map to <strong>camelCase</strong> properties on the typed <code>InputOptions</code> class:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-c"><span class="pl-c">///</span> High-level Input options for rendering HTML Input controls</span>
+<span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">InputOptions</span>
+{
+    <span class="pl-c"><span class="pl-c">///</span> Display the Control inline </span>
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">Inline</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Label for the control</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Label</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Class for Label</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">LabelClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Override the class on the error message (default: invalid-feedback)</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ErrorClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+    <span class="pl-c"><span class="pl-c">///</span> Small Help Text displayed with the control</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Help</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Bootstrap Size of the Control: sm, lg</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">Size</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Multiple Value Data Source for Checkboxes, Radio boxes and Select Controls </span>
+    <span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-smi">Values</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+    <span class="pl-c"><span class="pl-c">///</span> Typed setter of Multi Input Values</span>
+    <span class="pl-k">public</span> <span class="pl-en">IEnumerable</span>&lt;<span class="pl-en">KeyValuePair</span>&lt;<span class="pl-k">string</span>, <span class="pl-k">string</span>&gt;&gt; <span class="pl-smi">InputValues</span>
+    {
+        <span class="pl-k">set</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">Values</span> <span class="pl-k">=</span> <span class="pl-smi">value</span>;
+    }
+
+    <span class="pl-c"><span class="pl-c">///</span> Whether to preserve value state after post back</span>
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">PreserveValue</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+
+    <span class="pl-c"><span class="pl-c">///</span> Whether to show Error Message associated with this control</span>
+    <span class="pl-k">public</span> <span class="pl-k">bool</span> <span class="pl-smi">ShowErrors</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; } <span class="pl-k">=</span> <span class="pl-c1">true</span>;
+}</pre></div>
+<h3>
+<a id="user-content-contacts-page" class="anchor" href="#contacts-page" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Contacts Page</h3>
+<p>The <a href="https://docs.servicestack.net/world-validation#contacts-page" rel="nofollow">Contacts Page</a> shows a more complete example with a number of different UI Controls.</p>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">form</span> <span class="pl-e">action</span>=<span class="pl-s"><span class="pl-pds">"</span>/contacts<span class="pl-pds">"</span></span> <span class="pl-e">method</span>=<span class="pl-s"><span class="pl-pds">"</span>post<span class="pl-pds">"</span></span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>col-lg-4<span class="pl-pds">"</span></span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ 'title,name,color,age,filmGenres,agree' |&gt; validationSummary }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'title',type:'radio'} |&gt; formInput({values:contactTitles,inline:true}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'name',placeholder:'Name'} |&gt; formInput({label:'Full Name',help:'Your first and last name'}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'color',class:'col-4'}
+           |&gt; formSelect({label:'Favorite color',values:{'', ...contactColors}}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'filmGenres',type:'checkbox'} 
+          |&gt; formInput({label:'Favorite Film Genres',values:contactGenres,help:"choose one or more"}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'age',type:'number',min:13,placeholder:'Age',class:'col-3'} |&gt; formInput }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        {{ {id:'agree',type:'checkbox'} |&gt; formInput({label:'Agree to terms and conditions'}) }}
+    &lt;/<span class="pl-ent">div</span>&gt;
+    &lt;<span class="pl-ent">div</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>form-group<span class="pl-pds">"</span></span>&gt;
+        &lt;<span class="pl-ent">button</span> <span class="pl-e">class</span>=<span class="pl-s"><span class="pl-pds">"</span>btn btn-primary<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s"><span class="pl-pds">"</span>submit<span class="pl-pds">"</span></span>&gt;Add Contact&lt;/<span class="pl-ent">button</span>&gt;
+        &lt;<span class="pl-ent">a</span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/server/contacts/<span class="pl-pds">"</span></span>&gt;reset&lt;/<span class="pl-ent">a</span>&gt;
+    &lt;/<span class="pl-ent">div</span>&gt;
+&lt;/<span class="pl-ent">form</span>&gt;</pre></div>
+<p>These Server UI Controls provide auto Validation Form Binding for any validation rules specified on the <code>CreateContact</code> Validator:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">CreateContactValidator</span> : <span class="pl-en">AbstractValidator</span>&lt;<span class="pl-en">CreateContact</span>&gt;
+{
+    <span class="pl-k">public</span> <span class="pl-en">CreateContactValidator</span>()
+    {
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">r</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">r</span>.<span class="pl-smi">Title</span>).<span class="pl-en">NotEqual</span>(<span class="pl-smi">Title</span>.<span class="pl-smi">Unspecified</span>).<span class="pl-en">WithMessage</span>(<span class="pl-s"><span class="pl-pds">"</span>Please choose a title<span class="pl-pds">"</span></span>);
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">r</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">r</span>.<span class="pl-smi">Name</span>).<span class="pl-en">NotEmpty</span>();
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">r</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">r</span>.<span class="pl-smi">Color</span>).<span class="pl-en">Must</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-en">IsValidColor</span>()).<span class="pl-en">WithMessage</span>(<span class="pl-s"><span class="pl-pds">"</span>Must be a valid color<span class="pl-pds">"</span></span>);
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">r</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">r</span>.<span class="pl-smi">FilmGenres</span>).<span class="pl-en">NotEmpty</span>().<span class="pl-en">WithMessage</span>(<span class="pl-s"><span class="pl-pds">"</span>Please select at least 1 genre<span class="pl-pds">"</span></span>);
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">r</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">r</span>.<span class="pl-smi">Age</span>).<span class="pl-en">GreaterThan</span>(<span class="pl-c1">13</span>).<span class="pl-en">WithMessage</span>(<span class="pl-s"><span class="pl-pds">"</span>Contacts must be older than 13<span class="pl-pds">"</span></span>);
+        <span class="pl-en">RuleFor</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-smi">Agree</span>).<span class="pl-en">Equal</span>(<span class="pl-c1">true</span>).<span class="pl-en">WithMessage</span>(<span class="pl-s"><span class="pl-pds">"</span>You must agree before submitting<span class="pl-pds">"</span></span>);
+    }
+}</pre></div>
+<p>As well as any <code>ArgumentException</code> thrown within the Service Implementation:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">object</span> <span class="pl-en">Any</span>(<span class="pl-en">CreateContact</span> <span class="pl-smi">request</span>) 
+{
+    <span class="pl-k">var</span> <span class="pl-smi">newContact</span> <span class="pl-k">=</span> <span class="pl-smi">request</span>.<span class="pl-en">ConvertTo</span>&lt;<span class="pl-k">Data</span>.<span class="pl-en">Contact</span>&gt;();
+    <span class="pl-smi">newContact</span>.<span class="pl-smi">Id</span> <span class="pl-k">=</span> <span class="pl-smi">Interlocked</span>.<span class="pl-en">Increment</span>(<span class="pl-k">ref</span> <span class="pl-smi">Counter</span>);
+    <span class="pl-smi">newContact</span>.<span class="pl-smi">UserAuthId</span> <span class="pl-k">=</span> <span class="pl-k">this</span>.<span class="pl-en">GetUserId</span>();
+    <span class="pl-smi">newContact</span>.<span class="pl-smi">CreatedDate</span> <span class="pl-k">=</span> <span class="pl-smi">newContact</span>.<span class="pl-smi">ModifiedDate</span> <span class="pl-k">=</span> <span class="pl-smi">DateTime</span>.<span class="pl-smi">UtcNow</span>;
+
+    <span class="pl-k">var</span> <span class="pl-smi">contacts</span> <span class="pl-k">=</span> <span class="pl-smi">Contacts</span>.<span class="pl-smi">Values</span>.<span class="pl-en">ToList</span>();
+    <span class="pl-k">var</span> <span class="pl-smi">alreadyExists</span> <span class="pl-k">=</span> <span class="pl-smi">contacts</span>.<span class="pl-en">Any</span>(<span class="pl-smi">x</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">x</span>.<span class="pl-smi">UserAuthId</span> <span class="pl-k">==</span> <span class="pl-smi">newContact</span>.<span class="pl-smi">UserAuthId</span> <span class="pl-k">&amp;&amp;</span> <span class="pl-smi">x</span>.<span class="pl-smi">Name</span> <span class="pl-k">==</span> <span class="pl-smi">request</span>.<span class="pl-smi">Name</span>);
+    <span class="pl-k">if</span> (<span class="pl-smi">alreadyExists</span>)
+        <span class="pl-k">throw</span> <span class="pl-k">new</span> <span class="pl-en">ArgumentException</span>(<span class="pl-s"><span class="pl-pds">$"</span>You already have contact named '{<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>}'<span class="pl-pds">"</span></span>,<span class="pl-k">nameof</span>(<span class="pl-smi">request</span>.<span class="pl-smi">Name</span>));
+    
+    <span class="pl-smi">Contacts</span>[<span class="pl-smi">newContact</span>.<span class="pl-smi">Id</span>] <span class="pl-k">=</span> <span class="pl-smi">newContact</span>;
+    <span class="pl-k">return</span> <span class="pl-k">new</span> <span class="pl-en">CreateContactResponse</span> { <span class="pl-smi">Result</span> <span class="pl-k">=</span> <span class="pl-smi">newContact</span>.<span class="pl-en">ConvertTo</span>&lt;<span class="pl-en">Contact</span>&gt;() };
+}</pre></div>
+<h2>
+<a id="user-content-contacts-page-ui" class="anchor" href="#contacts-page-ui" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Contacts Page UI</h2>
+<p>The Contacts Page is representative of a more complex page that utilizes a variety of different form controls where the same page is also responsible
+for rendering the list of existing contacts:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation.png" alt="" style="max-width:100%;"></a></p>
+<p>Here's an example of what a partially submitted invalid form looks like:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation-failed.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation-failed.png" alt="" style="max-width:100%;"></a></p>
+<p>To view the complete implementation in context checkout <a href="https://docs.servicestack.net/world-validation#server-implementation" rel="nofollow">World Validation Server Implementation</a>.</p>
+<h2>
+<a id="user-content-navigation-controls" class="anchor" href="#navigation-controls" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Navigation Controls</h2>
+<p>The Server Navigation Controls are used to render your Apps <a href="https://docs.servicestack.net/navigation#navbar" rel="nofollow">Unified Navigation</a>
+where you can use the <code>navbar</code> and <code>navButtonGroup</code> methods to render NavItems:</p>
+<h4>
+<a id="user-content-navbar" class="anchor" href="#navbar" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Navbar</h4>
+<p>You can render the <strong>main menu</strong> navigation using the
+<a href="https://github.com/NetCoreTemplates/sharp/blob/50b77454950ef0590042e08cf327aae602a2ab0a/MyApp/wwwroot/_layout.html#L30">navbar</a> script method:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">navbar</span> <span class="pl-c1">}}</span></pre></div>
+<p>Which by default renders the <code>View.NavItems</code> main navigation, using the default <code>NavOptions</code> and User Attributes (if authenticated):</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/appsettings.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/appsettings.png" alt="" style="max-width:100%;"></a></p>
+<p>You can also render a <strong>different Navigation List</strong> with:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">navItems</span>(<span class="pl-s"><span class="pl-pds">'</span>submenu<span class="pl-pds">'</span></span>)<span class="pl-e"><span class="pl-v">.navbar</span></span>() <span class="pl-c1">}}</span></pre></div>
+<p>Which can be customized using the different <code>NavOptions</code> properties above, in camelCase:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">navItems</span>(<span class="pl-s"><span class="pl-pds">'</span>submenu<span class="pl-pds">'</span></span>)<span class="pl-e"><span class="pl-v">.navbar</span></span>({ <span class="pl-e"><span class="pl-v">navClass</span></span>: <span class="pl-s"><span class="pl-pds">'</span>navbar-nav navbar-light bg-light<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<h4>
+<a id="user-content-button-group" class="anchor" href="#button-group" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Button group</h4>
+<p>The <code>navButtonGroup</code> script can render NavItems in a button group, e.g. the
+<a href="https://github.com/NetCoreTemplates/sharp/blob/50b77454950ef0590042e08cf327aae602a2ab0a/MyApp/wwwroot/login.html#L46">OAuth buttons</a>
+are rendered with:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">'</span>auth<span class="pl-pds">'</span></span><span class="pl-e"><span class="pl-v">.navItems</span></span>()<span class="pl-e"><span class="pl-v">.navButtonGroup</span></span>({ <span class="pl-e"><span class="pl-v">navClass</span></span>: <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span>, <span class="pl-e"><span class="pl-v">navItemClass</span></span>: <span class="pl-s"><span class="pl-pds">'</span>btn btn-block btn-lg<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span></pre></div>
+<p>Which renders a vertical, spaced list of buttons which look like:</p>
+<p><a href="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/auth-navitems.png" target="_blank" rel="nofollow"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/auth-navitems.png" alt="" style="max-width:100%;"></a></p>
+<h3>
+<a id="user-content-navoptions-properties" class="anchor" href="#navoptions-properties" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>NavOptions Properties</h3>
+<p>Each Nav UI Control can be further customized by overriding the <code>navOptions</code> that map to <strong>camelCase</strong> properties on the typed <code>NavOptions</code> class:</p>
+<div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">NavOptions</span>
+{
+    <span class="pl-c"><span class="pl-c">///</span> User Attributes for conditional rendering, e.g:</span>
+    <span class="pl-c"><span class="pl-c">///</span>  - auth - User is Authenticated</span>
+    <span class="pl-c"><span class="pl-c">///</span>  - role:name - User Role</span>
+    <span class="pl-c"><span class="pl-c">///</span>  - perm:name - User Permission </span>
+    <span class="pl-k">public</span> <span class="pl-en">HashSet</span>&lt;<span class="pl-k">string</span>&gt; <span class="pl-smi">Attributes</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Path Info that should set as active </span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ActivePath</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-c"><span class="pl-c">///</span> Prefix to include before NavItem.Path (if any)</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">BaseHref</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+
+    <span class="pl-c"><span class="pl-c">//</span> Custom classes applied to different navigation elements (defaults to Bootstrap classes)</span>
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">NavClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">NavItemClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">NavLinkClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ChildNavItemClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ChildNavLinkClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ChildNavMenuClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+    <span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-smi">ChildNavMenuItemClass</span> { <span class="pl-k">get</span>; <span class="pl-k">set</span>; }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-pages/15.md b/wwwroot/gfm/sharp-pages/15.md
new file mode 100644
index 0000000..1de4ea3
--- /dev/null
+++ b/wwwroot/gfm/sharp-pages/15.md
@@ -0,0 +1,280 @@
+
+The `#Script` Pages UI Controls are utilized in new [#Script Pages project templates](/docs/sharp-pages#net-core-script-pages-project) and
+the [World Validation](https://docs.servicestack.net/world-validation#server-rendered-html-uis) Application.
+
+### UI Component List
+
+Currently the component libraries include common Bootstrap UI Form Controls and Navigation Components:
+
+<div class='markdown-body pb-3'>
+
+| Control                       | Description |
+| - | - |
+| validationSummary             | Show validation summary error message unless there's an error in specified fields |
+| validationSuccess             | Display a "Success Alert Box" |
+| formInput                     | Display a `<input type="text"/>` UI Control |
+| formTextarea                  | Display a `<textarea/>` UI Control |
+| formSelect                    | Display a `<select/>` UI Control |
+| formInput({type:'checkbox'})  | Display a `<input type="checkbox"/>` UI Control |
+| htmlHiddenInputs              | Emit HTML `<input type="hidden"/>` field for each specified Key/Value pair entry |
+| svgImage                      | Return `<svg/>` markup for the named image |
+| nav                           | Display a list of NavItem's |
+| navbar                        | Display the `navbar` main menu |
+| navLink                       | Display a `nav-link` nav-item |
+| navButtonGroup                | Display a list of NavItem's `btn-group` |
+
+</div>
+
+### Bootstrap UI Form Controls
+
+The Bootstrap UI form controls include built-in support for validation where they can render validation errors from ServiceStack's
+`ResponseStatus` object, e.g the [Login Page](https://docs.servicestack.net/world-validation#login-page) in World Validation:
+
+```html
+<form action="/auth/credentials" method="post" class="col-lg-4">
+    <div class="form-group">
+        {{ ['userName','password'] |> validationSummary({class:'alert alert-warning'}) }}
+        {{ { continue: qs.continue ?? '/server/', errorView:'/server/login' } |> htmlHiddenInputs }}
+    </div>
+    <div class="form-group">
+        {{ {id:'userName'} 
+           |> formInput({label:'Email',help:'Email you signed up with',size:'lg'}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'password',type:'password'} 
+           |> formInput({label:'Password',help:'6 characters or more',size:'lg',preserveValue:false}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'rememberMe',type:'checkbox',checked:true} |> formInput({label:'Remember Me'}) }}
+    </div>
+    <div class="form-group">
+        <button type="submit" class="btn btn-lg btn-primary">Login</button>
+    </div>
+    <div class="form-group">
+        <a class="lnk" href="/server/register">Register New User</a>
+    </div>
+</form>
+```
+
+## Login Page UI
+
+The Login Page contains a standard Bootstrap Username/Password form with labels, placeholders and help text, which initially looks like:
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation.png)
+
+What it looks like after submitting an empty form with Server Exception Errors rendered against their respective fields:
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/login-validation-failed.png)
+
+
+### Form Control Properties
+
+The `#Script` properties uses **camelCase** names and JS Object literals. 
+The first (aka target) argument is for attributes you want to add to the HTML `<input/>` Element
+whilst the 2nd Argument is used to customize any of its other high-level features, e.g:
+
+```html
+{{ htmlAttrs |> controlName(inputOptions) }}
+```
+
+The `inputOptions` available map to **camelCase** properties on the typed `InputOptions` class: 
+
+```csharp
+/// High-level Input options for rendering HTML Input controls
+public class InputOptions
+{
+    /// Display the Control inline 
+    public bool Inline { get; set; }
+    
+    /// Label for the control
+    public string Label { get; set; }
+    
+    /// Class for Label
+    public string LabelClass { get; set; }
+    
+    /// Override the class on the error message (default: invalid-feedback)
+    public string ErrorClass { get; set; }
+
+    /// Small Help Text displayed with the control
+    public string Help { get; set; }
+    
+    /// Bootstrap Size of the Control: sm, lg
+    public string Size { get; set; }
+    
+    /// Multiple Value Data Source for Checkboxes, Radio boxes and Select Controls 
+    public object Values { get; set; }
+
+    /// Typed setter of Multi Input Values
+    public IEnumerable<KeyValuePair<string, string>> InputValues
+    {
+        set => Values = value;
+    }
+
+    /// Whether to preserve value state after post back
+    public bool PreserveValue { get; set; } = true;
+
+    /// Whether to show Error Message associated with this control
+    public bool ShowErrors { get; set; } = true;
+}
+```
+
+### Contacts Page
+
+The [Contacts Page](https://docs.servicestack.net/world-validation#contacts-page) shows a more complete example with a number of different UI Controls. 
+
+```html
+<form action="/contacts" method="post" class="col-lg-4">
+    <div class="form-group">
+        {{ 'title,name,color,age,filmGenres,agree' |> validationSummary }}
+    </div>
+    <div class="form-group">
+        {{ {id:'title',type:'radio'} |> formInput({values:contactTitles,inline:true}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'name',placeholder:'Name'} |> formInput({label:'Full Name',help:'Your first and last name'}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'color',class:'col-4'}
+           |> formSelect({label:'Favorite color',values:{'', ...contactColors}}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'filmGenres',type:'checkbox'} 
+          |> formInput({label:'Favorite Film Genres',values:contactGenres,help:"choose one or more"}) }}
+    </div>
+    <div class="form-group">
+        {{ {id:'age',type:'number',min:13,placeholder:'Age',class:'col-3'} |> formInput }}
+    </div>
+    <div class="form-group">
+        {{ {id:'agree',type:'checkbox'} |> formInput({label:'Agree to terms and conditions'}) }}
+    </div>
+    <div class="form-group">
+        <button class="btn btn-primary" type="submit">Add Contact</button>
+        <a href="/server/contacts/">reset</a>
+    </div>
+</form>
+```
+
+These Server UI Controls provide auto Validation Form Binding for any validation rules specified on the `CreateContact` Validator:
+
+```csharp
+public class CreateContactValidator : AbstractValidator<CreateContact>
+{
+    public CreateContactValidator()
+    {
+        RuleFor(r => r.Title).NotEqual(Title.Unspecified).WithMessage("Please choose a title");
+        RuleFor(r => r.Name).NotEmpty();
+        RuleFor(r => r.Color).Must(x => x.IsValidColor()).WithMessage("Must be a valid color");
+        RuleFor(r => r.FilmGenres).NotEmpty().WithMessage("Please select at least 1 genre");
+        RuleFor(r => r.Age).GreaterThan(13).WithMessage("Contacts must be older than 13");
+        RuleFor(x => x.Agree).Equal(true).WithMessage("You must agree before submitting");
+    }
+}
+```
+
+As well as any `ArgumentException` thrown within the Service Implementation:
+
+```csharp
+public object Any(CreateContact request) 
+{
+    var newContact = request.ConvertTo<Data.Contact>();
+    newContact.Id = Interlocked.Increment(ref Counter);
+    newContact.UserAuthId = this.GetUserId();
+    newContact.CreatedDate = newContact.ModifiedDate = DateTime.UtcNow;
+
+    var contacts = Contacts.Values.ToList();
+    var alreadyExists = contacts.Any(x => x.UserAuthId == newContact.UserAuthId && x.Name == request.Name);
+    if (alreadyExists)
+        throw new ArgumentException($"You already have contact named '{request.Name}'",nameof(request.Name));
+    
+    Contacts[newContact.Id] = newContact;
+    return new CreateContactResponse { Result = newContact.ConvertTo<Contact>() };
+}
+```
+
+## Contacts Page UI
+
+The Contacts Page is representative of a more complex page that utilizes a variety of different form controls where the same page is also responsible
+for rendering the list of existing contacts:
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation.png)
+
+Here's an example of what a partially submitted invalid form looks like:
+
+![](https://raw.githubusercontent.com/ServiceStack/Assets/master/img/apps/Validation/contacts-validation-failed.png)
+
+To view the complete implementation in context checkout [World Validation Server Implementation](https://docs.servicestack.net/world-validation#server-implementation).
+
+## Navigation Controls
+
+The Server Navigation Controls are used to render your Apps [Unified Navigation](https://docs.servicestack.net/navigation#navbar)
+where you can use the `navbar` and `navButtonGroup` methods to render NavItems:
+
+#### Navbar
+
+You can render the **main menu** navigation using the 
+[navbar](https://github.com/NetCoreTemplates/sharp/blob/50b77454950ef0590042e08cf327aae602a2ab0a/MyApp/wwwroot/_layout.html#L30) script method:
+
+```hbs
+{{ navbar }}
+```
+
+Which by default renders the `View.NavItems` main navigation, using the default `NavOptions` and User Attributes (if authenticated): 
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/appsettings.png)
+
+You can also render a **different Navigation List** with:
+
+```hbs
+{{ navItems('submenu').navbar() }}
+```
+
+Which can be customized using the different `NavOptions` properties above, in camelCase:
+
+```hbs
+{{ navItems('submenu').navbar({ navClass: 'navbar-nav navbar-light bg-light' }) }}
+```
+
+#### Button group
+
+The `navButtonGroup` script can render NavItems in a button group, e.g. the
+[OAuth buttons](https://github.com/NetCoreTemplates/sharp/blob/50b77454950ef0590042e08cf327aae602a2ab0a/MyApp/wwwroot/login.html#L46)
+are rendered with:
+
+```hbs
+{{ 'auth'.navItems().navButtonGroup({ navClass: '', navItemClass: 'btn btn-block btn-lg' }) }}
+```
+
+Which renders a vertical, spaced list of buttons which look like:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/nav/auth-navitems.png)
+
+### NavOptions Properties
+
+Each Nav UI Control can be further customized by overriding the `navOptions` that map to **camelCase** properties on the typed `NavOptions` class: 
+
+```csharp
+public class NavOptions
+{
+    /// User Attributes for conditional rendering, e.g:
+    ///  - auth - User is Authenticated
+    ///  - role:name - User Role
+    ///  - perm:name - User Permission 
+    public HashSet<string> Attributes { get; set; }
+    
+    /// Path Info that should set as active 
+    public string ActivePath { get; set; }
+    
+    /// Prefix to include before NavItem.Path (if any)
+    public string BaseHref { get; set; }
+
+    // Custom classes applied to different navigation elements (defaults to Bootstrap classes)
+    public string NavClass { get; set; }
+    public string NavItemClass { get; set; }
+    public string NavLinkClass { get; set; }
+    
+    public string ChildNavItemClass { get; set; }
+    public string ChildNavLinkClass { get; set; }
+    public string ChildNavMenuClass { get; set; }
+    public string ChildNavMenuItemClass { get; set; }
+}
+```
diff --git a/wwwroot/gfm/sharp-scripts/01.html b/wwwroot/gfm/sharp-scripts/01.html
new file mode 100644
index 0000000..69f6317
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/01.html
@@ -0,0 +1,42 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">db sqlite</span>
+<span class="pl-c">db.connection ~/../apps/northwind.sqlite</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+&lt;<span class="pl-ent">link</span> <span class="pl-e"><span class="pl-e">rel</span>=</span><span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-e">href</span>=</span><span class="pl-s"><span class="pl-pds">"</span>https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css<span class="pl-pds">"</span></span>&gt;
+<span class="pl-s1">&lt;<span class="pl-ent">style</span>&gt;<span class="pl-ent">body</span> {<span class="pl-c1"><span class="pl-c1">padding</span></span>:<span class="pl-c1">1<span class="pl-k">em</span></span>} <span class="pl-ent">caption</span>{<span class="pl-c1"><span class="pl-c1">caption-side</span></span>:<span class="pl-c1">top</span>;}&lt;/<span class="pl-ent">style</span>&gt;</span>
+&lt;<span class="pl-ent">h1</span> <span class="pl-e"><span class="pl-e">class</span>=</span><span class="pl-s"><span class="pl-pds">"</span>py-2<span class="pl-pds">"</span></span>&gt;Order Report #<span class="pl-c1">{{</span><span class="pl-v">id</span><span class="pl-c1">}}</span>&lt;/<span class="pl-ent">h1</span>&gt;
+
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">CustomerId</span></span>, <span class="pl-e"><span class="pl-v">Freight</span></span>, <span class="pl-e"><span class="pl-v">e.Id</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">EmployeeId</span></span>, <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">ShipVia</span></span>, 
+           <span class="pl-e"><span class="pl-v">ShipAddress</span></span>, <span class="pl-e"><span class="pl-v">ShipCity</span></span>, <span class="pl-e"><span class="pl-v">ShipPostalCode</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">o</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">e</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.EmployeeId</span></span> = <span class="pl-e"><span class="pl-v">e.Id</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Shipper</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.ShipVia</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` 
+  |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">order</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#with</span> <span class="pl-v">order</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> <span class="pl-s"><span class="pl-pds">"</span>table table-striped<span class="pl-pds">"</span></span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">className</span></span> <span class="pl-c1">}}</span>
+<span class="pl-s1">  &lt;<span class="pl-ent">style</span>&gt;<span class="pl-ent">table</span> {<span class="pl-c1"><span class="pl-c1">border</span></span>: <span class="pl-c1">5<span class="pl-k">px</span></span> <span class="pl-c1">solid</span> <span class="pl-c1">transparent</span>} <span class="pl-ent">th</span> {<span class="pl-c1"><span class="pl-c1">white-space</span></span>: <span class="pl-c1">nowrap</span>}&lt;/<span class="pl-ent">style</span>&gt;</span>
+  
+  &lt;<span class="pl-ent">div</span> <span class="pl-e"><span class="pl-e">style</span>=</span><span class="pl-s"><span class="pl-pds">"</span>display:flex<span class="pl-pds">"</span></span>&gt;
+      <span class="pl-c1">{{</span> <span class="pl-v">order</span> |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">'</span>Order Details<span class="pl-pds">'</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> * <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span></span> = @<span class="pl-e"><span class="pl-v">CustomerId</span></span>` 
+         |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">CustomerId</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Customer</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+      <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">Id</span></span>, <span class="pl-e"><span class="pl-v">LastName</span></span>, <span class="pl-e"><span class="pl-v">FirstName</span></span>, <span class="pl-e"><span class="pl-v">Title</span></span>, <span class="pl-e"><span class="pl-v">City</span></span>, <span class="pl-e"><span class="pl-v">Country</span></span>, <span class="pl-e"><span class="pl-v">Extension</span></span> <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">Id</span>=</span>@<span class="pl-e"><span class="pl-v">EmployeeId</span></span>` 
+         |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">EmployeeId</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: `<span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">Details</span></span>`, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+  &lt;/<span class="pl-ent">div</span>&gt;
+
+  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">p.ProductName</span></span>, ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>od.UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, <span class="pl-e"><span class="pl-v">Quantity</span></span>, <span class="pl-e"><span class="pl-v">Discount</span></span>
+        <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">od</span></span>
+             <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+             <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">od.ProductId</span></span> = <span class="pl-e"><span class="pl-v">p.Id</span></span>
+       <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">OrderId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>`
+      |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
+      |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">"</span>Line Items<span class="pl-pds">"</span></span>, <span class="pl-e"><span class="pl-v">className</span></span> }) <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">There</span></span> <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">no</span></span> <span class="pl-e"><span class="pl-v">Order</span></span> <span class="pl-e"><span class="pl-v">with</span></span> <span class="pl-e"><span class="pl-v">id</span></span>: ${<span class="pl-e"><span class="pl-v">id</span></span>}` <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/with</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/01.md b/wwwroot/gfm/sharp-scripts/01.md
new file mode 100644
index 0000000..92d2d6c
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/01.md
@@ -0,0 +1,43 @@
+```hbs
+<!--
+db sqlite
+db.connection ~/../apps/northwind.sqlite
+-->
+
+<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
+<style>body {padding:1em} caption{caption-side:top;}</style>
+<h1 class="py-2">Order Report #{{id}}</h1>
+
+{{ `SELECT o.Id, OrderDate, CustomerId, Freight, e.Id as EmployeeId, s.CompanyName as ShipVia, 
+           ShipAddress, ShipCity, ShipPostalCode, ShipCountry
+      FROM "Order" o
+           INNER JOIN
+           Employee e ON o.EmployeeId = e.Id
+           INNER JOIN
+           Shipper s ON o.ShipVia = s.Id
+     WHERE o.Id = @id` 
+  |> dbSingle({ id }) |> to => order }}
+
+{{#with order}}
+  {{ "table table-striped" |> to => className }}
+  <style>table {border: 5px solid transparent} th {white-space: nowrap}</style>
+  
+  <div style="display:flex">
+      {{ order |> htmlDump({ caption: 'Order Details', className }) }}
+      {{ `SELECT * FROM Customer WHERE Id = @CustomerId` 
+         |> dbSingle({ CustomerId }) |> htmlDump({ caption: `Customer Details`, className }) }}
+      {{ `SELECT Id, LastName, FirstName, Title, City, Country, Extension FROM Employee WHERE Id=@EmployeeId` 
+         |> dbSingle({ EmployeeId }) |> htmlDump({ caption: `Employee Details`, className }) }}
+  </div>
+
+  {{ `SELECT p.ProductName, ${sqlCurrency("od.UnitPrice")} UnitPrice, Quantity, Discount
+        FROM OrderDetail od
+             INNER JOIN
+             Product p ON od.ProductId = p.Id
+       WHERE OrderId = @id`
+      |> dbSelect({ id }) 
+      |> htmlDump({ caption: "Line Items", className }) }}
+{{else}}
+  {{ `There is no Order with id: ${id}` }}
+{{/with}}
+```
diff --git a/wwwroot/gfm/sharp-scripts/02.html b/wwwroot/gfm/sharp-scripts/02.html
new file mode 100644
index 0000000..6a0d12e
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/02.html
@@ -0,0 +1,39 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">db sqlite</span>
+<span class="pl-c">db.connection ~/../apps/northwind.sqlite</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span>, <span class="pl-e"><span class="pl-v">OrderDate</span></span>, <span class="pl-e"><span class="pl-v">CustomerId</span></span>, <span class="pl-e"><span class="pl-v">Freight</span></span>, <span class="pl-e"><span class="pl-v">e.Id</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">EmployeeId</span></span>, <span class="pl-e"><span class="pl-v">s.CompanyName</span></span> <span class="pl-e"><span class="pl-v">as</span></span> <span class="pl-e"><span class="pl-v">ShipVia</span></span>, 
+           <span class="pl-e"><span class="pl-v">ShipAddress</span></span>, <span class="pl-e"><span class="pl-v">ShipCity</span></span>, <span class="pl-e"><span class="pl-v">ShipPostalCode</span></span>, <span class="pl-e"><span class="pl-v">ShipCountry</span></span>
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-s"><span class="pl-pds">"</span>Order<span class="pl-pds">"</span></span> <span class="pl-e"><span class="pl-v">o</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Employee</span></span> <span class="pl-e"><span class="pl-v">e</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.EmployeeId</span></span> = <span class="pl-e"><span class="pl-v">e.Id</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Shipper</span></span> <span class="pl-e"><span class="pl-v">s</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">o.ShipVia</span></span> = <span class="pl-e"><span class="pl-v">s.Id</span></span>
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">o.Id</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>` 
+  |&gt; <span class="pl-e"><span class="pl-v">dbSingle</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">order</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-c1">#with</span> <span class="pl-v">order</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">order</span> |&gt; <span class="pl-e"><span class="pl-v">textDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">'</span>Order Details<span class="pl-pds">'</span></span> }) <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> <span class="pl-e"><span class="pl-v">p.ProductName</span></span>, ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>od.UnitPrice<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">UnitPrice</span></span>, <span class="pl-e"><span class="pl-v">Quantity</span></span>, <span class="pl-e"><span class="pl-v">Discount</span></span>
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">od</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">od.ProductId</span></span> = <span class="pl-e"><span class="pl-v">p.Id</span></span>
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">OrderId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span>`
+    |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
+    |&gt; <span class="pl-e"><span class="pl-v">textDump</span></span>({ <span class="pl-e"><span class="pl-v">caption</span></span>: <span class="pl-s"><span class="pl-pds">"</span>Line Items<span class="pl-pds">"</span></span> }) 
+<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">SELECT</span></span> ${<span class="pl-e"><span class="pl-v">sqlCurrency</span></span>(<span class="pl-s"><span class="pl-pds">"</span>(od.UnitPrice * Quantity)<span class="pl-pds">"</span></span>)} <span class="pl-e"><span class="pl-v">AS</span></span> <span class="pl-e"><span class="pl-v">OrderTotals</span></span> 
+      <span class="pl-e"><span class="pl-v">FROM</span></span> <span class="pl-e"><span class="pl-v">OrderDetail</span></span> <span class="pl-e"><span class="pl-v">od</span></span>
+           <span class="pl-e"><span class="pl-v">INNER</span></span> <span class="pl-e"><span class="pl-v">JOIN</span></span>
+           <span class="pl-e"><span class="pl-v">Product</span></span> <span class="pl-e"><span class="pl-v">p</span></span> <span class="pl-e"><span class="pl-v">ON</span></span> <span class="pl-e"><span class="pl-v">od.ProductId</span></span> = <span class="pl-e"><span class="pl-v">p.Id</span></span>
+     <span class="pl-e"><span class="pl-v">WHERE</span></span> <span class="pl-e"><span class="pl-v">OrderId</span></span> = @<span class="pl-e"><span class="pl-v">id</span></span> 
+     <span class="pl-e"><span class="pl-v">ORDER</span></span> <span class="pl-e"><span class="pl-v">BY</span></span> <span class="pl-e"><span class="pl-v">1</span></span> <span class="pl-e"><span class="pl-v">DESC</span></span>`
+    |&gt; <span class="pl-e"><span class="pl-v">dbSelect</span></span>({ <span class="pl-e"><span class="pl-v">id</span></span> }) 
+    |&gt; <span class="pl-e"><span class="pl-v">textDump</span></span>({ <span class="pl-e"><span class="pl-v">rowNumbers</span></span>: <span class="pl-e"><span class="pl-v">false</span></span> }) <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+  <span class="pl-c1">{{</span> `<span class="pl-e"><span class="pl-v">There</span></span> <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">no</span></span> <span class="pl-e"><span class="pl-v">Order</span></span> <span class="pl-e"><span class="pl-v">with</span></span> <span class="pl-e"><span class="pl-v">id</span></span>: ${<span class="pl-e"><span class="pl-v">id</span></span>}` <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/with</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/02.md b/wwwroot/gfm/sharp-scripts/02.md
new file mode 100644
index 0000000..c8d3d70
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/02.md
@@ -0,0 +1,41 @@
+
+```hbs
+<!--
+db sqlite
+db.connection ~/../apps/northwind.sqlite
+-->
+
+{{ `SELECT o.Id, OrderDate, CustomerId, Freight, e.Id as EmployeeId, s.CompanyName as ShipVia, 
+           ShipAddress, ShipCity, ShipPostalCode, ShipCountry
+      FROM "Order" o
+           INNER JOIN
+           Employee e ON o.EmployeeId = e.Id
+           INNER JOIN
+           Shipper s ON o.ShipVia = s.Id
+     WHERE o.Id = @id` 
+  |> dbSingle({ id }) |> to => order }}
+
+{{#with order}}
+
+{{ order |> textDump({ caption: 'Order Details' }) }}
+
+{{ `SELECT p.ProductName, ${sqlCurrency("od.UnitPrice")} UnitPrice, Quantity, Discount
+      FROM OrderDetail od
+           INNER JOIN
+           Product p ON od.ProductId = p.Id
+     WHERE OrderId = @id`
+    |> dbSelect({ id }) 
+    |> textDump({ caption: "Line Items" }) 
+}}
+{{ `SELECT ${sqlCurrency("(od.UnitPrice * Quantity)")} AS OrderTotals 
+      FROM OrderDetail od
+           INNER JOIN
+           Product p ON od.ProductId = p.Id
+     WHERE OrderId = @id 
+     ORDER BY 1 DESC`
+    |> dbSelect({ id }) 
+    |> textDump({ rowNumbers: false }) }}
+{{else}}
+  {{ `There is no Order with id: ${id}` }}
+{{/with}}
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/03.html b/wwwroot/gfm/sharp-scripts/03.html
new file mode 100644
index 0000000..919b208
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/03.html
@@ -0,0 +1,26 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">db postgres</span>
+<span class="pl-c">db.connection $AWS_RDS_POSTGRES</span>
+<span class="pl-c">files s3</span>
+<span class="pl-c">files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+Querying AWS...
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">dbTableNamesWithRowCounts <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">textDump</span>({ caption<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>Tables<span class="pl-pds">'</span></span> })</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-c1">5</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> limit</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span>Last <span class="pl-s1"><span class="pl-pse">${</span>limit<span class="pl-pse">}</span></span> Orders:<span class="pl-cce">\n</span><span class="pl-pds">`</span></span></span>
+<span class="pl-s1">{{ <span class="pl-s"><span class="pl-pds">`</span>SELECT * FROM "Order" ORDER BY "Id" DESC <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-smi">limit</span>.<span class="pl-en">sqlLimit</span>()<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span> </span>
+<span class="pl-s1">  <span class="pl-k">|</span><span class="pl-k">&gt;</span> dbSelect <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> { <span class="pl-smi">it</span>.<span class="pl-smi">Id</span>, <span class="pl-smi">it</span>.<span class="pl-smi">CustomerId</span>, <span class="pl-smi">it</span>.<span class="pl-smi">EmployeeId</span>, Freight<span class="pl-k">:</span> <span class="pl-smi">it</span>.<span class="pl-smi">Freight</span>.<span class="pl-en">currency</span>() } <span class="pl-k">|</span><span class="pl-k">&gt;</span> textDump }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{ <span class="pl-smi">vfsContent</span>.<span class="pl-en">allRootDirectories</span>().<span class="pl-en">map</span>(<span class="pl-smi">dir</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span><span class="pl-smi">dir</span>.<span class="pl-smi">Name</span><span class="pl-pse">}</span></span>/<span class="pl-pds">`</span></span>) </span>
+<span class="pl-s1">  .<span class="pl-en">union</span>(<span class="pl-smi">vfsContent</span>.<span class="pl-en">allRootFiles</span>().<span class="pl-en">map</span>(<span class="pl-smi">file</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">file</span>.<span class="pl-smi">Name</span>)) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">textDump</span>({caption<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">'</span>Root Files + Folders<span class="pl-pds">'</span></span>}) }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">(<span class="pl-c1">ARGV</span>.<span class="pl-en">first</span>() <span class="pl-k">??</span> <span class="pl-s"><span class="pl-pds">'</span>*.jpg<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> pattern</span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>First <span class="pl-s1"><span class="pl-pse">${</span>limit<span class="pl-pse">}</span></span> <span class="pl-s1"><span class="pl-pse">${</span>pattern<span class="pl-pse">}</span></span> files in S3:<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">vfsContent</span>.<span class="pl-en">findFiles</span>(pattern) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">take</span>(limit) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">it</span>.<span class="pl-smi">VirtualPath</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">join</span>(<span class="pl-s"><span class="pl-pds">'</span><span class="pl-cce">\n</span><span class="pl-pds">'</span></span>)</span>
+<span class="pl-s1"><span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/03.md b/wwwroot/gfm/sharp-scripts/03.md
new file mode 100644
index 0000000..afe5395
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/03.md
@@ -0,0 +1,27 @@
+```html
+<!--
+db postgres
+db.connection $AWS_RDS_POSTGRES
+files s3
+files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}
+-->
+
+Querying AWS...
+
+<script>
+dbTableNamesWithRowCounts |> textDump({ caption: 'Tables' })
+
+5 |> to => limit
+
+`Last ${limit} Orders:\n`
+{{ `SELECT * FROM "Order" ORDER BY "Id" DESC ${limit.sqlLimit()}` 
+  |> dbSelect |> map => { it.Id, it.CustomerId, it.EmployeeId, Freight: it.Freight.currency() } |> textDump }}
+
+{{ vfsContent.allRootDirectories().map(dir => `${dir.Name}/`) 
+  .union(vfsContent.allRootFiles().map(file => file.Name)) |> textDump({caption:'Root Files + Folders'}) }}
+
+(ARGV.first() ?? '*.jpg') |> to => pattern
+`\nFirst ${limit} ${pattern} files in S3:`
+vfsContent.findFiles(pattern) |> take(limit) |> map => it.VirtualPath |> join('\n')
+</script>
+```
diff --git a/wwwroot/gfm/sharp-scripts/04.html b/wwwroot/gfm/sharp-scripts/04.html
new file mode 100644
index 0000000..5c56317
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/04.html
@@ -0,0 +1,26 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">db sqlserver</span>
+<span class="pl-c">db.connection $AZURE_SQL_CONNECTION_STRING</span>
+<span class="pl-c">files azure</span>
+<span class="pl-c">files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+Querying Azure...
+
+<span class="pl-s1">&lt;<span class="pl-ent">script</span>&gt;</span>
+<span class="pl-s1">dbTableNamesWithRowCounts <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">textDump</span>({ caption<span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>Tables<span class="pl-pds">'</span></span> })</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-c1">5</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> limit</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span>Last <span class="pl-s1"><span class="pl-pse">${</span>limit<span class="pl-pse">}</span></span> Orders:<span class="pl-cce">\n</span><span class="pl-pds">`</span></span></span>
+<span class="pl-s1">{{ <span class="pl-s"><span class="pl-pds">`</span>SELECT * FROM "Order" ORDER BY "Id" DESC <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-smi">limit</span>.<span class="pl-en">sqlLimit</span>()<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span> </span>
+<span class="pl-s1">  <span class="pl-k">|</span><span class="pl-k">&gt;</span> dbSelect <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> { <span class="pl-smi">it</span>.<span class="pl-smi">Id</span>, <span class="pl-smi">it</span>.<span class="pl-smi">CustomerId</span>, <span class="pl-smi">it</span>.<span class="pl-smi">EmployeeId</span>, Freight<span class="pl-k">:</span> <span class="pl-smi">it</span>.<span class="pl-smi">Freight</span>.<span class="pl-en">currency</span>() } <span class="pl-k">|</span><span class="pl-k">&gt;</span> textDump }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{ <span class="pl-smi">vfsContent</span>.<span class="pl-en">allRootDirectories</span>().<span class="pl-en">map</span>(<span class="pl-smi">dir</span> <span class="pl-k">=&gt;</span> <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span><span class="pl-smi">dir</span>.<span class="pl-smi">Name</span><span class="pl-pse">}</span></span>/<span class="pl-pds">`</span></span>) </span>
+<span class="pl-s1">  .<span class="pl-en">union</span>(<span class="pl-smi">vfsContent</span>.<span class="pl-en">allRootFiles</span>().<span class="pl-en">map</span>(<span class="pl-smi">file</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">file</span>.<span class="pl-smi">Name</span>)) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">textDump</span>({caption<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">'</span>Root Files + Folders<span class="pl-pds">'</span></span>}) }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">(<span class="pl-c1">ARGV</span>.<span class="pl-en">first</span>() <span class="pl-k">??</span> <span class="pl-s"><span class="pl-pds">'</span>*.jpg<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> pattern</span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>First <span class="pl-s1"><span class="pl-pse">${</span>limit<span class="pl-pse">}</span></span> <span class="pl-s1"><span class="pl-pse">${</span>pattern<span class="pl-pse">}</span></span> files in Azure Blob Storage:<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">vfsContent</span>.<span class="pl-en">findFiles</span>(pattern) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">take</span>(limit) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">it</span>.<span class="pl-smi">VirtualPath</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">join</span>(<span class="pl-s"><span class="pl-pds">'</span><span class="pl-cce">\n</span><span class="pl-pds">'</span></span>)</span>
+<span class="pl-s1"><span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/04.md b/wwwroot/gfm/sharp-scripts/04.md
new file mode 100644
index 0000000..77e4830
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/04.md
@@ -0,0 +1,27 @@
+```hbs
+<!--
+db sqlserver
+db.connection $AZURE_SQL_CONNECTION_STRING
+files azure
+files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}
+-->
+
+Querying Azure...
+
+<script>
+dbTableNamesWithRowCounts |> textDump({ caption: 'Tables' })
+
+5 |> to => limit
+
+`Last ${limit} Orders:\n`
+{{ `SELECT * FROM "Order" ORDER BY "Id" DESC ${limit.sqlLimit()}` 
+  |> dbSelect |> map => { it.Id, it.CustomerId, it.EmployeeId, Freight: it.Freight.currency() } |> textDump }}
+
+{{ vfsContent.allRootDirectories().map(dir => `${dir.Name}/`) 
+  .union(vfsContent.allRootFiles().map(file => file.Name)) |> textDump({caption:'Root Files + Folders'}) }}
+
+(ARGV.first() ?? '*.jpg') |> to => pattern
+`\nFirst ${limit} ${pattern} files in Azure Blob Storage:`
+vfsContent.findFiles(pattern) |> take(limit) |> map => it.VirtualPath |> join('\n')
+</script>
+```
diff --git a/wwwroot/gfm/sharp-scripts/05.html b/wwwroot/gfm/sharp-scripts/05.html
new file mode 100644
index 0000000..a4e7114
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/05.html
@@ -0,0 +1,29 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">debug false</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+Markdown:
+<span class="pl-c1">{{</span><span class="pl-c1">#markdown</span><span class="pl-c1">}}</span>
+## Title
+
+&gt; quote
+
+Paragraph with [a link](https://example.org).
+<span class="pl-c1">{{</span><span class="pl-c1">/markdown</span><span class="pl-c1">}}</span>
+
+JS:
+<span class="pl-c1">{{</span><span class="pl-c1">#minifyjs</span><span class="pl-c1">}}</span>
+function add(left, right) {
+    return left + right;
+}
+add(1, 2);
+<span class="pl-c1">{{</span><span class="pl-c1">/minifyjs</span><span class="pl-c1">}}</span>
+
+
+CSS:
+<span class="pl-c1">{{</span><span class="pl-c1">#minifycss</span><span class="pl-c1">}}</span>
+body {
+    background-color: #ffffff;
+}
+<span class="pl-c1">{{</span><span class="pl-c1">/minifycss</span><span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/05.md b/wwwroot/gfm/sharp-scripts/05.md
new file mode 100644
index 0000000..7ee5962
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/05.md
@@ -0,0 +1,30 @@
+```hbs
+<!--
+debug false
+-->
+
+Markdown:
+{{#markdown}}
+## Title
+
+> quote
+
+Paragraph with [a link](https://example.org).
+{{/markdown}}
+
+JS:
+{{#minifyjs}}
+function add(left, right) {
+    return left + right;
+}
+add(1, 2);
+{{/minifyjs}}
+
+
+CSS:
+{{#minifycss}}
+body {
+    background-color: #ffffff;
+}
+{{/minifycss}}
+```
diff --git a/wwwroot/gfm/sharp-scripts/06.html b/wwwroot/gfm/sharp-scripts/06.html
new file mode 100644
index 0000000..f506033
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/06.html
@@ -0,0 +1,14 @@
+<div class="gfm"><pre><code>Markdown:
+&lt;h2 id="title"&gt;Title&lt;/h2&gt;
+&lt;blockquote&gt;
+&lt;p&gt;quote&lt;/p&gt;
+&lt;/blockquote&gt;
+&lt;p&gt;Paragraph with &lt;a href="https://example.org"&gt;a link&lt;/a&gt;.&lt;/p&gt;
+
+JS:
+function add(n,t){return n+t}add(1,2)
+
+CSS:
+body{background-color:#fff}
+</code></pre>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/06.md b/wwwroot/gfm/sharp-scripts/06.md
new file mode 100644
index 0000000..080d8a1
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/06.md
@@ -0,0 +1,14 @@
+```
+Markdown:
+<h2 id="title">Title</h2>
+<blockquote>
+<p>quote</p>
+</blockquote>
+<p>Paragraph with <a href="https://example.org">a link</a>.</p>
+
+JS:
+function add(n,t){return n+t}add(1,2)
+
+CSS:
+body{background-color:#fff}
+```
diff --git a/wwwroot/gfm/sharp-scripts/07.html b/wwwroot/gfm/sharp-scripts/07.html
new file mode 100644
index 0000000..95bfb95
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/07.html
@@ -0,0 +1,30 @@
+<div class="gfm"><pre><code>| Order Details                    ||
+|------------------|----------------|
+| Id               | 10643          |
+| Order Date       | 1997-08-25     |
+| Customer Id      | ALFKI          |
+| Freight          | 29.46          |
+| Employee Id      | 6              |
+| Ship Via         | Speedy Express |
+| Ship Address     | Obere Str. 57  |
+| Ship City        | Berlin         |
+| Ship Postal Code | 12209          |
+| Ship Country     | Germany        |
+
+
+Line Items
+
+| # | Product Name      | Unit Price | Quantity | Discount |
+|---|-------------------|------------|----------|----------|
+| 1 | Rössle Sauerkraut | $45.60     | 15       | 0.25     |
+| 2 | Chartreuse verte  | $18.00     | 21       | 0.25     |
+| 3 | Spegesild         | $12.00     | 2        | 0.25     |
+
+
+| Order Totals |
+|--------------|
+| $684.00      |
+| $378.00      |
+| $24.00       |
+</code></pre>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/07.md b/wwwroot/gfm/sharp-scripts/07.md
new file mode 100644
index 0000000..775c39e
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/07.md
@@ -0,0 +1,30 @@
+```
+| Order Details                    ||
+|------------------|----------------|
+| Id               | 10643          |
+| Order Date       | 1997-08-25     |
+| Customer Id      | ALFKI          |
+| Freight          | 29.46          |
+| Employee Id      | 6              |
+| Ship Via         | Speedy Express |
+| Ship Address     | Obere Str. 57  |
+| Ship City        | Berlin         |
+| Ship Postal Code | 12209          |
+| Ship Country     | Germany        |
+
+
+Line Items
+
+| # | Product Name      | Unit Price | Quantity | Discount |
+|---|-------------------|------------|----------|----------|
+| 1 | Rössle Sauerkraut | $45.60     | 15       | 0.25     |
+| 2 | Chartreuse verte  | $18.00     | 21       | 0.25     |
+| 3 | Spegesild         | $12.00     | 2        | 0.25     |
+
+
+| Order Totals |
+|--------------|
+| $684.00      |
+| $378.00      |
+| $24.00       |
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/08.html b/wwwroot/gfm/sharp-scripts/08.html
new file mode 100644
index 0000000..8b60ea0
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/08.html
@@ -0,0 +1,104 @@
+<div class="gfm"><table>
+<thead>
+<tr>
+<th>Order Details</th>
+<th></th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Id</td>
+<td>10643</td>
+</tr>
+<tr>
+<td>Order Date</td>
+<td>1997-08-25</td>
+</tr>
+<tr>
+<td>Customer Id</td>
+<td>ALFKI</td>
+</tr>
+<tr>
+<td>Freight</td>
+<td>29.46</td>
+</tr>
+<tr>
+<td>Employee Id</td>
+<td>6</td>
+</tr>
+<tr>
+<td>Ship Via</td>
+<td>Speedy Express</td>
+</tr>
+<tr>
+<td>Ship Address</td>
+<td>Obere Str. 57</td>
+</tr>
+<tr>
+<td>Ship City</td>
+<td>Berlin</td>
+</tr>
+<tr>
+<td>Ship Postal Code</td>
+<td>12209</td>
+</tr>
+<tr>
+<td>Ship Country</td>
+<td>Germany</td>
+</tr>
+</tbody>
+</table>
+<p>Line Items</p>
+<table>
+<thead>
+<tr>
+<th>#</th>
+<th>Product Name</th>
+<th>Unit Price</th>
+<th>Quantity</th>
+<th>Discount</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>1</td>
+<td>Rössle Sauerkraut</td>
+<td>$45.60</td>
+<td>15</td>
+<td>0.25</td>
+</tr>
+<tr>
+<td>2</td>
+<td>Chartreuse verte</td>
+<td>$18.00</td>
+<td>21</td>
+<td>0.25</td>
+</tr>
+<tr>
+<td>3</td>
+<td>Spegesild</td>
+<td>$12.00</td>
+<td>2</td>
+<td>0.25</td>
+</tr>
+</tbody>
+</table>
+<table>
+<thead>
+<tr>
+<th>Order Totals</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>$684.00</td>
+</tr>
+<tr>
+<td>$378.00</td>
+</tr>
+<tr>
+<td>$24.00</td>
+</tr>
+</tbody>
+</table>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/08.md b/wwwroot/gfm/sharp-scripts/08.md
new file mode 100644
index 0000000..36ffdd0
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/08.md
@@ -0,0 +1,28 @@
+| Order Details                    ||
+|------------------|----------------|
+| Id               | 10643          |
+| Order Date       | 1997-08-25     |
+| Customer Id      | ALFKI          |
+| Freight          | 29.46          |
+| Employee Id      | 6              |
+| Ship Via         | Speedy Express |
+| Ship Address     | Obere Str. 57  |
+| Ship City        | Berlin         |
+| Ship Postal Code | 12209          |
+| Ship Country     | Germany        |
+
+
+Line Items
+
+| # | Product Name      | Unit Price | Quantity | Discount |
+|---|-------------------|------------|----------|----------|
+| 1 | Rössle Sauerkraut | $45.60     | 15       | 0.25     |
+| 2 | Chartreuse verte  | $18.00     | 21       | 0.25     |
+| 3 | Spegesild         | $12.00     | 2        | 0.25     |
+
+
+| Order Totals |
+|--------------|
+| $684.00      |
+| $378.00      |
+| $24.00       |
diff --git a/wwwroot/gfm/sharp-scripts/09.html b/wwwroot/gfm/sharp-scripts/09.html
new file mode 100644
index 0000000..be015b1
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/09.html
@@ -0,0 +1,50 @@
+<div class="gfm"><pre><code>Querying AWS...
+
+| Tables                   ||
+|--------------------|------|
+| Order Detail       | 2155 |
+| Order              | 830  |
+| Customer           | 91   |
+| Product            | 77   |
+| Territory          | 53   |
+| Region             | 0    |
+| Shipper            | 0    |
+| Supplier           | 0    |
+| Category           | 0    |
+| Employee           | 0    |
+| Employee Territory | 0    |
+
+Last 5 Orders:
+
+| # | Id    | CustomerId | EmployeeId | Freight |
+|---|-------|------------|------------|---------|
+| 1 | 11077 | RATTC      | 1          | $8.53   |
+| 2 | 11076 | BONAP      | 4          | $38.28  |
+| 3 | 11075 | RICSU      | 8          | $6.19   |
+| 4 | 11074 | SIMOB      | 7          | $18.44  |
+| 5 | 11073 | PERIC      | 2          | $24.95  |
+
+
+| Root Files + Folders   |
+|------------------------|
+| api/                   |
+| northwind/             |
+| rockstars/             |
+| index.html             |
+| web.aws.settings       |
+| web.postgres.settings  |
+| web.sqlite.settings    |
+| web.sqlserver.settings |
+
+
+First 5 *.jpg files in S3:
+assets/img/home-icon.jpg
+rockstars/alive/grohl/splash.jpg
+rockstars/alive/love/splash.jpg
+rockstars/alive/springsteen/splash.jpg
+rockstars/alive/vedder/splash.jpg
+</code></pre>
+</div>            |
+| rockstars/img/tileable_wood_texture.png |
+</code></pre>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/09.md b/wwwroot/gfm/sharp-scripts/09.md
new file mode 100644
index 0000000..2aeb5ed
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/09.md
@@ -0,0 +1,47 @@
+```
+Querying AWS...
+
+| Tables                   ||
+|--------------------|------|
+| Order Detail       | 2155 |
+| Order              | 830  |
+| Customer           | 91   |
+| Product            | 77   |
+| Territory          | 53   |
+| Region             | 0    |
+| Shipper            | 0    |
+| Supplier           | 0    |
+| Category           | 0    |
+| Employee           | 0    |
+| Employee Territory | 0    |
+
+Last 5 Orders:
+
+| # | Id    | CustomerId | EmployeeId | Freight |
+|---|-------|------------|------------|---------|
+| 1 | 11077 | RATTC      | 1          | $8.53   |
+| 2 | 11076 | BONAP      | 4          | $38.28  |
+| 3 | 11075 | RICSU      | 8          | $6.19   |
+| 4 | 11074 | SIMOB      | 7          | $18.44  |
+| 5 | 11073 | PERIC      | 2          | $24.95  |
+
+
+| Root Files + Folders   |
+|------------------------|
+| api/                   |
+| northwind/             |
+| rockstars/             |
+| index.html             |
+| web.aws.settings       |
+| web.postgres.settings  |
+| web.sqlite.settings    |
+| web.sqlserver.settings |
+
+
+First 5 *.jpg files in S3:
+assets/img/home-icon.jpg
+rockstars/alive/grohl/splash.jpg
+rockstars/alive/love/splash.jpg
+rockstars/alive/springsteen/splash.jpg
+rockstars/alive/vedder/splash.jpg
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/10.html b/wwwroot/gfm/sharp-scripts/10.html
new file mode 100644
index 0000000..a700ff0
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/10.html
@@ -0,0 +1,32 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">*</span> run <span class="pl-k">in</span> host project directory <span class="pl-k">with</span> <span class="pl-s"><span class="pl-pds">`</span>x run wwwroot/_bundle.ss<span class="pl-pds">`</span></span> <span class="pl-k">*</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-c1">false</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> debug</span>
+<span class="pl-s1">(debug <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>.min<span class="pl-pds">'</span></span>)       <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> min</span>
+<span class="pl-s1">(debug <span class="pl-k">?</span> <span class="pl-s"><span class="pl-pds">'</span><span class="pl-pds">'</span></span> <span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>[hash].min<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> dist</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{ [<span class="pl-s"><span class="pl-pds">`</span>/css/lib.bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.css<span class="pl-pds">`</span></span>,<span class="pl-s"><span class="pl-pds">`</span>/js/lib.bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span>,<span class="pl-s"><span class="pl-pds">`</span>/js/bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span>] </span>
+<span class="pl-s1">   <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">it</span>.<span class="pl-c1">replace</span>(<span class="pl-s"><span class="pl-pds">'</span>[hash]<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>.*<span class="pl-pds">'</span></span>).<span class="pl-en">findFiles</span>()</span>
+<span class="pl-s1">   <span class="pl-k">|</span><span class="pl-k">&gt;</span> flat</span>
+<span class="pl-s1">   <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">do</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">it</span>.<span class="pl-smi">VirtualPath</span>.<span class="pl-en">deleteFile</span>() }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">*</span> Copy same bundle definitions from <span class="pl-smi">_layout</span>.<span class="pl-smi">html</span> as<span class="pl-k">-</span>is <span class="pl-k">*</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1">[<span class="pl-s"><span class="pl-pds">'</span>!/assets/css/default.css<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span>/assets/css/<span class="pl-pds">'</span></span>] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">bundleCss</span>({ disk<span class="pl-k">:</span><span class="pl-k">!</span>debug, out<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">`</span>/css/lib.bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.css<span class="pl-pds">`</span></span> })</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{ [</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span>/lib/vue/dist/vue<span class="pl-s1"><span class="pl-pse">${</span>min<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span>/lib/vue-router/dist/vue-router<span class="pl-s1"><span class="pl-pse">${</span>min<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>/lib/vue-class-component/vue-class-component.js<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>/lib/vue-property-decorator/vue-property-decorator.umd.js<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>/lib/@servicestack/client/servicestack-client.umd.js<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>/lib/@servicestack/vue/servicestack-vue.umd.js<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">bundleJs</span>({ disk<span class="pl-k">:</span><span class="pl-k">!</span>debug, out<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">`</span>/js/lib.bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span> }) }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{ [</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>content:/src/components/<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>content:/src/shared/<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">'</span>content:/src/<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">bundleJs</span>({ minify<span class="pl-k">:</span><span class="pl-k">!</span>debug, cache<span class="pl-k">:</span><span class="pl-k">!</span>debug, disk<span class="pl-k">:</span><span class="pl-k">!</span>debug, out<span class="pl-k">:</span><span class="pl-s"><span class="pl-pds">`</span>/js/bundle<span class="pl-s1"><span class="pl-pse">${</span>dist<span class="pl-pse">}</span></span>.js<span class="pl-pds">`</span></span>, iife<span class="pl-k">:</span><span class="pl-c1">true</span> }) }}</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/10.md b/wwwroot/gfm/sharp-scripts/10.md
new file mode 100644
index 0000000..d346c3d
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/10.md
@@ -0,0 +1,33 @@
+```html
+<script>
+* run in host project directory with `x run wwwroot/_bundle.ss` *
+
+false |> to => debug
+(debug ? '' : '.min')       |> to => min
+(debug ? '' : '[hash].min') |> to => dist
+
+{{ [`/css/lib.bundle${dist}.css`,`/js/lib.bundle${dist}.js`,`/js/bundle${dist}.js`] 
+   |> map => it.replace('[hash]','.*').findFiles()
+   |> flat
+   |> do => it.VirtualPath.deleteFile() }}
+
+* Copy same bundle definitions from _layout.html as-is *
+
+['!/assets/css/default.css','/assets/css/'] |> bundleCss({ disk:!debug, out:`/css/lib.bundle${dist}.css` })
+
+{{ [
+    `/lib/vue/dist/vue${min}.js`,
+    `/lib/vue-router/dist/vue-router${min}.js`,
+    '/lib/vue-class-component/vue-class-component.js',
+    '/lib/vue-property-decorator/vue-property-decorator.umd.js',
+    '/lib/@servicestack/client/servicestack-client.umd.js',
+    '/lib/@servicestack/vue/servicestack-vue.umd.js',
+] |> bundleJs({ disk:!debug, out:`/js/lib.bundle${dist}.js` }) }}
+
+{{ [
+    'content:/src/components/',
+    'content:/src/shared/',
+    'content:/src/',
+] |> bundleJs({ minify:!debug, cache:!debug, disk:!debug, out:`/js/bundle${dist}.js`, iife:true }) }}
+</script>
+```
diff --git a/wwwroot/gfm/sharp-scripts/11.html b/wwwroot/gfm/sharp-scripts/11.html
new file mode 100644
index 0000000..bf3dc1d
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/11.html
@@ -0,0 +1,6 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">link</span> <span class="pl-e">rel</span>=<span class="pl-s"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">href</span>=<span class="pl-s"><span class="pl-pds">"</span>/css/bundle.min.css<span class="pl-pds">"</span></span>&gt;
+    
+&lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>/js/lib.bundle.min.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;
+
+&lt;<span class="pl-ent">script</span> <span class="pl-e">src</span>=<span class="pl-s"><span class="pl-pds">"</span>/js/bundle.min.js<span class="pl-pds">"</span></span>&gt;&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/11.md b/wwwroot/gfm/sharp-scripts/11.md
new file mode 100644
index 0000000..aadcc26
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/11.md
@@ -0,0 +1,7 @@
+```html
+<link rel="stylesheet" href="/css/bundle.min.css">
+    
+<script src="/js/lib.bundle.min.js"></script>
+
+<script src="/js/bundle.min.js"></script>
+```
diff --git a/wwwroot/gfm/sharp-scripts/12.html b/wwwroot/gfm/sharp-scripts/12.html
new file mode 100644
index 0000000..b67d483
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/12.html
@@ -0,0 +1,30 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">*</span> Update <span class="pl-k">/</span>libraries gists           <span class="pl-k">*</span></span>
+<span class="pl-s1"><span class="pl-k">*</span> Usage<span class="pl-k">:</span> web run <span class="pl-smi">libraries</span>.<span class="pl-smi">ss</span> <span class="pl-k">&lt;</span>id<span class="pl-k">&gt;</span><span class="pl-k">?</span> <span class="pl-k">*</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1">{{</span>
+<span class="pl-s1">    {</span>
+<span class="pl-s1">        <span class="pl-s"><span class="pl-pds">'</span>react-lite-lib<span class="pl-pds">'</span></span><span class="pl-k">:</span> <span class="pl-s"><span class="pl-pds">'</span>ad42adc11337c243ee203f9e9f84622c<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">        <span class="pl-s"><span class="pl-pds">'</span>vue-lite-lib<span class="pl-pds">'</span></span><span class="pl-k">:</span>   <span class="pl-s"><span class="pl-pds">'</span>717258cd4c26ba612e5eed0615d8d61c<span class="pl-pds">'</span></span>,</span>
+<span class="pl-s1">    }</span>
+<span class="pl-s1">    <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> gistMap</span>
+<span class="pl-s1">}}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">(<span class="pl-c1">ARGV</span>.<span class="pl-smi">Length</span> <span class="pl-k">&gt;</span> <span class="pl-c1">0</span> <span class="pl-k">?</span> <span class="pl-c1">ARGV</span> <span class="pl-k">:</span> <span class="pl-smi">gistMap</span>.<span class="pl-smi">Keys</span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> keys</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">#each id <span class="pl-k">in</span> keys</span>
+<span class="pl-s1">    gistMap[id] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> gistId</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">    {} <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> files</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">    <span class="pl-en">vfsFileSystem</span>(<span class="pl-s"><span class="pl-pds">`</span>libraries/<span class="pl-s1"><span class="pl-pse">${</span>id<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> fs</span>
+<span class="pl-s1">    #each file <span class="pl-k">in</span> <span class="pl-smi">fs</span>.<span class="pl-en">allFiles</span>()</span>
+<span class="pl-s1">        <span class="pl-smi">files</span>.<span class="pl-en">putItem</span>(<span class="pl-smi">file</span>.<span class="pl-smi">VirtualPath</span>.<span class="pl-c1">replace</span>(<span class="pl-s"><span class="pl-pds">'</span>/<span class="pl-pds">'</span></span>,<span class="pl-s"><span class="pl-pds">'</span><span class="pl-cce">\\</span><span class="pl-pds">'</span></span>), <span class="pl-smi">file</span>.<span class="pl-en">fileContents</span>()) <span class="pl-k">|</span><span class="pl-k">&gt;</span> end</span>
+<span class="pl-s1">    <span class="pl-k">/</span>each</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span>Writing to <span class="pl-s1"><span class="pl-pse">${</span><span class="pl-smi">files</span>.<span class="pl-en">count</span>()<span class="pl-pse">}</span></span> files to <span class="pl-s1"><span class="pl-pse">${</span>id<span class="pl-pse">}</span></span> '<span class="pl-s1"><span class="pl-pse">${</span>gistId<span class="pl-pse">}</span></span>' ...<span class="pl-pds">`</span></span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> raw</span>
+<span class="pl-s1">    <span class="pl-en">vfsGist</span>(gistId, <span class="pl-s"><span class="pl-pds">'</span>GITHUB_GIST_TOKEN<span class="pl-pds">'</span></span>.<span class="pl-en">envVariable</span>()) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> gist</span>
+<span class="pl-s1">    <span class="pl-smi">gist</span>.<span class="pl-en">writeFiles</span>(files)</span>
+<span class="pl-s1"><span class="pl-k">/</span>each</span>
+<span class="pl-s1"><span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/sharp-scripts/12.md b/wwwroot/gfm/sharp-scripts/12.md
new file mode 100644
index 0000000..571e784
--- /dev/null
+++ b/wwwroot/gfm/sharp-scripts/12.md
@@ -0,0 +1,31 @@
+```html
+<script>
+* Update /libraries gists           *
+* Usage: web run libraries.ss <id>? *
+
+{{
+    {
+        'react-lite-lib': 'ad42adc11337c243ee203f9e9f84622c',
+        'vue-lite-lib':   '717258cd4c26ba612e5eed0615d8d61c',
+    }
+    |> to => gistMap
+}}
+
+(ARGV.Length > 0 ? ARGV : gistMap.Keys) |> to => keys
+
+#each id in keys
+    gistMap[id] |> to => gistId
+
+    {} |> to => files
+
+    vfsFileSystem(`libraries/${id}`) |> to => fs
+    #each file in fs.allFiles()
+        files.putItem(file.VirtualPath.replace('/','\\'), file.fileContents()) |> end
+    /each
+
+    `Writing to ${files.count()} files to ${id} '${gistId}' ...` |> raw
+    vfsGist(gistId, 'GITHUB_GIST_TOKEN'.envVariable()) |> to => gist
+    gist.writeFiles(files)
+/each
+</script>
+```
diff --git a/wwwroot/gfm/syntax/01.html b/wwwroot/gfm/syntax/01.html
new file mode 100644
index 0000000..70d65af
--- /dev/null
+++ b/wwwroot/gfm/syntax/01.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">upper</span>(<span class="pl-k">string</span> <span class="pl-smi">text</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">text</span><span class="pl-k">?</span>.<span class="pl-en">ToUpper</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/01.md b/wwwroot/gfm/syntax/01.md
new file mode 100644
index 0000000..3b3e772
--- /dev/null
+++ b/wwwroot/gfm/syntax/01.md
@@ -0,0 +1,3 @@
+```csharp
+public string upper(string text) => text?.ToUpper();
+```
diff --git a/wwwroot/gfm/syntax/02.html b/wwwroot/gfm/syntax/02.html
new file mode 100644
index 0000000..847a00d
--- /dev/null
+++ b/wwwroot/gfm/syntax/02.html
@@ -0,0 +1,3 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">substring</span>(<span class="pl-k">string</span> <span class="pl-smi">text</span>, <span class="pl-k">int</span> <span class="pl-smi">startIndex</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">text</span>.<span class="pl-en">SafeSubstring</span>(<span class="pl-smi">startIndex</span>);
+<span class="pl-k">public</span> <span class="pl-k">string</span> <span class="pl-en">padRight</span>(<span class="pl-k">string</span> <span class="pl-smi">text</span>, <span class="pl-k">int</span> <span class="pl-smi">totalWidth</span>, <span class="pl-k">char</span> <span class="pl-smi">padChar</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">text</span><span class="pl-k">?</span>.<span class="pl-en">PadRight</span>(<span class="pl-smi">totalWidth</span>, <span class="pl-smi">padChar</span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/02.md b/wwwroot/gfm/syntax/02.md
new file mode 100644
index 0000000..9dc00b5
--- /dev/null
+++ b/wwwroot/gfm/syntax/02.md
@@ -0,0 +1,4 @@
+```csharp
+public string substring(string text, int startIndex) => text.SafeSubstring(startIndex);
+public string padRight(string text, int totalWidth, char padChar) => text?.PadRight(totalWidth, padChar);
+```
diff --git a/wwwroot/gfm/syntax/03.html b/wwwroot/gfm/syntax/03.html
new file mode 100644
index 0000000..35f63ae
--- /dev/null
+++ b/wwwroot/gfm/syntax/03.html
@@ -0,0 +1,61 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span>Create an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">[<span class="pl-s"><span class="pl-pds">'</span>Apple<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Banana<span class="pl-pds">'</span></span>] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> fruits</span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-smi">Count</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Access (index into) an Array Item<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">fruits[<span class="pl-c1">0</span>] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> first</span>
+<span class="pl-s1">first</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Loop over an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">#each item <span class="pl-k">in</span> fruits</span>
+<span class="pl-s1">    <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>item<span class="pl-pse">}</span></span>, <span class="pl-s1"><span class="pl-pse">${</span>index<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-k">/</span>each</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">[] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> sb</span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">forEach</span>((<span class="pl-smi">item</span>,<span class="pl-smi">index</span>,<span class="pl-smi">array</span>) <span class="pl-k">=&gt;</span> <span class="pl-smi">sb</span>.<span class="pl-c1">push</span>(<span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>item<span class="pl-pse">}</span></span>, <span class="pl-s1"><span class="pl-pse">${</span>index<span class="pl-pse">}</span></span><span class="pl-pds">`</span></span>))</span>
+<span class="pl-s1"><span class="pl-smi">sb</span>.<span class="pl-c1">join</span>(<span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span><span class="pl-pds">`</span></span>)</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Add to the end of an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">push</span>(<span class="pl-s"><span class="pl-pds">'</span>Orange<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> newLength</span>
+<span class="pl-s1">newLength</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Remove from the end of an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">pop</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> last</span>
+<span class="pl-s1">last</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Remove from the front of an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">shift</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> first</span>
+<span class="pl-s1">first</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Add to the front of an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">unshift</span>(<span class="pl-s"><span class="pl-pds">'</span>Strawberry<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> newLength</span>
+<span class="pl-s1">newLength</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Find the index of an item in the Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">push</span>(<span class="pl-s"><span class="pl-pds">'</span>Mango<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> end</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">indexOf</span>(<span class="pl-s"><span class="pl-pds">'</span>Banana<span class="pl-pds">'</span></span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> pos</span>
+<span class="pl-s1">pos</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Remove an item by index position<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">splice</span>(pos, <span class="pl-c1">1</span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> removedItem</span>
+<span class="pl-s1">removedItem <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1">fruits <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Remove items from an index position<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">[<span class="pl-s"><span class="pl-pds">'</span>Cabbage<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Turnip<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Radish<span class="pl-pds">'</span></span>, <span class="pl-s"><span class="pl-pds">'</span>Carrot<span class="pl-pds">'</span></span>] <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> vegetables </span>
+<span class="pl-s1">vegetables <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-c1">1</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> pos</span>
+<span class="pl-s1"><span class="pl-c1">2</span> <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> n</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-smi">vegetables</span>.<span class="pl-c1">splice</span>(pos, n) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> removedItems </span>
+<span class="pl-s1">vegetables <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1">removedItems <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-s"><span class="pl-pds">`</span><span class="pl-cce">\n</span>Copy an Array<span class="pl-pds">`</span></span></span>
+<span class="pl-s1"><span class="pl-smi">fruits</span>.<span class="pl-c1">slice</span>() <span class="pl-k">|</span><span class="pl-k">&gt;</span> join</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/03.md b/wwwroot/gfm/syntax/03.md
new file mode 100644
index 0000000..685b45a
--- /dev/null
+++ b/wwwroot/gfm/syntax/03.md
@@ -0,0 +1,62 @@
+```html
+<script>
+`Create an Array`
+['Apple', 'Banana'] |> to => fruits
+fruits.Count
+
+`\nAccess (index into) an Array Item`
+fruits[0] |> to => first
+first
+
+`\nLoop over an Array`
+#each item in fruits
+    `${item}, ${index}`
+/each
+
+[] |> to => sb
+fruits.forEach((item,index,array) => sb.push(`${item}, ${index}`))
+sb.join(`\n`)
+
+`\nAdd to the end of an Array`
+
+fruits.push('Orange') |> to => newLength
+newLength
+
+`\nRemove from the end of an Array`
+fruits.pop() |> to => last
+last
+
+`\nRemove from the front of an Array`
+fruits.shift() |> to => first
+first
+
+`\nAdd to the front of an Array`
+fruits.unshift('Strawberry') |> to => newLength
+newLength
+
+`\nFind the index of an item in the Array`
+fruits.push('Mango') |> end
+
+fruits.indexOf('Banana') |> to => pos
+pos
+
+`\nRemove an item by index position`
+fruits.splice(pos, 1) |> to => removedItem
+removedItem |> join
+fruits |> join
+
+`\nRemove items from an index position`
+['Cabbage', 'Turnip', 'Radish', 'Carrot'] |> to => vegetables 
+vegetables |> join
+
+1 |> to => pos
+2 |> to => n
+
+vegetables.splice(pos, n) |> to => removedItems 
+vegetables |> join
+removedItems |> join
+
+`\nCopy an Array`
+fruits.slice() |> join
+</script>
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/04.html b/wwwroot/gfm/syntax/04.html
new file mode 100644
index 0000000..a4ab39a
--- /dev/null
+++ b/wwwroot/gfm/syntax/04.html
@@ -0,0 +1,31 @@
+<div class="gfm"><p>As an example, C#'s 101 LINQ examples <a href="https://sharpscript.net/linq/grouping-operators#linq43-groupby---nested" rel="nofollow">most complicated LINQ expression</a>
+can now be rewritten from its original source:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">customers</span> 
+   |&gt; <span class="pl-e"><span class="pl-v">map</span></span> =&gt; { 
+        <span class="pl-e"><span class="pl-v">CompanyName</span></span>: <span class="pl-e"><span class="pl-v">it.CompanyName</span></span>, 
+        <span class="pl-e"><span class="pl-v">YearGroups</span></span>: <span class="pl-e"><span class="pl-v">map</span></span> (
+            <span class="pl-e"><span class="pl-v">groupBy</span></span>(<span class="pl-e"><span class="pl-v">it.Orders</span></span>, <span class="pl-e"><span class="pl-v">it</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.OrderDate.Year</span></span>),
+            <span class="pl-e"><span class="pl-v">yg</span></span> =&gt; { 
+                <span class="pl-e"><span class="pl-v">Year</span></span>: <span class="pl-e"><span class="pl-v">yg.Key</span></span>,
+                <span class="pl-e"><span class="pl-v">MonthGroups</span></span>: <span class="pl-e"><span class="pl-v">map</span></span> (
+                    <span class="pl-e"><span class="pl-v">groupBy</span></span>(<span class="pl-e"><span class="pl-v">yg</span></span>, <span class="pl-e"><span class="pl-v">o</span></span> =&gt; <span class="pl-e"><span class="pl-v">o.OrderDate.Month</span></span>),
+                    <span class="pl-e"><span class="pl-v">mg</span></span> =&gt; { <span class="pl-e"><span class="pl-v">Month</span></span>: <span class="pl-e"><span class="pl-v">mg.Key</span></span>, <span class="pl-e"><span class="pl-v">Orders</span></span>: <span class="pl-e"><span class="pl-v">mg</span></span> }
+                ) 
+            }
+        ) 
+     }
+     |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span> <span class="pl-c1">}}</span></pre></div>
+<p>to use extension methods which greatly improves its readability as its execution flow is now able to read from left-to-right:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">customers</span> |&gt; <span class="pl-e"><span class="pl-v">map</span></span> =&gt; { 
+    <span class="pl-e"><span class="pl-v">CompanyName</span></span>: <span class="pl-e"><span class="pl-v">it.CompanyName</span></span>, 
+    <span class="pl-e"><span class="pl-v">YearGroups</span></span>: <span class="pl-e"><span class="pl-v">it.Orders.groupBy</span></span>(<span class="pl-e"><span class="pl-v">it</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.OrderDate.Year</span></span>)<span class="pl-e"><span class="pl-v">.map</span></span>(<span class="pl-e"><span class="pl-v">yg</span></span> =&gt;
+        { 
+            <span class="pl-e"><span class="pl-v">Year</span></span>: <span class="pl-e"><span class="pl-v">yg.Key</span></span>,
+            <span class="pl-e"><span class="pl-v">MonthGroups</span></span>: <span class="pl-e"><span class="pl-v">yg.groupBy</span></span>(<span class="pl-e"><span class="pl-v">o</span></span> =&gt; <span class="pl-e"><span class="pl-v">o.OrderDate.Month</span></span>)<span class="pl-e"><span class="pl-v">.map</span></span>(<span class="pl-e"><span class="pl-v">mg</span></span> =&gt; 
+                { <span class="pl-e"><span class="pl-v">Month</span></span>: <span class="pl-e"><span class="pl-v">mg.Key</span></span>, <span class="pl-e"><span class="pl-v">Orders</span></span>: <span class="pl-e"><span class="pl-v">mg</span></span> }
+            ) 
+        }
+      ) 
+   }
+   |&gt; <span class="pl-e"><span class="pl-v">htmlDump</span></span> <span class="pl-c1">}}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/04.md b/wwwroot/gfm/syntax/04.md
new file mode 100644
index 0000000..370629f
--- /dev/null
+++ b/wwwroot/gfm/syntax/04.md
@@ -0,0 +1,37 @@
+As an example, C#'s 101 LINQ examples [most complicated LINQ expression](https://sharpscript.net/linq/grouping-operators#linq43-groupby---nested) 
+can now be rewritten from its original source:
+
+```hbs
+{{ customers 
+   |> map => { 
+        CompanyName: it.CompanyName, 
+        YearGroups: map (
+            groupBy(it.Orders, it => it.OrderDate.Year),
+            yg => { 
+                Year: yg.Key,
+                MonthGroups: map (
+                    groupBy(yg, o => o.OrderDate.Month),
+                    mg => { Month: mg.Key, Orders: mg }
+                ) 
+            }
+        ) 
+     }
+     |> htmlDump }}
+```
+
+to use extension methods which greatly improves its readability as its execution flow is now able to read from left-to-right:
+
+```hbs
+{{ customers |> map => { 
+    CompanyName: it.CompanyName, 
+    YearGroups: it.Orders.groupBy(it => it.OrderDate.Year).map(yg =>
+        { 
+            Year: yg.Key,
+            MonthGroups: yg.groupBy(o => o.OrderDate.Month).map(mg => 
+                { Month: mg.Key, Orders: mg }
+            ) 
+        }
+      ) 
+   }
+   |> htmlDump }}
+```
diff --git a/wwwroot/gfm/syntax/05.html b/wwwroot/gfm/syntax/05.html
new file mode 100644
index 0000000..eaa181b
--- /dev/null
+++ b/wwwroot/gfm/syntax/05.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre>@{ 
+    <span class="pl-k">var</span> <span class="pl-smi">a</span> <span class="pl-k">=</span> <span class="pl-c1">1</span>;
+    <span class="pl-k">var</span> <span class="pl-smi">b</span> <span class="pl-k">=</span> <span class="pl-c1">2</span>;
+}
+<span class="pl-smi">Basic</span> <span class="pl-smi">Calc</span>
+<span class="pl-smi">a</span> <span class="pl-k">+</span> <span class="pl-smi">b</span> <span class="pl-k">=</span> @(<span class="pl-smi">a</span> <span class="pl-k">+</span> <span class="pl-smi">b</span>)</pre></div>
+<p>The equivalent in <code>#Script</code> using <code>code</code> language blocks:</p>
+<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">var</span> a <span class="pl-k">=</span> <span class="pl-c1">1</span></span>
+<span class="pl-s1"><span class="pl-k">var</span> b <span class="pl-k">=</span> <span class="pl-c1">2</span></span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;
+Basic Calc
+a + b = {{a + b}}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/05.md b/wwwroot/gfm/syntax/05.md
new file mode 100644
index 0000000..b487836
--- /dev/null
+++ b/wwwroot/gfm/syntax/05.md
@@ -0,0 +1,19 @@
+```csharp
+@{ 
+    var a = 1;
+    var b = 2;
+}
+Basic Calc
+a + b = @(a + b)
+```
+
+The equivalent in `#Script` using `code` language blocks:
+
+```html
+<script>
+var a = 1
+var b = 2
+</script>
+Basic Calc
+a + b = {{a + b}}
+```
diff --git a/wwwroot/gfm/syntax/06.html b/wwwroot/gfm/syntax/06.html
new file mode 100644
index 0000000..e9e3264
--- /dev/null
+++ b/wwwroot/gfm/syntax/06.html
@@ -0,0 +1,83 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">title: The title</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+# {{title}}
+
+{{ 1 + 1 }}
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">*</span> Odd numbers <span class="pl-k">&lt;</span> <span class="pl-c1">5</span> <span class="pl-k">*</span></span>
+<span class="pl-s1">#each i <span class="pl-k">in</span> <span class="pl-en">range</span>(<span class="pl-c1">1</span>,<span class="pl-c1">5</span>)</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">    #<span class="pl-k">if</span> <span class="pl-smi">i</span>.<span class="pl-en">isOdd</span>()</span>
+<span class="pl-s1">        <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>i<span class="pl-pse">}</span></span> is odd<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">    <span class="pl-k">else</span></span>
+<span class="pl-s1">        <span class="pl-s"><span class="pl-pds">`</span><span class="pl-s1"><span class="pl-pse">${</span>i<span class="pl-pse">}</span></span> is even<span class="pl-pds">`</span></span></span>
+<span class="pl-s1">    <span class="pl-k">/</span><span class="pl-k">if</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-k">/</span>each</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1"><span class="pl-c1">1</span> <span class="pl-k">+</span> <span class="pl-c1">2</span> <span class="pl-k">*</span> <span class="pl-c1">3</span></span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">    {{ <span class="pl-c1">1</span> <span class="pl-k">+</span> <span class="pl-c1">1</span> }}</span>
+<span class="pl-s1"></span>
+<span class="pl-s1">    {{#<span class="pl-k">if</span> debug}}</span>
+<span class="pl-s1">        {{ <span class="pl-en">range</span>(<span class="pl-c1">1</span>,<span class="pl-c1">5</span>) </span>
+<span class="pl-s1">        <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">where</span> <span class="pl-k">=&gt;</span> <span class="pl-smi">it</span>.<span class="pl-en">isOdd</span>() </span>
+<span class="pl-s1">        <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">map</span> <span class="pl-k">=&gt;</span> it <span class="pl-k">*</span> it   </span>
+<span class="pl-s1">        <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-en">join</span>(<span class="pl-s"><span class="pl-pds">'</span>,<span class="pl-pds">'</span></span>)</span>
+<span class="pl-s1">        }}</span>
+<span class="pl-s1">    {{<span class="pl-k">/</span><span class="pl-k">if</span>}}</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;</pre></div>
+<p>Before this script is run it's processed by the
+<a href="https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptPreprocessors.cs">TransformCodeBlocks PreProcessor</a>
+which transforms it to the normal <code>#Script</code> code:</p>
+<div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c"><span class="pl-c">&lt;!--</span></span>
+<span class="pl-c">title: The title</span>
+<span class="pl-c"><span class="pl-c">--&gt;</span></span>
+
+# <span class="pl-c1">{{</span><span class="pl-v">title</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">1</span> + <span class="pl-e"><span class="pl-v">1</span></span> <span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span>* <span class="pl-e"><span class="pl-v">Odd</span></span> <span class="pl-e"><span class="pl-v">numbers</span></span> &lt; <span class="pl-e"><span class="pl-v">5</span></span> *<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#each</span> <span class="pl-v">i</span> <span class="pl-c1">in</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">5</span></span>)<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">i.isOdd</span>()<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span>`${<span class="pl-e"><span class="pl-v">i</span></span>} <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">odd</span></span>`<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">else</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span>`${<span class="pl-e"><span class="pl-v">i</span></span>} <span class="pl-e"><span class="pl-v">is</span></span> <span class="pl-e"><span class="pl-v">even</span></span>`<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/each</span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span><span class="pl-v">1</span> + <span class="pl-e"><span class="pl-v">2</span></span> * <span class="pl-e"><span class="pl-v">3</span></span><span class="pl-c1">}}</span>
+
+<span class="pl-c1">{{</span> <span class="pl-v">1</span> + <span class="pl-e"><span class="pl-v">1</span></span> <span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">#if</span> <span class="pl-v">debug</span><span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span> <span class="pl-v">range</span>(<span class="pl-e"><span class="pl-v">1</span></span>,<span class="pl-e"><span class="pl-v">5</span></span>)
+|&gt; <span class="pl-e"><span class="pl-v">where</span></span> =&gt; <span class="pl-e"><span class="pl-v">it.isOdd</span></span>()
+|&gt; <span class="pl-e"><span class="pl-v">map</span></span> =&gt; <span class="pl-e"><span class="pl-v">it</span></span> * <span class="pl-e"><span class="pl-v">it</span></span>
+|&gt; <span class="pl-e"><span class="pl-v">join</span></span>(<span class="pl-s"><span class="pl-pds">'</span>,<span class="pl-pds">'</span></span>)
+<span class="pl-c1">}}</span>
+<span class="pl-c1">{{</span><span class="pl-c1">/if</span><span class="pl-c1">}}</span></pre></div>
+<p>The resulting output when executed is:</p>
+<pre><code># The title
+
+2
+
+1 is odd
+2 is even
+3 is odd
+4 is even
+5 is odd
+
+7
+
+2
+1,9,25
+</code></pre>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/06.md b/wwwroot/gfm/syntax/06.md
new file mode 100644
index 0000000..8a76ac9
--- /dev/null
+++ b/wwwroot/gfm/syntax/06.md
@@ -0,0 +1,92 @@
+```html
+<!--
+title: The title
+-->
+
+# {{title}}
+
+{{ 1 + 1 }}
+
+<script>
+* Odd numbers < 5 *
+#each i in range(1,5)
+
+    #if i.isOdd()
+        `${i} is odd`
+    else
+        `${i} is even`
+    /if
+
+/each
+</script>
+
+<script>
+1 + 2 * 3
+</script>
+
+<script>
+    {{ 1 + 1 }}
+
+    {{#if debug}}
+        {{ range(1,5) 
+        |> where => it.isOdd() 
+        |> map => it * it   
+        |> join(',')
+        }}
+    {{/if}}
+</script>
+```
+    
+
+Before this script is run it's processed by the 
+[TransformCodeBlocks PreProcessor](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptPreprocessors.cs)
+which transforms it to the normal `#Script` code:
+
+```hbs
+<!--
+title: The title
+-->
+
+# {{title}}
+
+{{ 1 + 1 }}
+
+{{* Odd numbers < 5 *}}
+{{#each i in range(1,5)}}
+{{#if i.isOdd()}}
+{{`${i} is odd`}}
+{{else}}
+{{`${i} is even`}}
+{{/if}}
+{{/each}}
+
+{{1 + 2 * 3}}
+
+{{ 1 + 1 }}
+{{#if debug}}
+{{ range(1,5)
+|> where => it.isOdd()
+|> map => it * it
+|> join(',')
+}}
+{{/if}}
+```
+
+The resulting output when executed is:
+
+```
+# The title
+
+2
+
+1 is odd
+2 is even
+3 is odd
+4 is even
+5 is odd
+
+7
+
+2
+1,9,25
+```
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/07.html b/wwwroot/gfm/syntax/07.html
new file mode 100644
index 0000000..3f99ad5
--- /dev/null
+++ b/wwwroot/gfm/syntax/07.html
@@ -0,0 +1,8 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>{{ 1 |&gt; to =&gt; a}}
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">(a <span class="pl-k">+</span> <span class="pl-c1">2</span>) <span class="pl-k">|</span><span class="pl-k">&gt;</span> <span class="pl-smi">to</span> <span class="pl-k">=&gt;</span> result</span>
+<span class="pl-s1"></span>&lt;/<span class="pl-ent">script</span>&gt;
+
+Code result: {{ result }}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/07.md b/wwwroot/gfm/syntax/07.md
new file mode 100644
index 0000000..f2abdcf
--- /dev/null
+++ b/wwwroot/gfm/syntax/07.md
@@ -0,0 +1,9 @@
+```html
+{{ 1 |> to => a}}
+
+<script>
+(a + 2) |> to => result
+</script>
+
+Code result: {{ result }}
+```
diff --git a/wwwroot/gfm/syntax/08.html b/wwwroot/gfm/syntax/08.html
new file mode 100644
index 0000000..244759b
--- /dev/null
+++ b/wwwroot/gfm/syntax/08.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>{{ 1 |&gt; to =&gt; a}}
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"></span>
+<span class="pl-s1">(def local<span class="pl-k">-</span><span class="pl-en">arg</span> (<span class="pl-k">+</span> a <span class="pl-c1">2</span>))</span>
+<span class="pl-s1">(<span class="pl-k">export</span> <span class="pl-smi">result</span> <span class="pl-smi">local</span><span class="pl-k">-</span><span class="pl-smi">arg</span>)</span>
+<span class="pl-s1"><span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1">Lisp result<span class="pl-k">:</span> {{ result }}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/08.md b/wwwroot/gfm/syntax/08.md
new file mode 100644
index 0000000..0b09de8
--- /dev/null
+++ b/wwwroot/gfm/syntax/08.md
@@ -0,0 +1,10 @@
+```html
+{{ 1 |> to => a}}
+
+<script>
+(def local-arg (+ a 2))
+(export result local-arg)
+</script>
+
+Lisp result: {{ result }}
+```
diff --git a/wwwroot/gfm/syntax/09.html b/wwwroot/gfm/syntax/09.html
new file mode 100644
index 0000000..01243bc
--- /dev/null
+++ b/wwwroot/gfm/syntax/09.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-text-html-basic"><pre>{{ 1 |&gt; to =&gt; a}}
+
+&lt;<span class="pl-ent">script</span>&gt;<span class="pl-s1"><span class="pl-k">|</span>q</span>
+<span class="pl-s1">(setq local<span class="pl-k">-</span><span class="pl-en">arg</span> (<span class="pl-k">+</span> a <span class="pl-c1">2</span>))</span>
+<span class="pl-s1">(<span class="pl-k">export</span> <span class="pl-smi">result</span> <span class="pl-smi">local</span><span class="pl-k">-</span><span class="pl-smi">arg</span>)</span>
+<span class="pl-s1"><span class="pl-k">&lt;</span><span class="pl-k">/</span>script<span class="pl-k">&gt;</span></span>
+<span class="pl-s1"></span>
+<span class="pl-s1">Lisp result<span class="pl-k">:</span> {{ result }}</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/09.md b/wwwroot/gfm/syntax/09.md
new file mode 100644
index 0000000..0c62234
--- /dev/null
+++ b/wwwroot/gfm/syntax/09.md
@@ -0,0 +1,10 @@
+```html
+{{ 1 |> to => a}}
+
+<script>|q
+(setq local-arg (+ a 2))
+(export result local-arg)
+</script>
+
+Lisp result: {{ result }}
+```
diff --git a/wwwroot/gfm/syntax/10.html b/wwwroot/gfm/syntax/10.html
new file mode 100644
index 0000000..807e843
--- /dev/null
+++ b/wwwroot/gfm/syntax/10.html
@@ -0,0 +1,4 @@
+<div class="gfm"><div class="highlight highlight-text-html-handlebars"><pre><span class="pl-c1">{{</span> <span class="pl-v">1</span> |&gt; <span class="pl-e"><span class="pl-v">to</span></span> =&gt; <span class="pl-e"><span class="pl-v">a</span></span> <span class="pl-c1">}}</span>
+
+Lisp result: {|lisp (+ a 2) |}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/10.md b/wwwroot/gfm/syntax/10.md
new file mode 100644
index 0000000..0c498e0
--- /dev/null
+++ b/wwwroot/gfm/syntax/10.md
@@ -0,0 +1,5 @@
+```hbs
+{{ 1 |> to => a }}
+
+Lisp result: {|lisp (+ a 2) |}
+```
diff --git a/wwwroot/gfm/syntax/11.html b/wwwroot/gfm/syntax/11.html
new file mode 100644
index 0000000..9fb3619
--- /dev/null
+++ b/wwwroot/gfm/syntax/11.html
@@ -0,0 +1,16 @@
+<div class="gfm"><div class="highlight highlight-source-js"><pre><span class="pl-s1">intList</span><span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-c1">10</span>
+<span class="pl-s1">stringArray</span><span class="pl-kos">[</span><span class="pl-c1">1</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-s">"foo"</span>
+<span class="pl-s1">stringMap</span><span class="pl-kos">[</span><span class="pl-s">"foo"</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-s">"bar"</span>
+<span class="pl-s1">person</span><span class="pl-kos">.</span><span class="pl-c1">Age</span> <span class="pl-c1">=</span> <span class="pl-c1">27</span>
+<span class="pl-s1">objectMap</span><span class="pl-kos">.</span><span class="pl-c1">Person</span><span class="pl-kos">.</span><span class="pl-c1">Name</span> <span class="pl-c1">=</span> <span class="pl-s">"kurt"</span>
+<span class="pl-s1">objectMap</span><span class="pl-kos">[</span><span class="pl-s">'Per'</span> <span class="pl-c1">+</span> <span class="pl-s">'son'</span><span class="pl-kos">]</span><span class="pl-kos">.</span><span class="pl-c1">Name</span> <span class="pl-c1">=</span> <span class="pl-s">"kurt"</span>
+<span class="pl-s1">intList</span><span class="pl-kos">[</span><span class="pl-c1">1.</span><span class="pl-en">isOdd</span><span class="pl-kos">(</span><span class="pl-kos">)</span> ? <span class="pl-c1">2</span> : <span class="pl-c1">3</span><span class="pl-kos">]</span> <span class="pl-c1">=</span> <span class="pl-c1">30</span></pre></div>
+<h3>
+<a id="dynamically-resolve-args" class="anchor" href="#dynamically-resolve-args" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>Dynamically resolve args</h3>
+<p>The <code>resolve*</code> APIs let you resolve a variable named with the result of an expression, e.g:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> <span class="pl-s1">tableNames</span> <span class="pl-c1">=</span> <span class="pl-en">resolveGlobal</span><span class="pl-kos">(</span><span class="pl-s">`<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">db</span><span class="pl-kos">}</span></span>_tables`</span><span class="pl-kos">)</span></pre></div>
+<p>Equivalent to:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> <span class="pl-s1">tableNames</span> <span class="pl-c1">=</span> <span class="pl-s1">global</span><span class="pl-kos">[</span><span class="pl-s">`<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">db</span><span class="pl-kos">}</span></span>_tables`</span><span class="pl-kos">]</span></pre></div>
+<p>Whereas <code>resolveArg</code> lets you resolve a variable using locally scope resolution hierarchy:</p>
+<div class="highlight highlight-source-ts"><pre><span class="pl-k">var</span> <span class="pl-s1">tableNames</span> <span class="pl-c1">=</span> <span class="pl-en">resolveArg</span><span class="pl-kos">(</span><span class="pl-s">`<span class="pl-s1"><span class="pl-kos">${</span><span class="pl-s1">db</span><span class="pl-kos">}</span></span>_tables`</span><span class="pl-kos">)</span></pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/syntax/11.md b/wwwroot/gfm/syntax/11.md
new file mode 100644
index 0000000..f70fb20
--- /dev/null
+++ b/wwwroot/gfm/syntax/11.md
@@ -0,0 +1,29 @@
+```js
+intList[1] = 10
+stringArray[1] = "foo"
+stringMap["foo"] = "bar"
+person.Age = 27
+objectMap.Person.Name = "kurt"
+objectMap['Per' + 'son'].Name = "kurt"
+intList[1.isOdd() ? 2 : 3] = 30
+```
+
+### Dynamically resolve args
+
+The `resolve*` APIs let you resolve a variable named with the result of an expression, e.g:
+
+```ts
+var tableNames = resolveGlobal(`${db}_tables`)
+```
+
+Equivalent to:
+
+```ts
+var tableNames = global[`${db}_tables`]
+```
+
+Whereas `resolveArg` lets you resolve a variable using locally scope resolution hierarchy:
+
+```ts
+var tableNames = resolveArg(`${db}_tables`)
+```
diff --git a/wwwroot/gfm/transformers/01.html b/wwwroot/gfm/transformers/01.html
new file mode 100644
index 0000000..663f417
--- /dev/null
+++ b/wwwroot/gfm/transformers/01.html
@@ -0,0 +1,21 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">public</span> <span class="pl-k">class</span> <span class="pl-en">MarkdownPageFormat</span> : <span class="pl-en">PageFormat</span>
+{
+    <span class="pl-k">private</span> <span class="pl-k">static</span> <span class="pl-k">readonly</span> MarkdownDeep.<span class="pl-en">Markdown</span> <span class="pl-smi">markdown</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-k">MarkdownDeep</span>.<span class="pl-en">Markdown</span>();
+
+    <span class="pl-k">public</span> <span class="pl-en">MarkdownPageFormat</span>()
+    {
+        <span class="pl-smi">Extension</span> <span class="pl-k">=</span> <span class="pl-s"><span class="pl-pds">"</span>md<span class="pl-pds">"</span></span>;
+        <span class="pl-smi">ContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">MarkdownText</span>;
+    }
+
+    <span class="pl-k">public</span> <span class="pl-k">static</span> <span class="pl-k">async</span> <span class="pl-en">Task</span>&lt;<span class="pl-en">Stream</span>&gt; <span class="pl-en">TransformToHtml</span>(<span class="pl-en">Stream</span> <span class="pl-smi">markdownStream</span>)
+    {
+        <span class="pl-k">using</span> (<span class="pl-k">var</span> <span class="pl-smi">reader</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">StreamReader</span>(<span class="pl-smi">markdownStream</span>))
+        {
+            <span class="pl-k">var</span> <span class="pl-smi">md</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">reader</span>.<span class="pl-en">ReadToEndAsync</span>();
+            <span class="pl-k">var</span> <span class="pl-smi">html</span> <span class="pl-k">=</span> <span class="pl-smi">markdown</span>.<span class="pl-en">Transform</span>(<span class="pl-smi">md</span>);
+            <span class="pl-k">return</span> <span class="pl-smi">MemoryStreamFactory</span>.<span class="pl-en">GetStream</span>(<span class="pl-smi">html</span>.<span class="pl-en">ToUtf8Bytes</span>());
+        }
+    }
+}</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/01.md b/wwwroot/gfm/transformers/01.md
new file mode 100644
index 0000000..d8f477e
--- /dev/null
+++ b/wwwroot/gfm/transformers/01.md
@@ -0,0 +1,22 @@
+```csharp
+public class MarkdownPageFormat : PageFormat
+{
+    private static readonly MarkdownDeep.Markdown markdown = new MarkdownDeep.Markdown();
+
+    public MarkdownPageFormat()
+    {
+        Extension = "md";
+        ContentType = MimeTypes.MarkdownText;
+    }
+
+    public static async Task<Stream> TransformToHtml(Stream markdownStream)
+    {
+        using (var reader = new StreamReader(markdownStream))
+        {
+            var md = await reader.ReadToEndAsync();
+            var html = markdown.Transform(md);
+            return MemoryStreamFactory.GetStream(html.ToUtf8Bytes());
+        }
+    }
+}
+```
diff --git a/wwwroot/gfm/transformers/02.html b/wwwroot/gfm/transformers/02.html
new file mode 100644
index 0000000..5596fea
--- /dev/null
+++ b/wwwroot/gfm/transformers/02.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
+}.<span class="pl-en">Init</span>();
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>_layout.md<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">@"</span></span>
+<span class="pl-s">The Header</span>
+<span class="pl-s"></span>
+<span class="pl-s">{{ page }}<span class="pl-pds">"</span></span>);
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>page.md<span class="pl-pds">"</span></span>,  <span class="pl-s"><span class="pl-pds">@"</span></span>
+<span class="pl-s">## {{ title }}</span>
+<span class="pl-s"></span>
+<span class="pl-s">The Content<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/02.md b/wwwroot/gfm/transformers/02.md
new file mode 100644
index 0000000..7baa80c
--- /dev/null
+++ b/wwwroot/gfm/transformers/02.md
@@ -0,0 +1,15 @@
+```csharp
+var context = new ScriptContext {
+    PageFormats = { new MarkdownPageFormat() }
+}.Init();
+
+context.VirtualFiles.WriteFile("_layout.md", @"
+The Header
+
+{{ page }}");
+
+context.VirtualFiles.WriteFile("page.md",  @"
+## {{ title }}
+
+The Content");
+```
diff --git a/wwwroot/gfm/transformers/03.html b/wwwroot/gfm/transformers/03.html
new file mode 100644
index 0000000..f918f19
--- /dev/null
+++ b/wwwroot/gfm/transformers/03.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>page<span class="pl-pds">"</span></span>)) 
+{
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> { {<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>The Title<span class="pl-pds">"</span></span>} },
+    <span class="pl-smi">ContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">Html</span>,
+    <span class="pl-smi">OutputTransformers</span> <span class="pl-k">=</span> { <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span> },
+};
+
+<span class="pl-k">var</span> <span class="pl-smi">html</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">result</span>.<span class="pl-en">RenderToStringAsync</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/03.md b/wwwroot/gfm/transformers/03.md
new file mode 100644
index 0000000..e471afc
--- /dev/null
+++ b/wwwroot/gfm/transformers/03.md
@@ -0,0 +1,10 @@
+```csharp
+var result = new PageResult(context.GetPage("page")) 
+{
+    Args = { {"title", "The Title"} },
+    ContentType = MimeTypes.Html,
+    OutputTransformers = { MarkdownPageFormat.TransformToHtml },
+};
+
+var html = await result.RenderToStringAsync();
+```
diff --git a/wwwroot/gfm/transformers/04.html b/wwwroot/gfm/transformers/04.html
new file mode 100644
index 0000000..2522580
--- /dev/null
+++ b/wwwroot/gfm/transformers/04.html
@@ -0,0 +1,17 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span> {
+    <span class="pl-smi">PageFormats</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">MarkdownPageFormat</span>() }
+}.<span class="pl-en">Init</span>();
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>_layout.html<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">@"</span></span>
+<span class="pl-s">&lt;html&gt;</span>
+<span class="pl-s">  &lt;title&gt;{{ title }}&lt;/title&gt;</span>
+<span class="pl-s">&lt;/head&gt;</span>
+<span class="pl-s">&lt;body&gt;</span>
+<span class="pl-s">  {{ page }}</span>
+<span class="pl-s">&lt;/body&gt;<span class="pl-pds">"</span></span>);
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>page.md<span class="pl-pds">"</span></span>,  <span class="pl-s"><span class="pl-pds">@"</span></span>
+<span class="pl-s">## Transformers</span>
+<span class="pl-s"></span>
+<span class="pl-s">The Content<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/04.md b/wwwroot/gfm/transformers/04.md
new file mode 100644
index 0000000..552c1b4
--- /dev/null
+++ b/wwwroot/gfm/transformers/04.md
@@ -0,0 +1,18 @@
+```csharp
+var context = new ScriptContext {
+    PageFormats = { new MarkdownPageFormat() }
+}.Init();
+
+context.VirtualFiles.WriteFile("_layout.html", @"
+<html>
+  <title>{{ title }}</title>
+</head>
+<body>
+  {{ page }}
+</body>");
+
+context.VirtualFiles.WriteFile("page.md",  @"
+## Transformers
+
+The Content");
+```
diff --git a/wwwroot/gfm/transformers/05.html b/wwwroot/gfm/transformers/05.html
new file mode 100644
index 0000000..00fc39b
--- /dev/null
+++ b/wwwroot/gfm/transformers/05.html
@@ -0,0 +1,9 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">result</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>page<span class="pl-pds">"</span></span>)) 
+{
+    <span class="pl-smi">Args</span> <span class="pl-k">=</span> { {<span class="pl-s"><span class="pl-pds">"</span>title<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>The Title<span class="pl-pds">"</span></span>} },
+    <span class="pl-smi">ContentType</span> <span class="pl-k">=</span> <span class="pl-smi">MimeTypes</span>.<span class="pl-smi">Html</span>,
+    <span class="pl-smi">PageTransformers</span> <span class="pl-k">=</span> { <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span> },
+};
+
+<span class="pl-k">var</span> <span class="pl-smi">html</span> <span class="pl-k">=</span> <span class="pl-k">await</span> <span class="pl-smi">result</span>.<span class="pl-en">RenderToStringAsync</span>();</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/05.md b/wwwroot/gfm/transformers/05.md
new file mode 100644
index 0000000..e9a7fb0
--- /dev/null
+++ b/wwwroot/gfm/transformers/05.md
@@ -0,0 +1,10 @@
+```csharp
+var result = new PageResult(context.GetPage("page")) 
+{
+    Args = { {"title", "The Title"} },
+    ContentType = MimeTypes.Html,
+    PageTransformers = { MarkdownPageFormat.TransformToHtml },
+};
+
+var html = await result.RenderToStringAsync();
+```
diff --git a/wwwroot/gfm/transformers/06.html b/wwwroot/gfm/transformers/06.html
new file mode 100644
index 0000000..e2ef866
--- /dev/null
+++ b/wwwroot/gfm/transformers/06.html
@@ -0,0 +1,14 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">context</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">ScriptContext</span>
+{
+    <span class="pl-smi">ScriptMethods</span> <span class="pl-k">=</span> { <span class="pl-k">new</span> <span class="pl-en">ProtectedScripts</span>() },
+    <span class="pl-smi">FilterTransformers</span> <span class="pl-k">=</span>
+    {
+        [<span class="pl-s"><span class="pl-pds">"</span>markdown<span class="pl-pds">"</span></span>] <span class="pl-k">=</span> <span class="pl-smi">MarkdownPageFormat</span>.<span class="pl-smi">TransformToHtml</span>
+    }
+}.<span class="pl-en">Init</span>();
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>doc.md<span class="pl-pds">"</span></span>, <span class="pl-s"><span class="pl-pds">"</span>## The Heading<span class="pl-cce">\n</span>The Content<span class="pl-pds">"</span></span>);
+
+<span class="pl-smi">context</span>.<span class="pl-smi">VirtualFiles</span>.<span class="pl-en">WriteFile</span>(<span class="pl-s"><span class="pl-pds">"</span>page.html<span class="pl-pds">"</span></span>, 
+    <span class="pl-s"><span class="pl-pds">"</span>&lt;div id=<span class="pl-pds">"</span></span><span class="pl-smi">content</span><span class="pl-s"><span class="pl-pds">"</span>&gt;{{ 'doc.md' |> includeFile |> markdown }}&lt;/div&gt;<span class="pl-pds">"</span></span>);</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/06.md b/wwwroot/gfm/transformers/06.md
new file mode 100644
index 0000000..0c7b325
--- /dev/null
+++ b/wwwroot/gfm/transformers/06.md
@@ -0,0 +1,15 @@
+```csharp
+var context = new ScriptContext
+{
+    ScriptMethods = { new ProtectedScripts() },
+    FilterTransformers =
+    {
+        ["markdown"] = MarkdownPageFormat.TransformToHtml
+    }
+}.Init();
+
+context.VirtualFiles.WriteFile("doc.md", "## The Heading\nThe Content");
+
+context.VirtualFiles.WriteFile("page.html", 
+    "<div id="content">{{ 'doc.md' |> includeFile |> markdown }}</div>");
+```
diff --git a/wwwroot/gfm/transformers/07.html b/wwwroot/gfm/transformers/07.html
new file mode 100644
index 0000000..22acbbc
--- /dev/null
+++ b/wwwroot/gfm/transformers/07.html
@@ -0,0 +1,2 @@
+<div class="gfm"><div class="highlight highlight-source-cs"><pre><span class="pl-k">var</span> <span class="pl-smi">html</span> <span class="pl-k">=</span> <span class="pl-k">new</span> <span class="pl-en">PageResult</span>(<span class="pl-smi">context</span>.<span class="pl-en">GetPage</span>(<span class="pl-s"><span class="pl-pds">"</span>page<span class="pl-pds">"</span></span>)).<span class="pl-smi">Result</span>;</pre></div>
+</div>
\ No newline at end of file
diff --git a/wwwroot/gfm/transformers/07.md b/wwwroot/gfm/transformers/07.md
new file mode 100644
index 0000000..cb0b7f6
--- /dev/null
+++ b/wwwroot/gfm/transformers/07.md
@@ -0,0 +1,3 @@
+```csharp
+var html = new PageResult(context.GetPage("page")).Result;
+```
diff --git a/wwwroot/index.html b/wwwroot/index.html
new file mode 100644
index 0000000..73967bc
--- /dev/null
+++ b/wwwroot/index.html
@@ -0,0 +1,322 @@
+
+<h1 style="font-size:80px;color:#000;text-align:center;margin:-20px 0 40px 0;">
+    <img src="/assets/img/logo.svg" alt="#Script" style="width:90px;height:90px">Script
+</h1>
+
+<p>
+    <em>#Script</em> is a <a href="/docs/introduction#simplicity-end-to-end">simple</a>, fast, highly versatile and
+    <a href="/docs/introduction#embed">embeddable scripting language</a>
+    for .NET Core and .NET Apps that utilizes a 
+    <a href="/docs/syntax">familiar JavaScript inspired expressive Syntax</a> 
+    to enable dynamic scripting of .NET Apps via controlled access to pluggable 
+    <a href="/docs/methods">methods</a> and <a href="/docs/arguments">arguments</a>
+    within a <a href="/docs/sandbox">sandbox</a> environment - ensuring scripts are encapsulated and 
+    encourages the use of reusable and testable components where live environments can be easily re-created and simulated. 
+</p>
+
+<p>
+    <em>#Script</em> supports <a href="/docs/syntax">template</a> mode (default), 
+    <a href="/scode/">code</a> mode and <a href="/lisp/">lisp</a>, see how they compare in C#'s 101 LINQ Examples:
+</p>
+
+<div class="text-center pt-3">
+    <a href="/linq/restriction-operators" class="btn btn-outline-primary btn-lg">template</a>
+    <a href="/linq/restriction-operators?lang=code" class="btn btn-outline-primary btn-lg">code</a>
+    <a href="/linq/restriction-operators?lang=lisp" class="btn btn-outline-primary btn-lg">lisp</a>
+</div>
+
+<h3>Popular Use Cases</h3>
+
+<p>
+    These qualities opens <em>#Script</em> up to a number of new use-cases that's better suited than Razor for maintaining 
+    <a href="/usecases/content-websites">content-heavy websites</a>, <a href="/usecases/live-documents">live documents</a>,
+    <a href="/usecases/email-templates">Email Templates</a> and can easily 
+    <a href="/usecases/introspect-state">introspect the state of running .NET Apps</a> where they provide 
+    <a href="/docs/servicestack-scripts#debug-template">valuable insight at a glance</a>.
+</p>
+
+<h3 id="embed">Embed in .NET</h3>
+
+<p>
+    After adding the <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a> NuGet package,
+    you can start executing <em>#Script</em> by initializing a <em>ScriptContext</em>
+</p>
+
+{{ 'gfm/introduction/01.md' |> githubMarkdown }}
+
+<p>
+    The ScriptContext is the sandbox where all scripts are executed within, everything your script has access to and generates 
+    is maintained within the ScriptContext. Once initialized you can start using it to evaluate scripts which you can do with:
+</p>
+
+{{ 'gfm/introduction/02.md' |> githubMarkdown }}
+
+<p>
+    See <a href="/docs/introduction#embed">Embedding in .NET docs</a> for how to customize and add additional functionality to your <em>ScriptContext</em>.
+</p>
+
+<p>
+    To find out how to enable unrestricted access to existing .NET Types see <a href="/docs/script-net">Scripting .NET Types</a>.
+</p>
+
+<h3>Sharp Scripts</h3>
+
+<p>
+    The easiest way to get started is to use the <a href="https://docs.servicestack.net/dotnet-tool">dotnet web tool</a>
+    to run a <a href="/docs/sharp-scripts">Sharp Script</a> in <a href="/docs/sharp-scripts#live-script-with-web-watch">watch mode</a>
+    by creating a text file with the <em>.ss</em> extension and running it with <em>x watch &lt;name&gt;.ss</em>.
+</p>
+
+<h3>Exploratory programming</h3>
+
+<p>
+    Unlike most languages, <em>#Script</em> has 2 outputs, the side-effect of the script itself and its textual output which makes it ideal for 
+    literate programming where executable snippets can be embedded inside an executable document. 
+</p>
+<p>
+    <a href="/docs/syntax#code-blocks">code blocks</a> are a convenient markup for embedding executable scripts within a document without the 
+    distracting boilerplate of wrapping each statement in expression blocks. Together with <em>x watch</em>, <em>#Script</em> allows for an iterative, 
+    exploratory style of programming in a live programming environment that benefits many domains whose instant progressive feedback unleashes 
+    an unprecedented amount of productivity, one of those areas it benefits is shell scripting where the iterative feedback is invaluable in 
+    working towards a solution for automating the desired task.
+</p>
+
+
+<h4>Live Shell Scripting</h4>
+
+<p>
+    To provide a glimpse of the productivity of this real-time exploratory programming-style, here's an example
+    of a task we needed to automate to import and rename <b>48px</b> SVG images from 
+    <a href="https://github.com/google/material-design-icons">Material Design Icons Project</a>
+    folders into the form needed in the <a href="https://docs.servicestack.net/mix-tool">mix</a> Gists:
+</p>
+
+<a href="https://youtu.be/joXSHtfb_7g"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/rename-icons.gif" alt=""></a>
+
+<blockquote>
+YouTube: <a href="https://youtu.be/joXSHtfb_7g">youtu.be/joXSHtfb_7g</a>
+</blockquote>
+
+<p>
+    Here we can see how we're able to progressively arrive at our solution without leaving the source code, with the <b>watched</b> script 
+    automatically updated at each <em>Ctrl+S</em> save point where we're able to easily infer its behavior from its descriptive textual output.
+</p>
+
+
+<h4>Explore HTTP APIs in real-time</h4>
+
+<p>
+    The real-time scriptability of <em>#Script</em> makes it ideal for a whole host of Exploratory programming tasks that would otherwise be painful
+    in the slow code/build/debug cycles of a compiled language like C#, like being able to cut, sort & slice HTTP APIs with ease:
+</p>
+
+<a href="https://youtu.be/Yjx_9Tp91bQ"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/github-api.gif" alt=""></a>
+
+<blockquote>
+YouTube: <a href="https://youtu.be/Yjx_9Tp91bQ">youtu.be/Yjx_9Tp91bQ</a>
+</blockquote>
+
+<h4>Live Querying of Databases</h4>
+
+<p>
+    It also serves a great tool for data exploration, akin to a programmable SQL Studio environment with instant feedback:
+</p>
+
+<a href="https://youtu.be/HCjxVJ8RyPc"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/mix/query-northwind.gif" alt=""></a>
+
+<blockquote>
+YouTube: <a href="https://youtu.be/HCjxVJ8RyPc">youtu.be/HCjxVJ8RyPc</a>
+</blockquote>
+
+<p>
+    That benefits from being able to maintain reusable queries in simple, executable text files that can be organized along with other 
+    shell scripts and treated like source code where it can be checked into a versionable repo, that anyone will be able to checkout and run 
+    from the command-line in Windows, macOS or Linux OS's.
+</p>
+
+<h4>Querying AWS and Azure RDBMS and File Storage Resources</h4>
+
+<p>
+    Scripts have access to all built-in Scripts and ServiceStack's which makes it easy to create scripts 
+    that run against 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#8-flavours-of-ormlite-is-on-nuget">all supported RDBMS's</a>
+    and cloud agnostic <a href="https://github.com/ServiceStack/ServiceStack.Aws">ServiceStack.Aws</a> and
+    <a href="https://github.com/ServiceStack/ServiceStack.Azure">ServiceStack.Azure</a> as seen below with the same script
+    below performs adhoc queries against an AWS RDS PostgreSQL managed database and S3 File Storage and an Azure SQL Server 
+    Database and Azure Blob File Storage:
+</p>
+
+<a href="https://youtu.be/GQvxyPHQjhM"><img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/watch-aws-azure.gif" alt=""></a>
+
+<blockquote>
+YouTube: <a href="https://youtu.be/GQvxyPHQjhM">youtu.be/GQvxyPHQjhM</a>
+</blockquote>
+
+<h4>Live Transformations</h4>
+
+<p>
+    The <em>watch</em> mode enables an live REPL which serves as an interactive Exploratory playground 
+    that's especially useful in scripts where you want instant feedback like viewing the results of 
+    <a href="/docs/sharp-scripts#live-transformations">live transformations</a>:
+</p>
+
+<img src="https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/livepad.gif" alt="">
+
+<h3>Sharp Apps</h3>
+
+<p>
+    One use-case made possible by <em>#Script</em> we're extremely excited about is <a href="/docs/sharp-apps">Sharp Apps</a> - a new approach to 
+    dramatically simplify .NET Web App development and provide the most productive development experience possible. 
+</p>
+
+<p>
+    <a href="/docs/sharp-apps">Sharp Apps</a> leverages <em>#Script</em> to develop entire content-rich, data-driven websites in a pure live development model 
+    without needing to write any C#, compile projects or manually refresh pages. Checkout the Spirals Sharp App below 
+    for a glimpse of the Live Development experience available:
+</p>
+
+{{#markdown}}
+> YouTube: [youtu.be/2FFRLxs7orU](https://youtu.be/Cf-vstYXrmY)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png)](https://youtu.be/Cf-vstYXrmY)
+{{/markdown}}
+
+<blockquote>
+    See the <a href="https://github.com/sharp-apps/spirals#the-making-of-spirals">Making of Spirals</a> for a walk through on how to create
+    the Spirals Web App from scratch.
+</blockquote>
+
+
+<p>
+    The integrated development experience extends to end-to-end to provide a seamless installation and deployment experience where the 
+    same <em>x</em> dotnet tool used to develop Sharp Apps is all users need to find and install Apps locally or hosted as a server App 
+    where they're easily deployed and <a href="/docs/deploying-sharp-apps">hosted on Linux or run within Docker</a> -
+    the overall Sharp Apps experience results in the easiest and fastest way to develop and deploy Web Apps in .NET!
+</p>
+
+<h3>GitHub Desktop Apps</h3>
+
+<p>
+    Sharp Apps can also be published to Gists where they can be <b>run on-the-fly without installation</b>, they're always up-to-date, have tiny 
+    footprints are fast to download and launch that can also run locally, off-line and cross-platform across Windows, macOS and Linux OS's.
+</p>
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/FlKeaav0gt8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+<h4>Pure Cloud Apps</h4>
+
+<p>
+    <a href="/docs/sharp-apps">Sharp Apps</a> also enable the development of <a href="/docs/sharp-apps#pure-cloud-apps">Pure Cloud Apps</a> 
+    where the same SharpApp can be developed and run entirely on <em>AWS S3 and RDS</em> or <em>Azure Blob Storage and SQL Server</em> 
+    by just changing its <em>app.settings</em>.
+</p>
+
+<h3>Learn #Script</h3>
+
+<p>
+    Get started learning <em>#Script</em> by going through the <a href="/docs/installation">Interactive Guide</a> and creating
+    a <a href="/docs/installation#starter-projects">Starter Project</a>.
+</p>
+
+<p>
+    View the source code of this 
+    <a href="https://github.com/ServiceStack/sharpscript">#Script Pages website</a> to see how clean a website built with it is.
+</p>
+
+<p>
+    Checkout the <a href="/linq/">Live LINQ examples</a> for a fun Live programming experience to explore its querying features, as a quick
+    preview here's a copy of the <a href="/linq/restriction-operators">first LINQ example</a> you can play with below:
+</p>
+
+{{ "linq-preview" |> partial({ rows: 7, example: "linq01" }) }}
+
+<p>
+    Or can be written using different languages within the same <em>#Script</em> using
+    <a href="/docs/syntax#lang-blocks">Language Blocks and Expressions</a>:
+</p>
+
+{{ "linq-preview" |> partial({ rows: 11, example: "linq01-langs", lang:"template" }) }}
+
+<h5 id="language">Language</h5>
+
+<p>
+    The language itself a familiar combination of
+    <a href="/docs/expression-viewer">JavaScript expressions</a> contained within Template Expressions popularized in    
+    <a href="https://vuejs.org/v2/guide/filters.html">Vue.js filters</a> and 
+    <a href="https://angular.io/guide/template-syntax#template-expression-operators">Angular's Template Expressions</a>
+    whilst statements adopt <a href="/docs/blocks">Handlebars block helpers</a> syntax. The language is also highly extensible which is pre-configured
+    <a href="/docs/default-scripts">comprehensive suite of safe methods</a> and blocks by default, but are all registered via its 
+    rich plugin functionality which can be completely removed or "shadowed" (aka overridden) where it could be used to form the basis of your
+    own completely different DSL.
+</p>
+
+<h5 id="ecosystem">Ecosystem</h5>
+
+<p>
+    In addition to the language, <em>#Script</em> includes a surrounding ecosystem of rich functionality adapting <em>#Script</em>
+    to power a number of fun and exciting scenarios. E.g. Scripts are lazily loaded from its Virtual File System
+    which can be configured to use any of the <a href="https://docs.servicestack.net/virtual-file-system">available Virtual File Systems</a>
+    and is what enables <a href="/docs/sharp-apps#pure-cloud-apps">Pure Cloud Apps</a> where <b>entire</b> Sharp Apps could be hosted within
+    your AWS S3 Bucket or Azure Blob Storage.
+</p>
+
+<h5 id="dynamic">Dynamic</h5>
+
+<p>
+    It's small, lightweight footprint and built-in <a href="/docs/hot-reloading">Hot Reloading</a>
+    provides a fun, clean and productive alternative to MVC Razor that's easily 
+    <a href="/docs/sharp-pages">integrated into any web framework</a> and runs identically in 
+    <a href="/docs/sharp-pages#runs-everywhere">every platform ServiceStack runs on</a>, as well as
+    within <a href="/mvc-netcore#aspnet-mvc--templates-demo">ASP.NET MVC</a> and <a href="/docs/mvc-netcore">ASP.NET Core MVC</a> 
+    Controllers - in all cases, using the same <a href="/docs/introduction#instant-startup">high-performance implementation</a>    
+    to asynchronously write to a forward-only OutputStream for max performance and maximum potential reuse of your Source Code.
+</p>
+
+<p>
+    <em>#Script</em> scripts are lazily loaded and <a href="/docs/introduction#late-bound">late-bound</a> for Instant Startup, doesn't require any 
+    pre-compilation, coupling to any external configuration files, build tools, designer tooling or have any special deployment requirements.
+    It can be used as a general purpose scripting or templating language to generate <a href="/docs/page-formats">any text format</a> 
+    and includes built-in support for <em>.html</em>.
+</p>
+
+<h5 id="encapsulated">Encapsulated</h5>
+
+<p>
+    Similar to <a href="https://vuejs.org/v2/guide/components.html">Vue.js Components</a>, Sharp Script's are evaluated in an 
+    <a href="/docs/sandbox">Encapsulated Sandbox</a> that enables fine-grained control over exactly what functionality and instances 
+    are available to different Scripts. They're pre-configured with a comprehensive suite of safe 
+    <a href="/docs/default-scripts">Default Scripts</a> which when running in trusted contexts can easily be granted access to 
+    <a href="/docs/scripts-reference">enhanced functionality</a>.
+</p>
+
+<h5 id="simple">Simple</h5>
+
+<p>
+    <em>#Script</em> is designed to be incrementally adoptable where its initial form is
+    <a href="/docs/sharp-apps#ideal-for-web-designers-and-content-authors">ideal for non-programmers</a>, 
+    that can gradually adopt more power and functionality when needed where they can leverage existing Services or MVC Controllers 
+    to enable an 
+    <a href="/docs/model-view-controller">MVC programming model</a> or have <em>.html</em> pages upgraded to use 
+    <a href="/docs/code-pages">Code Pages</a> where they can utilize the full unlimited power of the C# programming language to 
+    enable precise control over the rendering of pages and partials. Code pages take precedence and are interchangeable wherever 
+    normal <em>.html</em> pages are requested making them a non-invasive alternative whenever advanced functionality is required.
+</p>
+
+<h3>Free!</h3>
+
+<p>
+    We believe we've only scratched the surface of what's possible with <em>#Script</em> and we'd love to see what new 
+    use-cases it can help achieve and help encourage an ecosystem of pluggable and reusable scripts, <em>#Script</em> is 
+    being developed in <a href="https://www.nuget.org/packages/ServiceStack.Common">ServiceStack.Common</a> which is a
+    <b>free library for commercial or non-commercial</b>
+</p>
+
+<p>
+    ServiceStack's existing <a href="https://servicestack.net/download#free-quotas">free-quotas</a>
+    only applies if you're using <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>,
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis">ServiceStack.Redis</a> or exceed the allowed free-quota of 
+    ServiceStack Services. These restrictions don't apply for <a href="https://sharpscript.net/sharp-apps/#free">Sharp or Gist Desktop Apps</a>
+    that can be developed & distributed free without a commercial license.
+</p>
+
+{{ "doc-links" |> partial({ order: 0 }) }}
diff --git a/wwwroot/lang-select.html b/wwwroot/lang-select.html
new file mode 100644
index 0000000..bc9c1cc
--- /dev/null
+++ b/wwwroot/lang-select.html
@@ -0,0 +1,19 @@
+<div class="container-fluid">
+    <div class="row">
+        <div class="col"></div>
+        <div class="col-1 mr-3 mt-1 text-muted">languages</div>
+        <div class="col-3">
+            <div class="lang-select btn-group btn-group-toggle" data-toggle="buttons">
+                <label class="btn btn-outline-primary">
+                    <input type="radio" name="options" id="template" autocomplete="off"> template
+                </label>
+                <label class="btn btn-outline-primary">
+                    <input type="radio" name="options" id="code" autocomplete="off"> code
+                </label>
+                <label class="btn btn-outline-primary">
+                    <input type="radio" name="options" id="lisp" autocomplete="off"> lisp
+                </label>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/wwwroot/linq-links.html b/wwwroot/linq-links.html
new file mode 100644
index 0000000..001bfdd
--- /dev/null
+++ b/wwwroot/linq-links.html
@@ -0,0 +1,13 @@
+<div class="linq-links">
+
+
+{{#with order.prevLinqLink() }}
+    <span>&#8592; <a href="{{ qs.lang ? `${Key}?lang=${qs.lang}` : Key }}">{{ Value }}</a></span>
+{{/with}}
+    
+
+{{#with order.nextLinqLink() }}
+    <span style="float:right"><a href="{{ qs.lang ? `${Key}?lang=${qs.lang}` : Key }}">{{ Value }}</a> &#8594;</span>
+{{/with}}
+
+</div>
\ No newline at end of file
diff --git a/wwwroot/linq-preview.html b/wwwroot/linq-preview.html
new file mode 100644
index 0000000..271e09d
--- /dev/null
+++ b/wwwroot/linq-preview.html
@@ -0,0 +1,12 @@
+{{ (lang ?? qs.lang) |> to => lang }}
+{{ (lang == 'code' ? 'sc' : lang == 'lisp' ? 'l' : 'ss') |> to => ext }}
+
+<div class="linq-preview {{ output }}" data-lang="{{lang}}">
+    <div class="template">
+        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control"
+            rows="{{ rows ?? 6 }}">{{ `code/${example}.${ext}` |> includeFile }}</textarea>
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div> 
diff --git a/src/wwwroot/linq/Miscellaneous-operators.html b/wwwroot/linq/Miscellaneous-operators.html
similarity index 84%
rename from src/wwwroot/linq/Miscellaneous-operators.html
rename to wwwroot/linq/Miscellaneous-operators.html
index e1d6fb6..7f12d54 100644
--- a/src/wwwroot/linq/Miscellaneous-operators.html
+++ b/wwwroot/linq/Miscellaneous-operators.html
@@ -3,6 +3,8 @@
 order: 12
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq94: Concat - 1</h3>
 
 <pre><code>//c#
@@ -21,7 +23,7 @@ <h3>linq94: Concat - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq94" }) }}
+{{ "linq-preview" |> partial({ example: "linq94" }) }}
 
 <h3>linq95: Concat - 2</h3>
 
@@ -48,7 +50,7 @@ <h3>linq95: Concat - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ rows: 8, example: "linq95" }) }}
+{{ "linq-preview" |> partial({ rows: 8, example: "linq95" }) }}
 
 <h3>linq96: EqualAll - 1</h3>
 
@@ -64,7 +66,7 @@ <h3>linq96: EqualAll - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq96" }) }}
+{{ "linq-preview" |> partial({ example: "linq96" }) }}
 
 <h3>linq97: EqualAll - 2</h3>
 
@@ -80,9 +82,9 @@ <h3>linq97: EqualAll - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq97" }) }}
+{{ "linq-preview" |> partial({ example: "linq97" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
 
 
 
diff --git a/src/wwwroot/linq/aggregate-operators.html b/wwwroot/linq/aggregate-operators.html
similarity index 84%
rename from src/wwwroot/linq/aggregate-operators.html
rename to wwwroot/linq/aggregate-operators.html
index 285c317..b6df9cd 100644
--- a/src/wwwroot/linq/aggregate-operators.html
+++ b/wwwroot/linq/aggregate-operators.html
@@ -3,6 +3,8 @@
 order: 11
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq73: Count - Simple</h3>
 
 <pre><code>//c#
@@ -16,7 +18,7 @@ <h3>linq73: Count - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq73" }) }}
+{{ "linq-preview" |> partial({ example: "linq73" }) }}
 
 <h3>linq74: Count - Conditional</h3>
 
@@ -31,7 +33,7 @@ <h3>linq74: Count - Conditional</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq74" }) }}
+{{ "linq-preview" |> partial({ example: "linq74" }) }}
 
 <h3>linq76: Count - Nested</h3>
 
@@ -48,7 +50,7 @@ <h3>linq76: Count - Nested</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq76" }) }}
+{{ "linq-preview" |> partial({ example: "linq76" }) }}
 
 <h3>linq77: Count - Grouped</h3>
 
@@ -66,7 +68,7 @@ <h3>linq77: Count - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq77" }) }}
+{{ "linq-preview" |> partial({ example: "linq77" }) }}
 
 <h3>linq78: Sum - Simple</h3>
 
@@ -81,7 +83,7 @@ <h3>linq78: Sum - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq78" }) }}
+{{ "linq-preview" |> partial({ example: "linq78" }) }}
 
 <h3>linq79: Sum - Projection</h3>
 
@@ -96,7 +98,7 @@ <h3>linq79: Sum - Projection</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq79" }) }}
+{{ "linq-preview" |> partial({ example: "linq79" }) }}
 
 <h3>linq80: Sum - Grouped</h3>
 
@@ -114,7 +116,7 @@ <h3>linq80: Sum - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq80" }) }}
+{{ "linq-preview" |> partial({ example: "linq80" }) }}
 
 <h3>linq81: Min - Simple</h3>
 
@@ -129,7 +131,7 @@ <h3>linq81: Min - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq81" }) }}
+{{ "linq-preview" |> partial({ example: "linq81" }) }}
 
 <h3>linq82: Min - Projection</h3>
 
@@ -144,7 +146,7 @@ <h3>linq82: Min - Projection</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq82" }) }}
+{{ "linq-preview" |> partial({ example: "linq82" }) }}
 
 <h3>linq83: Min - Grouped</h3>
 
@@ -162,7 +164,7 @@ <h3>linq83: Min - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq83" }) }}
+{{ "linq-preview" |> partial({ example: "linq83" }) }}
 
 <h3>linq84: Min - Elements</h3>
 
@@ -181,7 +183,7 @@ <h3>linq84: Min - Elements</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq84", rows: 10 }) }}
+{{ "linq-preview" |> partial({ output: "html-lg", example: "linq84", rows: 10 }) }}
 
 <h3>linq85: Max - Simple</h3>
 
@@ -196,7 +198,7 @@ <h3>linq85: Max - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq85" }) }}
+{{ "linq-preview" |> partial({ example: "linq85" }) }}
 
 <h3>linq86: Max - Projection</h3>
 
@@ -211,7 +213,7 @@ <h3>linq86: Max - Projection</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq86" }) }}
+{{ "linq-preview" |> partial({ example: "linq86" }) }}
 
 <h3>linq87: Max - Grouped</h3>
 
@@ -229,7 +231,7 @@ <h3>linq87: Max - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq87" }) }}
+{{ "linq-preview" |> partial({ example: "linq87" }) }}
 
 <h3>linq88: Max - Elements</h3>
 
@@ -248,7 +250,7 @@ <h3>linq88: Max - Elements</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq88", rows: 10 }) }}
+{{ "linq-preview" |> partial({ output: "html-lg", example: "linq88", rows: 10 }) }}
 
 <h3>linq89: Average - Simple</h3>
 
@@ -263,7 +265,7 @@ <h3>linq89: Average - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq89" }) }}
+{{ "linq-preview" |> partial({ example: "linq89" }) }}
 
 <h3>linq90: Average - Projection</h3>
 
@@ -278,7 +280,7 @@ <h3>linq90: Average - Projection</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq90" }) }}
+{{ "linq-preview" |> partial({ example: "linq90" }) }}
 
 <h3>linq91: Average - Grouped</h3>
 
@@ -296,7 +298,7 @@ <h3>linq91: Average - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq91" }) }}
+{{ "linq-preview" |> partial({ example: "linq91" }) }}
 
 <h3>linq92: Aggregate - Simple</h3>
 
@@ -311,7 +313,7 @@ <h3>linq92: Aggregate - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq92" }) }}
+{{ "linq-preview" |> partial({ example: "linq92" }) }}
 
 <h3>linq93: Aggregate - Seed</h3>
 
@@ -331,8 +333,8 @@ <h3>linq93: Aggregate - Seed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq93" }) }}
+{{ "linq-preview" |> partial({ example: "linq93" }) }}
 
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
 
diff --git a/src/wwwroot/linq/conversion-operators.html b/wwwroot/linq/conversion-operators.html
similarity index 85%
rename from src/wwwroot/linq/conversion-operators.html
rename to wwwroot/linq/conversion-operators.html
index 68c89d7..8d682c0 100644
--- a/src/wwwroot/linq/conversion-operators.html
+++ b/wwwroot/linq/conversion-operators.html
@@ -3,6 +3,8 @@
 order: 7
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq54: ToArray</h3>
 
 <pre><code>//c#
@@ -24,7 +26,7 @@ <h3>linq54: ToArray</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq54" }) }}
+{{ "linq-preview" |> partial({ example: "linq54" }) }}
 
 <h3>linq55: ToList</h3>
 
@@ -47,7 +49,7 @@ <h3>linq55: ToList</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq55" }) }}
+{{ "linq-preview" |> partial({ example: "linq55" }) }}
 
 <h3>linq56: ToDictionary</h3>
 
@@ -65,7 +67,7 @@ <h3>linq56: ToDictionary</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq56", rows:8 }) }}
+{{ "linq-preview" |> partial({ example: "linq56", rows:8 }) }}
 
 <h3>linq57: OfType</h3>
 
@@ -84,6 +86,6 @@ <h3>linq57: OfType</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq57" }) }}
+{{ "linq-preview" |> partial({ example: "linq57" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/element-operators.html b/wwwroot/linq/element-operators.html
similarity index 82%
rename from src/wwwroot/linq/element-operators.html
rename to wwwroot/linq/element-operators.html
index ad143bf..e35f4b7 100644
--- a/src/wwwroot/linq/element-operators.html
+++ b/wwwroot/linq/element-operators.html
@@ -3,6 +3,8 @@
 order: 8
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq58: First - Simple</h3>
 
 <pre><code>//c#
@@ -20,7 +22,7 @@ <h3>linq58: First - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq58" }) }}
+{{ "linq-preview" |> partial({ example: "linq58" }) }}
 
 <h3>linq59: First - Condition</h3>
 
@@ -35,7 +37,7 @@ <h3>linq59: First - Condition</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq59" }) }}
+{{ "linq-preview" |> partial({ example: "linq59" }) }}
 
 <h3>linq61: FirstOrDefault - Simple</h3>
 
@@ -50,7 +52,7 @@ <h3>linq61: FirstOrDefault - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq61" }) }}
+{{ "linq-preview" |> partial({ example: "linq61" }) }}
 
 <h3>linq62: FirstOrDefault - Condition</h3>
 
@@ -65,7 +67,7 @@ <h3>linq62: FirstOrDefault - Condition</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq62" }) }}
+{{ "linq-preview" |> partial({ example: "linq62" }) }}
 
 <h3>linq64: ElementAt</h3>
 
@@ -84,7 +86,7 @@ <h3>linq64: ElementAt</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq64" }) }}
+{{ "linq-preview" |> partial({ example: "linq64" }) }}
 
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/generation-operators.html b/wwwroot/linq/generation-operators.html
similarity index 76%
rename from src/wwwroot/linq/generation-operators.html
rename to wwwroot/linq/generation-operators.html
index 5fddf33..af1ebf7 100644
--- a/src/wwwroot/linq/generation-operators.html
+++ b/wwwroot/linq/generation-operators.html
@@ -3,6 +3,8 @@
 order: 9
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq65: Range</h3>
 
 <pre><code>//c#
@@ -20,7 +22,7 @@ <h3>linq65: Range</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq65" }) }}
+{{ "linq-preview" |> partial({ example: "linq65" }) }}
 
 <h3>linq66: Repeat</h3>
 
@@ -36,7 +38,7 @@ <h3>linq66: Repeat</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq66" }) }}
+{{ "linq-preview" |> partial({ example: "linq66" }) }}
 
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/grouping-operators.html b/wwwroot/linq/grouping-operators.html
similarity index 86%
rename from src/wwwroot/linq/grouping-operators.html
rename to wwwroot/linq/grouping-operators.html
index c8716a3..480d2a2 100644
--- a/src/wwwroot/linq/grouping-operators.html
+++ b/wwwroot/linq/grouping-operators.html
@@ -3,6 +3,8 @@
 order: 5
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq40: GroupBy - Simple 1</h3>
 
 <pre><code>//c#
@@ -26,7 +28,7 @@ <h3>linq40: GroupBy - Simple 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq40" }) }}
+{{ "linq-preview" |> partial({ rows: 8, example: "linq40" }) }}
 
 <h3>linq41: GroupBy - Simple 2</h3>
 
@@ -51,7 +53,7 @@ <h3>linq41: GroupBy - Simple 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq41" }) }}
+{{ "linq-preview" |> partial({ rows:7, example: "linq41" }) }}
 
 <h3>linq42: GroupBy - Simple 3</h3>
 
@@ -69,7 +71,7 @@ <h3>linq42: GroupBy - Simple 3</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html", example: "linq42" }) }}
+{{ "linq-preview" |> partial({ output: "html", example: "linq42" }) }}
 
 <h3>linq43: GroupBy - Nested</h3>
 
@@ -102,7 +104,7 @@ <h3>linq43: GroupBy - Nested</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ rows: 16, output: "html-sm", example: "linq43" }) }}
+{{ "linq-preview" |> partial({ rows: 16, output: "html-sm", example: "linq43" }) }}
 
 <h3>linq44: GroupBy - Comparer</h3>
 
@@ -117,7 +119,7 @@ <h3>linq44: GroupBy - Comparer</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq44" }) }}
+{{ "linq-preview" |> partial({ example: "linq44" }) }}
 
 <h3>linq45: GroupBy - Comparer, Mapped</h3>
 
@@ -136,6 +138,6 @@ <h3>linq45: GroupBy - Comparer, Mapped</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq45" }) }}
+{{ "linq-preview" |> partial({ example: "linq45" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/wwwroot/linq/index.html b/wwwroot/linq/index.html
new file mode 100644
index 0000000..f6a6bed
--- /dev/null
+++ b/wwwroot/linq/index.html
@@ -0,0 +1,34 @@
+<!--
+title: Overview
+order: 0
+-->
+
+<p>
+    All LINQ Examples are executed using the same ScriptContext instance below:
+</p>
+
+{{ 'gfm/linq/01.md' |> githubMarkdown }}
+
+<p>
+    Which makes available the <b>products</b> and <b>customer</b> data sources to each template, all other data 
+    sources are created within the template that uses them. 
+</p>
+
+<p>
+    The <b>comparer</b> and <b>anagramComparer</b> are examples of custom .NET objects the templates can't create themselves 
+    so they need to defined externally so they're available to the LINQ examples that need them.
+</p>
+
+<p>
+    The <em>Args[DefaultDateFormat]</em> changes the default format the <em>dateFormat</em> filter uses if none is provided.
+</p>
+
+<p>
+    View the LINQ Examples in all of <em>#Script</em> Languages:
+</p>
+
+<div class="text-center pt-3">
+    <a href="/linq/restriction-operators" class="btn btn-outline-primary btn-lg">template</a>
+    <a href="/linq/restriction-operators?lang=code" class="btn btn-outline-primary btn-lg">code</a>
+    <a href="/linq/restriction-operators?lang=lisp" class="btn btn-outline-primary btn-lg">lisp</a>
+</div>
diff --git a/src/wwwroot/linq/ordering-operators.html b/wwwroot/linq/ordering-operators.html
similarity index 84%
rename from src/wwwroot/linq/ordering-operators.html
rename to wwwroot/linq/ordering-operators.html
index bc7a228..945bc50 100644
--- a/src/wwwroot/linq/ordering-operators.html
+++ b/wwwroot/linq/ordering-operators.html
@@ -3,6 +3,8 @@
 order: 4
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq28: OrderBy - Simple 1</h3>
 
 <pre><code>//c#
@@ -23,7 +25,7 @@ <h3>linq28: OrderBy - Simple 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq28" }) }}
+{{ "linq-preview" |> partial({ example: "linq28" }) }}
 
 <h3>linq29: OrderBy - Simple 2</h3>
 
@@ -45,7 +47,7 @@ <h3>linq29: OrderBy - Simple 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq29" }) }}
+{{ "linq-preview" |> partial({ example: "linq29" }) }}
 
 <h3>linq30: OrderBy - Simple 3</h3>
 
@@ -63,7 +65,7 @@ <h3>linq30: OrderBy - Simple 3</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html", example: "linq30" }) }}
+{{ "linq-preview" |> partial({ output: "html", example: "linq30" }) }}
 
 <h3>linq31: OrderBy - Comparer</h3>
 
@@ -78,7 +80,7 @@ <h3>linq31: OrderBy - Comparer</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq31" }) }}
+{{ "linq-preview" |> partial({ example: "linq31" }) }}
 
 <h3>linq32: OrderByDescending - Simple 1</h3>
 
@@ -100,7 +102,7 @@ <h3>linq32: OrderByDescending - Simple 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq32" }) }}
+{{ "linq-preview" |> partial({ example: "linq32" }) }}
 
 <h3>linq33: OrderByDescending - Simple 2</h3>
 
@@ -118,7 +120,7 @@ <h3>linq33: OrderByDescending - Simple 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-md", example: "linq33" }) }}
+{{ "linq-preview" |> partial({ output: "html-md", example: "linq33" }) }}
 
 <h3>linq34: OrderByDescending - Comparer</h3>
 
@@ -133,7 +135,7 @@ <h3>linq34: OrderByDescending - Comparer</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq34" }) }}
+{{ "linq-preview" |> partial({ example: "linq34" }) }}
 
 <h3>linq35: ThenBy - Simple</h3>
 
@@ -155,7 +157,7 @@ <h3>linq35: ThenBy - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq35" }) }}
+{{ "linq-preview" |> partial({ example: "linq35" }) }}
 
 <h3>linq36: ThenBy - Comparer</h3>
 
@@ -172,7 +174,7 @@ <h3>linq36: ThenBy - Comparer</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq36" }) }}
+{{ "linq-preview" |> partial({ example: "linq36" }) }}
 
 <h3>linq37: ThenByDescending - Simple</h3>
 
@@ -190,7 +192,7 @@ <h3>linq37: ThenByDescending - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-md", example: "linq37" }) }}
+{{ "linq-preview" |> partial({ output: "html-md", example: "linq37" }) }}
 
 <h3>linq38: ThenByDescending - Comparer</h3>
 
@@ -207,7 +209,7 @@ <h3>linq38: ThenByDescending - Comparer</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq38" }) }}
+{{ "linq-preview" |> partial({ example: "linq38" }) }}
 
 <h3>linq39: Reverse</h3>
 
@@ -230,6 +232,6 @@ <h3>linq39: Reverse</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq39" }) }}
+{{ "linq-preview" |> partial({ example: "linq39" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/partitioning-operators.html b/wwwroot/linq/partitioning-operators.html
similarity index 85%
rename from src/wwwroot/linq/partitioning-operators.html
rename to wwwroot/linq/partitioning-operators.html
index 766b05a..15ba044 100644
--- a/src/wwwroot/linq/partitioning-operators.html
+++ b/wwwroot/linq/partitioning-operators.html
@@ -3,6 +3,8 @@
 order: 3
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq20: Take - Simple</h3>
 
 <pre><code>//c#
@@ -21,7 +23,7 @@ <h3>linq20: Take - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq20" }) }}
+{{ "linq-preview" |> partial({ example: "linq20" }) }}
 
 <h3>linq21: Take - Nested</h3>
 
@@ -45,7 +47,7 @@ <h3>linq21: Take - Nested</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ rows: 7, output: "html-lg", example: "linq21" }) }}
+{{ "linq-preview" |> partial({ rows: 12, output: "html-lg", example: "linq21" }) }}
 
 <h3>linq22: Skip - Simple</h3>
 
@@ -64,7 +66,7 @@ <h3>linq22: Skip - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq22" }) }}
+{{ "linq-preview" |> partial({ example: "linq22" }) }}
 
 <h3>linq23: Skip - Nested</h3>
 
@@ -89,7 +91,7 @@ <h3>linq23: Skip - Nested</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ rows: 7, output: "html-lg", example: "linq23" }) }}
+{{ "linq-preview" |> partial({ rows: 11, output: "html-lg", example: "linq23" }) }}
 
 <h3>linq24: TakeWhile - Simple</h3>
 
@@ -108,7 +110,7 @@ <h3>linq24: TakeWhile - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq24" }) }}
+{{ "linq-preview" |> partial({ example: "linq24" }) }}
 
 <h3>linq25: TakeWhile - Indexed</h3>
 
@@ -127,7 +129,7 @@ <h3>linq25: TakeWhile - Indexed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq25" }) }}
+{{ "linq-preview" |> partial({ example: "linq25" }) }}
 
 <h3>linq26: SkipWhile - Simple</h3>
 
@@ -146,7 +148,7 @@ <h3>linq26: SkipWhile - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq26" }) }}
+{{ "linq-preview" |> partial({ example: "linq26" }) }}
 
 <h3>linq27: SkipWhile - Indexed</h3>
 
@@ -165,6 +167,6 @@ <h3>linq27: SkipWhile - Indexed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq27" }) }}
+{{ "linq-preview" |> partial({ example: "linq27" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/projection-operators.html b/wwwroot/linq/projection-operators.html
similarity index 85%
rename from src/wwwroot/linq/projection-operators.html
rename to wwwroot/linq/projection-operators.html
index 0c48d77..072fcd5 100644
--- a/src/wwwroot/linq/projection-operators.html
+++ b/wwwroot/linq/projection-operators.html
@@ -3,6 +3,8 @@
 order: 2
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq6: Select - Simple 1</h3>
 
 <pre><code>//c#
@@ -22,7 +24,7 @@ <h3>linq6: Select - Simple 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq06" }) }}
+{{ "linq-preview" |> partial({ example: "linq06" }) }}
 
 <h3>linq7: Select - Simple 2</h3>
 
@@ -43,7 +45,7 @@ <h3>linq7: Select - Simple 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq07" }) }}
+{{ "linq-preview" |> partial({ example: "linq07" }) }}
 
 <h3>linq8: Select - Transformation</h3>
 
@@ -65,7 +67,7 @@ <h3>linq8: Select - Transformation</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ rows:6, example: "linq08" }) }}
+{{ "linq-preview" |> partial({ rows:6, example: "linq08" }) }}
 
 <h3>linq9: Select - Anonymous Types 1</h3>
 
@@ -85,7 +87,7 @@ <h3>linq9: Select - Anonymous Types 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq09" }) }}
+{{ "linq-preview" |> partial({ example: "linq09" }) }}
 
 <h3>linq10: Select - Anonymous Types 2</h3>
 
@@ -106,7 +108,7 @@ <h3>linq10: Select - Anonymous Types 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq10" }) }}
+{{ "linq-preview" |> partial({ rows:7, example: "linq10" }) }}
 
 <h3>linq11: Select - Anonymous Types 3</h3>
 
@@ -128,7 +130,7 @@ <h3>linq11: Select - Anonymous Types 3</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq11" }) }}
+{{ "linq-preview" |> partial({ rows:8, example: "linq11" }) }}
 
 <h3>linq12: Select - Indexed</h3>
 
@@ -147,7 +149,7 @@ <h3>linq12: Select - Indexed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq12" }) }}
+{{ "linq-preview" |> partial({ example: "linq12" }) }}
 
 <h3>linq13: Select - Filtered</h3>
 
@@ -170,7 +172,7 @@ <h3>linq13: Select - Filtered</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq13", rows: 8 }) }}
+{{ "linq-preview" |> partial({ example: "linq13", rows: 8 }) }}
 
 <h3>linq14: SelectMany - Compound from 1</h3>
 
@@ -194,7 +196,7 @@ <h3>linq14: SelectMany - Compound from 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq14", rows: 8 }) }}
+{{ "linq-preview" |> partial({ example: "linq14", rows:8 }) }}
 
 <h3>linq15: SelectMany - Compound from 2</h3>
 
@@ -213,7 +215,7 @@ <h3>linq15: SelectMany - Compound from 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq15" }) }}
+{{ "linq-preview" |> partial({ rows:8, output: "html-lg", example: "linq15" }) }}
 
 <h3>linq16: SelectMany - Compound from 3</h3>
 
@@ -232,7 +234,7 @@ <h3>linq16: SelectMany - Compound from 3</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq16" }) }}
+{{ "linq-preview" |> partial({ rows:9, output: "html-lg", example: "linq16" }) }}
 
 <h3>linq17: SelectMany - from Assignment</h3>
 
@@ -251,7 +253,7 @@ <h3>linq17: SelectMany - from Assignment</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq17" }) }}
+{{ "linq-preview" |> partial({ rows:9, output: "html-lg", example: "linq17" }) }}
 
 <h3>linq18: SelectMany - Multiple from</h3>
 
@@ -273,7 +275,7 @@ <h3>linq18: SelectMany - Multiple from</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html-lg", example: "linq18", rows: 8 }) }}
+{{ "linq-preview" |> partial({ output: "html-lg", example: "linq18", rows: 10 }) }}
 
 <h3>linq19: SelectMany - Indexed</h3>
 
@@ -292,6 +294,6 @@ <h3>linq19: SelectMany - Indexed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq19" }) }}
+{{ "linq-preview" |> partial({ rows:7, example: "linq19" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/quantifiers.html b/wwwroot/linq/quantifiers.html
similarity index 81%
rename from src/wwwroot/linq/quantifiers.html
rename to wwwroot/linq/quantifiers.html
index 599396a..dc27bef 100644
--- a/src/wwwroot/linq/quantifiers.html
+++ b/wwwroot/linq/quantifiers.html
@@ -3,6 +3,8 @@
 order: 10
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq67: Any - Simple</h3>
 
 <pre><code>//c#
@@ -16,7 +18,7 @@ <h3>linq67: Any - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq67" }) }}
+{{ "linq-preview" |> partial({ example: "linq67" }) }}
 
 <h3>linq69: Any - Grouped</h3>
 
@@ -34,7 +36,7 @@ <h3>linq69: Any - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html", example: "linq69" }) }}
+{{ "linq-preview" |> partial({ output: "html", example: "linq69" }) }}
 
 <h3>linq70: All - Simple</h3>
 
@@ -49,7 +51,7 @@ <h3>linq70: All - Simple</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq70" }) }}
+{{ "linq-preview" |> partial({ example: "linq70" }) }}
 
 <h3>linq72: All - Grouped</h3>
 
@@ -68,8 +70,8 @@ <h3>linq72: All - Grouped</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ output: "html", example: "linq72" }) }}
+{{ "linq-preview" |> partial({ output: "html", example: "linq72" }) }}
 
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
 
diff --git a/src/wwwroot/linq/query-execution.html b/wwwroot/linq/query-execution.html
similarity index 85%
rename from src/wwwroot/linq/query-execution.html
rename to wwwroot/linq/query-execution.html
index b8a57ae..954fabe 100644
--- a/src/wwwroot/linq/query-execution.html
+++ b/wwwroot/linq/query-execution.html
@@ -3,6 +3,8 @@
 order: 13
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq99: Deferred Execution</h3>
 
 <pre><code>//c#
@@ -33,7 +35,7 @@ <h3>linq99: Deferred Execution</h3>
     executed in a chain like LINQ.
 </p>
 
-{{ "linq-preview" | partial({ example: "linq99" }) }}
+{{ "linq-preview" |> partial({ example: "linq99" }) }}
 
 <h3>linq100: Immediate Execution</h3>
 
@@ -60,7 +62,7 @@ <h3>linq100: Immediate Execution</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq100" }) }}
+{{ "linq-preview" |> partial({ example: "linq100" }) }}
 
 <h3>linq101: Query Reuse</h3>
 
@@ -98,12 +100,7 @@ <h3>linq101: Query Reuse</h3>
 } 
 </code></pre>
 
-<p>
-    There is no query reuse in Templates, <em>lowNumbers</em> is assigned the result of the query instead of a reusable query.
-    But you can modify the contents of numbers as seen below:
-</p>
-
-{{ "linq-preview" | partial({ example: "linq101", rows: 12 }) }}
+{{ "linq-preview" |> partial({ example: "linq101", rows: 12 }) }}
 
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/restriction-operators.html b/wwwroot/linq/restriction-operators.html
similarity index 79%
rename from src/wwwroot/linq/restriction-operators.html
rename to wwwroot/linq/restriction-operators.html
index 6630a2c..a77a1a4 100644
--- a/src/wwwroot/linq/restriction-operators.html
+++ b/wwwroot/linq/restriction-operators.html
@@ -3,6 +3,8 @@
 order: 1
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq1: Where - Simple 1</h3>
 
 <pre><code>//c#
@@ -23,7 +25,14 @@ <h3>linq1: Where - Simple 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq01" }) }}
+{{ "linq-preview" |> partial({ example: "linq01" }) }}
+
+<p>
+    Or can be written using different languages within the same <em>#Script</em> using 
+    <a href="/docs/syntax#lang-blocks">Language Blocks and Expressions</a>:
+</p>
+
+{{ "linq-preview" |> partial({ rows:11, example: "linq01-langs", lang: 'template' }) }}
 
 <h3>linq2: Where - Simple 2</h3>
 
@@ -45,7 +54,7 @@ <h3>linq2: Where - Simple 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq02" }) }}
+{{ "linq-preview" |> partial({ example: "linq02" }) }}
 
 <h3>linq3: Where - Simple 3</h3>
 
@@ -67,7 +76,7 @@ <h3>linq3: Where - Simple 3</h3>
 } 
 </code></pre>
 
-{{ "linq-preview" | partial({ rows: 4, example: "linq03" }) }}
+{{ "linq-preview" |> partial({ rows: 5, example: "linq03" }) }}
 
 <h3>linq4: Where - Drilldown</h3>
 
@@ -93,7 +102,7 @@ <h3>linq4: Where - Drilldown</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ rows:7, example: "linq04" }) }}
+{{ "linq-preview" |> partial({ rows:7, example: "linq04" }) }}
 
 <h3>linq5: Where - Indexed</h3>
 
@@ -112,6 +121,6 @@ <h3>linq5: Where - Indexed</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq05" }) }}
+{{ "linq-preview" |> partial({ example: "linq05" }) }}
 
-{{ "linq-links" | partial({ order }) }}
+{{ "linq-links" |> partial({ order }) }}
diff --git a/src/wwwroot/linq/set-operators.html b/wwwroot/linq/set-operators.html
similarity index 87%
rename from src/wwwroot/linq/set-operators.html
rename to wwwroot/linq/set-operators.html
index ae2cdc2..cee9fac 100644
--- a/src/wwwroot/linq/set-operators.html
+++ b/wwwroot/linq/set-operators.html
@@ -3,6 +3,8 @@
 order: 6
 -->
 
+{{ "lang-select" |> partial }}
+
 <h3>linq46: Distinct - 1</h3>
 
 <pre><code>//c#
@@ -20,7 +22,7 @@ <h3>linq46: Distinct - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq46" }) }}
+{{ "linq-preview" |> partial({ example: "linq46" }) }}
 
 <h3>linq47: Distinct - 2</h3>
 
@@ -42,7 +44,7 @@ <h3>linq47: Distinct - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq47" }) }}
+{{ "linq-preview" |> partial({ example: "linq47" }) }}
 
 <h3>linq48: Union - 1</h3>
 
@@ -62,7 +64,7 @@ <h3>linq48: Union - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq48" }) }}
+{{ "linq-preview" |> partial({ example: "linq48" }) }}
 
 <h3>linq49: Union - 2</h3>
 
@@ -89,7 +91,7 @@ <h3>linq49: Union - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq49", rows: 10 }) }}
+{{ "linq-preview" |> partial({ example: "linq49", rows: 10 }) }}
 
 <h3>linq50: Intersect - 1</h3>
 
@@ -109,7 +111,7 @@ <h3>linq50: Intersect - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq50" }) }}
+{{ "linq-preview" |> partial({ example: "linq50" }) }}
 
 <h3>linq51: Intersect - 2</h3>
 
@@ -136,7 +138,7 @@ <h3>linq51: Intersect - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq51", rows: 10 }) }}
+{{ "linq-preview" |> partial({ example: "linq51", rows: 10 }) }}
 
 <h3>linq52: Except - 1</h3>
 
@@ -156,7 +158,7 @@ <h3>linq52: Except - 1</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq52" }) }}
+{{ "linq-preview" |> partial({ example: "linq52" }) }}
 
 <h3>linq53: Except - 2</h3>
 
@@ -183,6 +185,6 @@ <h3>linq53: Except - 2</h3>
 }
 </code></pre>
 
-{{ "linq-preview" | partial({ example: "linq53", rows: 10 }) }}
+{{ "linq-preview" |> partial({ example: "linq53", rows: 10 }) }}
 
-{{ "linq-links" | partial({ order }) }}
\ No newline at end of file
+{{ "linq-links" |> partial({ order }) }}
\ No newline at end of file
diff --git a/wwwroot/lisp-links.html b/wwwroot/lisp-links.html
new file mode 100644
index 0000000..03ba662
--- /dev/null
+++ b/wwwroot/lisp-links.html
@@ -0,0 +1,12 @@
+<div class="lisp-links">
+
+    {{#with order.prevLispLink() }}
+        <span>&#8592; <a href="{{ Key }}">{{ Value }}</a></span>
+    {{/with}}
+
+
+    {{#with order.nextLispLink() }}
+        <span style="float:right"><a href="{{ Key }}">{{ Value }}</a> &#8594;</span>
+    {{/with}}
+
+</div>
\ No newline at end of file
diff --git a/wwwroot/lisp/index.html b/wwwroot/lisp/index.html
new file mode 100644
index 0000000..54ad5e1
--- /dev/null
+++ b/wwwroot/lisp/index.html
@@ -0,0 +1,674 @@
+<!--
+title: #Script Lisp
+order: 0
+-->
+
+{{#markdown}}
+
+`#Script` is designed as a small, expressive and wrist-friendly dynamic scripting language that for maximum familiarity
+is modelled after the world's most popular and ubiquitous scripting Language, JavaScript. Its minimal syntax was inspired 
+by other small but powerful languages which heavily utilizes functions instead of adopting a larger language grammar 
+defining different bespoke syntax for language constructs.
+
+Small Languages like Smalltalk, despite being one of the most influential languages in history, is famous for its minimal
+[syntax that fits on a post card](https://en.wikipedia.org/wiki/Smalltalk#Syntax). A language with arguably better power 
+to size ratio is [Lisp](https://en.wikipedia.org/wiki/Lisp_%28programming_language%29) which the inventor of
+Smalltalk, Alan Kay has credited it as being
+the [greatest single programming language ever designed](https://en.wikiquote.org/wiki/Lisp_%28programming_language%29)
+after realizing: 
+
+> “the half page of code on the bottom of page 13… was Lisp in itself. These were 
+[“Maxwell’s Equations of Software!”](http://www.michaelnielsen.org/ddi/lisp-as-the-maxwells-equations-of-software/)
+
+[Lisp's unprecedented elegance and simplicity](http://languagelog.ldc.upenn.edu/myl/llog/jmc.pdf) spawned a [myriad of dialects](https://en.wikipedia.org/wiki/List_of_Lisp-family_programming_languages),
+some noteworthy implementations illustrating the beauty of its small size and expressive power is [lispy](http://norvig.com/lispy.html) by
+by [Peter Norvig](http://norvig.com) (Director of Google Research) that implements a Lisp interpreter in just **117 lines of Python 3 code** (inc. a REPL).
+
+Another compact dialect is [Zick Standard Lisp](https://github.com/zick/ZickStandardLisp) which [@zick](https://github.com/zick) 
+has implemented in **42 different languages** including a [recursive Lisp evaluator in Lisp](https://github.com/zick/ZickStandardLisp/blob/master/lisp.lsp)
+implemented in only **66 lines of code**.
+
+A more complete Lisp implementation in C# is the elegant [Nukata Lisp](https://github.com/nukata/lisp-in-cs) 
+by [SUZUKI Hisao](https://github.com/nukata) which is a 
+Common Lisp-like [Lisp-1](https://stackoverflow.com/q/4578574/85785) dialect with tail call optimization and partially hygienic macros, although
+has some notable limitations including a [small standard library](https://github.com/nukata/lisp-in-cs/blob/d4258ec4b5681b0854a0d464b708df9ae26bbe3c/lisp.cs#L1216-L1391), 
+only uses the `double` numeric type and doesn't contain .NET Scripting support.
+
+### Script Lisp Overview
+
+[ScriptLisp](https://github.com/ServiceStack/ServiceStack/blob/master/src/ServiceStack.Common/Script/ScriptLanguage.Lisp.cs) is an
+enhanced version of [Nukata Lisp](https://github.com/nukata/lisp-in-cs) with a number of new features
+that reuses `#Script` existing scripting capabilities to provide seamless integration with both the rest of `#Script`
+(see [Language Blocks an Expressions](/docs/syntax#language-blocks-and-expressions))
+and .NET including [Scripting of .NET Types](/docs/script-net), support for all .NET numeric types and access to its comprehensive 
+library of over **1000+** [Script Methods](/docs/methods) - optimally designed for accessing .NET functionality from a dynamic language.
+
+To improve compatibility with existing Common Lisp source code it also implements most of the [Simplified Common Lisp Reference](http://jtra.cz/stuff/lisp/sclr/)
+as well as all missing functions required to implement C# LINQ 101 Examples in Lisp:
+
+<div class="text-center my-3">
+    <a href="/linq/restriction-operators?lang=lisp" class="btn btn-outline-primary btn-lg">Lisp LINQ Examples</a>
+</div>
+
+To improve readability and familiarity it also adopts a number of **Clojure** syntax for defining a 
+[data list and map](https://clojure.org/guides/learn/syntax#_literal_collections) literals, 
+[anonymous functions](https://clojure.org/guides/learn/functions#_anonymous_function_syntax), 
+syntax in [Java Interop](https://clojure.org/guides/learn/functions#_java_interop) for .NET Interop,
+[keyword syntax for indexing collections](https://clojure.org/guides/learn/hashed_colls#_field_accessors) and accessing index accessors
+and Clojure's popular shorter aliases for `fn`, `def`, `defn` - improving source-code compatibility with Clojure.
+
+### Lisp REPL
+
+In addition to being a 1st class language option in `#Script`, Lisp's dynamism and extensibility makes it particularly 
+well suited for explanatory programming whose access via a REPL is now built into the latest 
+[x](https://docs.servicestack.net/dotnet-tool) and [app](https://docs.servicestack.net/netcore-windows-desktop) dotnet tools 
+which can be quickly installed in any Windows, macOS or Linux OS (with [.NET Core](https://dotnet.microsoft.com/download/dotnet-core/3.0)) with: 
+
+    $ dotnet tool install -g x
+
+Or if you have a previous version installed, update to the latest version with:
+
+    $ dotnet tool update -g x
+
+Where you'll then be able to bring up an instant Lisp REPL with:  
+
+    $ x lisp
+
+The quick demo below shows the kind of exploratory programming available where you can query the `scriptMethods` available, 
+query an objects `props`, query the Lisp interpreter's global `symbols` table containing all its global state including all 
+defined lisp functions, macros and variables:
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/RR7yk6ReNnQ" frameborder="0"
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+### Annotated REPL Walk through
+
+Here's an annotated version of the demo below which explains what each of the different expressions is doing.
+
+Just like [Sharp Scripts](/docs/sharp-scripts) and [Sharp Apps](/docs/sharp-apps) the Lisp REPL runs within the 
+[#Script Pages](/docs/sharp-pages) ScriptContext [sandbox](/docs/sandbox) that when run from a Sharp App folder, 
+starts a .NET Core App Server that simulates a fully configured .NET Core App. 
+In this case it's running in the [redis Sharp App](https://github.com/sharp-apps/redis) directory where it was able to access its static web assets
+as well as its redis-server connection configured in its [app.settings](https://github.com/sharp-apps/redis/blob/master/app.settings).
+
+{{/markdown}}
+
+{{ 'gfm/lisp/03.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+#### Enable features and access resources with app.settings
+
+You can configure the Lisp REPL with any of the resources and features that [Sharp Apps](/docs/sharp-apps) and 
+[Gist Desktop Apps](/docs/gist-desktop-apps) have access to, by creating a plain text `app.settings` file with all the 
+features and resources you want the Lisp REPL to have access to, e.g. this [Pure Cloud App app.settings](/docs/sharp-apps#pure-cloud-apps)
+allows the Lisp REPL to use [Database Scripts](/docs/db-scripts) against a AWS PostgreSQL RDS server and query remote 
+[S3 Virtual Files](https://docs.servicestack.net/virtual-file-system) using [Virtual File System APIs](/docs/protected-scripts#virtual-file-system-apis):
+
+    # Note: values prefixed with '$' are resolved from Environment Variables
+    name AWS S3 PostgreSQL Web App
+    db postgres
+    db.connection $AWS_RDS_POSTGRES
+    files s3
+    files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}
+
+See the [plugins app.settings](/docs/sharp-apps#registering-servicestack-plugins) for examples of how to load and configure 
+[ServiceStack Plugins](https://docs.servicestack.net/plugins).
+
+### Lisp REPL TCP Server
+
+In addition to launching a Lisp REPL from the Console above, you can also open a Lisp REPL into any ServiceStack App 
+configured with the `LispReplTcpServer` ServiceStack plugin. This effectively opens a **"programmable gateway"** into any 
+ServiceStack App where it's able to perform live queries, access IOC dependencies, invoke internal Server functions and query
+the state of a running Server which like the [Debug Inspector](https://docs.servicestack.net/debugging#debug-inspector) 
+can provide invaluable insight when diagnosing issues on a remote server.
+
+To see it in action we'll enable it one of our production Apps [techstacks.io](https://techstacks.io) which as it's a 
+Vuetify SPA App is only configured with an empty `SharpPagesFeature` as it doesn't use any server-side scripting features.
+
+We'll enable it in `DebugMode` where we can enable by setting `DebugMode` in our App's `appsettings.Production.json` 
+which will launch a TCP Socket Server which by default is configured to listen to the **loopback** IP on port `5005`.
+
+{{/markdown}}
+
+{{ 'gfm/lisp/05.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+> [ScriptNamespaces](/docs/script-net#type-resolution) behaves like C#'s `using Namespace;` statement letting you reference Types 
+by `Name` instead of its fully-qualified Namespace.
+
+Whilst you can now connect to it with basic `telnet`, it's a much nicer experience to use it with the [rlwrap](https://linux.die.net/man/1/rlwrap)
+readline wrap utility which provides an enhanced experience with line editing, persistent history and completion.
+
+    $ sudo apt-get install rlwrap
+
+Then you can open a TCP Connection to connect to a new Lisp REPL with:
+
+    $ rlwrap telnet localhost 5005
+
+Where you now have full scriptability of the running server as allowed by [#Script Pages](/docs/sharp-pages) `SharpPagesFeature` which
+allows [scripting of all .NET Types](/docs/script-net#allowscriptingofalltypes) by default. 
+
+#### TechStacks TCP Lisp REPL Demo
+
+In this demo we'll explore some of the possibilities of scripting the live [techstacks.io](https://techstacks.io) Server where we can 
+`resolve` IOC dependencies to send out tweets using its registered `ITwitterUpdates` dependency, view the source and load a remote 
+[parse-rss](https://gist.github.com/gistlyn/3624b0373904cfb2fc7bb3c2cb9dc1a3) lisp function into the new Lisp interpreter attached to the TCP connection, 
+use it to parse [Hacker News RSS Feed](https://news.ycombinator.com/rss) into a .NET Collection where it can be more easily queried using its built-in functions
+which is used to construct an email body with **HN's current Top 5 links**. 
+
+It then uses [DB Scripts](/docs/db-scripts) to explore its configured AWS RDS PostgreSQL RDBMS, listing its DB tables and viewing its 
+column names and definitions before retrieving the Email addresses of all **Admin** users, sending them each an email with HN's Top 5 Links by 
+publishing **5x** `SendEmail` Request DTOs using the [publishMessage](/docs/servicestack-scripts#publishmessage) ServiceStack Script to where 
+they're processed in the background by its configured [MQ Server](https://docs.servicestack.net/messaging) that uses it to execute the 
+`SendEmail` ServiceStack Service where it uses its configured AWS SES SMTP Server to finally send out the Emails:
+
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/HO523cFkDfk" frameborder="0"
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+### Password Protection 
+
+Since TCP Server effectively opens your remote Server up to being scripted you'll want to ensure the TCP Server is only accessible
+within a trusted network, effectively treating it the same as [Redis Security Model](https://redis.io/topics/security).
+
+A secure approach would be to leave the default of only binding to `IPAddress.Loopback` so only trusted users with SSH access will 
+be able to access it, which they'll still be able to access remotely via `Local PC > ssh > telnet 127.0.0.1 5005`.
+
+Just like [Redis AUTH](https://redis.io/commands/auth) you can also add password protection for an additional layer of Security:
+
+{{/markdown}}
+
+{{ 'gfm/lisp/12.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+#### Annotated Lisp TCP REPL Transcript
+
+{{/markdown}}
+
+{{ 'gfm/lisp/06.md' |> githubMarkdown }}
+
+
+{{#markdown}}
+
+### Run and watch Lisp Scripts
+
+The same [Sharp Scripts](/docs/sharp-scripts) functionality for `#Script` is also available to Lisp scripts where you can use the `x` and `app`
+dotnet tools to **run** and **watch** stand-alone Lisp scripts with the `.l` file extension, e.g: 
+
+    $ x run lisp.l
+    $ x watch lisp.l
+
+To clarify the behavioural differences between the Lisp REPL's above which uses the **same Lisp interpreter** to maintain state changes across each command, 
+the `watch` Script is run with a **new Lisp Interpreter** which starts with a **fresh** copy of the Global symbols table so any state changes after each 
+`Ctrl+S` save point is discarded.
+
+### Watch `lisp` scripts
+
+This quick demo illustrates the same functionality in [Sharp Scripts](/docs/sharp-scripts) is also available in `lisp` scripts 
+where it provides instant feedback whilst you develop in real-time:
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/rIgEP8ssikY" frameborder="0"
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+### Annotated Lisp watch script
+{{/markdown}}
+
+{{ 'gfm/lisp/02.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+#### Page Arguments
+
+You can also use the same syntax for declaring any `app.settings` page arguments used in `#Script` and `code` Scripts:
+
+    <!--
+     db sqlite
+     db.connection northwind.sqlite
+    -->
+
+But for compatibility with any Lisp syntax highlighters and code editors they can also be prefixed with a `;` line comment as seen above.
+
+## Executing Lisp in .NET
+
+Lisp like all `#Script` languages are executed within a `ScriptContext` that defines all functionality available to them, i.e:
+
+{{/markdown}}
+
+{{ "net-usage" |> partial }}
+
+{{ 'gfm/lisp/07.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Evaluating Lisp Script Results
+
+If you instead wanted to access return values instead of its rendered output, use the `EvaluateLisp()` APIs:
+
+{{/markdown}}
+
+{{ 'gfm/lisp/08.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+## .NET Interop
+
+The syntax for .NET Interop is inspired directly from Clojure's syntax used for [Java Interop](https://clojure.org/reference/java_interop).
+See [Scripting .NET Type Resolution](/docs/script-net#type-resolution) for how to configure Types and imported Namespaces you want your 
+Lisp scripts to have access to.
+
+### Member Access
+
+The `'.'` prefix if for accessing an instance members which can be used for retrieving a properties public properties, fields and
+invoking instance methods, e.g:
+
+- **(.Property instance)**
+- **(.Field    instance)**
+- **(.Method   instance ...args)**
+
+### Indexer Access
+
+Use `':'` prefix for accessing a Types indexer or for indexing collections, e.g:
+
+- **(:key indexer)**
+- **(:"string key" dictionary)**
+- **(:n list)**
+- **(:n array)**
+- **(:n enumerable)**
+- **(:n indexer)**
+
+It can also be used to access an instance public Properties and Fields:
+
+- **(:Property instance)**
+- **(:Field    instance)**
+
+However for readability we recommend using `'.'` prefix above to convey instance member access.
+
+### Constructor Access
+
+Use `'.'` **suffix** for creating instances of Types:
+
+- **(Type. ...args)**
+- **(Namespace.Type. ...args)**
+
+You can also create instances using the [new script method](/docs/script-net#creating-instances), which as it accepts a 
+`string` Type Name can be used to create generic classes with multiple generic args, e.g:
+
+- **(new "Type" ...args)**
+- **(new "Type&lt;T1,T2,T3&gt;" ...args)**
+
+### Static Member Access
+
+Use the `'/'` separator to access a Type's static members or to invoke its static methods, e.g:
+
+- **(StaticType/Property)**
+- **(StaticType/Field)**
+- **(StaticType/Const)**
+- **(StaticType/Method ...args)**
+
+Use `'.'` dot notation for specifying the fully-qualified Type name or to reference its Inner classes, e.g:
+
+- **(Namespace.StaticType/Member)**
+- **(Namespace.StaticType.InnerType/Member)**
+
+### Script Methods
+
+Use `'/'` prefix to reference any Script Method registered in your `ScriptContext`:
+
+- **(/scriptMethod ...args)**
+
+Script Methods without arguments can be referenced as an [argument binding](/docs/default-scripts#as-bindings) 
+that when referenced as an argument (i.e. without brackets) are implicitly evaluated, in-effect making them a calculated property:
+
+- **/methodAsBinding**
+
+While a `'/'` prefix indicates a reference to a [script method](/docs/methods), for readability it can be excluded as when 
+there's no existing symbol defined in the Lisp interpreter's symbol table it will fallback to referencing a script method:
+
+- **(scriptMethod ...args)**
+- **methodAsBinding**
+
+This does mean that when there exists a `symbol` of the same name defined you will need to use the `'/'` prefix to reference a script method.
+
+### Generic Types
+
+All references above support referencing generic types and methods with a single generic Type argument, e.g:
+
+- **(StaticType/Method&lt;T&gt;)**
+- **(GenericStaticType&lt;T&gt;/Member)**
+- **(GenericStaticType&lt;T&gt;/Method&lt;T&gt;)**
+- **(GenericType&lt;T&gt;.)**
+
+As `','` is one of Lisp's few syntax tokens ([unquoting](http://www.lispworks.com/documentation/HyperSpec/Body/02_df.htm)) it prevents them
+from being able to use them to specify multiple generic arguments.
+
+Instead you'll need to use the [Constructor function](/docs/script-net#creating-instances) for referencing constructors with multiple generic
+arguments where you'll also need to specify the types of the exact constructor you want to call, e.g:
+
+- **(/C "Tuple&lt;String,int&gt;(String,int)")**
+
+The difference between the `/C` script method constructor function and Lisp's `C` function is that the script method only returns a reference
+to the constructor which you'll need to invoke with arguments to create an instance:
+
+- **((/C "Tuple&lt;String,int&gt;(String,int)") "A" 1)**
+
+Whilst Lisp's `C` function will auto-invoke the constructor function with the supplied arguments in a single expression:
+
+- **(C "Tuple&lt;String,int&gt;(String,int)" "A" 1)**
+
+Likewise when needing to invoke generic methods with multiple generic args you'll need to use [Function](/docs/script-net#function):
+
+- **((/F "Tuple.Create&lt;String,int&gt;(String,int)") "A" 1)**
+
+Or Script Lisp's `F` function for invoking a function reference in a single expression:
+
+- **(F "Tuple.Create&lt;String,int&gt;(String,int)" "A" 1)**
+
+For more examples and information see [Scripting .NET Types](/docs/script-net).
+
+### Property Setters
+
+You can populate multiple properties on an instance using the [set script method](/docs/script-net#user-content-set), e.g:
+
+- **(set instance { :Prop arg ... })**
+
+Alternatively properties can be set individually with:
+
+- **(.Prop instance arg)**
+
+### Lisp Lists vs .NET Collections
+
+A potential source of friction when interoperating with .NET is that Lisp Lists are [Cons Cells](https://cs.gmu.edu/~sean/lisp/cons/)
+so that a code or data list in Lisp, i.e:
+
+    '(1 2 3)
+    [1 2 3]
+    
+Is implemented as a Linked List of Cons cells:
+
+    (1 . (2 . (3 . null)))
+
+Which is what Lisp's core functions expect to operate on, namely:
+
+    car cdr caar cadr cdar cddr caaar caadr cadar caddr cdaar cdadr cddar cdddr append mapcar consp cons?
+    listp list? memq member assq assoc nreverse last nconc dolist dotimes mapcan mapc nthcdr nbutlast 
+
+These core Lisp functions can't be used against .NET collections directly, instead you can use 
+`(to-cons collection)` to convert a .NET `IEnumerable` collection into a cons list, e.g:
+
+    (cdr (to-cons netEnumerable))
+
+Should you need to do the inverse you can use `(to-list cons-list)` to convert a cons list to a .NET List, e.g:
+
+    (to-list (range 10))
+
+We've made Script Lisp's cons `Cell` an `IEnumerable` so that **all other built-in Lisp functions** can operate on both 
+cons cells and .NET Collections where instead of iterating a list with `(do-list)` you can use `(do-seq)` to iterate
+both .NET Collections and cons cells, e.g:
+
+    (do-seq (x collection) (println x) )
+
+### Annotated .NET Interop Example
+
+{{/markdown}}
+
+{{ 'gfm/lisp/09.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Importing Global Scripts
+
+Importing scripts in Lisp is essentially a 2-stage process of parsing Lisp source code into an [SExpression](https://en.wikipedia.org/wiki/S-expression), 
+(basically Lisp's AST of tokenized elements captured in a [2-field Cons Cell](https://cs.gmu.edu/~sean/lisp/cons/)) then evaluating it in a 
+Lisp interpreter where any defined symbols are captured in its Symbols table.
+
+Lisp Script captures its "standard library" in a Global Interpreter which serves as the starting template for all other Lisp Interpreters 
+which starts with a copy of the Global symbols table which you can further populate with your own common functions using `Lisp.Import()`, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/lisp/10.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Loading Scripts
+
+Loading scripts within a Lisp script works similarly except they're only loaded into that Lisp interpreters symbol table, a new one
+of which is created in each new `PageResult`.
+
+Scripts loaded locally are loaded from the `ScriptContext` configured [Virtual Files Provider](https://docs.servicestack.net/virtual-file-system) 
+which for [#Script Pages](/docs/sharp-pages) `SharpPagesFeature` is configured to use the App's cascading virtual file sources. 
+
+A new `ScriptContext` starts with an empty [MemoryVirtualFiles](https://docs.servicestack.net/virtual-file-system#virtual-file-systems-available)
+which you can write files to with:
+
+{{/markdown}}
+
+{{ 'gfm/lisp/11.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### #Script Pages Integration
+
+Whilst Lisp is a small, powerfully expressive functional dynamic language it's not great for use as a templating language. 
+Whilst there have been [several attempts to create a HTML DSL in Lisp](https://www.cliki.net/HTML%20generator), nothing is better
+than having **no syntax** which is the default **Template mode** for `#Script` where it will emit everything that's not in a 
+Template or Language Expression as verbatim text.
+
+A nice USP of Script Lisp is that you're never forced into going "full Lisp", you can utilize `#Script` template expressions and
+[Script Blocks](/docs/blocks) handlebars syntax that provides the ideal DSL for usage in a Template Language for generating HTML
+and utilize your preferred `Lisp` or [Code](/scode/) Script Languages for any computational logic you want included in your page
+using [Language Blocks and Expressions](/docs/syntax#language-blocks-and-expressions).
+
+#### Implementation
+
+Despite being implemented in different languages a `#Script` page containing multiple languages, e.g:
+
+{{/markdown}}
+
+{{ "linq-preview" |> partial({ rows:11, example: "linq01-langs", lang: 'template' }) }}
+
+{{#markdown}}
+
+Still only produces a **single page AST**, where when first loaded `#Script` parses the page contents as a contiguous
+`ReadOnlyMemory<char>` where page slices of any [Language Blocks and Expressions](/docs/syntax#language-blocks-and-expressions) 
+on the page are delegated to the `ScriptContext` registered `ScriptLanguages` for parsing which returns a fragment which is
+added to the pages AST:
+
+[![](/assets/img/multi-langs.svg)](/assets/img/multi-langs.svg)
+
+When executing the page, each language is responsible for rendering its own fragments which all write directly to the pages `OutputStream`
+to generate the pages output.
+
+The multi-languages support in `#Script` is designed to be extensible where everything about the language is encapsulated within its
+`ScriptLanguage` implementation so that if you omit its registration:
+
+    var context = new ScriptContext {
+    //    ScriptLanguages = { ScriptLisp.Language }
+    }.Init();
+
+Any language expressions and language blocks referencing it become inert and its source code emitted as plain-text.
+
+### Lisp Argument Scopes
+
+One differentiator between Lisp and [Code](/scode/) languages is that `code` utilizes the containing page current scope
+for all its argument references where as Lisp stores all its definitions within the Lisp interpreter symbol table
+attached to the `PageResult`, so whilst Lisp scripts can access arguments within the pages scope, in order for the 
+outer page to access any Lisp symbols they need to be exported, e.g:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ output:'no-scroll', rows:9, template: "```code|q
+pageResultArg = 2
+var scopeArg = 3
+```
+...lisp
+(export retVal (+ pageResultArg scopeArg) 
+        newVal 2)
+...
+Result: {{ retVal + newVal }}".replace('...','```') }) }}
+
+{{#markdown}}
+
+### Exporting Lisp Functions
+
+Lisp functions can also be exported for usage in the rest of the page by calling `(to-delegate lispFn)` to convert it 
+into a .NET Delegate, e.g:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ output:'no-scroll', rows:7, template: "
+{{ var scopeArg = 1 }}
+...lisp
+(def localArg 2)
+(def lispAdd  #(+ %1 %2 localArg))
+(export lispAdd (to-delegate lispAdd))
+...
+Result: {{ lispAdd(scopeArg, 3) }} or {{ scopeArg.lispAdd(3) }}".replace('...','```') }) }}
+
+{{#markdown}}
+
+Although an easier way to define functions in Lisp is to use the [defn Script Block](/docs/blocks#defn) which wraps
+this in a convenient syntax:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ output:'no-scroll', rows:12, template: "{{#defn calc [a, b] }}
+    (def c (* a b))
+    (+ a b c)
+{{/defn}}
+
+{{#defn fib [n] }}
+    (if (<= n 1)
+        n
+        (+ (fib (- n 1))
+           (fib (- n 2)) ))
+{{/defn}}
+calc: {{ calc(1,2) }}, fib: {{ 10.fib() }} ".replace('...','```') }) }}
+
+{{#markdown}}
+
+### Controlling Lisp output
+
+One of Lisp's famous traits is **everything is an expression** which is typically desired within a language, but may not 
+be what you want when generating output. E.g traditionally Lisp uses [setq](http://www.lispworks.com/documentation/HyperSpec/Body/s_setq.htm)
+to set a variable which also returns its value that `#Script` will emit as it automatically emits all statement return values. 
+
+You could use `def` which is an alias for `setq` which returns `null`, other options include wrapping all statements within an empty `let`
+expression where only the last expression is returned, or you could use a [Language Block Modifier](/docs/syntax#language-block-modifiers)
+to ignore the entire `lisp` block output and only export the result you want to be able to control precisely where to emit it:
+
+{{/markdown}}
+
+{{ "live-template" |> partial({ output:'no-scroll', rows:18, template: `
+<b>default:</b>
+...lisp
+(setq result (+ 1 1))
+(str "1 + 1 = " result)
+...
+<b>let:</b>
+...lisp
+(let ()
+    (setq result (+ 1 1))
+    (str "1 + 1 = " result))
+...
+<br><b>quiet block:</b>
+...lisp|q
+(setq result (+ 1 1))
+(export ret (str "1 + 1 = " result))
+...
+{{ ret }}
+`.replace('...','```') }) }}
+
+{{#markdown}}
+
+> can use either 'q', 'quiet' or 'mute' block modifier to ignore output
+
+Another way to generate output from Lisp is to use its built-in print functions below:
+
+ - **(print ...args)** - write all arguments to the `OutputStream`
+ - **(println ...args)** - write all arguments to the `OutputStream` followed by a **new line**
+ - **(printlns ...args)** - write all arguments to the `OutputStream` with a `' '` **space delimiter** followed by a **new line**
+ - **(pr ...args)** - same as `print` but **HTML encode** all arguments
+ - **(prn ...args)** - same as `println` but **HTML encode** all arguments
+ 
+### dorun
+
+[dorun](https://clojuredocs.org/clojure.core/dorun) can be used for executing a "statement block" (sequence of expressions) 
+with side-effects that you want to discard the return type (akin to `void` return type):
+
+    (dorun println (map fizzbuzz (range 1 100)))
+
+Or you can use `do` to return the last expression in the statement block:
+
+    (do (+ 1 1) (+ 2 2))       ; 4
+    (do (+ 1 1) (+ 2 2) nil))  ; null
+    (do ())                    ; null
+
+## Learn #Script Lisp
+
+A great resource for learning Script Lisp is seeing it in action by seeing how to implement **C#'s 101 LINQ Examples in Lisp**:
+
+<div class="text-center my-3">
+    <a href="/linq/restriction-operators?lang=lisp" class="btn btn-outline-primary btn-lg">Lisp LINQ Examples</a>
+</div>
+
+### Explore APIs in real-time
+
+We can also take advantage of Lisp's dynamism and interactivity to explore APIs in real-time, a great way to do this is via
+a [watched Lisp script](#run-and-watch-lisp-scripts) on the side where it provides instant feedback after each `Ctrl+S` save point
+or a active [Lisp REPL](#lisp-repl).
+
+- **symbols** - List all symbols in Lisp interpreter - most symbols are named after [standard Lisp](http://www.lispworks.com/documentation/HyperSpec/Front/X_AllSym.htm)
+or [clojure functions](https://clojure.org/api/cheatsheet)
+- **(symbol-type symbol)** - Display the Symbol's Value Type
+- **scriptMethods** - List all available Script Method Names registered in `ScriptContext`
+- **scriptMethodTypes** - List all available Script Method Type information
+- **(joinln collection)** - Display the string output of each item in the collection on a separate line 
+- **(globln pattern collection)** - Only display lines matching the glob pattern
+- **(typeName instance)** - View the instance Type Name
+- **(props instance)** - Display the Property names of an Instance public properties
+- **(fields instance)** - Display the Field names of an Instance public fields
+- **(methods instance)** - Display the Method names of an Instance public methods
+- **(propTypes instance)** - Get the PropertyInfo[] of an Instance public properties
+- **(fieldTypes instance)** - Get the FieldInfo[] of an Instance public fields
+- **(methodTypes instance)** - Get the Script Method Infos of an Instance public methods
+- **(staticProps instance)** - Display the Property names of an Instance public static properties
+- **(staticFields instance)** - Display the Field names of an Instance public static fields
+- **(staticMethods instance)** - Display the Method names of an Instance public static methods
+- **(staticPropTypes instance)** - Get the PropertyInfo[] of an Instance public static properties
+- **(staticFieldTypes instance)** - Get the FieldInfo[] of an Instance public static fields
+- **(staticMethodTypes instance)** - Get the Script Method Infos of an Instance public static methods
+
+You can view the [Scripts API Reference](/docs/scripts-reference) and [Scripts Documentation](/docs/default-scripts)
+on this website to interactively explore the available APIs, we'll work on providing further interactive documentation
+for the built-in Lisp functions, in the mean-time the best resource are 
+[their implementation](https://github.com/ServiceStack/ServiceStack/blob/32185f14aaf93d768dda5673381aa0d2fdbe34b4/src/ServiceStack.Common/Script/ScriptLanguage.Lisp.cs#L3106-L3508).
+
+For reference, here's are a quick list of all built-in Lisp symbols:
+
+    - % * *gensym-counter* *version* / /= _append _nreverse + < <= = > >= 1- 1+ 1st 2nd 3rd abs all? and any? 
+    append apply assoc assoc-key assoc-value assq atom atom? average butlast C caaar caadr caar cadar caddr 
+    cadr car cdaar cdadr cdar cddar cdddr cddr cdr ceiling cons cons? consp cos count debug dec decf def 
+    defmacro defn defun dispose do dolist dorun doseq doseq-while dotimes dump dump-inline elt empty? end?
+    endp enumerator enumeratorCurrent enumeratorNext eq eql equal error even? every every? exit exp expt F f++
+    false filter filter-index first flatmap flatten floor gensym glob globln group-by htmldump identity if 
+    inc incf instance? intern isqrt it last length let letrec list list? listp load load-src logand logior 
+    logxor lower-case make-symbol map mapc mapcan mapcar map-index map-where max member memq min mod nbutlast 
+    nconc new new-map next not not= nreverse nth nthcdr null number? odd? or order-by pop pr prin1 princ 
+    print println printlns prn prs push push-end random range reduce remove remove-if rest return reverse 
+    round rplaca rplacd second seq? setcar setcdr set-difference sets sin skip skip-while some some? sort 
+    sort-by sqrt str string string? string-downcase string-upcase subseq sum symbol-name symbol-type t take 
+    take-while tan terpri textdump third to-array to-cons to-delegate to-dictionary to-list true truncate 
+    union unless upper-case when where where-index while zero? zerop zip zip-where
+
+Common Lisp by convention uses a `*p` suffix for **predicate** functions but we prefer Clojure's (and Ruby's)
+more readable `*?` suffix convention, for source-code compatibility we include both for 
+[core Lisp predicts](http://jtra.cz/stuff/lisp/sclr/index.html) and just `*?` for others.
+
+{{/markdown}}
+
+
+{{ "lisp-links" |> partial({ order }) }}
diff --git a/wwwroot/lisp/unity.html b/wwwroot/lisp/unity.html
new file mode 100644
index 0000000..bb3f4be
--- /dev/null
+++ b/wwwroot/lisp/unity.html
@@ -0,0 +1,108 @@
+<!--
+title: Scripting Unity
+order: 1
+-->
+
+{{#markdown}}
+
+As `#Script` is a clean embeddable scripting language with no compilation, few dependencies and a 
+[cascading Reflection Utils](https://docs.servicestack.net/reflection-utils#fast-reflection-apis) for utilizing the
+fastest implementation capable per target platform, it's able to add scripting to most C#/.NET platforms supporting 
+**.NET Framework** or **.NET Standard 2.0** target frameworks (e.g. .NET Core/Mono).
+
+One of C#'s popular target platforms that's appealing to extend via scripting is the [Unity Game Engine](https://unity.com)
+which allows you by-pass the slow dev iteration cycles letting you to rapidly prototype a scene, or dynamically
+create one without needing to rebuild or redeploy your Game when downloading and evaluating scripts on-the-fly.
+
+To showcase Lisp scripting in Unity we've added an in-game REPL and used it to create and modify Unity Game Objects:
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/WmzI-5L0hJk" frameborder="0" 
+        allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+This demo is just running a copy of [Unity's Karting MyFirstGame Project Template](https://learn.unity.com/project/karting-template) with
+scripting support added. We'll go through how to add scripting support below. For reference, a copy of this project has been published to:
+
+ - [github.com/ServiceStack/script-unity](https://github.com/ServiceStack/script-unity)
+
+### Add ServiceStack.Common .dll's to your project
+
+Follow the
+[Using .NET 4.x in Unity](https://docs.microsoft.com/en-us/visualstudio/cross-platform/unity-scripting-upgrade?view=vs-2019) guide
+to add .NET .dll's to a unity project which requires adding the binaries from the [ServiceStack.Common](https://www.nuget.org/packages/ServiceStack.Common)
+NuGet package and all its dependencies to your projects plugins folder and a 
+[link.xml](https://raw.githubusercontent.com/ServiceStack/script-unity/master/MyFirstGame/Assets/link.xml) file to preserve
+LINQ Expression Reflection support in Unity's [bytecode stripping](https://docs.unity3d.com/Manual/IL2CPP-BytecodeStripping.html):
+
+ - [/Assets/link.xml](https://github.com/ServiceStack/script-unity/blob/master/MyFirstGame/Assets/link.xml)
+ - [/Assets/Plugins](https://github.com/ServiceStack/script-unity/tree/master/MyFirstGame/Assets/Plugins)
+
+To simplify downloading NuGet packages independently, a copy of **ServiceStack.Common** .dll's and all its dependencies is available from:
+
+ - [/dist/ServiceStack.Common.zip](https://github.com/ServiceStack/script-unity/raw/master/dist/ServiceStack.Common.zip)
+
+### Add REPL InputField and Text UI Objects  
+
+Add the REPL UI `InputField` Control for capturing Lisp script **input** and a `Text` label for displaying REPL **output**: 
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-inputfield.png)](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-inputfield.png)
+
+Modify `InputField` by increasing the **height** and **width** of the control and changing the **Line Type** to **Multi Line Submit**:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-inputfield-props.png)](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-inputfield-props.png)
+
+> The positioning of each control can also be updated using Drag and Drop from Unity's Scene UI editor.
+
+### Add New C# Script to your GameObject
+
+We can then implement the behavior of our REPL by adding a **New Script** component to our GameObject:
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-newscript.png)](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/lisp-unity-newscript.png)
+
+The entire REPL behavior is encapsulated inside the
+[ScriptExample.cs](https://github.com/ServiceStack/script-unity/blob/master/MyFirstGame/Assets/UTech/MG-Karting/BasicAssets/Scripts/SharpScript/ScriptExample.cs) below:
+{{/markdown}}
+
+{{ 'gfm/lisp/14.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+In `void Start()` you'll want to initialize any one-off initialization tasks like initializing the `ScriptContext` and
+creating the `Lisp.Interpreter` that will be used to evaluate code within the Lisp REPL as well as storing references
+to the current `gameObject`, `InputField` and `Text` UI controls.
+
+`Update()` is where to put your scripts runtime logic which gets called once per frame. Here we listen out for the `Ctrl+Enter`
+shortcut key combination to trigger evaluating the Lisp source code that's in the `InputField` text field. `lastScript`
+is maintained to prevent multiple evaluations as `Update()` can be called multiple times with the same keyboard combination.
+
+The same `Lisp.Interpreter` instance is used for each evaluation which maintains any state defined from previous evaluations.
+
+### Unity Script Methods
+
+Unfortunately Lisp can't access all of Unity's APIs directly where it doesn't appear you can access Unity's native API wrappers
+from reflection, e.g:
+{{/markdown}}
+
+{{ 'gfm/lisp/15.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Ignoring Key Input when in REPL
+
+The only other code changes needed was in the 
+[KartRepositionTrigger.cs](https://github.com/ServiceStack/script-unity/blob/master/MyFirstGame/Assets/UTech/MG-Karting/BasicAssets/Scripts/Track/KartRepositionTrigger.cs)
+and
+[KeyboardInput.cs](https://github.com/ServiceStack/script-unity/blob/master/MyFirstGame/Assets/UTech/MG-Karting/BasicAssets/Scripts/KartSystems/Inputs/KeyboardInput.cs)
+classes to ignore any Keyboard input whilst typing in the REPL:
+{{/markdown}}
+
+{{ 'gfm/lisp/16.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Annotated Unity REPL Transcript
+
+{{/markdown}}
+
+{{ 'gfm/lisp/13.md' |> githubMarkdown }}
+
+{{ "lisp-links" |> partial({ order }) }}
diff --git a/wwwroot/live-pages.html b/wwwroot/live-pages.html
new file mode 100644
index 0000000..8ddba66
--- /dev/null
+++ b/wwwroot/live-pages.html
@@ -0,0 +1,9 @@
+<div class="live-pages" data-page="{{ page }}">
+    <div class="files count-{{ files | count }}">
+{{ files |> toList 
+   |> select: <section><h5>{ it.Key }</h5><textarea class="form-control" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" rows="{ rows |> otherwise(3) }">{ it.Value }</textarea></section>\n }}
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div>
diff --git a/wwwroot/live-template.html b/wwwroot/live-template.html
new file mode 100644
index 0000000..3a3ce2f
--- /dev/null
+++ b/wwwroot/live-template.html
@@ -0,0 +1,9 @@
+<div class="live-template {{ output |> ifExists }}">
+    <div class="template">
+        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" 
+                  rows="{{ rows |> otherwise(3) }}">{{ template }}</textarea>
+    </div>
+    <div class="result">
+        <div class="output"></div>
+    </div>
+</div> 
diff --git a/wwwroot/scode/index.html b/wwwroot/scode/index.html
new file mode 100644
index 0000000..aa0885a
--- /dev/null
+++ b/wwwroot/scode/index.html
@@ -0,0 +1,108 @@
+<!--
+title: #Script Code
+order: 0
+-->
+
+{{#markdown}}
+
+Code statements is an alternative language dialect which allows us to invert `#Script` from **"Template Mode"**
+where all text is emitted as-is with only Template Expressions `{{ ... }}` being evaluated and changed it to **"Code Mode"** where all code
+statements are evaluated as JS Expression statements.
+
+This is akin to Razor's statement blocks which inverts Razor's **mode** of emitting text to treating text inside statement blocks as code, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/syntax/05.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+{{#markdown}}
+
+Which is useful in reducing boilerplate when you need to evaluate code blocks with 2+ or more lines without the distracting boilerplate of wrapping
+each expression within a `{{ ... }}` Template Expression.
+
+### Syntax
+
+Effectively you can think of **Code** Statements as `#Script` without template expressions since the code within a Template Expressions `{{ ... }}` 
+are both evaluated as JS Expressions. 
+
+One difference between them is that each line in a code statement block must be a complete expression, any expressions that spans multiple 
+lines need to be wrapped withing Template Expressions where-by the source code for both **Template** and **Code** blocks remain exactly the same, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/scode/01.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+The difference between them is that whitespace and indentation in code statement blocks are inert whereas they're emitted in Templates
+so these examples are equivalent:
+
+{{/markdown}}
+
+{{ 'gfm/scode/02.md' | githubMarkdown | convertScriptToCodeBlocks }}
+
+<p>
+    Whilst <em>code</em> statements can effectively be thought of as "#Script without Template Expressions", you can view the LINQ examples in each
+    to see how they compare:
+</p>
+
+<div class="text-center py-3">
+    <a href="/linq/restriction-operators?lang=code" class="btn btn-outline-primary btn-lg">Code LINQ Examples</a>
+    <span class="px-2"> vs </span>
+    <a href="/linq/restriction-operators" class="btn btn-outline-primary btn-lg">#Script LINQ Examples</a>
+</div>
+
+{{#markdown}}
+
+## Executing #Script Code in .NET
+
+All `#Script` languages are executed within a `ScriptContext` that defines all functionality available to them, i.e:
+
+{{/markdown}}
+
+{{ "net-usage" |> partial }}
+
+{{#markdown}}
+
+But to render `code` statements you'd use `RenderCode` instead of `RenderScript`, e.g:
+
+{{/markdown}}
+
+{{ 'gfm/scode/03.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+### Evaluating Script Results
+
+If you instead wanted to access Script return values instead of the code rendered output you would use the `EvaluateCode()` APIs:
+
+{{/markdown}}
+
+{{ 'gfm/scode/04.md' |> githubMarkdown }}
+
+{{#markdown}}
+
+## Scripting .NET Types
+
+All `#Script` languages have the same access to [Scripting .NET Types](/docs/script-net).
+
+## Code Scripts
+
+The same functionality in [Sharp Scripts](/docs/sharp-scripts) is also available in `#Script` Code, except instead of using the `*.ss` file 
+extension for executing `#Script` you'd use the `*.sc` file extension which will allow you to use the 
+[x](https://docs.servicestack.net/dotnet-tool) and [app](/netcore-windows-desktop) dotnet tools to watch or run `code` scripts:
+
+    $ x run code.sc
+    $ x watch code.sc
+
+### Watch `code` scripts
+
+Here's a quick demo showcasing the same functionality in [Sharp Scripts](https://sharpscript.net/docs/sharp-scripts)
+is also available in `*.sc` scripts which provides instant feedback whilst you develop in real-time:
+
+> YouTube: [youtu.be/TQPOZ0kVpw4](https://youtu.be/TQPOZ0kVpw4)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/sharpscript/code-sc.gif)](https://youtu.be/TQPOZ0kVpw4)
+
+{{/markdown}}
+
diff --git a/wwwroot/sharp-apps/app-index.html b/wwwroot/sharp-apps/app-index.html
new file mode 100644
index 0000000..97be335
--- /dev/null
+++ b/wwwroot/sharp-apps/app-index.html
@@ -0,0 +1,168 @@
+<!--
+title: App Index
+order: 2
+-->
+
+<p>
+    In addition to the <a href="/sharp-apps/#init">Sharp App Templates</a> 
+    there's a number of Sharp Apps to illustrate the various features available and to showcase the different 
+    kind of Web Apps that can easily be developed. The source code for each app is available either individually from 
+    <a href="https://github.com/sharp-apps">github.com/sharp-apps</a> or published as 
+    <a href="/sharp-apps/gist-desktop-apps">Gist Desktop Apps</a>.
+</p>
+
+{{* 'gfm/_scratch/01.md' |> githubMarkdown *}}
+
+<table class="table table-striped">
+    <thead>
+        <tr>
+            <th>App</th>
+            <th>URL Scheme</th>
+            <th>Command line (Win/macOS/Linux)</th>
+        </tr>
+    </thead>
+    <tbody>
+        <tr>
+            <td><a href="/sharp-apps/spirals">Spirals</a></td>
+            <td><a href="app://spirals">app://spirals</a></td>
+            <td>$ x open spirals</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/redis">Redis</a></td>
+            <td><a href="app://redis">app://redis</a></td>
+            <td>$ x open redis</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/rockwind">Rockwind</a></td>
+            <td><a href="app://rockwind">app://rockwind</a></td>
+            <td>$ x open rockwind</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/plugins">Plugins</a></td>
+            <td><a href="app://plugins">app://plugins</a></td>
+            <td>$ x open plugins</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/chat">Chat</a></td>
+            <td><a href="app://chat">app://chat</a></td>
+            <td>$ x open chat</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/blog">Blog</a></td>
+            <td><a href="app://blog">app://blog</a></td>
+            <td>$ x open blog</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/win32">Win32</a></td>
+            <td><a href="app://win32">app://win32</a></td>
+            <td>$ x open win32</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/studio">ServiceStack Studio</a></td>
+            <td><a href="app://studio">app://studio</a></td>
+            <td>$ x open studio</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/sharpdata">SharpData</a></td>
+            <td><a href="app://sharpdata?mix=northwind.sharpdata">app://sharpdata?mix=northwind.sharpdata</a></td>
+            <td>$ x open sharpdata mix northwind.sharpdata</td>
+        </tr>
+        <tr>
+            <td><a href="/sharp-apps/sharpdata">SharpData</a></td>
+            <td><a href="app://sharpdata?mix=chinook.sharpdata">app://sharpdata?mix=chinook.sharpdata</a></td>
+            <td>$ x open sharpdata mix chinook.sharpdata</td>
+        </tr>
+    </tbody>
+</table>
+
+{{#markdown}}
+
+> As [SharpData](/sharp-apps/sharpdata) is a generic RDBMS UI it needs to [mix in Gists](/sharp-apps/sharpdata#mix-in-gists) containing the DB 
+info and/or **.sqlite** db if using SQLite
+
+### app URL Schemes
+
+To open Sharp Apps with the `app://` URL Scheme install the [app dotnet tool](https://docs.servicestack.net/netcore-windows-desktop):
+
+    $ dotnet tool install -g app
+    $ app -version
+
+If on macOS/Linux you can use the cross-platform [x dotnet tool](https://docs.servicestack.net/dotnet-tool) to open Sharp Apps in your Default Browser:
+
+    $ dotnet tool install -g x
+    $ x open spirals
+
+### app local aliases
+
+Where ever you can use a **Gist Id**, you can assign a local user-friendly alias to use instead such as referencing 
+[Gist Desktop Apps](https://sharpscript.net/docs/gist-desktop-apps), e.g. we can assign the 
+[redis gist app](https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8) to use our preferred alias:
+
+    $ app alias local-redis 6de7993333b457445793f51f6f520ea8
+
+That we can open via command-line:
+
+    $ app open local-redis
+
+Or URL Scheme:
+
+    app://local-redis
+
+Or if we want to run our own modified copy of the Redis Desktop App, we can [mix](https://docs.servicestack.net/mix-tool) the Gist files to our
+local directory:
+
+    $ app mix local-redis
+
+Make the changes we want, then run our local copy by running `app` (or `x`) without arguments:
+
+    $ app
+
+Other alias command include:
+
+**View all local aliases**
+
+    $ app alias
+
+**View single alias**
+
+    $ app alias db
+
+**Remove a local alias**
+
+    $ app unalias db
+
+### Private Sharp Apps
+
+Alternatively Sharp Apps can be published to a GitHub repo (public or private) and run with:
+
+    $ app open <user>/<repo>
+
+Or link to it with its custom URL Scheme:
+
+    app://<user>/repo
+
+If it's in a **private** repo they'll need to either provide an **AccessToken** in the `GITHUB_TOKEN` Environment variable or using the `-token` argument:
+
+    app://<user>/repo?token=<token>
+
+Command Line:
+
+    $ app open <user>/<repo> -token <token>
+
+### Private Gist Desktop Apps
+
+The `token` can also be used to run Gist Desktop Apps published to **private gists**:
+
+    app://<gist-id>?token=<token>
+
+### Publishing Gist Desktop Apps
+
+Publishing a Gist Desktop App just involves uploading the Sharp App's static folder to a Gist which can be done with the `publish` command along 
+with the GitHub **AccessToken** containing **gist write** permissions for the App's static files to be published to:
+
+    $ x publish -token <token>
+
+The first time it's run it will publish the files in the current directory to a **new Gist** and save the **Gist Id** to a local `.publish` file so 
+the next time the above `publish` command is run it will update the same gist.
+
+{{/markdown}}
diff --git a/wwwroot/sharp-apps/blog.html b/wwwroot/sharp-apps/blog.html
new file mode 100644
index 0000000..53b5e75
--- /dev/null
+++ b/wwwroot/sharp-apps/blog.html
@@ -0,0 +1,81 @@
+<!--
+title: App - Blog
+order: 8
+-->
+
+<div class="source">
+    <a href="app://blog">app://blog</a> -
+    <a href="http://blog.web-app.io">blog.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/blog">sharp-apps/blog</a>
+</div>
+
+{{ 'gfm/sharp-apps/14.md' |> githubMarkdown }}
+
+<h3 id="customizable-auth-providers">Customizable Auth Providers</h3>
+
+<p>
+    Authentication can now be configured using plain text config in your <em>app.settings</em> where initially you need register the <em>AuthFeature</em> 
+    <a href="http://sharpscript.net/docs/sharp-apps#registering-servicestack-plugins">plugin as normal</a> by specifying it in the 
+    <em>features</em> list:
+</p>
+
+<pre><code>features AuthFeature</code></pre>
+
+<p>
+    Then using <em>AuthFeature.AuthProviders</em> you can specify which Auth Providers you want to have registered, e.g:
+</p>
+
+<pre><code>AuthFeature.AuthProviders TwitterAuthProvider, GithubAuthProvider</code></pre>
+
+<p>
+    Each Auth Provider checks the Sharp Apps <em>app.settings</em> for its Auth Provider specific configuration it needs, e.g. to configure both 
+    Twitter and GitHub Auth Providers you would populate it with your 
+    <a href="https://docs.servicestack.net/authentication-and-authorization#oauth-configuration">OAuth Apps details</a>:
+</p>
+
+<pre><code>oauth.RedirectUrl http://127.0.0.1:5000/
+oauth.CallbackUrl http://127.0.0.1:5000/auth/{0}
+
+oauth.twitter.ConsumerKey {Twitter App Consumer Key}
+oauth.twitter.ConsumerSecret {Twitter App Consumer Secret Key}
+
+oauth.github.ClientId {GitHub Client Id}
+oauth.github.ClientSecret {GitHub Client Secret}
+oauth.github.Scopes {GitHub Auth Scopes}</code></pre>
+
+<h3 id="customizable-markdown-providers">Customizable Markdown Providers</h3>
+
+<p>
+    By default Sharp Apps now utilize <a href="https://github.com/lunet-io/markdig">Markdig</a> implementation to render its Markdown. 
+    You can also switch it back to the built-in Markdown provider that ServiceStack uses with:
+</p>
+
+<pre><code>markdownProvider MarkdownDeep</code></pre>
+
+<h3 id="rich-config-arguments">Rich Config Arguments</h3>
+
+<p>
+    Any <em>app.settings</em> configs that are prefixed with <em>args.</em> are made available to #Script Pages and any arguments starting with 
+    a <em>{</em> or <em>[</em> are automatically converted into a JS object:
+</p>
+
+<pre><code>args.blog { name:'blog.web-app.io', href:'/' }
+args.tags ['technology','marketing']</code></pre>
+
+<p>
+    Where they can be referenced as an <em>object</em> or an <em>array</em> directly:
+</p>
+
+{{#raw appendTo configExample}}<a href="{{blog.href}}">{{blog.name}}</a>{{/raw}}
+
+<pre><code class="html">{{#raw}}{{#each tags}} <em>{{it}}</em> {{/each}}{{/raw}}<br>{{configExample}}</code></pre>
+
+<p>
+    The alternative approach is to give each argument value a different name:
+</p>
+
+<pre><code>args.blogName blog.web-app.io
+args.blogHref /
+</code></pre>
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/chat.html b/wwwroot/sharp-apps/chat.html
new file mode 100644
index 0000000..a0fb789
--- /dev/null
+++ b/wwwroot/sharp-apps/chat.html
@@ -0,0 +1,95 @@
+<!--
+title: App - Chat
+order: 7
+-->
+
+<div class="source">
+    <a href="app://chat">app://chat</a> -
+    <a href="http://chat.web-app.io">chat.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/chat">sharp-apps/chat</a>
+</div>
+
+<p>
+    <a href="https://github.com/sharp-apps/chat/tree/master/app">/chat</a> is an example of the ultimate form 
+    of extensibility where instead of just being able to add Services, Methods and Plugins, etc. You can add your entire 
+    <em>AppHost</em> which Sharp Apps will use instead of its own. This vastly expands the use-cases that can be built with 
+    Sharp Apps as it gives you complete fine-grained control over how your App is configured.
+</p>
+
+<a href="http://chat.web-app.io"><img src="/assets/img/screenshots/chat.png" alt="Chat WebApp screenshot"></a>
+
+{{#markdown}}
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://chat">app://chat</a></strong>
+
+Or via command-line:
+
+    $ app open chat
+
+Cross platform (Default Browser):
+
+    $ x open chat
+
+{{/markdown}}
+
+<h4>Develop back-end using .NET IDE's</h4>
+
+<p>
+    For <a href="http://chat.web-app.io">chat.web-app.io</a> we've taken a copy of the existing .NET 5.0 
+    <a href="https://github.com/NetCoreApps/Chat">Chat App</a> and moved its C# code to
+    <a href="https://github.com/sharp-apps/chat/tree/master/src">/chat/src</a>
+    and its files to <a href="https://github.com/sharp-apps/chat">/chat</a> 
+    where it can be developed like any other Web App except it utilizes the Chat AppHost and implementation in the 
+    <a href="https://github.com/sharp-apps/chat/blob/master/src/Program.cs">SelfHost Chat App</a>.
+</p>
+
+<p>
+    Customizations from the original 
+    <a href="https://github.com/NetCoreApps/Chat/blob/master/src/Chat/Startup.cs">.NET Core Chat implementation</a> 
+    includes removing MVC and Razor dependencies and configuration, extracting its 
+    <a href="https://github.com/sharp-apps/chat/tree/master/_layout.html">_layout.html</a> and 
+    converting <a href="https://github.com/sharp-apps/chat/tree/master/index.html">index.html</a>
+    to use <em>#Script</em> from its original 
+    <a href="https://github.com/NetCoreApps/Chat/blob/master/src/Chat/wwwroot/default.cshtml">default.cshtml</a>.
+    It's also been enhanced with the ability to evaluate scripts from the Chat window, as seen in the screenshot above.
+</p>
+
+<h4>Chat AppHost</h4>
+
+{{ 'gfm/sharp-apps/06.md' |> githubMarkdown }}
+
+<h5>Reusing Web App's app.setting and files</h5>
+
+<p>
+    One nice thing from being able to reuse existing AppHost's is being able to develop all back-end C# Services and Custom Filters 
+    as a stand-alone .NET Core Project where it's more productive with access to .NET IDE tooling and debugging.
+</p>
+
+<p>
+    To account for these 2 modes we use <em>AddIfNotExists</em> to only register the <em>SharpPagesFeature</em> plugin 
+    when running as a stand-alone App and add an additional constructor so it reuses the existing <em>app.settings</em> as its 
+    <a href="https://docs.servicestack.net/appsettings">IAppSettings</a> provider for is custom App configuration like OAuth App keys 
+    required for enabling Sign-In's via with Twitter, Facebook and GitHub when running on <em>https://localhost:5001</em>:        
+</p>
+
+<pre class="cs"><code>debug true
+name Chat Sharp App
+port 5001
+
+oauth.RedirectUrl https://localhost:5001/
+oauth.CallbackUrl https://localhost:5001/auth/{0}
+oauth.facebook.Permissions email
+oauth.facebook.AppId 531608123577340
+oauth.facebook.AppSecret 9e1e6591a7f15cbc1b305729f4b14c0b
+
+CefConfig { width:1150, height:1050 }
+</code></pre>
+
+<p>
+    After the back-end has been implemented we can build and copy the compiled <b>Chat.dll</b> into the Chat's 
+    <a href="https://github.com/sharp-apps/chat/tree/master/plugins">/plugins</a> folder where 
+    we can take advantage of the improved development experience for rapidly developing its UI.
+</p>
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/deploying-sharp-apps.html b/wwwroot/sharp-apps/deploying-sharp-apps.html
new file mode 100644
index 0000000..a564896
--- /dev/null
+++ b/wwwroot/sharp-apps/deploying-sharp-apps.html
@@ -0,0 +1,239 @@
+<!--
+title: Deploying Sharp Apps
+order: 12
+-->
+
+{{#markdown}}
+### Gist or GitHub App Server Deployments
+
+As Sharp Apps are just .NET Core Web Apps, the same App can be run within a [Chromium Desktop App](/docs/gist-desktop-apps) with 
+[app](https://docs.servicestack.net/netcore-windows-desktop), cross-platform on Windows, macOS or Linux with 
+[x](https://docs.servicestack.net/dotnet-tool) in the preferred browser or hosted on a server where it's accessible to everyone with an internet connection.
+
+Not only does not needing to compile Sharp Apps dramatically simplify App development but it also dramatically simplifies 
+App deployment where you can **completely skip all CI and build steps** as there's nothing to build or deploy with the built-in
+support for Gist publishing.
+
+All that's required is to run the App on your server with `x open <app>`, e.g. to run `redis` Gist App:
+
+    $ x open redis
+
+Which runs on port `5000` by default, you can run it under your preferred domain by configuring nginx below.
+
+Or to "install" the Gist App (without launching it with "open") so it can be run offline locally:
+
+    $ x install redis
+    
+## Deploying Sharp Apps to Ubuntu
+
+A common way for reliably hosting .NET Core Apps on Ubuntu is to use [supervisor](http://supervisord.org/index.html)
+to monitor the `dotnet` self-hosting processes behind an nginx reverse proxy which handles external HTTP requests to
+your website and proxies them to the dotnet process running your Web App on a local port. You'll need access to a Unix 
+environment on your client Desktop, either using Linux, OSX or 
+[Installing Windows Subsystem for Linux (WSL)](https://github.com/ServiceStack/redis-windows#option-1-install-redis-on-ubuntu-on-windows).
+
+### Setup the deploy User Account
+
+Using a Unix command-line or [Windows Subsystem for Linux (WSL)](https://github.com/ServiceStack/redis-windows#option-1-install-redis-on-ubuntu-on-windows) 
+ssh into your remote server:
+
+    $ ssh deploy@web-apps.io
+
+We'll start by creating a dedicated user account for hosting and running your .NET Core Apps to mitigate potential abuse. 
+SSH into your Ubuntu server and create the `deploy` user account with a `/home/deploy` home directory and add 
+them to the `sudo` group:
+
+    sudo useradd -m deploy
+    sudo usermod -aG sudo deploy
+
+For seamless deployments use `visudo` to allow `deploy` to run `supervisorctl` without
+prompting for a password:
+
+    # Allow members of group sudo to execute any command
+    %sudo   ALL=(ALL:ALL) ALL
+    %deploy ALL=NOPASSWD: /usr/bin/supervisorctl, /home/deploy/.dotnet/tools/x
+
+> In vi type `i` to start editing a file and `ESC` to quit edit mode and `:wq` to save your changes before exiting.
+
+#### Install the dotnet `x` tool:
+
+    $ dotnet tool install -g x
+
+For simplifying the one-time setup, it's easier to sign-in as super user:
+
+    $ sudo su -
+
+#### Configure Nginx
+
+To configure your App quickly you can start with **nginx** and **supervisor** config templates using the [mix dotnet tool](https://docs.servicestack.net/mix-tool): 
+
+    $ x mix nginx supervisor-sharp -name redis
+
+Where after confirming, will write the config files to the appropriate locations:
+
+    Write files from 'nginx' https://gist.github.com/gistlyn/38a125eede8228ddf40651e2529a5c70 to:
+
+    /etc/nginx/sites-available/redis.web-app.io
+
+    Proceed? (n/Y):
+
+    Writing files from 'supervisor-sharp' https://gist.github.com/gistlyn/2db295508517a4eed59906320e95d98a to:
+    /etc/supervisor/conf.d/app.redis.conf
+
+Then to modify the virtual host configuration of the App, change into the nginx virtual host directory:
+
+    $ cd /etc/nginx/sites-available/
+
+and rename `redis.web-app.io` file to the domain you want it hosted on instead, e.g:
+
+    $ mv redis.web-app.io redis.your-domain.com
+
+You'll also need to rename the virtual host in the config file, which in vi you can do with:
+
+    :%s/redis.web-app.io/redis.your-domain.com/g
+
+Which should now look something like:
+
+    server {
+        listen       80;
+        server_name redis.your-domain;
+
+        location / {
+            proxy_pass http://localhost:5000;
+            proxy_http_version 1.1;
+            proxy_set_header Upgrade $http_upgrade;
+            proxy_set_header Connection keep-alive;
+            proxy_cache_bypass $http_upgrade;
+            proxy_set_header Host $host;
+            proxy_set_header X-Real-IP $remote_addr;
+            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+            proxy_set_header X-Forwarded-Proto $scheme;
+            proxy_buffering off;
+            proxy_ignore_client_abort off;
+            proxy_intercept_errors on;
+
+            client_max_body_size 500m;
+        }
+    }
+
+You'll also need to update the port number if you want to run your .NET Core App on a different port.
+
+Now to enable the site in nginx, link it with:
+
+    $ ln -s /etc/nginx/sites-available/redis.your-domain.com /etc/nginx/sites-enabled/redis.your-domain.com
+
+Then reload nginx to pick up changes:
+
+    $ /etc/init.d/nginx reload
+
+And voila! your Gist Sharp App is now being served at **redis.your-domain.com**
+
+#### Configure Supervisor
+
+We'll then configure [supervisord](http://supervisord.org/index.html) to further harden the .NET Core App process by having it run under a managed process,
+by [creating a deploy User Account](https://sharpscript.net/docs/deploying-sharp-apps#setup-the-deploy-user-account) and giving it
+permission to run the `supervisorctl` and `x` programs, then change directory to:
+
+    $ cd /etc/supervisor/conf.d
+
+Where we can further modify the supervisor config file created in the mix tool, where in most cases you'll only need to change the port number if 
+you've selected a different port in your nginx virtual host:
+
+    [program:app-redis]
+    command=/home/deploy/.dotnet/tools/x run redis --release
+    directory=/home/deploy/.sharp-apps/redis
+    autostart=true
+    autorestart=true
+    stderr_logfile=/var/log/app-redis.err.log
+    stdout_logfile=/var/log/app-redis.out.log
+    environment=ASPNETCORE_ENVIRONMENT=Production,ASPNETCORE_URLS="http://*:5000/"
+    user=deploy
+    stopsignal=INT
+
+> The --release flag overrides debug in app.settings so it's always run in release mode.
+
+After reviewing the changes, tell supervisor to register and start the supervisor process with:
+
+    $ supervisorctl update
+
+Where your website will now be up and running under a managed process at: **redis.your-domain.com**
+
+#### Deploy Updates
+
+Now that's everything's configured, deploying app updates are easily done by installing the app again (which downloads the latest version),
+then restarting the supervisor managed process, in these 2 commands:
+
+    $ x install redis
+    $ supervisorctl restart app-redis 
+
+Which can also be deployed from the Windows Command Prompt using a remote SSH command by combining the above commands in a `deploy-redis.sh` text file:
+
+    ssh -t deploy@web-app.io "sudo /home/deploy/.dotnet/tools/x install redis && sudo supervisorctl restart app-redis"
+
+Where App updates can then be performed with a single WSL bash command from the Windows Command Prompt:
+
+    $ bash deploy-redis.sh
+
+### Customized App Settings
+
+If you need to customize the App's settings, like we've needed to do with [blog.web-app.io](http://blog.web-app.io) **app.settings** to replace
+its OAuth keys, you can add a modified copy in its App folder which will take precedence over the read-only gist version:
+
+    $HOME/.sharp-apps/blog/app.settings
+    
+### Hosted Gist Apps
+
+All our Gist Apps are now hosted this way, by running a locally downloaded Gist App that's hosted at the following URLs:
+
+ - [redis.web-app.io](http://redis.web-app.io)
+ - [chat.web-app.io](http://chat.web-app.io)
+ - [blog.web-app.io](http://blog.web-app.io)
+ - [plugins.web-app.io](http://plugins.web-app.io)
+ - [spirals.web-app.io](http://spirals.web-app.io)
+ - [bare.web-app.io](http://bare.web-app.io)
+
+### Using Travis CI to deploy using Docker to AWS ECS
+
+A popular combination for deploying .NET Core Apps is to use the online [Travis CI](https://travis-ci.org)
+Continuous Integration Service to package your App in a Docker Container and deploy it to AWS ECS which takes care of
+the management and deployment of Docker instances over a configured cluster of EC2 compute instances.
+
+The easiest way to set this up is to clone the [rockwind-aws](https://github.com/sharp-apps/rockwind-aws)
+Web App which is preconfigured with a working scripts using Travis CI to package the Web App in a Docker container 
+and deploy it to AWS ECS. In your local copy replace the 
+[/app](https://github.com/sharp-apps/rockwind-aws/tree/master/app) folder with your App files, e.g:
+
+#### [Dockerfile](https://github.com/sharp-apps/rockwind-aws/blob/master/Dockerfile)
+
+{{/markdown}}
+
+{{ 'gfm/deploying-sharp-apps/02.md' |> githubMarkdown }}
+
+<p>
+    The only other file that needs to change is <em>deploy-envs.sh</em> to configure it to use your App's deployment settings:
+</p>
+
+<h4><a href="https://github.com/sharp-apps/rockwind-aws/blob/master/deploy-envs.sh">deploy-envs.sh</a></h4>
+
+{{ 'gfm/deploying-sharp-apps/03.md' |> githubMarkdown }}
+
+<h4>Setup AWS ECS and Travis CI</h4>
+
+<p>
+    After configuring your App deployment scripts you'll then need to 
+    <a href="https://docs.servicestack.net/deploy-netcore-docker-aws-ecs#1-create-the-ecsinstancerole-role">Setup your AWS ECS</a>
+    with an EC2 instance to deploy to and 
+    <a href="https://docs.servicestack.net/deploy-netcore-docker-aws-ecs#create-project-in-travis-ci">Create your project in Travis CI</a>.
+    You'll then need to add your AWS Account details in the Travis CI project using
+    <a href="https://docs.servicestack.net/deploy-netcore-docker-aws-ecs#ci-environment-variables">Secure Environment Variables</a>
+    to store your <em>AWS_ACCOUNT_ID</em>, <em>AWS_ACCESS_KEY</em> and <em>AWS_SECRET_KEY</em> as well as any sensitive info and 
+    connection strings your App uses.
+</p>
+
+<h2>Let us know what you create!</h2>
+
+We hope you're excited about these new features as we are and can't wait to see what you build with them - please 
+<a href="https://gist.github.com/gistlyn/f555677c98fb235dccadcf6d87b9d098#gistcomment-2704297">share them with us</a>
+so we can include it in the App Gallery and make it easy for everyone else to discover and use.
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/gist-desktop-apps.html b/wwwroot/sharp-apps/gist-desktop-apps.html
new file mode 100644
index 0000000..d21d272
--- /dev/null
+++ b/wwwroot/sharp-apps/gist-desktop-apps.html
@@ -0,0 +1,485 @@
+<!--
+title: Gist Desktop Apps
+order: 1
+-->
+
+{{#markdown}}
+[Sharp Apps](https://sharpscript.net/docs/sharp-apps) can also be published to Gists where they can be <b>run on-the-fly without installation</b>, 
+they're always up-to-date, have tiny footprints that are fast to download and launch, that can also run locally, off-line and cross-platform across
+Windows, macOS and Linux OS's.
+
+To recap [Sharp Apps](https://sharpscript.net/docs/sharp-apps) enable a dramatically simplified and productive workflow where
+entire Apps can be **developed in a real-time without compilation** using a [JavaScript inspired syntax](https://sharpscript.net/docs/syntax)
+and access to a [comprehensive default library](https://sharpscript.net/docs/scripts-reference) including built-in support 
+for the [most popular RDBMS's](https://sharpscript.net/docs/sharp-apps#multi-platform-configurations), 
+[Redis](https://sharpscript.net/docs/redis-scripts), AWS, and Azure that can be further extended with support for
+[plugins](https://sharpscript.net/docs/sharp-apps#plugins).
+
+### Windows .NET Core Desktop Apps
+
+Major disadvantages to developing Desktop Apps today include limitations in available UI frameworks not being as flexible and feature-rich
+as modern browser rendering engines, slow development/iteration times, large downloads, forced upfront installations, stale versions, 
+and cumbersome upgrades - resulting in both increased cost to develop Desktop Apps and reduced accessibility and potential popularity with 
+the additional barrier to entry of forced installations.
+
+[Electron](https://electronjs.org/) resolves some of these issues and has seen a surge of popularity vs Native Apps with its more productive web development model
+and partial support for auto updating, but it still requires a large download and upfront installation.
+
+#### Tiny Footprint
+
+By contrast, the majority of the download size of Sharp Apps is in the local .NET Core installation and [app](https://docs.servicestack.net/netcore-windows-desktop) 
+dotnet tool which are **shared by all Sharp Apps**, only the app-specific web assets and `#Script` source files need to be downloaded, making
+them a lot smaller and quicker to download (and run instantly). 
+
+They can even be further reduced by utilizing the resources embedded into **[ServiceStack](https://docs.servicestack.net/)** like the built-in 
+[SVG images](https://docs.servicestack.net/svg) and stylesheet and `/css/bootstrap.css`, which many Sharp Apps take advantage of to reduce their footprint.
+
+### Vue Desktop Template
+
+The most versatile project template to create Gist Desktop Apps is the [Vue Desktop Template](https://www.vuedesktop.com) which is capable
+of building both a standard [vue-lite](https://github.com/NetCoreTemplates/vue-lite) .NET Core Web App that can optionally be bundled into 
+a single GitHub Gist and run as a Gist Desktop App:
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/kRnQSWdqH6U" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+### Running Gist Desktop Apps
+
+If you haven't already, install the [app](https://docs.servicestack.net/netcore-windows-desktop) dotnet tool which is the 
+**only app required** to run **all Gist and Sharp Desktop Apps**:
+
+    $ dotnet tool install -g app
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/FlKeaav0gt8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+> OSX or Linux users can run Sharp Apps with the cross-platform [x](https://docs.servicestack.net/dotnet-tool) dotnet tool instead
+
+Now everyone can launch a Windows Desktop Sharp App by specifying the name of the App they want to open with:
+
+    $ app open redis    
+
+#### redis
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-redis.png)
+
+### Instant Run Without Installation
+
+This searches the [global App registry](https://gist.github.com/gistlyn/802daba52b6fe6e2ed1430348dc596cb) for the link to the 
+App, and in this case launches the Redis Sharp App within a Chromium Desktop shell as seen above.
+
+The list of available apps is also visible from the command-line with:
+
+    $ app open
+
+    1. redis       Simple, lightweight, versatile Redis Admin UI                            by @ServiceStack
+    2. spirals     Explore and generate different Spirals with SVG                          by @ServiceStack
+    3. blog        Minimal, multi-user Twitter Auth blogging app                            by @ServiceStack
+    4. rockwind    Example combining Rockstars website + data-driven Northwind Browser      by @ServiceStack
+    5. redis-html  Redis Admin Viewer developed as server-generated HTML Website            by @sharp-apps
+    6. plugins     Extend Apps with Plugins, ServiceStack Services and other C# extensions  by @sharp-apps
+    7. chat        Extensible App with custom AppHost using OAuth + SSE for real-time Chat  by @sharp-apps
+
+### Run Apps From URLs
+
+Publishing your App to the [global registry](https://gist.github.com/gistlyn/802daba52b6fe6e2ed1430348dc596cb) makes it more
+accessible via a friendly name, but if you don't want your App shared publicly or want to test it before publishing,
+it can also be run directly from a **Gist URL**, **Gist Id**, **GitHub Repo** or **Release .zip Archive**, e.g:
+
+    $ app open https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8
+    $ app open 189cd72bfaf480526e4b34814c80f2c0
+    $ app open https://github.com/sharp-apps/redis
+    $ app open https://github.com/sharp-apps/plugins/archive/v7.zip
+
+Local Sharp Apps can simply run `app` in the Sharp Apps directory:
+
+    $ app
+
+### Cross Platform
+
+If you're using macOS or Linux you can run all Sharp Apps using the cross-platform [x](https://docs.servicestack.net/dotnet-tool) dotnet tool where it will launch
+in your preferred Web Browser instead:
+
+    $ x open redis    
+
+> Every `app` command is substitutable with `x` to run it within your preferred browser in Windows, macOS or Linux
+
+### Always Up-To-Date
+
+Another unique characteristic of Sharp Apps launched with `open` is that they **always run the latest version** of the App, thereby avoiding the need to implement an Update feature or maintain patch release versions.
+
+### Run Apps Offline
+
+When Apps are launched with `open`, a folder is created in the Users `.sharp-apps` directory, e.g:
+
+    $HOME\.sharp-apps\redis
+
+This is the current directory that the App is run from and where any files created by Apps will be saved to and preserved across App runs.
+
+For **Gist Apps this is an empty folder** as the Gist files are loaded into memory, however to support being able to run Apps offline
+it also serializes all Gist files (after fetching all truncated files) to JSON at:
+
+    $HOME\.sharp-apps\redis.gist
+
+This is so after Apps **are launched once** with `open`, they can then be **run locally** with:
+
+    $ app run redis
+
+Which will load the Gist files from the serialized **redis.gist** JSON blob instead of downloading them from the gist on GitHub.  This is useful for times you don't have an Internet connection, or GitHub is down. However as small Apps like **redis** start instantly,
+it's preferred to run them with `app open redis` so you're always running the latest version.
+
+### Run Local Modified Versions Of Existing Sharp Apps
+
+Installing or running a Sharp App will install it in the `$HOME\.sharp-apps\` folder but if you want to make changes to it, it's easier
+to install it in a local directory. For Sharp Apps published in a GitHub Repo you can either clone the repo or use the dotnet tools to
+install it from the command-line with the `new` command to specify the Repo you want to download and the `-source` parameter to specify
+which GitHub User or Organization. 
+
+E.g. you can install [https://github.com/sharp-apps/redis](https://github.com/sharp-apps/redis) with:
+
+    $ app new redis -source sharp-apps
+
+Where you can open it in a text editor like VS Code:
+
+    $ code redis
+
+And run it in the VS Code terminal window, which during development you'll likely want to run it with your preferred Web Browser to access its Dev tools:
+
+    $ app
+
+Then you'll be able to make changes to the App whilst it's running to see any changes in real-time.
+
+#### Gist Apps
+
+To modify Gist Apps you can use the [mix dotnet tool](https://docs.servicestack.net/mix-tool) to download a Gist files contents.  
+For example, you can download the **redis** Gist App with:
+
+    $ app mix https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8
+
+#### Uninstall Apps
+
+As Gist Apps are downloaded on-the-fly and loaded into memory there's not much to uninstall just an empty folder and a `<app-name>.gist`
+JSON blob which you can either manually delete or get the dotnet tool to do it for you.
+
+To view all App's you've opened, run:
+
+    $ app uninstall
+
+This displays a list of Sharp App's you've run at least once:
+
+    Usage: app uninstall <app>
+
+    Installed Apps:
+    blog
+    chat
+    plugins
+    redis
+    rockwind
+    spirals
+
+To delete all traces of the `redis` App from your system, run:
+
+    $ app uninstall redis
+
+Which removes the empty `$HOME\.sharp-apps\redis` folder and `$HOME\.sharp-apps\redis.gist`.
+
+### Gist Sharp Apps
+
+If we peek into the [markdown of app.md](https://gist.githubusercontent.com/gistlyn/802daba52b6fe6e2ed1430348dc596cb/raw/2b90536198e14fb0e3494bc5f89dbc55c72c8e88/apps.md) we can see the different ways Sharp Apps can be hosted, 
+for **redis** we see that the entire App is [published in a Gist](https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8):
+
+    - [redis](https://gist.github.com/gistlyn/6de7993333b457445793f51f6f520ea8) 
+
+Thanks to ServiceStacks' [GistVirtualFiles support](https://docs.servicestack.net/virtual-file-system), Gist Apps were trivial to support which only required launching
+the ServiceStack App with a configured `GistVirtualFiles` that references the **redis** Gist, i.e:
+
+    appHost.InsertVirtualFileSources.Add(new GistVirtualFiles("6de7993333b457445793f51f6f520ea8"));
+
+Hosting Apps in Gists provides numerous benefits: predominantly they're effectively a free, public, distributed app host which are
+tied to Authenticated GitHub Accounts and have a public version history of every commit so each change is visible.
+
+GitHub also provides both a Web UI and HTTP UI to manage gists making them easy to modify, both manually and programmatically where
+you can use their Web UI to make a quick fix - which is instantly available the next time the app is launched. 
+
+We've already had quick look at the **redis** Gist App that provides a nice UI for querying and editing a Redis instance
+(an example of an App that can't be implemented as a website). Let's have a look at some other Gist Apps that are well suited 
+for development as Sharp Apps:
+
+#### Spirals
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-spirals.png)
+
+Open with:
+
+    $ app open spirals
+
+Spirals in an example of a minimally useful App to explore and generate different spirals with SVG that showcases the productivity and 
+live Development experience of Sharp Apps where you can create an App from scratch with just a text editor and the `x` tool, without
+a single re-compile or app restart:
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/Cf-vstYXrmY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
+
+### Publishing Gist Apps
+
+Now that we've created an App, it's time to publish it to a Gist. To do this we need to 
+[create a personal access token](https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line) with the **gist**
+permission so it's able to create gists.
+
+You can provide your access token via the `-token` command-line argument:
+
+    $ app publish -token {GITHUB_TOKEN}
+
+**Our recommendation** is instead to set it in the `GITHUB_TOKEN` Environment Variable to avoid needing to provide it each time.
+
+Before publishing our App, our **app.settings** looks something like:
+
+    debug true
+    name Spirals
+    CefConfig { width:1100, height:900 }
+
+To make your App listed in our Global App Directory, include the following metadata about your App:
+
+    appName     <app alias>    # required: alpha-numeric snake-case characters only, 30 chars max
+    description <app summary>  # required: 20-150 chars
+    tags        <app tags>     # optional: space delimited, alpha-numeric snake-case, 3 tags max
+
+The `appName` is the globally unique short alias you want your App to be launched as, e.g:
+
+    app://my-alias
+    $ app open my-alias
+
+If your app.settings contains the app metadata above, publishing the app will publish your App to a Gist & register your App's alias to the Global App Directory:
+
+    $ app publish
+
+    published to: https://gist.github.com/gistlyn/4e06df1f1b9099526a7c97721aa7f69c
+
+    Run published App:
+
+        x open spirals
+
+When your App is published the first time, the created gist URL will be saved in a local `.publish` text file & used for subsequent App publishes.
+
+After it's published anyone will now be able to run your App locally with the global alias (if specified):
+
+    app://spirals
+    $ app open spirals
+
+The Gist Id:
+
+    app://4e06df1f1b9099526a7c97721aa7f69c
+    $ app open 4e06df1f1b9099526a7c97721aa7f69c
+
+Or Gist URL:
+
+    $ app open https://gist.github.com/gistlyn/4e06df1f1b9099526a7c97721aa7f69c
+
+Users that are not on Windows can use the `x` dotnet tool instead to launch your App in their preferred browser:
+
+    $ x open spirals
+
+If preferred, Windows users can also launch your Gist Desktop App in their preferred browser (i.e. instead of a Chromium Desktop Shell) with the `xapp://` URL Scheme:
+
+    xapp://spirals
+
+#### Share your Windows Desktop App creations in minutes!
+
+With its built-in publishing support, you can **create an App from scratch, publish it to a gist, register it in the App directory** - 
+where your creations are ready for the world to use **in minutes!**
+
+We are not aware of any other Desktop App solution that comes close to this level of turn around time.
+
+#### Blog
+
+Spirals are cool, but lets explore some more useful real-world Apps:
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-blog.png)
+
+Open with:
+
+    $ app open blog
+
+**blog** is an sqlite-powered multi-user blogging system, that in addition to supporting Markdown, also lets you use `#Script` in your 
+posts so you're able to post **"live executable documents"** that can mix both content and executable scripts.
+
+As we envisage sqlite to a popular storage option we'll go through a couple of ways to make use of it in Gist Apps as your Apps
+Gist files are read-only and loaded in memory where as SQLite is on disk.
+
+To configure your App to use SQLite, add **db sqlite** and **db.connection dbname.sqlite** to:
+
+#### [app.settings](https://gist.github.com/gistlyn/ddc064f62cafc91ead200552d9d8ad89#file-app-settings)
+
+    debug false
+    name Blog Web App
+    db sqlite
+    db.connection blog.sqlite
+
+This will create an empty file at `$HOME\.sharp-apps\blog\blog.sqlite` when your App is first launched.
+
+You can then create your DB Schema and populate your database using [Database Scripts](https://sharpscript.net/docs/db-scripts)
+in a file called `_init.html` which is executed just before your App is launched.
+
+The **blog** App uses this approach for creating its' database and populating it with initial seed data if the database is empty, e.g:
+
+#### [_init.html](https://gist.github.com/gistlyn/ddc064f62cafc91ead200552d9d8ad89#file-_init-html)
+
+    {{  `CREATE TABLE IF NOT EXISTS "Post" 
+        (
+            "Id" INTEGER PRIMARY KEY AUTOINCREMENT, 
+            "Slug" VARCHAR(8000) NULL, 
+            "Title" VARCHAR(8000) NULL, 
+            "Content" VARCHAR(8000) NULL, 
+            "Created" VARCHAR(8000) NOT NULL, 
+            "CreatedBy" VARCHAR(8000) NOT NULL, 
+            "Modified" VARCHAR(8000) NOT NULL,
+            "ModifiedBy" VARCHAR(8000) NOT NULL 
+        );
+        
+        CREATE TABLE IF NOT EXISTS "UserInfo" 
+        (
+            "UserName" VARCHAR(8000) PRIMARY KEY, 
+            "DisplayName" VARCHAR(8000) NULL, 
+            "AvatarUrl" VARCHAR(8000) NULL, 
+            "AvatarUrlLarge" VARCHAR(8000) NULL, 
+            "Created" VARCHAR(8000) NOT NULL,
+            "Modified" VARCHAR(8000) NOT NULL
+        );` 
+        
+        |> dbExec
+    }}
+
+    {{ dbScalar(`SELECT COUNT(*) FROM Post`) |> to => postsCount }}
+
+    {{#if postsCount == 0 }}
+
+        {{ `datetime(CURRENT_TIMESTAMP,'localtime')` |> to => sqlNow }}
+        {{ `ServiceStack`                            |> to => user }}
+
+        ========================
+        Create ServiceStack User - Contains same info as if was @ServiceStack authenticated via Twitter
+        ========================
+
+        {{ `INSERT INTO UserInfo (UserName, DisplayName, AvatarUrl, AvatarUrlLarge, Created, Modified) 
+                        VALUES (@user, @user, @avatarUrl, @avatarUrlLarge, ${sqlNow}, ${sqlNow})`
+            |> dbExec({ 
+                user: 'ServiceStack', 
+                avatarUrl: 'https://pbs.twimg.com/profile_images/876249730078056448/JuTVEkWX_normal.jpg',
+                avatarUrlLarge: 'https://pbs.twimg.com/profile_images/876249730078056448/JuTVEkWX.jpg'
+            }) 
+        }}
+
+        ...
+        
+    {{/if}}
+
+The next time the `blog` App is run it uses the existing `$HOME\.sharp-apps\blog\blog.sqlite` and skips populating the database above.
+
+#### rockwind
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-rockwind.png)
+
+**Querying Embedded Northwind SQLite Database:**
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-rockwind2.png)
+
+Open with:
+
+    $ app open rockwind
+
+Rockwind is an example of a larger (60+ files) multi-versatile App of hybrid content, data driven App with a UI and Web API 
+over northwind tables that also combines multiple different layouts in a single App. 
+
+Its data-driven Web UI and Web API requires the northwind database which is included in the gist as `northwind.readonly.sqlite`
+then in the init script it saves a copy to **northwind.sqlite** if it doesn't already exist:
+
+#### [_init.html](https://gist.github.com/gistlyn/0148c87e154fb4731c7fa6219375d989#file-_init-html)
+
+    vfsFileSystem('.') |> to => fs
+
+    #if !fs.fileExists('northwind.sqlite') || fs.file('northwind.sqlite').Length == 0
+        fs.writeFile('northwind.sqlite', file('northwind.readonly.sqlite'))
+    /if
+
+rockwind contains a number of other hidden useful gems like how easy it is to create multi-linked query reports:
+
+#### [northwind\order-report\_id.html](https://gist.github.com/gistlyn/0148c87e154fb4731c7fa6219375d989#file-northwind-order-report-_id-html)
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-rockwind3.png)
+
+As well as a dynamic SQL Studio UI that re-queries as-you-type:
+
+#### [northwind\sql\index.html](https://gist.github.com/gistlyn/0148c87e154fb4731c7fa6219375d989#file-northwind-sql-api-html)
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-rockwind4.png)
+
+### GitHub Sharp Apps
+
+Up to this point we've only seen running Sharp Apps from Gists, but they can also be run from traditional GitHub repos as we can
+see from the **chat** App which links to its repo:
+
+    - [chat](https://github.com/sharp-apps/chat)
+
+The difference between Gist an GitHub Repo Apps is that GitHub repos need to be installed before they're run. 
+When you run a GitHub Repo App with `open`, e.g:
+
+    $ app open chat
+
+It downloads the repo archive (either the last released version or current master archive), extracts its contents to the Apps
+`$HOME\.sharp-apps\chat` folder then runs it as a traditional Web App where its files are maintained on disk.
+
+As this process takes a little longer to start than Gist Apps you may prefer to use `run` for subsequent App runs:
+
+    $ app run chat
+
+Where it will run it from disk, whereas `open` will nuke the existing install, re-download the archive and extract it again before launching.
+
+For GitHub Repo apps, `open` is equivalent to re-running `install` and `run` each time:
+
+    $ app install chat
+    $ app run chat
+
+### GitHub Sharp App Commands
+
+Whilst they work differently, `open`, `install`, `run` and `uninstall` have the **same behavior** for both Gist and GitHub Repo Apps, i.e:
+
+  - `open` - Always run the latest version of the App
+  - `install` - Download the App only so it can be run offline
+  - `run` - Run the locally downloaded App
+  - `uninstall` - Remove all traces of previously installed or opened Apps
+
+#### chat
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-chat.png)
+
+Open with:
+
+    $ app open chat
+
+
+**[chat](https://sharpscript.net/docs/sharp-apps#chat)** is an example of the ultimate form of extensibility where instead of just being able to add Services, Filters and Plugins, you can add your entire AppHost which Sharp Apps will use instead of its own. This vastly expands the use-cases that can be built with Sharp Apps as it gives you complete fine-grained control over exactly how your App is configured.
+
+#### Plugins
+
+The last packaging option supported for running Sharp Apps is being able to link to a specific GitHub Release version of your App, e.g:
+
+    - [plugins](https://github.com/sharp-apps/plugins/archive/v7.zip)
+
+Which will ensure you're always running the same version of the App which is useful in being able to easily run and compare different App versions
+or be able to support beta releases of your App that you don't want everyone to use yet.
+
+![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/app-plugins.png)
+
+Open with:
+
+    $ app open plugins
+
+**[plugins](https://sharpscript.net/docs/sharp-apps#plugins)** showcases the easy extensibility of Sharp Apps which allow "no touch" sharing of 
+[ServiceStack Plugins](https://docs.servicestack.net/plugins), [Services](https://docs.servicestack.net/create-your-first-webservice), 
+[Script Methods](http://sharpscript.net/docs/methods), [Sharp Code Pages](http://sharpscript.net/docs/code-pages) and 
+[Validators](https://docs.servicestack.net/validation) contained within **.dll's** or **.exe's** dropped in a Sharp Apps 
+[/plugins](https://github.com/sharp-apps/plugins/tree/master/plugins) folder which are auto-registered 
+on startup. The source code for all plugins used in this App were built from the .NET 5.0 projects in the
+[/plugins/src](https://github.com/sharp-apps/plugins/tree/master/src) folder. 
+
+{{/markdown}}
+
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/index.html b/wwwroot/sharp-apps/index.html
new file mode 100644
index 0000000..a074340
--- /dev/null
+++ b/wwwroot/sharp-apps/index.html
@@ -0,0 +1,353 @@
+<!--
+title: Sharp Apps
+order: 0
+-->
+
+<p>
+    <a href="https://github.com/ServiceStack/dotnet-app">Sharp Apps</a> are a new approach to dramatically simplify .NET Wep App development 
+    and provide the most productive development experience possible whilst maximizing reuse and component sharing. 
+    They also open up a number of new use-cases for maintaining clean isolation between front-end and back-end development with
+    front-end developers not needing any knowledge of C#/.NET to be able to develop UIs for high-performance .NET Web Apps. 
+    Sharp Apps also make it easy to establish and share an approved suite of functionality amongst multiple websites all 
+    consuming the same back-end systems and data stores.
+</p>
+
+<p>
+    Sharp Apps leverages <em>#Script</em> to develop entire content-rich, data-driven websites without needing to write any C#, 
+    compile projects or manually refresh pages - resulting in the easiest and fastest way to develop Web Apps in .NET!
+</p>
+
+<h4 id="ultimate-simplicity">Ultimate Simplicity</h4>
+
+<p>
+    Not having to write any C# code or perform any app builds dramatically reduces the cognitive overhead and conceptual knowledge 
+    required for development where the only thing front-end Web developers need to know is <a href="/docs/syntax">#Script's familiar syntax</a> 
+    and what <a href="/docs/scripts-reference">methods are available</a> to call. 
+    Because of <a href="/docs/expression-viewer">#Script's JavaScript compatibility</a>, developing a Website with <em>#Script</em> will be instantly familiar to 
+    JavaScript devs despite calling and binding directly to .NET APIs behind the scenes.
+</p>
+
+<p>
+    All complexity with C#, .NET, namespaces, references, .dlls, strong naming, packages, MVC, Razor, build tools, IDE environments, etc 
+    has been eliminated leaving all Web Developers needing to do is run the cross-platform 
+    <a href="#installing-and-running-web-apps">x dotnet tool</a>     
+    and configure a simple 
+    <a href="https://github.com/sharp-apps/bare/blob/master/app.settings">app.settings</a>    
+    text file to specify which website folder to use, which ServiceStack features to enable, which db or redis providers to connect to, etc.
+    Not needing to build also greatly simplifies deployments where multiple websites can be deployed with a 
+    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/Web/run.deploy.apps.sh">single rsync</a> or xcopy command or 
+    if deploying your App in a Docker Container, you just need to 
+    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/Dockerfile">copy your website files</a>, or just the <em>app.settings</em>    
+    if you're using an S3 or Azure Virtual File System.
+</p>
+
+<h4>Rapid Development Workflow</h4>
+
+<p>
+    The iterative development experience is also unparalleled for a .NET App, no compilation is required so you can just leave
+    the <em>x</em> dotnet tool running whilst you add <em>.html</em> files needed to build your App and thanks
+    to the built-in <a href="/docs/hot-reloading">Hot Reloading</a> support, pages will refresh automatically as you save.
+    You'll just need to do a full page refresh when modifying external .css/.js files to bypass the browser cache and
+    you'll need to restart <em>x</em> to pick up any changes to your <em>app.settings</em> or added any 
+    .dlls to your <em>/plugins</em> folder.
+</p>
+
+<h4>FREE!</h4>
+
+<p>
+    To remove friction & barriers to adoption all <a href="https://docs.servicestack.net/netcore-windows-desktop">app</a> and 
+    <a href="https://docs.servicestack.net/dotnet-tool">x</a> dotnet tools used to run all Sharp and Gist Desktop Apps
+    utilize an unrestricted suite of <a href="https://servicestack.net">ServiceStack</a> Software that can be developed & distributed 
+    free without a commercial license.
+</p>
+    
+<p>
+    Should it be needed if exceeding <a href="https://servicestack.net/download#free-quotas">free-quotas</a> 
+    (most <a href="/sharp-apps/app-index">Sharp Apps</a> don't) when developing locally as a .NET Core Web App 
+    (i.e. instead of running using the <em>app</em> tool), you can bypass any restrictions with a 
+    <a href="https://servicestack.net/trial">Trial License Key</a>.
+</p>
+
+<h2>Getting Started</h2>
+
+<p>
+    All Sharp Apps can be run either as .NET Core Web Apps by installing the <em>x</em> dotnet tool:
+</p>
+
+<pre class="sh"><code>$ dotnet tool install -g x</code></pre>
+
+Then you can run <em>x open</em> to see which apps are available to install:
+
+<pre class="sh"><code>$ x open</code></pre>
+
+<p>
+    By default this will list all <a href="https://github.com/sharp-apps">sharp-apps</a> available: 
+</p>
+
+<pre class="sh"><code> 1. redis       Simple, lightweight, versatile Redis Admin UI
+ 2. spirals     Explore and generate different Spirals with SVG
+ 3. blog        Minimal, multi-user Twitter Auth blogging app
+ 4. rockwind    Example combining Rockstars website + data-driven Northwind Browser
+ 5. redis-html  Redis Admin Viewer developed as server-generated HTML Website
+ 6. plugins     Extend Apps with Plugins, ServiceStack Services and other C# extensions
+ 7. chat        Extensible App with custom AppHost leveraging OAuth + SSE for real-time Chat
+ 8. bare        Basic Sharp Content Website
+ 9. studio      Admin UI for managing ServiceStack Instances (v5.9+)
+10. sharpdata   Instant UI for browsing multiple RDBMS's
+11. win32       Demo Desktop App showcasing Win32 APIs
+ 
+Usage: x open &lt;name&gt;</code></pre>
+
+<p>
+    Where any of the apps can be installed by specifying the <b>name</b>, e.g. 
+    <a href="https://github.com/sharp-apps/spirals">spirals</a> can be run with:
+</p>
+
+<pre class="sh"><code>$ x open spirals</code></pre>
+
+<p>
+    Which will run the latest version of the <b>spirals</b> App each time. 
+    After an App has been run once or installed, you can run its local version with <em>x run</em>:
+</p>
+
+<pre class="sh"><code>$ x run spirals</code></pre>
+
+<h4>Windows 64 Desktop App</h4>
+
+<p>
+    Each Sharp App can also be run as a 
+    <a href="https://docs.servicestack.net/netcore-windows-desktop">.NET Core Windows Desktop App</a>
+    by installing the <em>app</em> dotnet tool:
+</p>
+
+<pre class="sh"><code>$ dotnet tool install -g app</code></pre>
+
+<p>
+    Then running the Web App with <em>app</em> instead of <em>x</em>.
+</p>
+
+<pre class="sh"><code>$ app open spirals</code></pre>
+
+<h3>Spirals</h3>
+<div class="source">
+    <a name="app://spirals">app://spirals</a> -
+    <a href="http://spirals.web-app.io">spirals.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/spirals">sharp-apps/spirals</a>
+</div>
+
+<p>
+    Spirals is a good example showing how easy it is to create .NET Core Desktop Web Apps utilizing HTML5's familiar and simple development 
+    model to leverage advanced Web Technologies like SVG in a fun, interactive and live development experience.
+</p>
+
+{{#markdown}}
+> YouTube: [youtu.be/2FFRLxs7orU](https://youtu.be/Cf-vstYXrmY)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/app/spirals/animated.png)](https://youtu.be/Cf-vstYXrmY)
+{{/markdown}}
+
+<p>
+    See the <a href="https://github.com/sharp-apps/spirals#the-making-of-spirals">Making of Spirals</a> for a walk through on how to create
+    the Spirals Web App from scratch.
+</p>
+
+<h3 id="init">Sharp App</h3>
+
+<p>
+    The easiest way to create an empty Sharp App is to run <em>app init</em> from an Empty App Directory:
+</p>
+
+<pre class="sh"><code>$ md Acme && cd Acme && web init</code></pre>
+
+<p>
+    Which will create an empty Sharp App as seen in the <b>Spirals</b> video above:
+</p>
+
+<img src="/assets/img/screenshots/app-init.png" alt="">
+
+<h3 id="project-templates">SharpApp Project Templates</h3>
+
+<p>
+    A more complete starting option is to start from one of the project templates below. All project templates can be installed using the
+    <a href="https://docs.servicestack.net/web-new">x new</a> tool, which if not already can be installed with:
+</p>
+
+<pre class="sh"><code>$ dotnet tool install --global x</code></pre>
+
+<h4 id="vue-desktop">Vue Desktop</h4>
+
+<p>
+    The most versatile project template is the <a href="https://www.vuedesktop.com">Vue Desktop Template</a> which is capable
+    of building a standard <a href="https://github.com/NetCoreTemplates/vue-lite">vue-lite</a> .NET Core Web App that can also be bundled into 
+    a single GitHub Gist and run as a <a href="/gist-desktop-apps">Gist Desktop App</a>:
+</p>
+
+<iframe width="896" height="525" src="https://www.youtube.com/embed/kRnQSWdqH6U" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+<p>
+    To run Chromium Desktop Apps install the
+    <a href="https://docs.servicestack.net/netcore-windows-desktop">app tool</a>:
+</p>
+
+<pre class="sh"><code>$ dotnet tool install -g app</code></pre>
+
+<p>This has all the same features of the <a href="https://docs.servicestack.net/dotnet-tool">x tool</a> where you can create new projects with:</p>
+
+<pre class="sh"><code>$ app new vue-desktop ProjectName</code></pre>
+
+<p>
+    Then after packaging the Web App into a Sharp App with:
+</p>
+
+<pre class="sh"><code>$ npm run pack-app</code></pre>
+
+<p>
+    You can run it as a Desktop App by running the <em>app</em> tool in the <em>dist</em> folder:
+</p>
+
+<pre class="sh"><code>$ cd dist && app</code></pre>
+
+<h4 id="bare-app">Bare SharpApp</h4>
+
+<p>
+    To start with a simple and minimal website, create a new <a href="https://github.com/NetCoreTemplates/bare-app">bare-app</a> project template:
+</p>
+
+<a href="https://github.com/NetCoreTemplates/bare-app"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/bare-app.png" alt=""></a>
+
+<pre class="sh"><code>$ x new bare-app ProjectName</code></pre>
+
+<p>
+    This creates a multi-page Bootstrap Website with Menu navigation that's ideal for content-heavy Websites.
+</p>
+
+<h3 id="parcel-app">Parcel SharpApp</a></h3>
+
+<p>
+    For more sophisticated JavaScript Sharp Apps we recommended starting with the 
+    <a href="https://github.com/NetCoreTemplates/parcel-app">parcel-app</a> project template:
+</p>
+
+<a href="https://github.com/NetCoreTemplates/parcel-app"><img src="https://raw.githubusercontent.com/ServiceStack/Assets/master/csharp-templates/parcel-app.png" alt=""></a>
+
+<pre class="sh"><code>$ x new parcel-app ProjectName</code></pre>
+
+<p>
+    This provides a simple and powerful starting template for developing modern JavaScript .NET Core Sharp Apps utilizing the 
+    zero-configuration <a href="https://parceljs.org">Parcel</a> bundler to enable a rapid development workflow with access to 
+    best-of-class web technologies like TypeScript that's managed by pre-configured
+    <a href="https://github.com/NetCoreTemplates/parcel-app#client">npm scripts</a> to handle its entire dev workflow.
+</p>
+
+<p>
+    If needed, it includes an optional <a href="https://github.com/NetCoreTemplates/parcel-app#server">server</a>
+    component containing any C# extensions needed that's automatically built and deployed to the app's <em>/plugins</em> folder when started. 
+    This enables an extensible .NET Core Web App with an integrated Parcel bundler to enable building sophisticated JavaScript
+    Apps out-of-the-box within a live development environment.
+</p>
+
+<h4>Cloud Apps Starter Projects</h4>
+
+<p>
+    If you intend to deploy your Web App on AWS or Azure you may prefer to start with one of the example 
+    Cloud Apps below which come pre-configured with deployment scripts for deploying with Travis CI and Docker:
+</p>
+
+<ul>
+    <li><a href="https://github.com/sharp-apps/rockwind-aws">rockwind-aws</a></li>
+    <li><a href="https://github.com/sharp-apps/rockwind-azure">rockwind-azure</a></li>
+</ul>
+
+<h3 id="about-bare-app">About Bare WebApp</h3>
+<div class="source">
+    <a href="http://bare-app.web-templates.io">bare-app.web-templates.io</a> -
+    <a href="https://github.com/NetCoreTemplates/bare-app">NetCoreTemplates/bare-app</a>
+</div>
+
+<p>
+    The Getting Started project contains a copy of the <a href="http://bare-app.web-templates.io">bare-app.web-templates.io</a> project below 
+    which is representative of a typical Company splash Website:
+</p>
+
+<a href="http://bare-app.web-templates.io"><img src="/assets/img/screenshots/bare.png" alt="Bare WebApp screenshot"></a>
+
+<p>
+    The benefits over using a static website is improved maintenance
+    as you can extract and use its common <a href="https://github.com/sharp-apps/bare/blob/master/_layout.html">_layout.html</a>
+    instead of having it duplicated in each page. 
+    The <a href="https://github.com/sharp-apps/bare/blob/master/menu.html">menu.html</a> partial also makes menu items
+    easier to maintain by just adding an entry in the JavaScript object literal. The dynamic menu also takes care of highlighting the active menu item.
+</p>
+
+<pre class="cs"><code>{{ 'examples/webapps-menu.html' |> includeFile }}</code></pre>
+
+<h4>Ideal for Web Designers and Content Authors</h4>
+
+<p>
+    The other primary benefit is that this is an example of a website that can be maintained by employees who don't have any
+    programming experience as <em>#Script</em> in their basic form are intuitive and approachable to non-developers, e.g: 
+    The title of each page is maintained as metadata HTML comments:
+</p>
+
+<pre class="cs"><code>&lt;!--
+title: About Us
+--&gt;
+</code></pre>
+
+<p>
+    <em>#Script</em> syntax is also the ideal way to convey variable substitution, e.g: <em>&lt;title&gt;{{ pass: title }}&lt;/title&gt;</em> 
+    and even embedding a partial reads like english <em>{{ pass: 'menu' |> partial }}</em> which is both intuitive and works well 
+    with GUI HTML designers.
+</p>
+
+<h5><a href="https://github.com/sharp-apps/bare/blob/master/app.settings">app.settings</a></h5>
+
+<p>
+    Below is the <em>app.settings</em> for a Basic App:
+</p>
+
+<pre class="settings"><code>debug true
+name Bare Sharp App</code></pre>
+
+<blockquote>
+    <em>debug true</em> controls the level of internal diagnostics available and whether or not <a href="/docs/hot-reloading">Hot Reloading</a> is enabled.
+</blockquote>
+
+<h3 id="about-parcel-app">About Parcel WebApp</h3>
+<div class="source">
+    <a href="http://parcel-app.web-templates.io">parcel-app.web-templates.io</a> -
+    <a href="https://github.com/NetCoreTemplates/parcel-app">NetCoreTemplates/parcel-app</a>
+</div>
+
+{{ 'gfm/sharp-apps/13.md' |> githubMarkdown }}
+
+<h2 id="reference">Reference</h2>
+
+{{#markdown}}
+All common functionality contained in Sharp Apps are implemented in the [dotnet tools](https://docs.servicestack.net/dotnet-tool), 
+most of which is contained within these 2 classes (for all dotnet tools):
+
+ - [Startup.cs](https://github.com/ServiceStack/dotnet-app/blob/master/src/Web/Startup.cs)
+ - [Startup.Mix.cs](https://github.com/ServiceStack/dotnet-app/blob/master/src/Web/Startup.Mix.cs)
+
+The [app dotnet tool](https://docs.servicestack.net/netcore-windows-desktop) contains additional Chromium Desktop related features in its 
+[/src/App](https://github.com/ServiceStack/dotnet-app/tree/master/src/App) project.
+
+### app.settings options
+
+These different options are covered in the [various example Sharp Apps](/sharp-apps/app-index), e.g:
+
+ - [DB settings](/sharp-apps/rockwind#multi-platform-configurations)
+ - [Redis settings](/sharp-apps/redis#app-settings)
+ - [Virtual File System (VFS) settings](/sharp-apps/rockwind#resolveasset)
+ - [Configuring Plugins](/sharp-apps/plugins#registering-servicestack-plugins)
+ - [Using a Custom AppHost](/sharp-apps/chat#develop-back-end-using-net-ides)
+ - [Passing Rich Config Arguments to your App](/sharp-apps/blog#rich-config-arguments)
+
+{{/markdown}}
+
+{{ 'gfm/apps/04.md' |> githubMarkdown }}
+
+
+{{ "apps-links" |> partial({ order }) }}
+
diff --git a/wwwroot/sharp-apps/plugins.html b/wwwroot/sharp-apps/plugins.html
new file mode 100644
index 0000000..5b5b1e0
--- /dev/null
+++ b/wwwroot/sharp-apps/plugins.html
@@ -0,0 +1,145 @@
+<!--
+title: App - Plugins
+order: 6
+-->
+
+<div class="source">
+    <a name="app://plugins">app://plugins</a> -
+    <a href="http://plugins.web-app.io">plugins.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/plugins">sharp-apps/Plugins</a>
+</div>
+
+<p>
+    Up till now the Apps above only have only used functionality built into ServiceStack, to enable even greater functionality
+    but still retain all the benefits of developing Web Apps you can drop <b>.dll</b> with custom functionality into your 
+    Web App's <em>/plugins</em> folder. The plugins support in Web Apps is as friction-less as we could make it, there's no 
+    configuration to maintain or special interfaces to implement, you're able to drop your <b>existing implementation .dll's</b> 
+    as-is into the App's <b>/plugins</b> folder.
+</p>
+
+<p>
+    Plugins allow "no touch" sharing of 
+    <a href="https://docs.servicestack.net/plugins">ServiceStack Plugins</a>, 
+    <a href="https://docs.servicestack.net/create-your-first-webservice">Services</a>, 
+    <a href="https://sharpscript.net/docs/methods">Script Methods</a>
+    <a href="https://sharpscript.net/docs/code-pages">Sharp Code Pages</a>,
+    <a href="https://docs.servicestack.net/validation">Validators</a>, etc.
+    contained within <b>.dll's</b> or <b>.exe's</b> dropped in a Sharp App's 
+    <a href="https://github.com/sharp-apps/plugins/tree/master/plugins">/plugins</a> folder which are auto-registered 
+    on startup. This source code for plugins used in this App were built from the .NET 5.0 projects in the
+    <a href="https://github.com/sharp-apps/plugins/tree/master/src">/plugins/src</a> folder.
+</p>
+
+<a href="http://plugins.web-app.io"><img src="/assets/img/screenshots/plugins.png" alt="Plugins Sharp App Screenshot"></a>
+
+{{#markdown}}
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://plugins">app://plugins</a></strong>
+
+Or via command-line:
+
+    $ app open plugins
+
+Cross platform (Default Browser):
+
+    $ x open plugins
+
+{{/markdown}}
+
+<h4>Registering ServiceStack Plugins</h4>
+
+<p>
+    <a href="https://docs.servicestack.net/plugins">ServiceStack Plugins</a> can be added to your App by 
+    listing it's Type Name in the <em>features</em> config entry in 
+    <a href="https://github.com/sharp-apps/plugins/tree/master/app.settings">app.settings</a>:
+</p>
+
+<pre class="settings"><code>debug true
+name Plugins Sharp App
+features CustomPlugin, OpenApiFeature, PostmanFeature, CorsFeature, ValidationFeature
+CustomPlugin { ShowProcessLinks: true }
+ValidationFeature { ScanAppHostAssemblies: true }
+CefConfig { width:1150, height:1050 }
+</code></pre>
+
+<p>
+    All plugins listed in <em>features</em> will be added to your Web App's AppHost in the order they're specified. 
+    They can further customized by adding a separate config entry with the Plugin Name and a JavaScript Object literal to 
+    populate the Plugin at registration, e.g the config above is equivalent to:
+</p>
+
+{{ 'gfm/sharp-apps/04.md' |> githubMarkdown }}
+
+<h4>Custom Plugin</h4>
+
+<p>
+    In this case it tells our <a href="https://github.com/sharp-apps/plugins/blob/master/src/ServerInfo/CustomPlugin.cs">CustomPlugin</a>
+    from <b>/plugins/ServerInfo.dll</b> to also show Process Links in its
+    <a href="http://plugins.web-app.io/metadata">/metadata</a> Page:
+</p>
+
+{{ 'gfm/sharp-apps/05.md' |> githubMarkdown }}
+
+<p>
+    Where as it was first registered in the list will appear before any links registered by other plugins:
+</p>
+
+<img src="https://raw.githubusercontent.com/sharp-apps/plugins/master/assets/img/metadata-screenshot.png" alt="Metadata screenshot">
+
+<h4>Built-in Plugins</h4>
+
+<p>
+    It also tells the <em>ValidationFeature</em> to scan all Service Assemblies for Validators and to automatically register them
+    which is how ServiceStack was able to find the
+    <a href="https://github.com/sharp-apps/plugins/blob/master/src/ServerInfo/ContactServices.cs">ContactValidator</a>
+    used to validate the <em>StoreContact</em> request.
+</p>
+
+<p>
+    Other optional plugins registered in this App is the metadata Services required for 
+    <a href="https://docs.servicestack.net/openapi">Open API</a>, 
+    <a href="https://docs.servicestack.net/postman">Postman</a> as well as
+    <a href="https://docs.servicestack.net/corsfeature">support for CORS</a>.
+    You can check the <a href="https://sharpscript.net/docs/servicestack-scripts#debug-template">Metadata Debug Inspector</a> for all Plugins 
+    loaded in your AppHost.
+</p>
+
+<h3 id="netcore-extensibility">.NET Extensibility</h3>
+
+<p>
+    Plugins can also implement .NET Core's <em>IStartup</em> to be able to register any required dependencies without any coupling to any Custom AppHost.
+</p>
+
+<p>
+    To simplify configuration you can use the <em>plugins/*</em> wildcard in 
+    <b>app.settings</b> at the end of an ordered plugin list to register all remaining Plugins it finds in the apps <em>/plugins</em> folder:
+</p>
+
+
+<pre class="settings"><code>features OpenApiFeature, PostmanFeature, CorsFeature, ValidationFeature, plugins/*
+CustomPlugin { ShowProcessLinks: true }
+</code></pre>
+
+<p>
+    Each plugin registered can continue to be furthered configured by specifying its name and a JavaScript object literal as seen above.
+</p>
+
+<p>
+    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps/plugins2">/plugins2</a>  App shows an example of this with the 
+    <a href="https://github.com/sharp-apps/plugins/blob/master/src/ServerInfo/StartupPlugin.cs">StartupPlugin</a>
+    registering a <em>StartupDep</em> dependency which is used by its <em>StartupServices</em> at runtime:
+</p>
+
+{{ 'gfm/sharp-apps/12.md' |> githubMarkdown }}
+
+<h3>ServiceStack Ecosystem</h3>
+
+<p>
+    All Services loaded by plugins continue to benefit from ServiceStack's rich metadata services, including being listed 
+    in the <a href="/metadata">/metadata</a> page, being able to explore and interact with Services using 
+    <a href="/swagger-ui/">/swagger-ui/</a> as well as being able to generate Typed APIs for the most popular
+    <a href="https://docs.servicestack.net/add-servicestack-reference">Mobile, Web and Desktop platforms</a>.
+</p>
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/redis.html b/wwwroot/sharp-apps/redis.html
new file mode 100644
index 0000000..6a00b47
--- /dev/null
+++ b/wwwroot/sharp-apps/redis.html
@@ -0,0 +1,228 @@
+<!--
+title: App - Redis
+order: 4
+-->
+
+<p>
+    The <a href="#redis-html">Redis HTML</a> 
+    and 
+    <a href="#redis-vue">Redis Vue</a> Apps below
+    demonstrates the versatility of Sharp Apps showcasing the same App implemented in both <b>server-generated HTML</b> and a <b>Vue SPA App</b>.
+</p>
+
+<h3>Redis HTML</h3>
+<div class="source">
+    <a name="app://redis-html">app://redis-html</a> -
+    <a href="http://redis-html.web-app.io">redis-html.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/redis-html">sharp-apps/redis-html</a>
+</div>
+
+{{#markdown}}
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://redis-html">app://redis-html</a></strong>
+
+Or via command-line:
+
+    $ app open redis-html
+
+Cross platform (Default Browser):
+
+    $ x open redis-html
+{{/markdown}}
+
+<p>
+    For the Redis Browser Web App, we wanted to implement an App that was an ideal candidate for a Single Page App but constrain ourselves
+    to do all HTML rendering on the server and have each interaction request a full-page reload to see how a traditional server-generated
+    Web App feels like with the performance of .NET 5.0 and <em>#Script</em>. We're pleasantly surprised with the result as when 
+    the App is run locally the responsiveness is effectively indistinguishable from an Ajax App. When hosted on the Internet 
+    there is a sub-second delay which causes a noticeable flicker but it still retains a pleasant UX that's faster than most websites.
+</p>
+
+<p>
+    The benefits of a traditional website is that it doesn't break the web where the back button and deep linking work without effort 
+    and you get to avoid the complexity train of adopting a premier JavaScript SPA Framework's configuration, dependencies, workflow 
+    and build system which has become overkill for small projects.
+</p>
+
+<a href="http://redis-html.web-app.io"><img src="/assets/img/screenshots/redis-html.png" alt="Redis HTML WebApp Screenshot"></a>
+
+<p>
+    We've had a sordid history developing Redis UI's which we're built using the popular JavaScript frameworks that appeared 
+    dominant at the time but have since seen their ecosystem decline, starting with the
+    <a href="http://redisadminui.servicestack.net/">Redis Admin UI</a> (<a href="https://github.com/ServiceStackApps/RedisAdminUI">src</a>) 
+    built using 
+    <a href="https://github.com/google/closure-library">Google's Closure Library</a> that as it works different to everything else 
+    needed a complete rewrite when creating <a href="http://redisreact.servicestack.net">redisreact.servicestack.net</a>
+    (<a href="https://github.com/ServiceStackApps/RedisReact">src</a>) using the hot new React framework, unfortunately it uses React's old 
+    deprecated ES5 syntax and Reflux which is sufficiently different from our current recommended 
+    <a href="https://docs.servicestack.net/templates-single-page-apps">TypeScript + React + Redux + WebPack</a> JavaScript SPA Stack,
+    that is going to require a significant refactor to adopt our preferred SPA tech stack.
+</p>
+
+<h5>Beautiful, succinct, declarative code</h5>
+
+<p>
+    The nice thing about generating HTML is that it's the one true constant in Web development that will always be there.
+    The entire functionality for the Redis Web App is contained in a single
+    <a href="https://github.com/sharp-apps/redis-html/blob/master/index.html">/redis-html/app/index.html</a> which includes
+    all Template and JavaScript Source Code in <b>&lt; 200 lines</b> which also includes all as server logic as it doesn't rely on any 
+    back-end Services and just uses the <a href="/docs/redis-scripts">Redis Scripts</a> to interface with Redis directly.
+    The <a href="https://github.com/sharp-apps/redis-html/blob/master/index.html">source code</a> also serves as a good 
+    demonstration of the declarative coding style that <em>#Script</em> encourages that in addition to being highly-readable requires orders 
+    of magnitude less code than our previous Redis JavaScript SPA's with a comparable feature-set.
+</p>
+
+<p>
+    Having a much smaller code-base makes it much easier to maintain and enhance whilst being less susceptible to becoming obsolete 
+    by the next new JavaScript framework as it would only require rewriting 75 lines of JavaScript instead of the complete rewrite 
+    that would be required to convert the existing JavaScript Apps to a use different JavaScript fx.
+</p>
+
+<h4 id="app-settings">app.settings</h4>
+
+<p>
+    The <a href="https://github.com/sharp-apps/redis-html/blob/master/app.settings">app.settings</a> for Redis is similar to Web App Starter above except it adds a 
+    <em>redis.connection</em> to configure a <a href="https://github.com/ServiceStack/ServiceStack.Redis#redismanagerpool">RedisManagerPool</a> at the
+    <a href="https://github.com/ServiceStack/ServiceStack.Redis#redis-connection-strings">connection string</a> provided
+    as well as <a href="/docs/redis-scripts">Redis Scripts</a> to give the scripts access to the Redis instance.
+</p>
+
+<pre class="settings"><code>debug true
+name Redis Web App
+redis.connection localhost:6379</code></pre>
+
+<h3>Redis Vue</h3>
+<div class="source">
+    <a name="app://redis-vue">app://redis-vue</a> -
+    <a href="http://redis.web-app.io">redis.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/Redis">sharp-apps/Redis</a>
+</div>
+
+{{#markdown}}
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://redis-vue">app://redis-vue</a></strong>
+
+Or via command-line:
+
+    $ app open redis-vue
+
+Cross platform (Default Browser):
+
+    $ x open redis-vue
+{{/markdown}}
+
+<p>
+    Whilst the above server-generated HTML Redis UI shows how you can easily develop traditional Web Apps using <em>#Script</em>, we've also
+    rewritten the Redis UI as a Single Page App which is the more suitable choice for an App like this as it provides a more
+    optimal and responsive UX by only loading the HTML page once on Startup then utilizes Ajax to only download and update 
+    the incremental parts of the App's UI that needs changing.
+</p>
+
+<p>
+    Instead of using jQuery and server-side HTML this version has been rewritten to use <a href="https://vuejs.org">Vue</a>
+    where the UI has been extracted into isolated Vue components utilizing 
+    <a href="https://vuejs.org/v2/guide/components.html#X-Templates">Vue X-Templates</a> to render the App on the client where 
+    all Redis Vue's functionality is contained within the
+    <a href="https://github.com/sharp-apps/Redis/blob/master/index.html">Redis/app/index.html</a> page.     
+</p>
+
+<a href="http://redis.web-app.io"><img src="/assets/img/screenshots/redis.png" alt="Redis Vue WebApp Screenshot"></a>
+
+<h4>Simple Vue App</h4>
+
+<p>
+    <em>#Script</em> also provides a great development experience for Single Page Apps which for the most part gets out of your way letting you 
+    develop the Single Page App as if it were a static <em>.html</em> file, but also benefits from the flexibility of a 
+    dynamic web page when needed. 
+</p>
+<p>
+    The containing <a href="https://github.com/sharp-apps/Redis/blob/master/_layout.html">_layout.html</a>
+    page can be separated from the <a href="https://github.com/sharp-apps/Redis/blob/master/index.html">index.html</a> page 
+    that contains the App's functionality, where it's able to extract the <em>title</em> of the page and embed it in the 
+    HTML <em>&lt;head/&gt;</em> as well as embed the page's <em>&lt;script /&gt;</em> in its optimal location at the bottom of the 
+    HTML <em>&lt;body/&gt;</em>, after the page's blocking script dependencies:
+</p>
+
+{{ 'gfm/sharp-apps/07.md' |> githubMarkdown }}
+
+<p>
+    Redis Vue avoids the complexity of adopting a npm build system by referencing Vue libraries as a simple script include:
+</p>
+
+<pre class="html"><code>&lt;script src="../assets/js/vue{{ pass: '.min' |> if(!debug) }}.js"&gt;</script></code></pre>
+
+<p>
+    Where it uses the more verbose and developer-friendly 
+    <a href="https://github.com/sharp-apps/Redis/blob/master/assets/js/vue.js">vue.js</a>
+    during development whilst using the production optimized 
+    <a href="https://github.com/sharp-apps/Redis/blob/master/assets/js/vue.min.js">vue.min.js</a>
+    for deployments. So despite avoiding the complexity tax of an npm-based build system it still gets some of its benefits
+    like conditional deployments and effortless <a href="/docs/hot-reloading">hot reloading</a>.
+</p>
+
+<h4>Server Pages</h4>
+
+<p>
+    Whilst most of <a href="https://github.com/sharp-apps/Redis/blob/master/index.html">index.html</a> is a static Vue 
+    app, <em>#Script</em> is leveraged to generate the body of the <em>&lt;redis-info/&gt;</em> Component on the initial home page render:
+</p>
+
+{{ 'gfm/sharp-apps/08.md' |> githubMarkdown }}
+
+<p>
+    This technique increases the time to first paint by being able to render the initial Vue page without waiting for an Ajax call response
+    whilst benefiting from improved SEO from server-generated HTML.
+</p>
+
+<h4>Server Handling</h4>
+
+<p>
+    Another area <em>#Script</em> is used is to handle the HTTP POST where it calls the <em>redisChangeConnection</em> filter to change 
+    the current Redis connection before rendering the 
+    <a href="https://github.com/sharp-apps/Redis/blob/master/connection-info.html">connection-info.html</a> partial with the 
+    current connection info:
+</p>
+
+{{ 'gfm/sharp-apps/09.md' |> githubMarkdown }}
+
+<h4>Vue Ajax Server APIs</h4>
+
+<p>
+    All other Server functionality is invoked by Vue using Ajax to call one of the Ajax APIs below implemented as 
+    <a href="/docs/sharp-apis">API Pages</a>:
+</p>
+
+<h5><a href="https://github.com/sharp-apps/Redis/blob/master/api/search.html">search.html</a></h5>
+
+<p>
+    Called when searching for Redis keys where the query is forwarded to the <em>redisSearchKeys</em> filter:
+</p>
+
+{{ 'gfm/sharp-apps/10.md' |> githubMarkdown }}
+
+<h5><a href="https://github.com/sharp-apps/Redis/blob/master/api/call.html">call.html</a></h5>
+
+<p>
+    Called to execute an arbitrary Redis command on the connected instance, with the response from Redis is returned as a 
+    plain-text HTTP Response:
+</p>
+
+{{ 'gfm/sharp-apps/11.md' |> githubMarkdown }}
+
+<p>
+    The benefits of using API Pages instead of a normal C# Service is being able to retain Web App's productive development workflow
+    where the entire Redis Vue App is built without requiring any compilation.
+</p>
+
+<h3>Deep linking and full page reloads</h3>
+
+<p>
+    The Redis Vue Single Page App also takes advantage of HTML5's <em>history.pushState</em> API to enable deep-linking and back-button
+    support where most UI state changes is captured on the query string and used to initialize the Vue state on page navigation or
+    full-page reloads where it provides transparent navigation and back-button support that functions like a traditional Web App but with 
+    the instant performance of a Single Page App.
+</p>
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/rockwind.html b/wwwroot/sharp-apps/rockwind.html
new file mode 100644
index 0000000..1d67506
--- /dev/null
+++ b/wwwroot/sharp-apps/rockwind.html
@@ -0,0 +1,367 @@
+<!--
+title: App - Rockwind
+order: 5
+-->
+
+<div class="source">
+    <a name="app://rockwind">app://rockwind</a> -
+    <a href="http://rockwind-sqlite.web-app.io">rockwind-sqlite.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/rockwind">sharp-apps/rockwind</a>
+</div>
+
+<p>
+    The Rockwind website shows an example of combining multiple websites in a single Web App - a 
+    <b><em>Rock</em>stars</b> Content Website and a dynamic data-driven UI for the <b>North<em>wind</em></b> database which can 
+    run against either SQL Server, MySql or SQLite database using just configuration. It also includes 
+    <a href="/docs/sharp-apis">API Pages</a> examples for rapidly developing Web APIs.
+</p>
+
+
+{{#markdown}}
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://rockwind">app://rockwind</a></strong>
+
+Or via command-line:
+
+    $ app open rockwind
+
+Cross platform (Default Browser):
+
+    $ x open rockwind
+
+{{/markdown}}
+
+<h4>Rockstars</h4>
+
+<p>
+    <a href="https://github.com/sharp-apps/Rockwind/tree/master/rockstars">/rockstars</a> is an 
+    example of a Content Website that itself maintains multiple sub sections with their own layouts -
+    <a href="https://github.com/sharp-apps/Rockwind/tree/master/rockstars/alive">/rockstars/alive</a> 
+    for living Rockstars and 
+    <a href="https://github.com/sharp-apps/Rockwind/tree/master/rockstars/dead">/rockstars/dead</a>
+    for the ones that have died. Each Rockstar maintains their own encapsulated
+    <a href="https://github.com/sharp-apps/Rockwind/tree/master/rockstars/alive/grohl">mix of HTML, markdown content and splash image</a>
+    that intuitively uses the closest <em>_layout.html</em>, <em>content.md</em> and <em>splash.jpg</em> from the page they're
+    referenced from. This approach makes it easy to move entire sub sections over by just moving a folder and it will automatically
+    use the relevant layout and partials of its parent.
+</p>
+
+<a href="http://rockwind-sqlite.web-app.io"><img src="/assets/img/screenshots/rockwind.png" alt="Rockwind WebApp screenshot"></a>
+
+<h4>Northwind</h4>
+
+<p>
+    <a href="https://github.com/sharp-apps/Rockwind/tree/master/northwind">/northwind</a> is an example of 
+    a dynamic UI for a database containing a 
+    <a href="http://rockwind-sqlite.web-app.io/northwind/customers?country=Germany">form to filter results</a>, multi-nested 
+    <a href="http://rockwind-sqlite.web-app.io/northwind/customer?id=ALFKI">detail pages</a> and 
+    <a href="http://rockwind-sqlite.web-app.io/northwind/order?id=10643">deep-linking</a> for quickly navigating between 
+    referenced data. <em>#Script</em> is also a great solution for rapidly developing Web APIs where the 
+    <a href="https://github.com/sharp-apps/Rockwind/blob/master/api/customers.html">/api/customers.html</a>
+    API Page below:
+</p>
+
+{{ 'gfm/sharp-apis/02.md' |> githubMarkdown }}
+
+<p>
+    Is all the code needed to generate the following API endpoints:
+</p>
+
+<style>
+    th:first-child {
+        text-align: right;
+    }
+</style>
+
+<table class="table table-striped">
+    <tr class="bg-success">
+        <td colspan="2" style="text-align:center;color:#fff;font-size:1.5rem">/customers API</td>
+    </tr>
+    <tr>
+        <th>All Customers</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers">/api/customers</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv">/api/customers.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html">/api/customers.html</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?format=html">/api/customers?format=html</a></div>
+            <div style="margin:5px 0 0 0;color:#888;font-size:13px"><b>Accept</b> HTTP Header also supported</div>
+        </td>
+    </tr>
+    <tr>
+        <th>Alfreds Futterkiste Details</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI">/api/customers/ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.csv">/api/customers/ALFKI.csv</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers/ALFKI.html">/api/customers/ALFKI.html</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>As List</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?id=ALFKI">/api/customers?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?id=ALFKI">/api/customers.csv?id=ALFKI</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?id=ALFKI">/api/customers.html?id=ALFKI</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Customers in Germany</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?country=Germany">/api/customers?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?country=Germany">/api/customers.csv?country=Germany</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?country=Germany">/api/customers.html?country=Germany</a></div>
+        </td>
+    </tr>
+    <tr>
+        <th>Customers in London</th>
+        <td>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers?city=London">/api/customers?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.csv?city=London">/api/customers.csv?city=London</a></div>
+            <div><a href="http://rockwind-sqlite.web-app.io/api/customers.html?city=London">/api/customers.html?city=London</a></div>
+        </td>
+    </tr>    
+    <tr>
+        <th>Combination Query</th>
+        <td>
+            <a href="http://rockwind-sqlite.web-app.io/api/customers?city=London&amp;country=UK&amp;limit=3">/api/customers?city=London&amp;country=UK&amp;limit=3</a>
+        </td>
+    </tr>
+</table>
+
+<h4>Multi platform configurations</h4>
+
+<p>
+    In addition to being a .NET 5.0 App that runs flawlessly cross-platform on Windows, Linux and OSX, Sharp Apps can also support 
+    multiple RDBMS's and <a href="https://docs.servicestack.net/virtual-file-system">Virtual File Systems</a> using just configuration.
+</p>
+
+<h4 id="app-sqlite-settings">app.sqlite.settings</h4>
+
+<p>
+    SQLite uses a file system database letting you bundle your database with your App. So we can share the 
+    <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/apps">northwind.sqlite</a> database across multiple Apps, 
+    the <em>contentRoot</em> is set to the <em>/apps</em> directory which can only be accessed by your App, whilst
+    the <em>webRoot</em> is configured to use the Sharp Apps folder that hosts all the publicly accessible files of your App.
+</p>
+
+<pre class="settings"><code>debug true
+name Rockwind SQLite Web App
+contentRoot ..
+webRoot .
+db sqlite
+db.connection ~/northwind.sqlite</code></pre>
+
+<p>
+    To run the Rockwind app using the <em>northwind.sqlite</em> database, run the command below on Windows, Linux or OSX: 
+</p>
+
+<pre class="sh"><code>x app.sqlite.settings</code></pre>
+
+<h5 id="app-sqlserver-settings">app.sqlserver.settings</h5>
+
+<p>
+    To switch to use the Northwind database in SQL Server we just need to update the configuration to point to a SQL Server database 
+    instance. Since the App no longer need access to the <em>northwind.sqlite</em> database, the <em>contentRoot</em> can be reverted 
+    back to the Sharp Apps folder:
+</p>
+
+<pre class="settings"><code>debug true
+name Rockwind SQL Server Web App
+port 5000
+db sqlserver
+db.connection Server=localhost;Database=northwind;User Id=test;Password=test;</code></pre>
+
+<p>
+    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/northwind-data">/support/northwind-data</a>
+    project lets you quickly try out Rockwind against your local RDBMS by populating it with a copy of the Northwind database
+    using the same <em>sqlserver</em> identifier and connection string from the App, e.g:
+</p>
+
+<pre class="sh"><code>dotnet run sqlserver "Server=localhost;Database=northwind;User Id=test;Password=test;"</code></pre>
+
+<h4 id="app-mysql-settings">app.mysql.settings</h4>
+
+<p>
+    You can run against a MySql database in the same way as SQL Server above but using a MySql db connection string:
+</p>
+
+<pre class="settings"><code>debug true
+name Rockwind MySql Web App
+port 5000
+db mysql
+db.connection Server=localhost;Database=northwind;UID=root;Password=test;SslMode=none</code></pre>
+
+<h4 id="app-azure-settings">app.azure.settings</h4>
+
+<p>
+    The example <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind/app.azure.settings">app.azure.settings</a>
+    Azure configuration is also configured to use a different Virtual File System where instead of sourcing 
+    Web App files from the filesystem they're sourced from an 
+    <a href="https://docs.microsoft.com/en-us/azure/storage/blobs/storage-dotnet-how-to-use-blobs">Azure Blob Container</a>.
+    In this case we're not using any files from the App so we don't need to set a <em>contentRoot</em> or <em>webRoot</em> path.
+    This also means that for deployment we're just deploying the WebApp binaries with just this <em>app.settings</em> since both the 
+    Web App files and database are sourced remotely.
+</p>
+
+<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
+debug false
+name Azure Blob SQL Server Web App
+bind *
+port 5000
+db sqlserver
+db.connection $AZURE_SQL_CONNECTION_STRING
+files azure
+files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind-fs}
+
+# Reduces a Blob Storage API call, but takes longer for modified pages to appear
+checkForModifiedPagesAfterSecs 60
+defaultFileCacheExpirySecs     60</code></pre>
+
+<p>
+    The <a href="https://github.com/ServiceStack/dotnet-app/tree/master/src/support/copy-files">/support/copy-files</a>
+    project lets you run Rockwind against your own Azure Blob Container by populating it with a copy of the 
+    <a href="https://github.com/sharp-apps/rockwind">/rockwind</a> App's files using 
+    the same configuration above:
+</p>
+
+<pre class="sh"><code>dotnet run azure "{ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}"</code></pre>
+
+<h4>Multi-RDBMS SQL</h4>
+
+<p>
+    As <em>#Script</em> is unable to use a Typed ORM like <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>
+    to hide the nuances of each database, we need to be a bit more diligent in <em>#Script</em> to use parameterized SQL that works across 
+    multiple databases by using the 
+    <a href="/docs/scripts-reference?nameContains=sql&amp;tab=db-scripts"><em>sql*</em> DB Filters</a> to avoid using RDBMS-specific
+    SQL syntax. The 
+    <a href="https://github.com/sharp-apps/Rockwind/blob/master/northwind/customer.html">/northwind/customer.html</a>
+    contains a good example containing a number of things to watch out for:
+</p>
+
+{{ 'gfm/sharp-apps/01.md' |> githubMarkdown }}
+
+<p>
+    Use <em>sqlConcat</em> to concatenate strings using the RDBMS-specific SQL for the configured database. Likewise
+    <em>sqlCurrency</em> utilizes RDBMS-specific SQL functions to return monetary values in a currency format, whilst 
+    <em>sqlQuote</em> is used for quoting tables named after a reserved word.
+</p>
+
+<blockquote>
+    Of course if you don't intend on supporting multiple RDBMS's, you can ignore this and use RDBMS-specific syntax.    
+</blockquote>
+
+<h3>Rockwind VFS</h3>
+<div class="source">
+    <em>x open rockwind-aws</em> -
+    <a href="https://github.com/sharp-apps/rockwind-aws">sharp-apps/rockwind-aws</a>
+</div>
+
+<p>
+    <a href="https://github.com/sharp-apps/rockwind-vfs">/rockwind-vfs</a> is a clone of
+    the Rockwind Web App with 3 differences: It uses the <em>resolveAsset</em> filter for each <em>.js</em>, <em>.css</em> and 
+    <em>image</em> web asset so that it's able to generate external URLs directly to the S3 Bucket, Azure Blob Container or CDN 
+    hosting a copy of your files to both reduce the load on your Web App and maximize the responsiveness to the end user.    
+</p>
+
+<p>
+    To maximize responsiveness when using remote storage, all 
+    <a href="https://github.com/ServiceStack/dotnet-app/blob/master/src/apps/rockwind-vfs/rockstars/alive/grohl/index.html">embedded files utilize caching</a>:
+</p>
+
+<pre class="tpl"><code>{{ pass: "content.md" |> includeFileWithCache |> markdown }}</code></pre>
+
+<p>
+    The other difference is that each table and column has been quoted in "double-quotes" so that it works in PostgreSQL which
+    otherwise treats unquoted symbols as lowercase. This version of Rockwind also works with SQL Server and SQLite as they also 
+    support <em>"Table"</em> quotes but not MySql which uses <em>`BackTicks`</em> or <em>[SquareBrackets]</em>. It's therefore
+    infeasible to develop Apps that support both PostgreSQL and MySql unless you're willing to use all <b>lowercase</b>, 
+    <b>snake_case</b> or the <em>sqlQuote</em> filter for every table and column.
+</p>
+
+<img src="/assets/img/screenshots/rockwind.png" alt="Rockwind VFS WebApp screenshot">
+
+<h4>resolveAsset</h4>
+
+<p>
+    If using a remote file storage like AWS S3 or Azure Blob Storage it's a good idea to use the <em>resolveAsset</em> filter 
+    for each external file reference. By default it returns the same path it was called with so it will continue to work locally 
+    but then ServiceStack effectively becomes a proxy where it has to call the remote Storage Service for each requested download.
+</p>
+
+{{ 'gfm/sharp-apps/02.md' |> githubMarkdown }}
+
+<p>
+    ServiceStack asynchronously writes each file to the Response Stream with the last <em>Last-Modified</em> HTTP Header to 
+    enable browser caching so it's still a workable solution but for optimal performance you can specify an <em>args.assetsBase</em>
+    in your app.settings to populate the assetsBase <em>ScriptContext</em> Argument the <em>resolveAsset</em> filter uses to generate
+    an external URL reference to the file on the remote storage service, reducing the load and improving the performance of your App, 
+    especially if it's configured to use a CDN. 
+</p>
+
+<h4 id="pure-cloud-apps">Pure Cloud Apps</h4>
+
+<h5><a href="https://github.com/sharp-apps/rockwind-aws/blob/master/app/app.settings">rockwind-aws/app/app.settings</a></h5>
+
+<p>
+    The AWS settings shows an example of this where every external resource 
+    rockwind-aws.web-app.io has been replaced with a direct reference to the 
+    asset on the S3 bucket:
+</p>
+
+<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
+debug false
+name AWS S3 PostgreSQL Web App
+db postgres
+db.connection $AWS_RDS_POSTGRES
+files s3
+files.config {AccessKey:$AWS_S3_ACCESS_KEY,SecretKey:$AWS_S3_SECRET_KEY,Region:us-east-1,Bucket:rockwind}
+args.assetsBase http://s3-postgresql.s3-website-us-east-1.amazonaws.com/
+
+# Reduces an S3 API call, but takes longer for modified pages to appear
+checkForModifiedPagesAfterSecs 60
+defaultFileCacheExpirySecs     60</code></pre>
+
+<p>
+    With all files being sourced from S3 and the App configured to use AWS RDS PostgreSQL, the AWS settings is an example of 
+    a <b>Pure Cloud App</b> where the entire App is hosted on managed cloud services that's decoupled from the .NET 5.0 binary 
+    that runs it that for the most part won't require redeploying the Web App binary unless making configuration changes or 
+    upgrading the <a href="https://docs.servicestack.net/dotnet-tool">x</a> dotnet tool
+    as any App changes can just be uploaded straight to S3 which changes reflected within the
+    <em>checkForModifiedPagesAfterSecs</em> setting, which tells the Web App how long to wait before checking for file changes
+    whilst <em>defaultFileCacheExpirySecs</em> specifies how long to cache files like <em>content.md</em> for.
+</p>
+
+<h5><a href="https://github.com/sharp-apps/rockwind-aws/blob/master/Dockerfile">DockerFile</a></h5>
+
+<p>
+    Deployments are also greatly simplified as all that's needed is to deploy the WebApp binary and app.settings of your Cloud App,
+    e.g. here's the DockerFile for rockwind-aws.web-app.io - deployed to AWS ECS 
+    using the deployment scripts in <a href="https://github.com/sharp-apps/rockwind-aws">rockwind-aws</a> and following our 
+    <a href="https://docs.servicestack.net/deploy-netcore-docker-aws-ecs">.NET Core Docker Deployment Guideline</a>:
+</p>
+
+{{ 'gfm/sharp-apps/03.md' |> githubMarkdown }}
+
+<h5><a href="https://github.com/sharp-apps/rockwind-azure/blob/master/app/app.settings">rockwind-azure/app/app.settings</a></h5>
+
+<p>
+    We can also create Azure Cloud Apps in the same we've done for AWS above, which runs the same 
+    <a href="https://github.com/sharp-apps/rockwind-vfs">/rockwind-vfs</a>
+    Web App but using an Azure hosted SQL Server database and its files hosted on Azure Blob Storage:
+</p>
+
+<pre class="settings"><code># Note: values prefixed with '$' are resolved from Environment Variables
+debug false
+name Azure Blob SQL Server Web App
+bind *
+db sqlserver
+db.connection $AZURE_SQL_CONNECTION_STRING
+files azure
+files.config {ConnectionString:$AZURE_BLOB_CONNECTION_STRING,ContainerName:rockwind}
+args.assetsBase https://servicestack.blob.core.windows.net/rockwind/
+
+# Reduces an S3 API call, but takes longer for modified pages to appear
+checkForModifiedPagesAfterSecs 60
+defaultFileCacheExpirySecs     60</code></pre>
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/sharpdata.html b/wwwroot/sharp-apps/sharpdata.html
new file mode 100644
index 0000000..5d6c188
--- /dev/null
+++ b/wwwroot/sharp-apps/sharpdata.html
@@ -0,0 +1,14 @@
+<!--
+title: App - SharpData
+order: 9
+-->
+
+<div class="source">
+    <a href="app://sharpdata?mix=northwind.sharpdata">app://sharpdata</a> -
+    <a href="https://sharpdata.netcore.io">sharpdata.netcore.io</a> -
+    <a href="https://github.com/NetCoreApps/SharpData">NetCoreApps/SharpData</a>
+</div>
+
+{{ 'gfm/apps/02.md' |> githubMarkdown }}
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/spirals.html b/wwwroot/sharp-apps/spirals.html
new file mode 100644
index 0000000..bb1a943
--- /dev/null
+++ b/wwwroot/sharp-apps/spirals.html
@@ -0,0 +1,14 @@
+<!--
+title: App - Spirals
+order: 3
+-->
+
+<div class="source">
+    <a name="app://spirals">app://spirals</a> -
+    <a href="http://spirals.web-app.io">spirals.web-app.io</a> -
+    <a href="https://github.com/sharp-apps/spirals">sharp-apps/spirals</a>
+</div>
+
+{{ 'gfm/apps/01.md' |> githubMarkdown }}
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/studio.html b/wwwroot/sharp-apps/studio.html
new file mode 100644
index 0000000..e4aee3d
--- /dev/null
+++ b/wwwroot/sharp-apps/studio.html
@@ -0,0 +1,38 @@
+<!--
+title: App - ServiceStack Studio
+order: 11
+-->
+
+<div class="source">
+    <a href="app://studio">app://studio</a> -
+    <a href="https://github.com/ServiceStack/Studio">ServiceStack/Studio</a>
+</div>
+
+{{#markdown}}
+**[ServiceStack Studio](https://github.com/ServiceStack/Studio)**  is a capability-based UI to manage multiple remote ServiceStack instances from 
+either a Chromium Desktop App or cross-platform .NET Core Web App. 
+
+The richer metadata in ServiceStack Services allows Studio to logically group Services around Data Models, enabling its high-level semantic features 
+like its native data-grid like UX over all AutoQuery Services to quickly discover, search, create, update and delete entities based on the available 
+AutoQuery APIs and whether Authenticated Users have access to them.
+
+> YouTube: [youtu.be/2FFRLxs7orU](https://youtu.be/2FFRLxs7orU)
+
+[![](https://raw.githubusercontent.com/ServiceStack/docs/master/docs/images/release-notes/v5.9/studio-home.png)](https://youtu.be/2FFRLxs7orU)
+
+You can run this Gist Desktop App via URL Scheme from (Windows Desktop App):
+
+<strong><a name="app://studio">app://studio</a></strong>
+
+Or via command-line:
+
+    $ app open studio
+
+Cross platform (Default Browser):
+
+    $ x open studio
+
+Checkout the [github.com/ServiceStack/Studio](https://github.com/ServiceStack/Studio) GitHub project to learn more about ServiceStack Studio.
+{{/markdown}}
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sharp-apps/win32.html b/wwwroot/sharp-apps/win32.html
new file mode 100644
index 0000000..8accb9e
--- /dev/null
+++ b/wwwroot/sharp-apps/win32.html
@@ -0,0 +1,13 @@
+<!--
+title: App - Win32
+order: 10
+-->
+
+<div class="source">
+    <a href="app://win32">app://win32</a> -
+    <a href="https://github.com/sharp-apps/win32">sharp-apps/win32</a>
+</div>
+
+{{ 'gfm/apps/03.md' |> githubMarkdown }}
+
+{{ "apps-links" |> partial({ order }) }}
diff --git a/wwwroot/sidebar.html b/wwwroot/sidebar.html
new file mode 100644
index 0000000..e61dbde
--- /dev/null
+++ b/wwwroot/sidebar.html
@@ -0,0 +1,61 @@
+<nav id="sidebar">
+<div class="inner">
+
+<ul>
+    <li>
+        <h5>docs</h5>
+        <ul>
+            {{#each docLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>sharp apps</h5>
+        <ul>
+            {{#each appsLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>code</h5>
+        <ul>
+            {{#each codeLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>lisp</h5>
+        <ul>
+            {{#each lispLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>use cases</h5>
+        <ul>
+            {{#each useCaseLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{Key}}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+
+    <li>
+        <h5>linq examples</h5>
+        <ul>
+            {{#each linqLinks}}
+            <li {{ {active: matchesPathInfo(Key)} |> htmlClass }}><a href="{{ qs.lang ? `${Key}?lang=${qs.lang}` : Key }}">{{Value}}</a></li>
+            {{/each}}
+        </ul>
+    </li>
+</ul>
+
+</div>
+</nav>
\ No newline at end of file
diff --git a/wwwroot/usecase-links.html b/wwwroot/usecase-links.html
new file mode 100644
index 0000000..ce48433
--- /dev/null
+++ b/wwwroot/usecase-links.html
@@ -0,0 +1,7 @@
+<div class="usecase-links">
+
+{{ order |> prevUseCaseLink |> select: <span>&#8592; <a href="{ it.Key }">{ it.Value }</a></span> }}
+
+{{ order |> nextUseCaseLink |> select: <span style="float:right"><a href="{ it.Key }">{ it.Value }</a> &#8594;</span> }}
+
+</div>
\ No newline at end of file
diff --git a/wwwroot/usecases/adhoc-querying.html b/wwwroot/usecases/adhoc-querying.html
new file mode 100644
index 0000000..54d7519
--- /dev/null
+++ b/wwwroot/usecases/adhoc-querying.html
@@ -0,0 +1,72 @@
+<!--
+title: Adhoc Querying
+order: 6
+--> 
+
+<p>  
+    The same qualities that make #Script great at   
+    <a href="/usecases/introspect-state">querying State of a running .NET App</a>  
+    also makes it excel at executing adhoc queries against providers which allow free text queries like 
+    OrmLite's <a href="/docs/db-scripts">Database Scripts</a> which enables access to its
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#dynamic-result-sets">Dynamic Result Set APIs</a>:
+</p>
+
+<style> 
+.live-template .output {
+    max-height: 1500px;
+}
+</style>
+
+{{ 'examples/adhoc-query-db.html' |> includeFile |> to => template }}
+
+{{ "live-template" |> partial({ rows:15, template }) }}
+
+<blockquote>
+    Tip: <em>textDump</em> generates <a href="https://help.github.com/en/articles/organizing-information-with-tables">GitHub Flavored Markdown tables</a>
+    which can be embedded in Markdown to generate HTML tables or you can use <em>htmlDump</em> instead to generate HTML tables directly.    
+</blockquote>
+
+<hr style="margin:20px 0">
+
+<h4>Register DB Scripts</h4>
+
+<p>
+    To access OrmLite's <a href="/docs/db-scripts">Database Scripts</a> install the 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite#download">OrmLite NuGet package for your RDBMS</a> then add the 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite/blob/master/src/ServiceStack.OrmLite/DbScriptsAsync.cs">DbScriptsAsync</a>
+    to your <em>ScriptContext</em> and register its required <em>IDbConnectionFactory</em> dependency in its IOC, e.g. for SQL Server:
+</p>
+
+{{ 'gfm/adhoc-querying/01.md' |> githubMarkdown }}
+
+<blockquote>
+    If using ServiceStack's <em>SharpPagesFeature</em> it's Container has already been reassigned to use 
+    <a href="https://docs.servicestack.net/ioc">ServiceStack's Funq IOC</a> so it only needs to be registered once in ServiceStack's IOC.
+</blockquote>
+
+<h4>Always protect free text APIs</h4>
+
+<p>
+    If you're exposing script methods enabling a free text API against a production database it should never be accessible by untrusted parties 
+    so you'll want to at a minimum ensure Services are protected with the <em>[Authenticate]</em> attribute so it's only available to
+    <a href="https://docs.servicestack.net/authentication-and-authorization">Authenticated Users</a> and
+    ideally configure it to use a <b>Read Only</b> connection, e.g. for SQLite:
+</p>
+
+{{ 'gfm/adhoc-querying/02.md' |> githubMarkdown }}
+
+<h4>Populating the database</h4>
+
+<p>
+    The database queried above was populated in the 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/AppHost.cs">AppHost</a>
+    where it re-uses the LINQ data sources to create and populate an In Memory SQLite database on Startup:
+</p>
+
+{{ 'gfm/adhoc-querying/03.md' |> githubMarkdown }}
+
+<h4 id="order-report-example">Order Report Example</h4>
+
+{{ 'gfm/adhoc-querying/04.md' |> githubMarkdown }}
+
+{{ "usecase-links" |> partial({ order }) }}
diff --git a/wwwroot/usecases/content-websites.html b/wwwroot/usecases/content-websites.html
new file mode 100644
index 0000000..7eb505f
--- /dev/null
+++ b/wwwroot/usecases/content-websites.html
@@ -0,0 +1,121 @@
+<!--
+title: Content Websites
+order: 2
+-->
+
+<p>
+    In its simplest form #Script is just plain HTML marked up with variable place holders, coupled with 
+    partials just being HTML pages themselves and the intuitive <a href="/docs/sharp-pages#layout-selection">Cascading Layout Selection</a> 
+    and using #Script becomes a natural solution for building complete websites without any code.
+</p>
+
+<p>
+    The flexibility of #Script allows for several different solutions for generating websites:
+</p>
+
+<h3>Website Sub Directory</h3>
+
+<p>
+    A lightweight solution that can be embedded in any existing ASP.NET or ASP.NET Core Web Application is to embed
+    and maintain an entire Website in a stand-alone sub directory. To showcase an example we've ported the content in 
+    the .NET Core <a href="https://github.com/NetCoreApps/RazorRockstars/tree/master/src/RazorRockstars.WebHost">Razor Rockstars</a> into the 
+    <a href="https://github.com/ServiceStack/sharpscript/tree/master/src/wwwroot/usecases/rockstar-files">/usecases/rockstar-files</a>
+    sub directory with the entire website viewable from:     
+</p>
+
+<h4><a href="/usecases/rockstar-files/">/rockstar-files</a></h4>
+
+<h4>Porting an existing Razor Website</h4>
+
+<p>
+    Porting an existing Razor Website is fairly straight-forward, to port Razor Rockstars we needed to rename all
+    <em>.cshtml</em> files back to <em>.html</em> and replace all their C# code. Using 
+    <a href="/usecases/rockstar-files/dead/cobain">/cobain</a> page as an example we needed to replace:
+</p>
+
+<pre class="cs"><code>@{
+    Layout = "DeadLayout";
+    ViewBag.Title = "Kurt Cobain";
+}</code></pre>
+
+<p>
+    To use the equivalent page metadata:
+</p>
+
+<pre class="cs"><code>&lt;!--
+title: Kurt Cobain
+--&gt;</code></pre>
+
+<p>
+    You won't need to specify a custom layout as #Script Pages will automatically select the closest layout from the page at:
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/rockstar-files/dead/_layout.html">/rockstar-files/dead/_layout.html</a>.
+    You'll also no longer need to maintain your Layout pages and partials in <em>/Views/Shared</em> separate from your views as they 
+    all get to all live cohesively in the same logical folder structure. 
+</p>
+
+
+<p>
+    The declarative <em>{{ pass: page }}</em> is used to embed a page in a layout instead of the imperative <em>@RenderBody()</em>.
+    Likewise the syntax for partials changes to <em>{{ pass: "menu-alive" |> partial }}</em> from <em>@Html.Partial("MenuAlive")</em>.
+    #Script Pages also alleviates the need for bespoke partials like <em>@Html.PartialMarkdown("Content")</em> as it can instead leverage the 
+    flexibility of chaining existing filters to achieve the same result like
+    <em>{{ pass: "content.md" |> includeFile |> markdown }}</em>.
+</p>
+
+<p>
+    To get a feel for what an equivalent Razor Website looks like compared to #Script Pages checkout:
+</p>
+
+<table class="table">
+    <tr>
+        <td>type</td>
+        <td>before</td>
+        <td>after</td>
+    </tr>
+    <tr>
+        <td>Layout</td>
+        <td>
+            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/Views/Shared/DeadLayout.cshtml">/Views/Shared/DeadLayout.cshtml</a>
+        </td>
+        <td>
+            <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/rockstar-files/dead/_layout.html">/dead/_layout.html</a>
+        </td>
+    </tr>
+    <tr>
+        <td>Partial</td>
+        <td>
+            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/Views/Shared/MenuAlive.cshtml">/Views/Shared/MenuAlive.cshtml</a>
+        </td>
+        <td>
+            <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/rockstar-files/menu-alive.html">/menu-alive.html</a>
+        </td>
+    </tr>
+    <tr>
+        <td>Page</td>
+        <td>
+            <a href="https://github.com/NetCoreApps/RazorRockstars/blob/master/src/RazorRockstars.WebHost/wwwroot/stars/alive/vedder/default.cshtml">/alive/vedder/default.cshtml</a>
+        </td>
+        <td>
+            <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/rockstar-files/alive/vedder/index.html">/alive/vedder/index.html</a>
+        </td>
+    </tr>
+</table>
+
+<h4>Embedding Remote Content</h4>
+
+<p>
+    A useful alternative to embedding static file content in pages is to source the content from a external url. Using the 
+    <a href="/docs/protected-scripts#includeurlwithcache">includeUrlWithCache</a> method this is easy to do with great
+    performance where you can embed remote url content, cache it for 1 minute and convert from markdown with:
+</p>
+
+<pre class="tpl"><code>{{ pass: url |> includeUrlWithCache |> markdown }}</code></pre>
+
+<p>
+    As seen in <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html">/grohl-url/index.html</a>
+    which is viewable at:
+</p>
+
+<h4><a href="/usecases/rockstar-files/alive/grohl-url/">/rockstar-files/alive/grohl-url/</a></h4>
+
+{{ "usecase-links" |> partial({ order }) }}
diff --git a/src/wwwroot/usecases/email-templates.html b/wwwroot/usecases/email-templates.html
similarity index 77%
rename from src/wwwroot/usecases/email-templates.html
rename to wwwroot/usecases/email-templates.html
index 96984e8..df633c6 100644
--- a/src/wwwroot/usecases/email-templates.html
+++ b/wwwroot/usecases/email-templates.html
@@ -4,7 +4,7 @@
 -->
 
 <p>
-    Since Templates are intuitive and approachable to non-programmers it's useful in several Business Activities that are better
+    Since #Script is intuitive and approachable to non-programmers it's useful in several Business Activities that are better
     served by non-technical Business employees like Marketers, Designers, Copywriters, etc. Generating and Previewing email
     templates are one example of this:
 </p>
@@ -41,11 +41,11 @@ <h4>Order Confirmation Email Example</h4>
     <div class="tab-content">
         <div class="tab-pane active" id="email-template" role="tabpanel">
             <textarea name="EmailTemplate" class="form-control"
-             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/email-template.txt' | includeFile }}</textarea>
+             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/email-template.txt' |> includeFile }}</textarea>
         </div>
         <div class="tab-pane" id="html-template" role="tabpanel">
             <textarea name="HtmlTemplate" class="form-control"
-             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/email-html-template.html' | includeFile }}</textarea>
+             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/email-html-template.html' |> includeFile }}</textarea>
         </div>
     </div>
     <p>
@@ -77,7 +77,7 @@ <h4>Order Confirmation Email Example</h4>
         $("#text-preview").html(r.textEmail);
     } 
 })
-</script>' | raw | assignTo: scripts }}
+</script>' |> raw |> to => scripts }}
 
 <hr style="margin:20px 0">
 
@@ -87,23 +87,23 @@ <h3>Implementation</h3>
     This example uses this simple Service below to generate the HTML and plain-text email previews of this email template:
 </p>
 
-<h4><a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/EmailTemplatesService.cs">EmailTemplatesService.cs</a></h4>
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/EmailTemplatesService.cs">EmailTemplatesService.cs</a></h4>
 
-{{ 'gfm/email-templates/01.md' | githubMarkdown }}
+{{ 'gfm/email-templates/01.md' |> githubMarkdown }}
 
 <p>
     The source code for this 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/usecases/email-templates.html">email-templates.html</a>
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/email-templates.html">email-templates.html</a>
     page shows the client preview itself is just using
     <a href="https://v4-alpha.getbootstrap.com/components/navs/#tabs">Bootstrap Tabs</a> that only uses this custom javascript:
 </p>
 
-{{ 'gfm/email-templates/02.md' | githubMarkdown }}
+{{ 'gfm/email-templates/02.md' |> githubMarkdown }}
 
 <p>
     Which calls the generic <em>ajaxPreview</em> jQuery plugin in 
-    <a href="https://github.com/NetCoreApps/TemplatePages/blob/master/src/wwwroot/assets/js/default.js">default.js</a>
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/assets/js/default.js">default.js</a>
     to make an ajax request on every text box change.
 </p>
 
-{{ "usecase-links" | partial({ order }) }}
\ No newline at end of file
+{{ "usecase-links" |> partial({ order }) }}
\ No newline at end of file
diff --git a/wwwroot/usecases/index.html b/wwwroot/usecases/index.html
new file mode 100644
index 0000000..b2dcee5
--- /dev/null
+++ b/wwwroot/usecases/index.html
@@ -0,0 +1,43 @@
+<!--
+title: Overview
+order: 0
+-->
+
+<p>
+    The ease-of-use, performance, no precompilation, interactivity and sandbox features of #Script makes it useful for a 
+    wide range of use cases. To help stimulate some potential ideas we've included some example use cases below:
+</p>
+
+<h4><a href="/docs/sharp-apps">Sharp Apps</a></h4>
+<p>
+    Build entire content-rich and data-driven .NET Websites in real-time for each major server platform without compilation.
+</p>
+
+<h4><a href="/usecases/content-websites">Content Websites</a></h4>
+<p>
+    Build self-contained content-heavy and documentation websites without any code.
+</p>
+
+<h4><a href="/usecases/email-templates">Email Templates</a></h4>
+<p>
+    Provide marketers a live editing experience to easily generate plain-text and HTML Templates.
+</p>
+
+<h4><a href="/usecases/live-documents">Live Documents</a></h4>
+<p>
+    Use #Script's built-in functionality and live interactivity experience to author and preview smart documents in real-time.
+</p>
+
+<h4><a href="/usecases/introspect-state">Introspect State</a></h4>
+<p>
+    Use #Script to execute adhoc queries on the state of a running .NET App.
+</p>
+
+<h4><a href="/usecases/adhoc-querying">Adhoc Querying</a></h4>
+<p>
+    Easily query data sources offering free-text APIs like using SQL to query RDBMS's with 
+    <a href="https://github.com/ServiceStack/ServiceStack.OrmLite">OrmLite</a>.
+</p>
+
+{{ "usecase-links" |> partial({ order }) }}
+
diff --git a/wwwroot/usecases/introspect-state.html b/wwwroot/usecases/introspect-state.html
new file mode 100644
index 0000000..cd847a6
--- /dev/null
+++ b/wwwroot/usecases/introspect-state.html
@@ -0,0 +1,95 @@
+<!--
+title: Introspect State
+order: 5
+-->
+
+<p>
+    Since #Script's are executable at runtime without precompilation it's a great tool for running 
+    live queries to inspect the state of a running .NET App within a controlled window sandbox. 
+    Here's an example of querying a Server's state:
+</p>
+
+<style>
+    form textarea {
+        padding: 10px;
+        width: 100%;
+        height: 600px;
+    }
+</style>
+
+<form action="/introspect/state">
+    <ul class="nav nav-tabs" role="tablist">
+        <li class="nav-item">
+            <a class="nav-link active" data-toggle="tab" href="#process-template" role="tab">process</a>
+        </li>
+    </ul>
+
+    <div class="tab-content">
+        <div class="tab-pane active" id="process-template" role="tabpanel">
+            <textarea name="Page"
+             autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">{{ 'examples/introspect.html' |> includeFile }}</textarea>
+        </div>
+    </div>
+</form>
+
+<hr style="margin:20px 0">
+
+<div id="output"></div>
+
+{{ `<script>
+$('form').ajaxPreview({ 
+    dataType: 'html',
+    success: function(r) {
+        $("#output").html(r);
+    } 
+})
+</script>` |> raw |> to => scripts }}
+
+<hr style="margin:20px 0">
+
+<h4>Implementation</h4>
+
+<p>
+    To implement <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/IntrospectStateServices.cs">IntrospectStateServices.cs</a>
+    we created a separate Service using a new <em>ScriptContext</em> instance with a custom set of filters which just exposes the APIs 
+    we want to be able to query:
+</p>
+
+<h4><a href="https://github.com/ServiceStack/sharpscript/blob/master/src/IntrospectStateServices.cs">IntrospectStateServices.cs</a></h4>
+
+{{ 'gfm/introspect-state/01.md' |> githubMarkdown }}
+
+<h4 id="client-ui">Client UI</h4>
+
+<p>
+    Then to implement the 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/usecases/introspect-state.html">Client UI</a>
+    we just used a FORM containing Bootstrap Tabs that only uses this custom javascript:
+</p>
+
+{{ 'gfm/introspect-state/02.md' |> githubMarkdown }}
+
+<p>
+    Which calls the generic <em>ajaxPreview</em> jQuery plugin in 
+    <a href="https://github.com/ServiceStack/sharpscript/blob/master/src/wwwroot/assets/js/default.js">default.js</a>
+    to make an ajax request on every text box change.
+</p>
+
+<h3>Debug Inspector</h3>
+
+<p>
+    As this feature is an extremely useful way to inspect the state of a remote .NET or .NET Core App it's an embedded feature in
+    ServiceStack which is automatically registered in <a href="https://docs.servicestack.net/debugging#debugmode">DebugMode</a>
+    which can optionally be made available to everyone with:
+</p>
+
+{{ 'gfm/introspect-state/03.md' |> githubMarkdown }}
+
+<p>
+    Which we've done in this App so you can inspect this Servers State from:
+</p>
+
+<h4><a href="/metadata/debug">/metadata/debug</a></h4>
+
+
+{{ "usecase-links" |> partial({ order }) }}
diff --git a/wwwroot/usecases/live-documents.html b/wwwroot/usecases/live-documents.html
new file mode 100644
index 0000000..3f35c57
--- /dev/null
+++ b/wwwroot/usecases/live-documents.html
@@ -0,0 +1,60 @@
+<!--
+title: Live Documents
+order: 4
+-->
+
+<p>
+    The lack of pre-compilation and its fast startup and runtime performance makes Templates ideal for maintaining 
+    reactive live documents containing a mix of docs, processing and calculations like creating a personal budget:
+</p>
+
+{{ 'examples/monthly-budget.txt' |> includeFile |> to => template }}
+{{ "live-template" |> partial({ rows:36, template }) }}
+
+<style>
+    .output {
+        font-family: Monaco, Consolas;
+    }
+</style>
+
+<h3>csv</h3>
+
+<p>
+    Similar to <em>keyvalues</em>, you can specify a multi-column inline data set using the <em>#csv</em> block, e.g:    
+</p>
+
+<div class="linq-preview {{ output }}">
+    <div class="template">
+        <textarea autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" class="form-control" rows="7"
+>{{#raw}}{{#csv cars}}
+Tesla,Model S,79990
+Tesla,Model 3,38990
+Tesla,Model X,84990
+{{/csv}}
+{{ cars |> map => { Make: it[0], Model: it[1], Cost: it[2] } |> htmlDump  }}
+Total Cost: {{ cars |> sum => it[2] |> currency }}{{/raw}}</textarea>
+    </div>
+    <div class="result">
+        <div class="output" style="font-family: Monaco, Consolas"></div>
+    </div>
+</div> 
+
+<h3>Live Document Blog</h3>
+
+<p>
+    The <a href="http://localhost:5000/docs/sharp-apps#blog">blog</a> Sharp App shows you can create a blog where each post is a Live Document
+    with real-time feedback:
+</p>
+
+<iframe width="840" height="472" src="https://www.youtube.com/embed/FlKeaav0gt8?start=67" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+
+<h3>Embed Live Data from JSON APIs</h3>
+
+{{ 'examples/query-github.txt' |> includeFile |> to => template }}
+
+<pre class="sh"><code>{{template}}</code></pre>
+
+<img src="/assets/img/query-github.png">
+
+{{ "usecase-links" |> partial({ order }) }}
+
diff --git a/wwwroot/usecases/rockstar-files/alive/_layout.html b/wwwroot/usecases/rockstar-files/alive/_layout.html
new file mode 100644
index 0000000..7918c76
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/_layout.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Alive Rockstars - {{ title }}</title>
+<link href="../../default.css" rel="stylesheet" />
+<style type="text/css">
+body {
+    background: #ACDBCE url(../../img/green_dust_scratch.png);
+    background-attachment: fixed;
+}
+a {
+    color: #060;    
+}
+</style>
+</head>
+    <body>
+        <a id="back" href="../../../content-websites">&#8592; Content Websites</a>
+
+        <div id="page">
+            <div id="info">
+                <h6>Rockstars still rocking it...</h6>
+                <p>
+                    <a id="home" href="../../"></a>
+                </p>
+            </div>
+
+            <h1>{{ title }}</h1>
+            
+            {{ "menu-alive" |> partial }}
+        
+            <div id="content">
+                {{ page }}
+                <b class="clear"></b>
+            </div>
+            
+            {{ "menu-dead" |> partial }}
+        </div>
+
+    </body>
+</html>
diff --git a/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html b/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html
new file mode 100644
index 0000000..f1577e9
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/grohl-url/index.html
@@ -0,0 +1,37 @@
+<!--
+title: Dave Grohl
+-->
+<div id="content-page">
+    
+    <img src="../grohl/splash.jpg" id="splash" alt="Dave Grohl" />
+    <p>
+        David Eric "Dave" Grohl is an American rock musician, multi-instrumentalist, and 
+        singer-songwriter, who is the lead vocalist, guitarist, primary songwriter and founder of 
+        the Foo Fighters, prior to ... Wikipedia
+    </p>
+
+    <dl>
+        <dt>
+            Born
+        </dt>
+        <dd>
+            January 14, 1969 (age 48), Warren
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Jordyn Blum (m. 2003), Jennifer Youngblood (m. 1993-1997)
+        </dd>
+        <dt>
+            Music groups
+        </dt>
+        <dd>
+            Foo Fighters, Nirvana, Scream, Killing Joke, Melvana
+        </dd>
+    </dl>
+
+    {{ "https://raw.githubusercontent.com/ServiceStack/sharpscript/master/src/wwwroot/usecases/rockstar-files/alive/grohl/content.md" 
+       |> includeUrlWithCache |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/grohl/content.md b/wwwroot/usecases/rockstar-files/alive/grohl/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/grohl/content.md
rename to wwwroot/usecases/rockstar-files/alive/grohl/content.md
diff --git a/wwwroot/usecases/rockstar-files/alive/grohl/index.html b/wwwroot/usecases/rockstar-files/alive/grohl/index.html
new file mode 100644
index 0000000..d95de8c
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/grohl/index.html
@@ -0,0 +1,36 @@
+<!--
+title: Dave Grohl
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Dave Grohl" />
+    <p>
+        David Eric "Dave" Grohl is an American rock musician, multi-instrumentalist, and 
+        singer-songwriter, who is the lead vocalist, guitarist, primary songwriter and founder of 
+        the Foo Fighters, prior to ... Wikipedia
+    </p>
+
+    <dl>
+        <dt>
+            Born
+        </dt>
+        <dd>
+            January 14, 1969 (age 48), Warren
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Jordyn Blum (m. 2003), Jennifer Youngblood (m. 1993-1997)
+        </dd>
+        <dt>
+            Music groups
+        </dt>
+        <dd>
+            Foo Fighters, Nirvana, Scream, Killing Joke, Melvana
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/grohl/splash.jpg b/wwwroot/usecases/rockstar-files/alive/grohl/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/grohl/splash.jpg
rename to wwwroot/usecases/rockstar-files/alive/grohl/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/alive/love/content.md b/wwwroot/usecases/rockstar-files/alive/love/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/love/content.md
rename to wwwroot/usecases/rockstar-files/alive/love/content.md
diff --git a/wwwroot/usecases/rockstar-files/alive/love/index.html b/wwwroot/usecases/rockstar-files/alive/love/index.html
new file mode 100644
index 0000000..2c4e6d3
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/love/index.html
@@ -0,0 +1,36 @@
+<!--
+title: Courtney Love
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Courtney Love" />
+    <p>
+        Courtney Michelle Love is an American singer-songwriter, musician, actress and artist. 
+        Love initially gained notoriety in the Los Angeles indie rock scene with her band Hole, 
+        which she formed in 1989 with Eric Erlandson. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            July 9, 1964 (age 53), San Francisco
+        </dd>
+        <dt>
+            Height
+        </dt>
+        <dd>
+            5' 10" (1.77 m)
+        </dd>
+        <dt>
+            Albums
+        </dt>
+        <dd>
+            Nobody's Daughter, America's Sweetheart
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/love/splash.jpg b/wwwroot/usecases/rockstar-files/alive/love/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/love/splash.jpg
rename to wwwroot/usecases/rockstar-files/alive/love/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/alive/springsteen/content.md b/wwwroot/usecases/rockstar-files/alive/springsteen/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/springsteen/content.md
rename to wwwroot/usecases/rockstar-files/alive/springsteen/content.md
diff --git a/wwwroot/usecases/rockstar-files/alive/springsteen/index.html b/wwwroot/usecases/rockstar-files/alive/springsteen/index.html
new file mode 100644
index 0000000..6c43157
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/springsteen/index.html
@@ -0,0 +1,35 @@
+<!--
+title: Bruce Springsteen
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Bruce Springsteen" />
+    <p>
+        Bruce Frederick Joseph Springsteen, nicknamed "The Boss", is an American singer-songwriter 
+        and multi-instrumentalist who records and tours with the E Street Band. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            September 23, 1949 (age 67), Long Branch
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Patti Scialfa (m. 1991), Julianne Phillips (m. 1985-1989)
+        </dd>
+        <dt>
+            Music groups
+        </dt>
+        <dd>
+            E Street Band, U.S.A. for Africa, Steel Mill
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/springsteen/splash.jpg b/wwwroot/usecases/rockstar-files/alive/springsteen/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/springsteen/splash.jpg
rename to wwwroot/usecases/rockstar-files/alive/springsteen/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/alive/vedder/content.md b/wwwroot/usecases/rockstar-files/alive/vedder/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/vedder/content.md
rename to wwwroot/usecases/rockstar-files/alive/vedder/content.md
diff --git a/wwwroot/usecases/rockstar-files/alive/vedder/index.html b/wwwroot/usecases/rockstar-files/alive/vedder/index.html
new file mode 100644
index 0000000..3b2c168
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/alive/vedder/index.html
@@ -0,0 +1,35 @@
+<!--
+title: Eddie Vedder
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Eddie Vedder" />
+    <p>
+        Eddie Vedder is an American musician and singer-songwriter who is best known for being the 
+        lead singer and one of three guitarists of the alternative rock band Pearl Jam. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            December 23, 1964 (age 52), Evanston
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Jill McCormick (m. 2010), Beth Liebling (m. 1994-2000)
+        </dd>
+        <dt>
+            Music groups
+        </dt>
+        <dd>
+            Pearl Jam, Temple of the Dog, Bad Radio, Hovercraft
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/alive/vedder/splash.jpg b/wwwroot/usecases/rockstar-files/alive/vedder/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/alive/vedder/splash.jpg
rename to wwwroot/usecases/rockstar-files/alive/vedder/splash.jpg
diff --git a/wwwroot/usecases/rockstar-files/dead/_layout.html b/wwwroot/usecases/rockstar-files/dead/_layout.html
new file mode 100644
index 0000000..4a236d4
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/_layout.html
@@ -0,0 +1,40 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+<title>Dead Rockstars - {{ title }}</title>
+<link href="../../default.css" rel="stylesheet" />
+<style type="text/css">
+body {
+    background: #ACDBCE url(../../img/tileable_wood_texture.png);
+    background-attachment: fixed;
+}
+a {
+    color: #a30;
+}
+</style>
+</head>
+    <body>
+        <a id="back" href="../../../content-websites">&#8592; Content Websites</a>
+
+        <div id="page">
+            <div id="info">
+                <h6>Rocking the grave...</h6>
+                <p>
+                    <a id="home" href="../../"></a>
+                </p>
+            </div>
+
+            <h1>{{ title }}</h1>
+            
+            {{ "menu-dead" |> partial }}
+        
+            <div id="content">
+                {{ page }}
+                <b class="clear"></b>
+            </div>
+            
+            {{ "menu-alive" |> partial }}
+        </div>
+
+    </body>
+</html>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/cobain/content.md b/wwwroot/usecases/rockstar-files/dead/cobain/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/cobain/content.md
rename to wwwroot/usecases/rockstar-files/dead/cobain/content.md
diff --git a/wwwroot/usecases/rockstar-files/dead/cobain/index.html b/wwwroot/usecases/rockstar-files/dead/cobain/index.html
new file mode 100644
index 0000000..c24596a
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/cobain/index.html
@@ -0,0 +1,41 @@
+<!--
+title: Kurt Cobain
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Kurt Cobain" />
+    <p>
+        Kurt Donald Cobain was an American singer-songwriter, musician and artist, best known as the 
+        lead singer and guitarist of the grunge band Nirvana. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            February 20, 1967, Aberdeen
+        </dd>
+        <dt> 
+            Died
+        </dt>
+        <dd>
+            April 5, 1994, Seattle
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Courtney Love (m. 1992-1994)
+        </dd>
+        <dt>
+            Music groups
+        </dt>
+        <dd>
+            Nirvana
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/cobain/splash.jpg b/wwwroot/usecases/rockstar-files/dead/cobain/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/cobain/splash.jpg
rename to wwwroot/usecases/rockstar-files/dead/cobain/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/dead/hendrix/content.md b/wwwroot/usecases/rockstar-files/dead/hendrix/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/hendrix/content.md
rename to wwwroot/usecases/rockstar-files/dead/hendrix/content.md
diff --git a/wwwroot/usecases/rockstar-files/dead/hendrix/index.html b/wwwroot/usecases/rockstar-files/dead/hendrix/index.html
new file mode 100644
index 0000000..c965f7a
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/hendrix/index.html
@@ -0,0 +1,30 @@
+<!--
+title: Jimi Hendrix
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Jimi Hendrix" />
+    <p>
+        James Marshall "Jimi" Hendrix was an American musician and singer-songwriter. 
+        He is widely considered to be the greatest electric guitarist in music history and one of 
+        the most influential musicians of ... 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            November 27, 1942, Seattle
+        </dd>
+        <dt>
+            Died
+        </dt>
+        <dd>
+            September 18, 1970, London
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
\ No newline at end of file
diff --git a/src/wwwroot/usecases/rockstar-files/dead/hendrix/splash.jpg b/wwwroot/usecases/rockstar-files/dead/hendrix/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/hendrix/splash.jpg
rename to wwwroot/usecases/rockstar-files/dead/hendrix/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/dead/jackson/content.md b/wwwroot/usecases/rockstar-files/dead/jackson/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/jackson/content.md
rename to wwwroot/usecases/rockstar-files/dead/jackson/content.md
diff --git a/wwwroot/usecases/rockstar-files/dead/jackson/index.html b/wwwroot/usecases/rockstar-files/dead/jackson/index.html
new file mode 100644
index 0000000..faf41b3
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/jackson/index.html
@@ -0,0 +1,36 @@
+<!--  
+title: Michael Jackson
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Michael Jackson" />
+    <p>
+        Michael Joseph Jackson was an American recording artist, entertainer, and businessman. 
+        Often referred to as the King of Pop, or by his initials MJ, Jackson is recognized as the 
+        most successful entertainer of all time by Guinness World Records. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            August 29, 1958, Gary
+        </dd>
+        <dt>
+            Died
+        </dt>
+        <dd>
+            June 25, 2009, UCLA Medical Center
+        </dd>
+        <dt>
+            Albums
+        </dt>
+        <dd>
+            Thriller, Immortal, Bad, Number Ones, Dangerous
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/jackson/splash.jpg b/wwwroot/usecases/rockstar-files/dead/jackson/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/jackson/splash.jpg
rename to wwwroot/usecases/rockstar-files/dead/jackson/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/dead/joplin/content.md b/wwwroot/usecases/rockstar-files/dead/joplin/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/joplin/content.md
rename to wwwroot/usecases/rockstar-files/dead/joplin/content.md
diff --git a/wwwroot/usecases/rockstar-files/dead/joplin/index.html b/wwwroot/usecases/rockstar-files/dead/joplin/index.html
new file mode 100644
index 0000000..1b2295d
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/joplin/index.html
@@ -0,0 +1,36 @@
+<!--
+title: Janis Joplin
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Janis Joplin" />
+    <p>
+        Janis Lyn Joplin was an American singer and songwriter from Port Arthur, Texas. As a youth 
+        Joplin was ridiculed by her fellow students due to her unconventional appearance and 
+        personal beliefs. 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            January 19, 1943, Port Arthur
+        </dd>
+        <dt>
+            Died
+        </dt>
+        <dd>
+            October 4, 1970, Los Angeles
+        </dd>
+        <dt>
+            Nicknames
+        </dt>
+        <dd>
+            Beat Weeds, Pearl
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/joplin/splash.jpg b/wwwroot/usecases/rockstar-files/dead/joplin/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/joplin/splash.jpg
rename to wwwroot/usecases/rockstar-files/dead/joplin/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/dead/presley/content.md b/wwwroot/usecases/rockstar-files/dead/presley/content.md
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/presley/content.md
rename to wwwroot/usecases/rockstar-files/dead/presley/content.md
diff --git a/wwwroot/usecases/rockstar-files/dead/presley/index.html b/wwwroot/usecases/rockstar-files/dead/presley/index.html
new file mode 100644
index 0000000..c1951ac
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/dead/presley/index.html
@@ -0,0 +1,36 @@
+<!--  
+title: Elvis Presley
+-->
+<div id="content-page">
+    
+    <img src="splash.jpg" id="splash" alt="Elvis Presley" />
+    <p>
+        Elvis Aaron Presley was one of the most popular American singers of the 20th century. 
+        A cultural icon, he is commonly known by the single name Elvis. He is often referred to 
+        as the "King of Rock and Roll" or simply "the King". 
+    </p>
+
+    <dl>
+        <dt> 
+            Born
+        </dt>
+        <dd>
+            January 8, 1935, Tupelo
+        </dd>
+        <dt>
+            Died
+        </dt>
+        <dd>
+            August 16, 1977, Memphis
+        </dd>
+        <dt>
+            Spouse
+        </dt>
+        <dd>
+            Priscilla Presley (m. 1967-1973)
+        </dd>
+    </dl>
+
+    {{ "content.md" |> includeFile |> markdown }}
+
+</div>
diff --git a/src/wwwroot/usecases/rockstar-files/dead/presley/splash.jpg b/wwwroot/usecases/rockstar-files/dead/presley/splash.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/dead/presley/splash.jpg
rename to wwwroot/usecases/rockstar-files/dead/presley/splash.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/default.css b/wwwroot/usecases/rockstar-files/default.css
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/default.css
rename to wwwroot/usecases/rockstar-files/default.css
diff --git a/src/wwwroot/usecases/rockstar-files/img/green_dust_scratch.png b/wwwroot/usecases/rockstar-files/img/green_dust_scratch.png
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/green_dust_scratch.png
rename to wwwroot/usecases/rockstar-files/img/green_dust_scratch.png
diff --git a/src/wwwroot/usecases/rockstar-files/img/home-icon.jpg b/wwwroot/usecases/rockstar-files/img/home-icon.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/home-icon.jpg
rename to wwwroot/usecases/rockstar-files/img/home-icon.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/rip_jobs.png b/wwwroot/usecases/rockstar-files/img/rip_jobs.png
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/rip_jobs.png
rename to wwwroot/usecases/rockstar-files/img/rip_jobs.png
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-01.jpg b/wwwroot/usecases/rockstar-files/img/thumb-01.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-01.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-01.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-02.jpg b/wwwroot/usecases/rockstar-files/img/thumb-02.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-02.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-02.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-03.jpg b/wwwroot/usecases/rockstar-files/img/thumb-03.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-03.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-03.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-04.jpg b/wwwroot/usecases/rockstar-files/img/thumb-04.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-04.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-04.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-05.jpg b/wwwroot/usecases/rockstar-files/img/thumb-05.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-05.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-05.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-06.jpg b/wwwroot/usecases/rockstar-files/img/thumb-06.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-06.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-06.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-07.jpg b/wwwroot/usecases/rockstar-files/img/thumb-07.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-07.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-07.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-08.jpg b/wwwroot/usecases/rockstar-files/img/thumb-08.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-08.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-08.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/thumb-09.jpg b/wwwroot/usecases/rockstar-files/img/thumb-09.jpg
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/thumb-09.jpg
rename to wwwroot/usecases/rockstar-files/img/thumb-09.jpg
diff --git a/src/wwwroot/usecases/rockstar-files/img/tileable_wood_texture.png b/wwwroot/usecases/rockstar-files/img/tileable_wood_texture.png
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/img/tileable_wood_texture.png
rename to wwwroot/usecases/rockstar-files/img/tileable_wood_texture.png
diff --git a/src/wwwroot/usecases/rockstar-files/index.html b/wwwroot/usecases/rockstar-files/index.html
similarity index 100%
rename from src/wwwroot/usecases/rockstar-files/index.html
rename to wwwroot/usecases/rockstar-files/index.html
diff --git a/wwwroot/usecases/rockstar-files/menu-alive.html b/wwwroot/usecases/rockstar-files/menu-alive.html
new file mode 100644
index 0000000..1b16ac3
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/menu-alive.html
@@ -0,0 +1,14 @@
+{{ {
+    "/usecases/rockstar-files/alive/grohl/": "Dave Grohl",
+    "/usecases/rockstar-files/alive/vedder/": "Eddie Vedder",
+    "/usecases/rockstar-files/alive/springsteen/": "Bruce Springsteen",
+    "/usecases/rockstar-files/alive/love/": "Courtney Love"
+} |> to => links }}
+
+<div class="menu">
+    <ul>
+        <li class="label"><b>Living Rockstars:</b></li>
+        {{ links |> toList 
+           |> select: <li class="{ 'active' |> ifMatchesPathInfo(it.Key) }"><a href="{ it.Key }">{ it.Value }</a></li> }}
+    </ul>                
+</div>
diff --git a/wwwroot/usecases/rockstar-files/menu-dead.html b/wwwroot/usecases/rockstar-files/menu-dead.html
new file mode 100644
index 0000000..55bf2d4
--- /dev/null
+++ b/wwwroot/usecases/rockstar-files/menu-dead.html
@@ -0,0 +1,15 @@
+{{ {
+    "/usecases/rockstar-files/dead/cobain/": "Kurt Cobain",
+    "/usecases/rockstar-files/dead/hendrix/": "Jimi Hendrix",
+    "/usecases/rockstar-files/dead/jackson/": "Michael Jackson",
+    "/usecases/rockstar-files/dead/joplin/": "Janis Joplin",
+    "/usecases/rockstar-files/dead/presley/": "Elvis Presley"
+} |> to => links }}
+
+<div class="menu">
+    <ul>
+        <li class="label"><b>Past Rockstars:</b></li>
+        {{ links |> toList 
+           |> select: <li class="{ 'active' |> ifMatchesPathInfo(it.Key) }"><a href="{ it.Key }">{ it.Value }</a></li> }}
+    </ul>                
+</div>