Select Page

 


 

<script>var TxtType = function(el, toRotate, period) {<!-- [et_pb_line_break_holder] --> this.toRotate = toRotate;<!-- [et_pb_line_break_holder] --> this.el = el;<!-- [et_pb_line_break_holder] --> this.loopNum = 0;<!-- [et_pb_line_break_holder] --> this.period = parseInt(period, 10) || 2000;<!-- [et_pb_line_break_holder] --> this.txt = '';<!-- [et_pb_line_break_holder] --> this.tick();<!-- [et_pb_line_break_holder] --> this.isDeleting = false;<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> TxtType.prototype.tick = function() {<!-- [et_pb_line_break_holder] --> var i = this.loopNum % this.toRotate.length;<!-- [et_pb_line_break_holder] --> var fullTxt = this.toRotate[i];<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (this.isDeleting) {<!-- [et_pb_line_break_holder] --> this.txt = fullTxt.substring(0, this.txt.length - 1);<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> this.txt = fullTxt.substring(0, this.txt.length + 1);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> this.el.innerHTML = '<span class="wrap">'+this.txt+'</span>';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> var that = this;<!-- [et_pb_line_break_holder] --> var delta = 200 - Math.random() * 100;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (this.isDeleting) { delta /= 2; }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> if (!this.isDeleting && this.txt === fullTxt) {<!-- [et_pb_line_break_holder] --> delta = this.period;<!-- [et_pb_line_break_holder] --> this.isDeleting = true;<!-- [et_pb_line_break_holder] --> } else if (this.isDeleting && this.txt === '') {<!-- [et_pb_line_break_holder] --> this.isDeleting = false;<!-- [et_pb_line_break_holder] --> this.loopNum++;<!-- [et_pb_line_break_holder] --> delta = 500;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> setTimeout(function() {<!-- [et_pb_line_break_holder] --> that.tick();<!-- [et_pb_line_break_holder] --> }, delta);<!-- [et_pb_line_break_holder] --> };<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> window.onload = function() {<!-- [et_pb_line_break_holder] --> var elements = document.getElementsByClassName('typewrite');<!-- [et_pb_line_break_holder] --> for (var i=0; i<elements.length; i++) {<!-- [et_pb_line_break_holder] --> var toRotate = elements[i].getAttribute('data-type');<!-- [et_pb_line_break_holder] --> var period = elements[i].getAttribute('data-period');<!-- [et_pb_line_break_holder] --> if (toRotate) {<!-- [et_pb_line_break_holder] --> new TxtType(elements[i], JSON.parse(toRotate), period);<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> // INJECT CSS<!-- [et_pb_line_break_holder] --> var css = document.createElement("style");<!-- [et_pb_line_break_holder] --> css.type = "text/css";<!-- [et_pb_line_break_holder] --> css.innerHTML = ".typewrite > .wrap { border-right: 0.08em solid #fff}";<!-- [et_pb_line_break_holder] --> document.body.appendChild(css);<!-- [et_pb_line_break_holder] --> };</script>