home improvments, bedo circle

js/scripts.js

@@ -466,10 +466,10 @@
 			let cc = $(this)
 			let cArticle = cc.parents("article")
 			let cMetadata = cArticle.children(".metadata")
-			
+
 			//add hovered class
 			cArticle.addClass("hovered")
-			
+
 			//add tag to header for bg
 			let artClasses = cArticle.attr("class").split(" ")
 			let theTag = findClassByStart(artClasses, "tag")
@@ -477,14 +477,14 @@
 
 			//transparent metadata
 			cMetadata.children(".categories, .postedon").addClass("transparent")
-			
+
 			//animate border
-			cMetadata.stop().animate({ height: "25rem" },400, _ => {
+			cMetadata.stop().animate({ height: "25rem" }, 400, _ => {
 				//hide metadata
 				cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
 				cMetadata.children(".alcim, .bevezeto").show().removeClass("transparent")
 			})
-			
+
 
 		}, function () {
 			let cc = $(this)
@@ -493,17 +493,17 @@
 
 			//remove hovered class
 			cArticle.removeClass("hovered")
-			
+
 			//remove tag from header and body
 			let headerClasses = $(".header-1").attr("class").split(" ")
 			var hoverClass = findClassByStart(headerClasses, "hover")
 			$("body, .header-1, .header-2").removeClass(hoverClass)
-			
+
 			//transparent metadata
 			cMetadata.children(".alcim, .bevezeto").addClass("transparent")
-			
+
 			//animate height change
-			cMetadata.stop().animate({ height: "10rem" },400, _ => {
+			cMetadata.stop().animate({ height: "10rem" }, 400, _ => {
 				//hide and show metadata
 				cMetadata.children(".alcim, .bevezeto").hide().removeClass("transparent")
 				cMetadata.children(".categories, .postedon").removeClass("transparent").show()
@@ -568,8 +568,22 @@
 		/*                                CIRCULAR TEXT                               */
 		/* -------------------------------------------------------------------------- */
 
+		const bedoListItems = ".wrapper .header #tag-nav ul li"
+		const bedoWords = bedoListItems + " a"
+		const bedoLetters = bedoWords + " span"
+
+
+		//move subs to wrapper
+		$(bedoListItems).each(function () {
+			let itemId = $(this).attr("id")
+			$(".sub-wrapper").append('<div id="' + itemId + '"></div>')
+			$(this).children("a").clone().appendTo(".sub-wrapper #"+ itemId)
+			$(this).children("span").appendTo(".sub-wrapper #"+ itemId)
+		})
+
+		//wrap each letter to spans
 		var charnum = 0
-		$(".wrapper .header #tag-nav ul li a").each(function () {
+		$(bedoWords).each(function () {
 			let chars = $(this).html().length + 1
 			$(this).lettering()
 			$(this).children("span").each(function () {
@@ -581,6 +595,17 @@
 			charnum += chars
 		})
 
+		/* ---------------------------------- hover --------------------------------- */
+
+		$(bedoWords).hover(function () {
+			$(bedoLetters).addClass("pause")
+			$(this).children("span").addClass("current")
+		}, function () {
+			$(bedoLetters).removeClass("pause")
+			$(this).children("span").removeClass("current")
+		})
+
+
 
 	});