script.js

// Typewriter.js
// https://github.com/ronv/Typewriter.js

var aText = new Array(
  "<span class='terminal__text__span'>hi, welcome To my Profile i'm prince</span>",
  "<span class='terminal__text__span'>a web developer</span>", 
  "<span class='terminal__text__span'>based in UAE</span>",
  "<span class='terminal__text__span'>Skills: React, Anguler, Node.js, PHP, MYSQL</span>",
  "<span class='terminal__text__span'>i build beautiful websites in 2.0 and 3.0</span>",
  "<span class='terminal__text__span'># # # # # # #</span>",
  "<span class='terminal__text__span'>see my <a href='#'>portfolio</a> or profile on <a href='#'>github</a> / <a href='#'>codepen</a></span>",
  "<span class='terminal__text__span'>and</span>",
  "<span class='terminal__text__span'>read my <a href='#'>blog</a> and  <a href='#'>twitter</a></span>",
  "<span class='terminal__text__span'>You can <a href='#'>Call me</a> and  <a href='#'>Hire me</a></span>"
);
var iSpeed = 50; 
var iIndex = 0; 
var iArrLength = aText[0].length; 
var iScrollAt = 20; 
 
var iTextPos = 0; 
var sContents = ''; 
var iRow; 
 
function typewriter()
{
 sContents =  ' ';
 iRow = Math.max(0, iIndex-iScrollAt);
 var destination = document.getElementById("typedtext");
 
 while ( iRow < iIndex ) {
  sContents += aText[iRow++] + '<br />';
 }
 destination.innerHTML = sContents + aText[iIndex].substring(0, iTextPos) + "_";
 if ( iTextPos++ == iArrLength ) {
  iTextPos = 0;
  iIndex++;
  if ( iIndex != aText.length ) {
   iArrLength = aText[iIndex].length;
   setTimeout("typewriter()", 200);
  }
 } else {
  setTimeout("typewriter()", iSpeed);
 }
}

$(function() {
	$( ".terminal" ).draggable();
});