67 lines
2.1 KiB
Markdown
67 lines
2.1 KiB
Markdown
|
```
|
||
|
|
* _ . _ _____ .----..----. .-. .-..-..-. .-. .--. .-.
|
||
|
|
* | |/ \| |[_ _]| {__ | {) }| .`-'. ||~|| .`| | / {} \ | |
|
||
|
|
* | ,-, | | | | {__ | .-. \| |\ /| || || |\ |/ /\ \| `--.
|
||
|
|
* '-' `-' '-' `----'`-' `-'`-' ` `-'`-'`-' `-'`-' `-'`----'
|
||
|
|
```
|
||
|
|
|
||
|
|
# For terminal fun on the web.
|
||
|
|
|
||
|
|
## About
|
||
|
|
|
||
|
|
WTerminal is written in JavaScript and CSS. For use in websites. No compiling needed. 1 big class.
|
||
|
|
This can be used as a dropdown terminal and as a terminal on the page(static), at the same time.
|
||
|
|
It provides easy tools for printing- and changing public variables(javascript) and cookies.
|
||
|
|
The terminal is useful for testing/logging-debugging without opening the console every time.
|
||
|
|
WTerminal instances can be augmented with extention-commands and extention-aliases without changing the terminal.js code.
|
||
|
|
|
||
|
|
## Screenshots
|
||
|
|
|
||
|
|
Sample terminal as a static element
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Sample terminal as a dropdown after playing ping pong
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Sample terminal as a dropdown + darkmode
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Terminal for testing
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Terminal for testing + darkmode
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
Terminal as extention (surfing youtube)
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
## Testing
|
||
|
|
|
||
|
|
To test WTerminal I use serve on the src folder, [the npm package serve](https://www.npmjs.com/package/serve).
|
||
|
|
```
|
||
|
|
serve src/
|
||
|
|
```
|
||
|
|
|
||
|
|
To install serve i suggest the following command:
|
||
|
|
```
|
||
|
|
npm install --global serve
|
||
|
|
```
|
||
|
|
|
||
|
|
## Terminal as WebExtension
|
||
|
|
|
||
|
|
You can also use this terminal-project as a (Temporary) browser-extension. Get a terminal everywhere you surf.
|
||
|
|
|
||
|
|
- [firefox addon paage](https://addons.mozilla.org/en-US/firefox/addon/wterminal/)
|
||
|
|
|
||
|
|
How to documentation:
|
||
|
|
|
||
|
|
- [MDN WebExtension](https://developer.mozilla.org/en-US/diocs/Mozilla/Add-ons/WebExtensions/Your_first_WebExtension)
|
||
|
|
- [firefox info](https://firefox-source-docs.mozilla.org/devtools-user/about_colon_debugging/index.html#this-firefox)
|
||
|
|
- [firefox about:debugging](about:debugging)
|