- Add Home dropdown

- initialize vscode workspace

BreadnBudder.xyz.code-workspace

@@ -0,0 +1,8 @@
+{
+	"folders": [
+		{
+			"path": "."
+		}
+	],
+	"settings": {}
+}

app.js

@@ -13,7 +13,7 @@ app.get("/generate-cover", async (req, res) => {
   
     const coverStream = await generateCover({
       title: "BreadnBudder Gaming | HOME",
-      avatarUrl:__dirname + '/assets/img/Logo.Border.FOR.WEB.png',
+      avatarUrl:__dirname + '/assets/Logo Merged.Cropped.PNG',
       name: "BreadnBudder Gaming"
     });
 

assets/js/scripts.js

@@ -1,5 +1,6 @@
-/* jQuery Youtube Channel Player 0.2.0
+/* jQuery Youtube Channel Player 0.2.0-bnb
  * Author: Marc Löhe <marc@marcloehe.de>
+ *         Nicholas Delfico<breadnbuddergaming@gmail.com>
  * Licensed under the MIT license.
  * 
  *
@@ -34,36 +35,13 @@
       buildPlayer = function (videoId) {
 		  
         if (videoId.length > 0) {
-			/*
-          if (!$ytPlayer) {
-            $ytPlayerWrapper = $('<div/>', {class: 'yt-player-wrapper'});
-            $ytPlayer = $('<iframe/>', {class: 'yt-player'}).prependTo($ytPlayerWrapper);
-            $ytPlayerWrapper.prependTo($ytEl);
-          }
-          $ytPlayer.attr('src', buildYoutubeEmbedUrl(videoId));
-		  */
-		  
           playerInitialized = true;
         }
       },
 
       insertIntoPlaylist = function (i, videoObject) {
-		  
-		  //We will be rewriting this and likely removing buildPlayer()
-		  //console.log(i)
         var $listItem, $anchor;
 		
-		/* 
-		$listItem = $('<li/>', {'class': 'yt-channel-video'});
-		
-        $anchor = $('<a/>', {
-          href: videoObject.embedUrl,
-          title: videoObject.title,
-          target: '_blank',
-          'data-id': videoObject.videoId
-        }).appendTo($);
-		*/
-		
 		$($('.yt-thumb')[i]).attr({
 		  href: videoObject.embedUrl,
           title: videoObject.title,
@@ -82,16 +60,7 @@
           title: videoObject.title,
           target: '_blank'
 		});
-		//$($('.yt-author')[i]).html(videoObject.title);
 
-	/**	
-        $('<img/>', {
-          class: 'vid-thumb',
-          alt: videoObject.title,
-          src: videoObject.thumbnail
-        }).appendTo($anchor);
-	**/
-       //$listItem.appendTo($ytList);
         videos.push(videoObject);
       },
 
@@ -139,7 +108,7 @@
         if (res.items && res.items.length) {
           $.each(res.items, function (i, item) {
             var video;
-			//console.log(i);
+
             if (!hasNested(item, 'snippet', 'resourceId', 'videoId')) {
               return true; // Skip to next item
             }
@@ -151,11 +120,6 @@
             };
             video.embedUrl = buildYoutubeEmbedUrl(video.videoId);
 			
-		/*
-            if (!playerInitialized) {
-              buildPlayer(options.sticky || item.snippet.resourceId.videoId);
-            }
-		*/
             insertIntoPlaylist(i, video);
 			
           });

index.html

@@ -36,7 +36,9 @@
     <section style="--bs-body-bg: #262626;--bs-dark: #262626;--bs-dark-rgb: 38,38,38;background: #262626;">
         <div class="d-flex flex-shrink-1 flex-nowrap glitch" style="height: 330px;/*background: #262626;*/"></div>
         <ul class="list-group list-group-horizontal d-flex flex-shrink-1 justify-content-center flex-wrap justify-content-sm-center justify-content-md-center justify-content-lg-center justify-content-xl-center" style="background: #262626;border-style: none;">
-            <li class="list-group-item text-start flex-shrink-1"><a class="text-center" href="index.html" style="/*font-family: 'PixelifySansVariableFont_wght';*//*font-size: 32px;*/transition: ease-in-out;">Home</a></li>
+            <li class="list-group-item text-start flex-shrink-1">
+                <div class="dropdown"><a class="text-center dropdown-toggle" href="index.html" style="/*font-family: 'PixelifySansVariableFont_wght';*//*font-size: 32px;*/transition: ease-in-out;" aria-expanded="false" data-bs-toggle="dropdown" type="button">Home</a><div class="dropdown-menu"><a class="dropdown-item" href="#">First Item</a><a class="dropdown-item" href="#">Second Item</a><a class="dropdown-item" href="#">Third Item</a></div></div>
+            </li>
             <li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://youtube.com/@breadnbuddergaming">Watch</a></li>
             <li class="list-group-item d-inline-flex flex-shrink-1"><a href="https://twitch.tv/breadnbuddergaming" target="_blank">Live</a></li>
             <li class="list-group-item"><a href="https://waa.ai/cJva" target="_blank">Chat</a></li>