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: 3 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 (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T21:34:21.000Z (almost 2 years ago)
• Last Synced: 2024-04-14T10:50:50.831Z (7 months ago)
• Language: CoffeeScript
• Homepage:
• Size: 769 KB
• Stars: 33
• Watchers: 3
• Forks: 9
• Open Issues: 14
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• 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

![](screenshot.gif)

## 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).