embed 5 year anniversary in welcome page

README.md

@@ -15,13 +15,14 @@ Firefox: [https://addons.mozilla.org/en-US/firefox/addon/bandcamp-streamer/](htt
   * Any other fan's collection / wishlist
 
 ### General features
-  * Volume control
+  * Load entire collections & wishlists in one click (be patient if there are a lot of items!)
   * Spacebar play/pause, L/R arrow keys to skip to previous/next track in the playlist
-  * Beta: Load entire collections & wishlists in one click (be patient if there are a lot of items!)
+  * Volume control
 
 ### Feed page features 
   * Nonstop streaming from 2 separate playlists: fan activity or new releases
   * Price listed next to "buy now"
+  * Seek buttons (+/- 10s) 
 
 ### Personal (owned) collection page features
   * Stream full albums continuously (moves onto next album after finishing) 
@@ -36,23 +37,32 @@ Firefox: [https://addons.mozilla.org/en-US/firefox/addon/bandcamp-streamer/](htt
 
 ### Known issues
   * If the collection/wishlist playlist has been shuffled when more tracks are added, it becomes unshuffled and playback stops. It is recommended to load all the desired tracks to the page first, then shuffle and start the playlist.  
-  * If you are playing from collection/wishlist search results & click to another tab, the current track will continue playing but the playlist will be lost.  
+  * If you are playing from collection/wishlist search results & click to another profile tab, the current track will continue playing but the playlist will be lost.  
   * If an item has been displayed in both collection or wishlist tab & the tab's search results, clicking on the item in the bottom player bar won't scroll to the correct location.  
-  * Loading entire collections/wishlists with over ~1000 items may be buggy
 
 ### What this extension does not do
   * Allow you to add a full album to your wishlist and then stream the whole thing. Playing only the first or featured track of an album in your wishlist is a Bandcamp limitation that this extension does not try to circumvent. You can do two things: support the artist and buy the album (best option for full flexibility + cool factor), or add each individual track from the album to your wishlist if possible. 
   * Attempt to track you or any of your data in any way, or communicate with any third parties for any reason. This is a 100% privacy respecting extension.
 
+### What people say
+⚡ "it is something I use literally everyday"  
+⚡ "My god this is exactly what i've been looking for"  
+⚡ "Thank you for such a amazing extension"  
+⚡ "Been wanting something like this for a while, glad I searched it up"  
+⚡ "i would give 10 stars if i could"  
+
 ### Support development
-  * If you appreciate the extension, consider showing some support! Please leave a rating and some feedback, it's always motivating to hear from people who enjoy and find it useful. Suggestions and bug reports are always welcome, preferably on Github.
+  * Please leave a rating and some feedback! It's always motivating to hear from people who enjoy and find this useful. Suggestions and bug reports are always welcome too!
 
-  * Any donation no matter how small is appreciated. Much like making music, writing browser extensions is often a labor of love with little to no financial benefits in return for a lot of heart and effort.
+  * Any donation is appreciated! Much like making music, writing browser extensions is often a labor of love with little to no financial benefits in return for a lot of heart and effort.
 
   * https://www.paypal.me/aflowofcode
 
 ### Changelog
 
+##### 1.6.1
+  * Embed 5 year anniversary compilation in welcome page
+
 ##### 1.6.0
   * Welcome page
   * Reverse playlist function

contentScript.js

@@ -24,7 +24,7 @@ import { loadCollection } from './modules/profile.js';
   // band album index (.../music) -> gplayerviews == [] and other players are undefined
   if (!bcplayer && !colplayer && !albumplayer) return;
 
-  console.log('Bandcamp Streamer! (v1.6.0)');
+  console.log('Bandcamp Streamer! (v1.6.1)');
 
 
   // using more globals due to split into modules

infobox.html

@@ -13,10 +13,10 @@
 				border: 2px dashed black;
 				padding: .5em;
 			}
-			ul {
+			#supporter-links {
 				list-style: none;
 			}
-			ul li:first-child::before {
+			#supporter-links li:first-child::before {
 				content: "👽 ";
 			}
 			a {
@@ -34,7 +34,7 @@
 		<div id="infobox">
 			<h4>Enhancing usability & music discovery since 2019!</h4>
 			<p>Supporter links:</p>
-			<ul>
+			<ul id="supporter-links">
 				<li><a href="https://pinkabductionray.bandcamp.com">Pink Abduction Ray</a></li>
 			</ul>
 			<details>
@@ -45,9 +45,14 @@ <h4>Enhancing usability & music discovery since 2019!</h4>
 				<p>Send donations to <a href="https://www.paypal.me/aflowofcode">https://www.paypal.me/aflowofcode</a> with your desired link (& emoji!) in the note section, or send an email to <strong class="email">aflowofcode [at] gmail [dot] com</strong> with any questions!</p>
 				<p>🎶 Happy streaming! 🎵</p>
 			</details>
-			<p>
-				View <a href="/welcome.html" target=_blank>welcome page</a>
-			</p>
+			<ul>
+				<li>
+					<a href="/welcome.html" target=_blank>welcome page</a>
+				</li>
+				<li>
+					<a href="https://bcstreamer.bandcamp.com/album/5-year-anniversary-compilation" target="_blank">5 year anniversary compilation</a>
+				</li>
+			</ul>
 		</div>
 	</body>
 </html>

manifest-chrome.json

@@ -1,6 +1,6 @@
 {
     "name": "Bandcamp Streamer",
-    "version": "1.6.0",
+    "version": "1.6.1",
     "description": "Continuously stream from Bandcamp feed, collection, & wishlist pages + other cool features.",
     "manifest_version": 3,
     "host_permissions": [

manifest-firefox.json

@@ -1,6 +1,6 @@
 {
     "name": "Bandcamp Streamer",
-    "version": "1.6.0",
+    "version": "1.6.1",
     "description": "Continuously stream from Bandcamp feed, collection, & wishlist pages + other cool features.",
     "manifest_version": 2,
     "background": {

welcome.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <head>
 	<meta charset="utf-8">
-	<title>Bandcamp Streamer v1.6.0</title>
+	<title>Bandcamp Streamer v1.6.1</title>
 	<style>
 		@font-face {
 		    font-family: 'luxi_sansbold_oblique';
@@ -42,6 +42,10 @@
 			text-shadow: 2px 1px 1px fuchsia;
 		}
 
+		h3 {
+			margin-top: 0;
+		}
+
 		main > div {
 			background-color: #303030;
 			border: 3px dashed fuchsia;
@@ -51,13 +55,13 @@
 			padding: 1em;
 		}
 
-		#supporters {
+		#compilation {
 			background: linear-gradient(225deg, pink 0%, lightgreen 33%, lightseagreen 66%, skyblue 100%);
 			color: black;
 		}
 		#supporters ul {
 			list-style: none;
-			font-size: 1.2em;
+			font-size: 1.1em;
 		}
 		#supporters ul li:first-child::before {
 			content: "👽 ";
@@ -85,6 +89,10 @@ <h1>Enhancing usability & music discovery since 2019</h1>
 
 		<main>
 			<div id="changes">
+				<h3>Updates in v1.6.1 (October 2024)</h3>
+				<ul>
+					<li>Embed 5 year anniversary compilation</li>
+				</ul>
 				<h3>Updates in v1.6.0 (September 2024)</h3>
 				<ul>
 					<li>Welcome page</li>
@@ -113,13 +121,23 @@ <h3>Updates in v1.6.0 (September 2024)</h3>
 						<li>Your suggestion!</li>
 					</ul>
 					<p>
-						Many features are non-trivial to implement, so I'm considering adding a paid tier which unlocks advanced features such as those listed above. It's a fact that almost nobody views browser extensions as something to be paid for, but it takes a lot of time and effort to work on them nonetheless. 
+						Many features are non-trivial to implement, so I'm considering adding a paid tier which unlocks advanced features such as those listed above. Almost nobody views browser extensions as something to be paid for, but it takes a lot of time and effort to work on them nonetheless. 
 					</p>
 					<p>
-						If you'd be willing to make a one-time donation or pay a low monthly subscription fee for special access, please let me know along with what feature you'd most like to see!
+						If you'd be willing to make a one-time donation or pay a low monthly subscription fee for special access, please let me know along with what feature you'd most like to see! 
 					</p>
 				</details>
 			</div>
+			<div id="compilation">
+				<h3>5 year anniversary compilation</h3>
+				<p>
+					To celebrate 5 years of Bandcamp Streamer, I'm happy to present a free/PWYW compilation with music made by users of the extension! Give it a spin!
+				</p>
+				<p>
+					Note: there can be an issue with BC embeds where they sometimes show up blank. If that happens please visit the release page at <a href="https://bcstreamer.bandcamp.com/album/5-year-anniversary-compilation" target="_blank">https://bcstreamer.bandcamp.com/album/5-year-anniversary-compilation</a>.
+				</p>
+				<iframe style="border: 0; width: 100%; height: 406px;" src="https://bandcamp.com/EmbeddedPlayer/album=1521969298/size=large/bgcol=ffffff/linkcol=0f91ff/artwork=small/transparent=false"><a href="https://bcstreamer.bandcamp.com/album/5-year-anniversary-compilation">5 Year Anniversary Compilation by Bandcamp Streamer</a></iframe>
+			</div>
 			<div id="supporters">
 				<h3>Supporter links:</h3>
 				<ul>
@@ -136,21 +154,6 @@ <h3>Supporter links:</h3>
 					<p>Send donations to <a href="https://www.paypal.me/aflowofcode">https://www.paypal.me/aflowofcode</a> with your desired link (& emoji!) in the note section, or send an email with any questions!</p>
 				</details>
 			</div>
-			<div id="news">
-				<h3>5 year anniversary compilation!</h3>
-				<p>
-					Since this extension is all about music discovery, I thought it would be cool to curate a compilation of users' music to celebrate its 5 year anniversary in October 🎉 I know lots of you are musicians, so what do you say? 
-				</p>
-				<p>
-					If you have music on Bandcamp, send links for up to 3 tracks to choose from to <strong class="email">aflowofcode [at] gmail [dot] com</strong>. All styles welcome as long as the music is yours! ⚡
-				</p>
-				<p>
-					<strong>Deadline: September 30, 2024</strong>
-				</p>
-				<p> 
-					If there's enough interest & participation, I'll make a free compilation and embed it in this very page!
-				</p>
-			</div>
 		</main>
 	</body>
 </html>