Architecture Diagram and Process (#33)

* Use compile mermaid extension

* initial Mermaid arch diagram

* updating mmd extension

* small mmd update

* Adding git add step

* Expanding acronym

* adding branch spec

* Add changes

* outputting SVG instead as PNG is too small

* Add changes

* updating readme

* Backlog->Roadmap

* Add changes

* Updating casing for consistency

* Updating documentation to specify 'update' section applies just to diagram

Co-authored-by: GitHub Action <action@github.com>

.github/workflows/compile_mermaid.yml

@@ -0,0 +1,52 @@
+name: 'Compile Mermaid in Markdown'
+
+on:
+  push:
+    paths:
+      - '**/*.mmd'
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout Project
+        uses: actions/checkout@v2
+        with:
+          fetch-depth: 2
+
+      - name: Get Changed Files
+        id: getfile
+        run: |
+          echo "::set-output name=files::$(git diff-tree --no-commit-id --name-only -r ${{ github.sha }} | grep -e '.*\.mmd$' | xargs)"
+
+      - name: Print mmd Files Changed
+        run: |
+          echo ${{ steps.getfile.outputs.files }}
+
+      - name: Compile Mermaid Files
+        uses: neenjaw/compile-mermaid-markdown-action@0.3.1
+        with:
+          files: ${{ steps.getfile.outputs.files }}
+          output: '.resources'
+        env:
+          HIDE_CODEBLOCKS: 1
+          ABSOLUTE_IMAGE_LINKS: 1
+          OUTPUT_FILE_TYPE: "svg"
+
+      - name: Show Changes
+        run: |
+          git status
+
+      - name: Commit Files
+        run: |
+          git config --local user.email "action@github.com"
+          git config --local user.name "GitHub Action"
+          git add .
+          git commit -m "Add changes" -a
+
+      - name: Push Changes
+        uses: ad-m/github-push-action@master
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          branch: ${{ github.ref }}