https://github.com/webrecorder/example-webarchive
This is an example web archive using the ReplayWebPage component.
https://github.com/webrecorder/example-webarchive
Last synced: 2 months ago
JSON representation
This is an example web archive using the ReplayWebPage component.
- Host: GitHub
- URL: https://github.com/webrecorder/example-webarchive
- Owner: webrecorder
- Created: 2022-08-30T20:38:55.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-09-16T19:45:52.000Z (over 2 years ago)
- Last Synced: 2025-02-13T17:21:29.458Z (2 months ago)
- Language: HTML
- Homepage: https://webrecorder.github.io/example-webarchive/
- Size: 96.8 MB
- Stars: 7
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
**Note: this repository is meant for demonstration purposes. If you want to easily host your own web archives you will probably want to check out the [web-replay-gen](https://github.com/webrecorder/web-replay-gen) static site builder.**
---
This is a simple demonstration of how to self-host web archives on your website. You can see it in action at https://webrecorder.github.io/example-webarchive/ Documentation for how things work is available [here](https://replayweb.page/docs/embedding). It's just HTML, CSS, JavaScript and [WACZ](https://specs.webrecorder.net/wacz/latest/) created with [Webrecorder](https://webrecorder.net) tools.
You can see that the `ui.js` and `sw.js` files that are required for the `` component to work are centrally located so that the Service Worker scope includes the pages with embedded archives. Each page has its associated WACZ file.
```
.
├── css
│ └── style.css
├── images
│ ├── birth-web.png
│ ├── whitehouse.png
│ ├── wikipedia.png
│ └── www-talk.png
├── index.html
└── items
├── ui.js
├── sw.js
├── birth-web
│ ├── archive.wacz
│ └── index.html
├── wikipedia
│ ├── archive.wacz
│ └── index.html
└── www-talk
├── archive.wacz
└── index.html