Back to packageRELEASE DETAILS

1.0.3

npm

386-animation

Page screen loading animation inspired from the DOS 386 terminal.

Published16 May 2021

Direct dependencies0

Transitive dependenciesNot calculated

README

Current package documentation

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";

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

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 0

Native requirements

0 direct targetsNot calculated transitive count

No declared dependencies in this collected response

Declarations describe requirements; they are not a resolved dependency graph.

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "integrity": "sha512-/SZ+JZLJkYCnPgkRMF/4MArBtAswGcyDOWkeAbBD6uMl3CUIUFwza0XQhiUEn0YZE+vbJmNtyKSz7VlrJHbfkA==",
  "shasum": "861b2f4e1177803d85ff83a7099714d861bb2de7",
  "tarball": "https://registry.npmjs.org/386-animation/-/386-animation-1.0.3.tgz",
  "fileCount": 5,
  "unpackedSize": 468072,
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJgoLDlCRA9TVsSAnZWagAAKFgP/0/fbEqEAP19uK/Y4zHA\nO36ajNwKza1W0eBOyklKUZsypyUDtQABF5PylJ2EdgqMKEQFzham7WJgwQxq\nF6sv0CJdJ8idG2NeHAoAhztdtXcG4MpnNoq8rj2bEff8e/QXy+OxkLa2dSjv\nvTHqS8Tnk7zTX7/PMNSWATKvo9wO06CaS5+NPROHVMLgPGA7wMwqU6FJ1bCf\ndl+/5jB7KoHkGJpviAtv3OtiPSNgXnnUiZsdO+eE4PxdaHL6JrhwNBABPO66\nu4p8IqqBpwF90rUCI5JtHiZEzN2Xuc+MCA0sL+tE9gUIuFgTM3dJpqFxIqOS\neCWwyPCK1WYLLgD3weq7cQUGShbW2xSxdhJgzTuEDQSG8WjooyaSwTjB2AGB\nKVim1dSrEX6DUgS0Anae7FIzZc5G2NhUy9sW3yTaVJ0nOrSVDr2szN6a1045\nj0ubMg57lP+oNp0th225FgSUSRxKqJS1Af37mdF37pufhOEN6NZfoYOBXt7Q\nOarB3cHOFsADZ9YCg6yZhbj6iSmyYkG4Q6gUzzQuEX/7zjV+mzpC+4qTDgBJ\nIwduToYMC6XIOzRikeDk2E1dkd2+bf7lgBLohG5QqhmrFMhu7WYveMRZrKLv\niMX1Fpfb4dhJtguSZwF/9f+kReq2kY2vAQsxqoFMoKWEdbrKkdZL8D7LR6HK\n7sZo\r\n=HO/p\r\n-----END PGP SIGNATURE-----\r\n",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQClbFqKiwPmTLG2XzLk8RS0qAJ8T2HPL7IDWfkSByPhAQIgRXFN0d5eJmDcmEa6jza3I4W4dbfuAVqRcxjVNp5eSQI="
    }
  ]
}

Repository

PENDING

wes337/386-animation

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 19:28 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:6c516aa349fffcb89660ffeb5bde780eae075ca75469950f452431b1999d3e18

Other collected versions

1.0.616 May 1.0.516 May 1.0.416 May 1.0.213 Nov 1.0.113 Nov 1.0.013 Nov View all collected versions →