https://www.studypug.com/blog/wp-content/themes/twentytwentythree-child/script.js?ver=6.6.2

1document.addEventListener("DOMContentLoaded", function () {
2    /**
3     * Simple fade in animation for elements
4     */
5    const fadeInUps = document.querySelectorAll('.fade-in-up');
6    fadeInUps.forEach((element) => {
7        element.classList.add('fade-in-up');
8    });
9    const fadeIns = document.querySelectorAll('.fade-in');
10    fadeIns.forEach((element) => {
11        element.classList.add('fade-in');
12    });
13
14    /**
15     * Scroll down to paginated section of Front Page when changing pages
16     */
17    const paginationAnchors = document.querySelectorAll('.wp-block-query-pagination a');
18    paginationAnchors.forEach(anchor => {
19        anchor.href = anchor.href + '#posts';
20    });
21
22    /**
23     * Insert social share links into the appropriate buttons at the end of a post.
24     */
25    if (document.querySelector('body').classList.contains('single')) {
26        const shareFacebook = document.querySelector('#share-facebook > a'),
27            shareTwitter = document.querySelector('#share-twitter > a'),
28            shareEmail = document.querySelector('#share-email > a');
29
30        // Do we want to insert tracking params?
31        const postUrl = window.location.href;
32        const emailSubject = encodeURI('What do you think about this article?');
33        shareFacebook.href = `https://www.facebook.com/sharer/sharer.php?u=${postUrl}`;
34        shareTwitter.href = `https://twitter.com/intent/tweet?url=${postUrl}&text=`;
35        shareEmail.href = `mailto:?&subject=${emailSubject}&cc=&bcc=&body=${postUrl}`;
36    }
37
38});
39
40
41
42 const toggleDropDownMenu = (type) => {
43        console.log("clicked");
44        var dropDownMenu = document.querySelector(".dropDownMenu");
45        if (type === "toggle") {
46            dropDownMenu.classList.toggle("show");
47        } else {
48            dropDownMenu.classList.remove("show");
49        }
50    };
51document.addEventListener('DOMContentLoaded', function() {
52    // Get the target element
53    var targetElement = document.querySelector('.mask-hero');
54	
55    
56    // Check if the specific class exists
57    if (targetElement.classList.contains('has-secondary-background-color')) {
58        // Change the font color if the class exists
59        var bigLogo=document.querySelector('.bigLogo');
60        var smallLogo=document.querySelector('.smallLogo');
61		var dropDownMenuButton=document.querySelector('.dropDownMenuButton');
62		var signin=document.querySelector('.signIn');
63		var signinIcon=document.querySelector('.signInIcon');
64		var triangle=document.querySelector('.triangle');
65        bigLogo.style.filter = 'invert(0.90)'; // Change to your desired font color
66        smallLogo.style.filter = 'invert(0.90)'; // Change to your desired font color
67		dropDownMenuButton.style.color="#000000"
68		signin.style.color="#000000"
69		signinIcon.style.background="#000000"
70		triangle.style.borderBottomColor="#000000"
71		console.log('The class exists on the element');
72    }
73	else {
74        // The class does not exist
75        console.log('The class does not exist on the element');
76    }
77});
78   const content = document.querySelector("#content");
79 content.addEventListener("click", function () {
80	  var dropDownMenu = document.querySelector(".dropDownMenu");
81     dropDownMenu.classList.remove("show");
82   
83    });
84    window.addEventListener("scroll", function () {
85        var headerWrapper = document.querySelector(".headerWrapper");
86        var scrolled = window.scrollY > 0;
87		 var targetElement = document.querySelector('.mask-hero');
88		 if (targetElement.classList.contains('has-secondary-background-color')) {
89        headerWrapper.classList.add("scrolled2");}
90		else{
91			headerWrapper.classList.add("scrolled");}
92		
93    });
94    const toggleLink = (type) => {
95        console.log(type);
96        var mathLink = document.querySelector(".mathLink");
97        var roleLink = document.querySelector(".roleLink");
98        var aboutLink = document.querySelector(".aboutLink");
99        var curriculumLink = document.querySelector(".curriculumLink");
100        var triangle1 = document.querySelector("#mathTriangle");
101        var triangle2 = document.querySelector("#roleTriangle");
102        var triangle3 = document.querySelector("#aboutTriangle");
103        var triangle4 = document.querySelector("#curriculumTriangle");
104        var footerLink = document.querySelector(".footerLink");
105        var footerWrapper = document.querySelector(".footerWrapper");
106        if (type === "mathLink") {
107            mathLink.classList.toggle("showLink");
108            triangle1.classList.toggle("rotate")
109            // footerLink.classList.toggle("heightAuto");
110            footerWrapper.classList.toggle("heightAuto");
111        }
112        else if (type === "roleLink") {
113            roleLink.classList.toggle("showLink");
114            triangle2.classList.toggle("rotate")
115            footerLink.classList.toggle("heightAuto");
116            footerWrapper.classList.toggle("heightAuto");
117
118        } else if (type === "aboutLink") {
119            aboutLink.classList.toggle("showLink");
120            triangle3.classList.toggle("rotate")
121            footerLink.classList.toggle("heightAuto");
122            footerWrapper.classList.toggle("heightAuto");
123
124        }
125        else if (type === "curriculumLink") {
126            curriculumLink.classList.toggle("showLink");
127            triangle4.classList.toggle("rotate")
128            footerLink.classList.toggle("heightAuto");
129            footerWrapper.classList.toggle("heightAuto");
130
131        } else {
132            mathLink.classList.remove("showLink");
133            roleLink.classList.remove("showLink");
134            aboutLink.classList.remove("showLink");
135            curriculumLink.classList.remove("showLink");
136            triangle1.style.transform = "rotate(900deg)"
137            triangle2.style.transform = "rotate(90deg)"
138            triangle3.style.transform = "rotate(90deg)"
139            triangle4.style.transform = "rotate(90deg)"
140            footerLink.classList.remove("heightAuto");
141            footerWrapper.classList.remove("heightAuto");
142
143        }
144    };