add animated gif

README.md

@@ -12,6 +12,8 @@ and uses a pipe-line to transform the logs into
 time series metrics in **[prometheus](https://prometheus.io/)** format and in parallel
 transform and persist the logs also into **[loki](https://grafana.com/oss/loki/)**.
 
+![Animated gif](docs/images/animation.gif)
+
 FLP decorates the metrics and the transformed logs with **context**, 
 allowing visualization layers and analytics frameworks to present **network insights** to SRE’s, cloud operators and network experts.
 

docs/images/animated-gif-images/image (20).png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://files.slack.com/files-pri/T27SFGS2W-F036A8Y0K4J/download/image.png

docs/images/animated-gif-images/image (21).png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://files.slack.com/files-pri/T27SFGS2W-F035VP2TB7H/download/image.png

docs/images/animated-gif-images/image (22).png:Zone.Identifier

@@ -0,0 +1,3 @@
+[ZoneTransfer]
+ZoneId=3
+HostUrl=https://files.slack.com/files-pri/T27SFGS2W-F036ABDH39R/download/image.png

hack/update-docs.sh

@@ -14,8 +14,16 @@ update-readme() {
 	sed -z -i 's|<!---'$md_tag'--->.*<!---END-'$md_tag'--->|<!---'$md_tag'--->'"\n\`\`\`bash\n$help\n\`\`\`\n"'<!---END-'$md_tag'--->|g' README.md
 }
 
+update-animated-gif() {
+  # update animated-gif in README.md from all images under docs/images/animated-gif-images
+  IMAGES_PATH=$PWD/docs/images
+  docker run -v "$IMAGES_PATH":/docs/images dpokidov/imagemagick -loop 0 -delay 500 -resize 800x800 /docs/images/animated-gif-images/*.png /docs/images/animation.gif
+}
+
+
 main() {
   update-readme
+  update-animated-gif
 }
 
 main