<!DOCTYPE html> <html> <head> <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> <script src="https://cdn.rawgit.com/jcubic/jquery.terminal/devel/js/jquery.terminal.min.js"></script> <style> body { min-height: 100vh; margin: 0; } </style> <script> (function() { var url = 'https://cdn.rawgit.com/jcubic/jquery.terminal/devel/css/jquery.terminal.min.css'; var $ = jQuery.noConflict(); $('<link href="' + url + '" rel="stylesheet"/>').appendTo('head'); var importDoc = document.currentScript.ownerDocument; var style = importDoc.querySelector('style'); document.head.appendChild(style); window.terminal = function(selector) { var args = [].slice.call(arguments, 1); return $.fn.terminal.apply($(selector), args); }; })(); </script> </head>