a

assets/js/main.js

@@ -0,0 +1,17 @@
+let portfolio = document.getElementsByClassName('portfolio');
+let art = document.getElementsByClassName('art');
+let lore = document.getElementsByClassName('lore');
+let box = document.getElementById('box');
+
+let links = [ portfolio[0], art[0], lore[0] ];
+
+links.forEach((link) => {
+	link.addEventListener('mouseover', (e) => {
+		console.log('hovered');
+		box.classList.add('colorBorder');
+	});
+	link.addEventListener('mouseleave', (e) => {
+		console.log('left');
+		box.classList.remove('colorBorder');
+	});
+});