Welcome to TERMINAL
loading website ...

Volume in drive C is CODEDROID12
Volume Serial Number is 0E4F-19EB
Directory of C:\ <\p>

FDOS <DIR> 08-26-92 6:23pm
AUTOEXEC BAT 435 08-01-91 2:01pm
BOOTSECT BIN 512 01-15-91 5:15pm
COMMAND COM 93,855 07-24-90 12:23a
CONFIG SYS 881 01-15-92 2:22pm
FDOSBOOT BIN 512 08-26-92 11:13pm
KERNAL SYS 252 08-26-90 12:23pm
6 file(s) 142,558 bytes
1 dir(s) 1,812,558 bytes

C:\>_loading demo page . . .

terminal

terminal is a customizable page loader that mimics old school computer terminals. Terminal includes multiple loading modes, color presets and customization options. Installation is painless and takes seconds to install and customize - just copy and paste!

directory loader

file loader

Included Color Presets

terminal includes 6 console color presets that can be assigned using the following classes to the main terminal container:

terminal_green
terminal_gray
terminal_blue
terminal_dark_blue
terminal_bright_green
terminal_orange

Installation

Just add the files to your page and terminal is ready for use:

<link rel="stylesheet" href="css/terminal.css" type="text/css" />
<script src="js/jquery-2.1.3.min.js">
<script src="js/terminal.js">

Usage

1. Copy and paste the provided HTML onto your page and customize each line however you like.

2. Call terminal on your element when the page loads:

$(document).ready(function(){
	$('#terminal').terminal({
		// SETTINGS GO HERE
	});
});

Settings

Use terminal settings to customize to your liking.

mode terminal mode 'fileloader' or 'dir'
line_delay delay used for each line
line_fade fade speed used for each line
loading_word_delay delay used between loading letters
loading_word_fade fade speed used between loading letters
overlay_speed overlay fade out speed
load_char character used at end of loading sentences

data-terminal-time delay attribute used on LI for fileLoader mode
data-terminal-speed fade speed attribute used on LI for fileLoader mode