https://github.com/zachleat/squirminal
The squirminal is a fake antique terminal web component
https://github.com/zachleat/squirminal
web-components
Last synced: about 1 year ago
JSON representation
The squirminal is a fake antique terminal web component
- Host: GitHub
- URL: https://github.com/zachleat/squirminal
- Owner: zachleat
- License: mit
- Created: 2021-11-17T23:44:46.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-12-06T14:24:11.000Z (over 2 years ago)
- Last Synced: 2024-11-01T19:52:38.455Z (over 1 year ago)
- Topics: web-components
- Language: HTML
- Homepage: https://squirminal.zachleat.dev/
- Size: 82 KB
- Stars: 37
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Squirminal
The squirminal is a fake antique terminal web component
* [Demo](https://squirminal.zachleat.dev/)
## Installation
```
npm install @zachleat/squirminal
```
## Usage
```html
[2021-11-17T23:41:07.790Z] "GET /favicon.ico" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/95.0.4638.69 Safari/537.36"
[2021-11-17T23:41:07.791Z] "GET /favicon.ico" Error (404): "Not found"
[2021-11-17T23:41:41.895Z] "GET /demo.html" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:94.0) Gecko/20100101 Firefox/94.0"
```
## Features
* Works with `prefers-reduced-motion`
* Works without JavaScript (fallback to show content)
* Blinking cursor via ``
* Autoplay (only when visible) via ``
* Works with text nodes inside any arbitrary HTML content.
* Play/pause/reset button via ``
* Use `` to reduce layout shift during animation.
## Credits
* [MIT](./LICENSE)