Skip to content

Commit

Permalink
📝 docs: replace SVG badges with dynamic JSON badges
Browse files Browse the repository at this point in the history
This commit resolves the broken links of the status badges on the project
landing page, which resulted from the issue mentioned in the Google
Sites support thread at <https://support.google.com/sites/thread/253003338>.

The solution involves using Shields.io dynamic JSON badges instead of
SVG badges. The new badges:

- Are hosted on Shields.io and do not depend on Google Drive
- Use a custom Google Apps Script web app to fetch the project status
- Have updated URLs and labels in the `README.md` and `docs/index.md` files

The changes ensure that the badges show the correct status and work as
expected.

For more information on how to create and customize dynamic badges, see
<https://shields.io/badges/dynamic-json-badge>.

Fixs #95
  • Loading branch information
chriskyfung committed Feb 2, 2024
1 parent 713c944 commit 7655356
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 4 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
[![built with clasp]](https://github.com/google/clasp)
[![code style: prettier]](https://github.com/prettier/prettier)
![license: AGPL-3.0](https://img.shields.io/github/license/chriskyfung/AutoFetcher-IG-Stories-to-GDrive)
![Health Status](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycbyLpLviO5VJY-AQGKWv5Mqy7jbJqGY3UfQqI56tWLbGIV9k0eI2mos0FgdOU9u2o164%2Fexec&query=%24.health&label=health%20check&color=%24.color)
![Last Tested Date](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycbyLpLviO5VJY-AQGKWv5Mqy7jbJqGY3UfQqI56tWLbGIV9k0eI2mos0FgdOU9u2o164%2Fexec&query=%24.date&label=last%20tested&color=9146ff)
![Health Status](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycby9kCiEQTX6KgUoblgurVM2Fy31e3zk2nuKMMNuAdUCYYp3uPGdE_KCwWY_j68oMwpH%2Fexec&query=%24.health&label=health%20check&color=%24.color)
![Last Tested Date](https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycby9kCiEQTX6KgUoblgurVM2Fy31e3zk2nuKMMNuAdUCYYp3uPGdE_KCwWY_j68oMwpH%2Fexec&query=%24.date&label=last%20tested&color=9146ff)

[built with clasp]: https://img.shields.io/badge/built%20with-clasp-4285f4.svg
[code style: prettier]: https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square
Expand Down
5 changes: 3 additions & 2 deletions docs/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -21,8 +21,9 @@ description: Download any user’s IG Stories to GDrive for free. Just need Goog
{% include picture.html img="/images/instagram-to-drive_730x365_o55.jpg" width="730" height="365" alt="Instagram to Google Drive Automation" source="raw" %}

<figure class="status-badge-container shadow-none" style="display:flex;margin-top:1.75em">
<amp-img layout="fixed" width="150" height="20" src="https://drive.google.com/u/0/uc?id=1BCyF1y8m1LKj8Um77st-3KC5-sTESoUZ&export=download" alt="Service Status"></amp-img>
<amp-img layout="fixed" width="150" height="20" src="https://drive.google.com/u/0/uc?id=1VnSH5wtVOJXd_kmZsCSd3yQSpXTjMr0E&export=download" alt="Last tested date"></amp-img>
<amp-img layout="fixed" width="100" height="20" src="https://img.shields.io/github/license/chriskyfung/AutoFetcher-IG-Stories-to-GDrive" alt="License AGPL-3.0"></amp-img>
<amp-img layout="fixed" width="150" height="20" src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycby9kCiEQTX6KgUoblgurVM2Fy31e3zk2nuKMMNuAdUCYYp3uPGdE_KCwWY_j68oMwpH%2Fexec&query=%24.health&label=health%20check&color=%24.color" alt="Health Status"></amp-img>
<amp-img layout="fixed" width="150" height="20" src="https://img.shields.io/badge/dynamic/json?url=https%3A%2F%2Fscript.google.com%2Fmacros%2Fs%2FAKfycby9kCiEQTX6KgUoblgurVM2Fy31e3zk2nuKMMNuAdUCYYp3uPGdE_KCwWY_j68oMwpH%2Fexec&query=%24.date&label=last%20tested&color=9146ff" alt="Last Tested Date"></amp-img>
</figure>

{:style="font-size:1.25rem;margin-top:2rem"}
Expand Down

0 comments on commit 7655356

Please sign in to comment.