Public/carya.software
1
0
Fork 0
Code Issues 3 Pull requests Projects Releases Packages Wiki Activity

Javascript changes

Browse source
This commit is contained in:
Author 2023-09-23 17:27:21 -04:00
parent 2ad31d052e
commit 5f4f9e1c30
1 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
index.html
View file

@ -94,23 +94,39 @@
<html> <html>
<script> <script>
function toggleSections(button){ function toggleSections(button){
// Constants
hiddenClass = "hidden"; hiddenClass = "hidden";
revealedClass = "visible"; revealedClass = "visible";
ids = ["about", "projects", "contact"];
selectedClasses = ["border-[#14591e]" , "border-b-2"]
// Helper functions
function switchClasses(element, toRemove, toInsert){ function switchClasses(element, toRemove, toInsert){
element.classList.remove(toRemove); element.classList.remove(toRemove);
element.classList.add(toInsert); element.classList.add(toInsert);
} }
function removeClasses(element, classes){
element.classList.forEach()
}
function hide(id) { function hide(id) {
switchClasses(document.getElementById(id), revealedClass, hiddenClass); switchClasses(document.getElementById(id), revealedClass, hiddenClass);
} }
function show(id) { function show(id) {
switchClasses(document.getElementById(id), hiddenClass, revealedClass); switchClasses(document.getElementById(id), hiddenClass, revealedClass);
} }
function hasClasses(element, classes){
return classes.map(c => element.classList.contains(c)).reduce((acc, b) => acc && b, true);
}
// Handle underline for tab buttons
parent = button.parentElement;
// Remove selection classes from other buttons
// If button clicked already selected, unselect
// Otherwise select
// Manage hiding/showing content
id = button.textContent; id = button.textContent;
ids = ["about", "projects", "contact"];
ids.filter(i => i !== id).forEach(hide); ids.filter(i => i !== id).forEach(hide);
element = document.getElementById(id); element = document.getElementById(id);
if(element.classList.contains(revealedClass)){ if(hasClasses(element, [revealedClass])){
switchClasses(element, revealedClass, hiddenClass); switchClasses(element, revealedClass, hiddenClass);
return; return;
} }