1.0.6 • Published 4 years ago
386-animation v1.0.6
DOS/386 Loading Animation
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
Chris McKenzie - Initial work - kristopolous
Wesley Moses wes337