Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/tommyku/start-page-bios
A browser start page that looks like BIOS screen, with arrow key navigation
https://github.com/tommyku/start-page-bios
Last synced: 2 months ago
JSON representation
A browser start page that looks like BIOS screen, with arrow key navigation
- Host: GitHub
- URL: https://github.com/tommyku/start-page-bios
- Owner: tommyku
- License: mit
- Created: 2017-03-24T15:23:55.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T21:34:21.000Z (over 1 year ago)
- Last Synced: 2024-01-23T01:06:10.208Z (5 months ago)
- Language: CoffeeScript
- Homepage:
- Size: 769 KB
- Stars: 33
- Watchers: 3
- Forks: 9
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome - tommyku/start-page-bios - A browser start page that looks like BIOS screen, with arrow key navigation (CoffeeScript)
README
# Start page BIOS
A start page that looks like BIOS screen.
## Screenshot
## Getting Started
The page can be built locally. If you just want the generated HTML file,
see the `/demo` folder.
### Prerequisite
1. `npm` or `yarn` to install the dependencies
2. `gulp` to compile the HTML file
3. `webpack` to compile the JS and CSS
### Installation
1. Run `npm install` or `yarn install`
### Development
To develop it on your local machine, run:
``` bash
$ gulp
```
meanwhile on another terminal:
``` bash
$ npm run serve
```
You can see the page from [http://localhost:8080](http://localhost:8080)
or [http://localhost:8080/webpack-dev-server/](http://localhost:8080/webpack-dev-server/).
### Deployment
You can pack this start page as a Chrome extension for new tabs.
``` bash
$ gulp build
$ webpack -p
```
You will find inside `/output` there are 3 files, `index.html`,
`bundle.js`, and `manifest.json`. To pack the page as an extension,
follow the [official guide](https://developer.chrome.com/extensions/packaging).