Add asciinema player script to github pages

.github/workflows/github_pages.yml

@@ -44,9 +44,12 @@ jobs:
           sed -i 's#src/drive_backup/resources/drive-backup-icon.png#images/drive-backup-icon.png#g' $GHP_SOURCE_DIR/README.md
           # Update License links
           sed -i 's#LICENSE.md#LICENSE#g' $GHP_SOURCE_DIR/README.md
-          # Copy demo into Pages directory
+          # Copy demo gif into Pages directory
           mkdir -p $GHP_SOURCE_DIR/asciinema/demo
           cp asciinema/demo/drive-backup-demo.gif $GHP_SOURCE_DIR/asciinema/demo
+          # Replace demo gif with asciinema player
+          perl -i -0777 -pe 's#<!-- asciinema-start -->(.*)<!-- asciinema-end -->#<script src="https://asciinema.org/a/656056.js" id="asciicast-656056" async="true"></script>#gs' $GHP_SOURCE_DIR/README.md
+
       - name: Build & Deploy
         id: gh_pages
         uses: dunkmann00/jekyll-v4-gh-pages@v1

README.md

@@ -21,7 +21,9 @@ If you need to backup your Google Drive this is exactly the tool for you. It
 will fetch the files and folders you want to backup from your Google Drive and
 store them locally.
 
-![Drive Backup Demo](asciinema/demo/drive-backup-demo.gif)
+<!-- asciinema-start -->
+[![Drive Backup Demo](asciinema/demo/drive-backup-demo.gif)](https://asciinema.org/a/656056)
+<!-- asciinema-end -->
 
 ## Notable Features