diff --git a/css/themes/yellow-black.css b/css/themes/yellow-black.css index 309253bd..3627facc 100644 --- a/css/themes/yellow-black.css +++ b/css/themes/yellow-black.css @@ -11,4 +11,9 @@ main { .icons-social a svg path{ fill: #1E1E1E; -} \ No newline at end of file +} + +i:hover{ + color:#691818;; +} + diff --git a/index.html b/index.html index ccb2c375..589bf8b0 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - + @@ -21,11 +21,13 @@ - +
-
Hello, I'm Dinesh!
+
Hello, I'm +
All-Star Dev | Code Fanatic | Linux Hacker | Bleh
@@ -40,5 +42,7 @@
+ + diff --git a/index.js b/index.js new file mode 100644 index 00000000..f0ff7507 --- /dev/null +++ b/index.js @@ -0,0 +1,60 @@ +var TxtRotate = function(el, toRotate, period) { + this.toRotate = toRotate; + this.el = el; + this.loopNum = 0; + this.period = parseInt(period, 10) || 2000; + this.txt = ''; + this.tick(); + this.isDeleting = false; + }; + + TxtRotate.prototype.tick = function() { + var i = this.loopNum % this.toRotate.length; + var fullTxt = this.toRotate[i]; + + if (this.isDeleting) { + this.txt = fullTxt.substring(0, this.txt.length - 1); + } else { + this.txt = fullTxt.substring(0, this.txt.length + 1); + } + + this.el.innerHTML = ''+this.txt+''; + + var that = this; + var delta = 300 - Math.random() * 100; + + if (this.isDeleting) { delta /= 2; } + + if (!this.isDeleting && this.txt === fullTxt) { + delta = this.period; + this.isDeleting = true; + } else if (this.isDeleting && this.txt === '') { + this.isDeleting = false; + this.loopNum++; + delta = 500; + } + + setTimeout(function() { + that.tick(); + }, delta); + }; + + window.onload = function() { + var elements = document.getElementsByClassName('txt-rotate'); + for (var i=0; i