386-animation

Page screen loading animation inspired from the DOS 386 terminal.

Usage no npm install needed!

<script type="module">
  import 86Animation from 'https://cdn.skypack.dev/386-animation';
</script>

README

DOS/386 Loading Animation

Demo

Based off of BOOTSTRA.386, a Bootstrap theme by Chris McKenzie. I thought that the screen loading animation was cool and wanted to make a seperate lightweight version.

Getting Started

Install using your package manager.

yarn add 386-animation
npm install 386-animation

Import the package and styles into wherever your code creates HTML and run the init386() function.

import init386 from '386-animation';
import '386-animation/386.css';

or

var init386 = require('386-animation');
require('386-animation/386.css);

Then initialize it!

// Inside your code
init386();

Configuration

The function also takes an object of options as a parameter.

// Default options
init386({
  fastLoad: false // will skip the animation.
  speedFactor: 1 // the speed of the loading animation.
  background: '#000084' // CSS value for the body background before loading animation has compoleted
  cursorColor: '#FAFAFA' // The colour of the terminal cursor/bar.
});

Authors