Update the images showing how to subscribe

Author: mahozad

README.md

@@ -15,8 +15,13 @@ This repository publishes [release notes] of [AndroidX (Jetpack) libraries].
 You can subscribe to GitHub release notifications by selecting
 *Watch* 🡲 *Custom* 🡲 *Releases*:
 
-<img width="100%" src="assets/how-to-subscribe-light-plain.gif#gh-light-mode-only" alt="How to subscribe for notifications" />
-<img width="100%" src="assets/how-to-subscribe-dark-plain.gif#gh-dark-mode-only" alt="How to subscribe for notifications" />
+<div align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="assets/how-to-subscribe-dark.gif">
+    <source media="(prefers-color-scheme: light)" srcset="assets/how-to-subscribe-light.gif">
+    <img alt="How to subscribe" src="assets/how-to-subscribe-light.gif">
+  </picture>
+</div>
 
 The Markdown, HTML, and plain text version of the release notes can be downloaded
 in the *Assets* section at the bottom of the GitHub release page.
@@ -30,13 +35,12 @@ See the file *[generateReleaseNotes.py]* for how the release notes are generated
   - [Separate release notes for each library]: It seems to be discontinued
 
 
-
-  [Android Developers]: https://developer.android.com/jetpack
-  [release notes]: https://developer.android.com/jetpack/androidx/versions/all-channel
-  [AndroidX (Jetpack) libraries]: https://developer.android.com/jetpack/androidx/versions
-  [original AndroidX GitHub repository here]: https://github.com/androidx/androidx
-  [its AOSP source here]: https://android.googlesource.com/platform/frameworks/support/
-  [generateReleaseNotes.py]: https://github.com/androidx/androidx/blob/859aae63bdb92645d03acdc741a2edafb0c6ce5d/development/release-notes/generateReleaseNotes.py
-  [Now in Android]: https://github.com/android/nowinandroid
-  [Jetpack Release Tracker]: https://github.com/lmj0011/jetpack-release-tracker
-  [Separate release notes for each library]: https://github.com/androidx-releases
+[Android Developers]: https://developer.android.com/jetpack
+[release notes]: https://developer.android.com/jetpack/androidx/versions/all-channel
+[AndroidX (Jetpack) libraries]: https://developer.android.com/jetpack/androidx/versions
+[original AndroidX GitHub repository here]: https://github.com/androidx/androidx
+[its AOSP source here]: https://android.googlesource.com/platform/frameworks/support/
+[generateReleaseNotes.py]: https://github.com/androidx/androidx/blob/859aae63bdb92645d03acdc741a2edafb0c6ce5d/development/release-notes/generateReleaseNotes.py
+[Now in Android]: https://github.com/android/nowinandroid
+[Jetpack Release Tracker]: https://github.com/lmj0011/jetpack-release-tracker
+[Separate release notes for each library]: https://github.com/androidx-releases

assets/README.md

@@ -0,0 +1,10 @@
+To create the GIFs do the following:
+1. Set the screen resolution to 1280×720 in OS settings
+2. Run the [mouse script](../scripts/mouse.main.kts) to generate mouse movements
+3. Run the AutoMouse Pro and click *Load* and select the generated `.arf` file from previous step
+4. Click *Replay*
+5. Use either FFmpeg or Bandicam to record the video:  
+   `./ffmpeg.exe -f gdigrab -framerate 30 -offset_x 0 -offset_y 90 -video_size 1280x580 -show_region 1 -i desktop video.mp4`
+6. Convert the video to GIF:  
+   `./ffmpeg.exe -i video.mp4 -vf "fps=30,split[s0][s1];[s0]palettegen=max_colors=32[p];[s1][p]paletteuse" -loop 0 output.gif`
+7. Optimize the GIF using, for example, online tools