chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

chaged youtube url

Browse Source
This commit is contained in:
chris 2023-07-11 22:32:32 -04:00
parent 7a40236741
commit 475ff8f7e2
1 changed files with 43 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
menu/menu.js
View File

@ -1,62 +1,61 @@
let navString = ''; let navString = "";
let baseLinks = [ let baseLinks = [
'<a class="navbar-item is-dark" href="/index.html"> Home </a>', '<a class="navbar-item is-dark" href="/index.html"> Home </a>',
'<a class="navbar-item" href="/resume/"> Resume </a>' '<a class="navbar-item" href="/resume/"> Resume </a>',
]; ];
let gameLinks = [ let gameLinks = [
'<a class="navbar-item" href="/yatzee/"> Yatzee </a>', '<a class="navbar-item" href="/yatzee/"> Yatzee </a>',
'<a class="navbar-item" href="/tictac/"> Tic Tac Toe </a>', '<a class="navbar-item" href="/tictac/"> Tic Tac Toe </a>',
// '<a class="navbar-item" href="/bingo/"> Bingo </a>', // '<a class="navbar-item" href="/bingo/"> Bingo </a>',
'<a class="navbar-item" href="/memory/"> Memory </a>', '<a class="navbar-item" href="/memory/"> Memory </a>',
'<a class="navbar-item" href="https://mtg.chrisedwards.tech"> MTG Life Counter </a>' '<a class="navbar-item" href="https://mtg.chrisedwards.tech"> MTG Life Counter </a>',
]; ];
let utilLinks = [ let utilLinks = [
'<a class="navbar-item" href="/speak"> Speak </a>', '<a class="navbar-item" href="/speak"> Speak </a>',
'<a class="navbar-item" href="/binary/"> Binary to ASCII </a>', '<a class="navbar-item" href="/binary/"> Binary to ASCII </a>',
'<a class="navbar-item" href="/youtube_convert/"> YouTube Converter </a>', '<a class="navbar-item" href="https://ytdownload.chrisedwards.tech"> YouTube Converter </a>',
'<a class="navbar-item" href="/nato/"> NATO Alpha </a> ', '<a class="navbar-item" href="/nato/"> NATO Alpha </a> ',
'<a class="navbar-item" href="/rollDice/"> Roll Dice </a> ' '<a class="navbar-item" href="/rollDice/"> Roll Dice </a> ',
]; ];
navString = '<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> '; navString =
for (i = 0; i < baseLinks.length; i++){ '<nav class="navbar is-dark is-fixed-top" role="navigation" aria-label="main navigation"> <div class="navbar-brand"> <a class="navbar-item" href="/index.html"> <img src="/cetechwhite.png" width="50" height="50"> </a> <a role="button" class="navbar-burger is-dark" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> <span aria-hidden="true"></span> <span aria-hidden="true"></span> <span aria-hidden="true"></span> </a> </div> <div id="navbarBasicExample" class="navbar-menu is-dark"> <div class="navbar-start is-dark"> ';
for (i = 0; i < baseLinks.length; i++) {
navString += baseLinks[i]; navString += baseLinks[i];
} }
navString += '<div class="navbar-item has-dropdown is-hoverable"> <a class="navbar-link"> Games </a> <div class="navbar-dropdown"> '; navString +=
for (i = 0; i < gameLinks.length; i++){ '<div class="navbar-item has-dropdown is-hoverable"> <a class="navbar-link"> Games </a> <div class="navbar-dropdown"> ';
for (i = 0; i < gameLinks.length; i++) {
navString += gameLinks[i]; navString += gameLinks[i];
} }
navString += ' </div> </div> <div class="navbar-item has-dropdown is-hoverable is-dark"> <a class="navbar-link"> Ultilities </a> <div class="navbar-dropdown"> '; navString +=
for (i = 0; i < utilLinks.length; i++){ ' </div> </div> <div class="navbar-item has-dropdown is-hoverable is-dark"> <a class="navbar-link"> Ultilities </a> <div class="navbar-dropdown"> ';
for (i = 0; i < utilLinks.length; i++) {
navString += utilLinks[i]; navString += utilLinks[i];
} }
navString += ' </div> </div> </div> </div> </nav>' navString += " </div> </div> </div> </div> </nav>";
document.getElementById('navContainer').innerHTML = navString; document.getElementById("navContainer").innerHTML = navString;
// document.getElementsByTagName('html').classList.add('has-navbar-fixed-top'); // document.getElementsByTagName('html').classList.add('has-navbar-fixed-top');
document.addEventListener('DOMContentLoaded', () => { document.addEventListener("DOMContentLoaded", () => {
// Get all "navbar-burger" elements
const $navbarBurgers = Array.prototype.slice.call(
document.querySelectorAll(".navbar-burger"),
0
);
// Get all "navbar-burger" elements // Add a click event on each of them
const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); $navbarBurgers.forEach((el) => {
el.addEventListener("click", () => {
// Add a click event on each of them // Get the target from the "data-target" attribute
$navbarBurgers.forEach( el => { const target = el.dataset.target;
el.addEventListener('click', () => { const $target = document.getElementById(target);
// Get the target from the "data-target" attribute // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
const target = el.dataset.target; el.classList.toggle("is-active");
const $target = document.getElementById(target); $target.classList.toggle("is-active");
// Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
el.classList.toggle('is-active');
$target.classList.toggle('is-active');
});
}); });
});
}); });
// addHtmlClass();
// addHtmlClass();