https://www.noahtaher.com/js/noahtaher-script.js

1$(document).ready(function(){
2// Parallax effect
3	// Cache the Window object
4	$window = $(window);
5    var mq = window.matchMedia("(min-width: 768px)");
6    
7    $('section[data-type="background"]').each(function(){
8    	var $bgobj = $(this); // assigning the object
9    
10      	$(window).scroll(function() {
11                    if (mq.matches){
12		// Scroll the background at var speed
13		// the yPos is a negative value because we're scrolling it UP!								
14		var yPos = -($window.scrollTop() / $bgobj.data('speed')); 
15		
16		// Put together our final background position
17		var coords = '50% '+ yPos + 'px';
18
19		// Move the background
20        $bgobj.css({ backgroundPosition: coords });
21		   }
22      });
23
24    
25		// scroll animation on link click 
26		$('a[href^="#"]').on('click',function(e) {
27			e.preventDefault();
28			var target = this.hash;
29			var $target = $(target);
30			$('html, body').stop().animate({
31				'scrollTop': $target.offset().top
32			}, 900, 'swing', function () {
33				window.location.hash = target;
34			});
35		});
36	});
37
38	// js date
39    var d = new Date();
40    var date = d.getDate();
41    var year = d.getFullYear();
42    var month = d.getMonth();
43    var monthArr = ["January", "February","March", "April", "May", "June", "July", "August", "September", "October", "

43November","December"];
44    month = monthArr[month];
45	if (document.getElementById("date") != null){
46    document.getElementById("date").innerHTML=month+" "+year;
47	}
48	if (document.getElementById("year") != null){
49		document.getElementById("year").innerHTML=year;
50		}
51	
52
53	
54
55	// accordion
56	var acc = document.getElementsByClassName("accordion");
57	var i;
58
59	for (i = 0; i < acc.length; i++) {
60		acc[i].addEventListener("click", function() {
61			this.classList.toggle("active");
62			var panel = this.nextElementSibling;
63			if (panel.style.maxHeight){
64				panel.style.maxHeight = null;
65			} else {
66				panel.style.maxHeight = panel.scrollHeight + "px";
67			} 
68		});
69	}
70
71	// fill skills list
72	var skills = [
73		["My company has other video ideas/needs as well, do you handle more than just the brand story video?", "Social Media, Ads, Product Commercials, Events, Podcasts, Testimonials, Photography, Animation, the list goes on. Echo is up for the task on all of it - and widely connected worldwide to make sure we never skip a beat on executing video with intention."],
74		["Is this method of story telling only effective to rare, exciting, successful founding stories?", "Not at all! The Anomaly Story model is meant to create a video that promotes a relatable, story-focused emotional connection to your brand. Humanization. The honesty, passion, and drive of the person behind the company is what counts, not the drama of how “insane” your story may be."],
75		["Do I need to act or perform in front of the camera for this video model?", "Echo specializes in capturing the most authentic & comfortable versions of who you are. There is no trick, or reason to put on a show with acting. The key to the Anomaly Story is humanization of your brand, so you will need to make an appearance."],
76		["I’d rather commision 10 social media content pieces rather than one story video - what about about social content?", "Social media content builds incredible awareness for brands. Echo is proud to create plenty of fast-paced social media content. Sometimes these videos organically rack up millions of views! That is a good thing. <br> The important thing that Echo focuses on as a video strategy company, is the next phase of a customer/client/investor journey. The consideration phase, where trust either found or forgotten after your company is discovered. That is where The Anomaly Story comes in."],
77		["I already have full time marketing/content/photo/video employee(s), can they collaborate with you?", "Yes! They are freely welcome to be a valued part of production at any degree. In many cases, Echo can even provide guidance to an internal creative team."],
78		["How long does this take? I have goals that include a quick turnaround time.", "The Anomaly Story can go from our first meeting to a finished product quickly. Subject to availability - our team often takes 2 days of planning, 1 day of shooting, and 3 days of editing! While Echo is happy to consider rushed timelines, we recommend multiple timelines in the space of either 2, 4, or 6 months to accomplish a different set of videos that will serve you in the long run."]	
79	];
80
81	for (i = 0; i < skills.length; i++) {
82		// document.getElementById("s"+(i+1)).innerHTML = skills[i][0];
83		// document.getElementById("s"+(i+1)+"c").innerHTML = skills[i][1];
84		document.getElementById("m-s"+(i+1)).innerHTML = skills[i][0];
85		document.getElementById("m-s"+(i+1)+"c").innerHTML = skills[i][1];
86	}
87
88});
89
90// Sellfy
91(function(d, s, id) {
92	var js, fjs = d.getElementsByTagName(s)[0], today = new Date();
93	if (d.getElementById(id)) { return; }
94	js = d.createElement(s); js.id = id;
95	js.src = 'https://sellfy.com/js/sdk.js?v=' + today.getFullYear()+''+today.getMonth()+''+today.getDate()+''+today.getHours();
96	fjs.parentNode.insertBefore(js, fjs);
97  }(document, 'script', 'sellfy-jssdk'));
98
99// contact form show and hide
100function div_show_noah(){
101	document.getElementById('blackout').style.display = "block";
102}
103
104// Hide Form
105function div_hide_noah(){ 
106	const elementToFade = document.getElementById('blackout');
107	fadeOut(elementToFade, 200); // Fade out over 500 milliseconds
108}
109
110function div_show_echo(){
111	document.getElementById('greenout').style.display = "block";
112}
113
114// Hide Form
115function div_hide_echo(){ 

116	const elementToFade = document.getElementById('greenout');
117	fadeOut(elementToFade, 200); // Fade out over 500 milliseconds
118}
119
120function fadeOut(element, duration) {
121	element.style.transition = `opacity ${duration/1000}s ease-in-out`;
122	element.style.opacity = 0;
123	
124	setTimeout(() => {
125		element.style.display = 'none';
126		element.style.opacity = 1; // Reset opacity for future use
127	}, duration);
128  }