From debd5dbfdfd28866e28a66042bd2fc66584589a8 Mon Sep 17 00:00:00 2001
From: Abayomi Amusa <amusaabayomipaul99@gmail.com>
Date: Thu, 24 Oct 2024 23:53:09 +0100
Subject: [PATCH] updated README and added add-badges.yml

---
 .github/workflows/add-badges.yml | 64 ++++++++++++++++++++++++++++++++
 README.md                        |  4 ++
 2 files changed, 68 insertions(+)
 create mode 100644 .github/workflows/add-badges.yml

diff --git a/.github/workflows/add-badges.yml b/.github/workflows/add-badges.yml
new file mode 100644
index 0000000..bf56233
--- /dev/null
+++ b/.github/workflows/add-badges.yml
@@ -0,0 +1,64 @@
+name: Add Badges
+on:
+  push:
+    branches:
+      - master
+jobs:
+  run:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: wow-actions/add-badges@v1
+        env:
+          repo_url: ${{ github.event.repository.html_url }}
+          repo_name: ${{ github.event.repository.name }}
+          repo_owner: ${{ github.event.repository.owner.login }}
+        with:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+          center: true
+          badges: |
+            [
+              [
+                {
+                  "badge": "https://img.shields.io/github/license/${{ env.repo_owner }}/${{ env.repo_name }}?style=flat-square",
+                  "alt": "MIT License",
+                  "link": "${{ env.repo_url }}/blob/master/LICENSE"
+                },
+                {
+                  "badge": "https://img.shields.io/badge/language-TypeScript-blue.svg?style=flat-square",
+                  "alt": "Language",
+                  "link": "https://www.typescriptlang.org"
+                },
+                {
+                  "badge": "https://img.shields.io/badge/PRs-Welcome-brightgreen.svg?style=flat-square",
+                  "alt": "PRs Welcome",
+                  "link": "${{ env.repo_url }}/pulls"
+                },
+                {
+                  "badge": "https://img.shields.io/static/v1?label=&labelColor=505050&message=marketplace&color=0076D6&style=flat-square&logo=google-chrome&logoColor=0076D6",
+                  "alt": "website",
+                  "link": "https://github.com/paulosabayomi/treeSpider"
+                }
+              ],
+              [
+                {
+                  "badge": "https://github.com/paulosabayomi/treeSpider/actions/workflows/package.yml/badge.svg",
+                  "alt": "Package",
+                  "link": "${{ env.repo_url }}/actions/workflows/package.yml"
+                },
+                {
+                  "badge": "https://github.com/paulosabayomi/treeSpider/actions/workflows/npm-publish.yml/badge.svg",
+                  "alt": "Publish to npm",
+                  "link": "https://github.com/paulosabayomi/treeSpider/actions/workflows/npm-publish.yml"
+                },
+                {
+                  "badge": "https://github.com/paulosabayomi/treeSpider/actions/workflows/tests.yml/badge.svg",
+                  "alt": "Tests",
+                  "link": "https://github.com/paulosabayomi/treeSpider/actions/workflows/tests.yml"
+                },
+                {
+                  "badge": "https://img.shields.io/lgtm/grade/javascript/g/${{ env.repo_owner }}/${{ env.repo_name }}.svg?logo=lgtm&style=flat-square",
+                  "alt": "Language grade: JavaScript",
+                  "link": "https://lgtm.com/projects/g/${{ env.repo_owner }}/${{ env.repo_name }}/context:javascript"
+                }
+              ]
+            ]
\ No newline at end of file
diff --git a/README.md b/README.md
index b96f17e..f55b182 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,9 @@
 # TreeSpider
 
+<div align="center">
+    <img src="https://github.com/paulosabayomi/CustUp/blob/master/res/treeSpider.png" alt="TreeSpider logo" width="400" style="object-fit: contain; justify-self:center;"/>
+</div>
+
 Display your organization structure in style, use the chart type of your choice and that fits your organization. It is built with D3js and TypeScript.
 
 ## Installation