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({
  onePass: false, // will skip the second pass of the cursor if true
  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 completed
  cursorColor: "#FAFAFA", // The colour of the terminal cursor/bar.
});

Authors