🎉 Added

Author: CSFelix

assets/js/scripts/click-burst.js

@@ -0,0 +1,55 @@
+const burst = new mojs.Burst({
+	count: 10,
+	left: 0,
+	top: 0,
+	children: {
+		shape: ['circle', 'rect', 'curve', 'polygon'],
+		fill: ['yellow', 'red', 'green', 'blue'],
+		degreeShift: 'rand(-360, 360)',
+	},
+	duration: 500,
+});
+
+const bang = new mojs.Burst({
+	left: 0,
+	top: 0,
+	radius: {1:35},
+	angle: 45,
+	count: 8,
+	children: {
+		radius: 8,
+		fill: 'orange',
+		scale: {1:0, easing: 'sin.in'},
+		pathScale: [0.7, null],
+		duration: [500, 700],
+		degreeShift: [13, null],
+	},
+});
+
+const circle = new mojs.Shape({
+	left: 0,
+	top: 0,
+	strokeWidth: 8,
+	fill: 'none',
+	radius: 80,
+	scale: {0:1},
+	opacity: {0.5:0},
+	shape: 'circle',
+	stroke: '#333',
+	strokeWidth: 8,
+	fill: 'none',
+	duration: 500,
+});
+
+document.onclick = (e) => {
+	const position = { x: e.pageX, y: e.pageY };
+
+	circle.tune(position);
+	circle.replay();
+
+	burst.tune(position);
+	burst.replay();
+
+	bang.tune(position);
+	bang.replay();
+}

assets/js/scripts/scroll-to-reveal.js

@@ -0,0 +1,51 @@
+/*
+	************************
+	** About Me Container **
+	************************
+*/
+ScrollReveal({ 
+	reset: false 
+}).reveal('#aboutMeContainer', { 
+	delay: 100,  
+	distance: '150px', 
+	origin: 'top',
+});
+
+/*
+	**********************
+	** Skills Container **
+	**********************
+*/
+ScrollReveal({ 
+	reset: false 
+}).reveal('#skillsContainer', { 
+	delay: 100,  
+	distance: '150px', 
+	origin: 'top',
+});
+
+/*
+	**********************
+	** Projects Container **
+	**********************
+*/
+ScrollReveal({ 
+	reset: false 
+}).reveal('#projectsContainer', { 
+	delay: 100,  
+	distance: '150px', 
+	origin: 'top',
+});
+
+/*
+	************************
+	** Reach Me Container **
+	************************
+*/
+ScrollReveal({ 
+	reset: false 
+}).reveal('#reachMeContainer', { 
+	delay: 100,  
+	distance: '150px', 
+	origin: 'top',
+});