https://github.com/ronnapatp/timelapse

Capture a timelapse screenshot of my website using GitHub Actions. Forked from dtinth/timelapse!
https://github.com/ronnapatp/timelapse

sponsor

Last synced: 6 months ago
JSON representation

Capture a timelapse screenshot of my website using GitHub Actions. Forked from dtinth/timelapse!

• Host: GitHub
• URL: https://github.com/ronnapatp/timelapse
• Owner: ronnapatp
• Created: 2021-08-13T03:35:17.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2025-04-14T20:01:15.000Z (6 months ago)
• Last Synced: 2025-04-14T20:15:42.019Z (6 months ago)
• Topics: sponsor
• Language: JavaScript
• Homepage:
• Size: 4.76 GB
• Stars: 1
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# timelapse

**Want to put a screenshot of your webapp on your README file but don’t want to go through the hassle of keeping them up-to-date?**

Introducing **timelapse**:

- With [GitHub Actions](https://github.com/features/actions)’ [scheduled workflows support](https://help.github.com/en/actions/reference/workflow-syntax-for-github-actions#onschedule), [every night](https://github.com/dtinth/timelapse/blob/master/.github/workflows/timelapse.yml) a [screenshot](https://github.com/dtinth/timelapse/blob/master/projects/dt.in.th_initial.png) of all your [web page](https://github.com/dtinth/timelapse/blob/master/projects/dt.in.th.config.js)s are [taken](https://github.com/dtinth/timelapse/blob/master/main.js) and [committed to the repository](https://github.com/dtinth/timelapse/tree/master/projects) if different.

  From your project’s README file, can then link to the latest image like this:

  ```markdown

  ![Screenshot](https://github.com/dtinth/timelapse/raw/master/projects/dt.in.th_initial.png)

  ```

  ### [→ See an example](https://github.com/dtinth/dt.in.th#readme)

- When a screenshot is updated, the image is also posted to Slack, allowing you to see a visual logs of your project works.

  ![Screenshot of Slack showing messages by timelapse](docs/images/slack.png)

- Since screenshots are commited and pushed to GitHub, [you can see a visual diff of your web pages within GitHub](https://github.com/dtinth/timelapse/commit/a0cc528de04e8f41a36da130a34f187f5ab053f2?short_path=814ca51#diff-814ca51e87e2a490a1c03b2df198b470).