Renamed footerLink to buttonLink

NikkelM · Dec 2, 2023 · f687fed · f687fed
1 parent 20acfcd
commit f687fed
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 36 deletions.
diff --git a/static/css/popup.css b/static/css/popup.css
@@ -357,14 +357,8 @@ select:hover {
 	color: var(--randomYoutubeVideo-grey-fg-color);
 }
 
-/*
- * Footer
- */
-#randomYoutubeVideoFooter {
-	padding: 8px 0;
-}
-
-.footerLink {
+/* A link that looks like a button */
+.buttonLink {
 	color: var(--randomYoutubeVideo-fg-color);
 	display: inline-block;
 	text-decoration: none;
@@ -375,10 +369,17 @@ select:hover {
 	margin: 2px 1px;
 }
 
-.footerLink:hover {
+.buttonLink:hover {
 	background-color: #444;
 }
 
-.footerLink:active {
+.buttonLink:active {
 	background-color: #555;
 }
+
+/*
+ * Footer
+ */
+#randomYoutubeVideoFooter {
+	padding: 8px 0;
+}
diff --git a/static/html/changelog.html b/static/html/changelog.html
@@ -50,28 +50,28 @@ <h3><i>Did you know...</i></h3>
 				<footer id="randomYoutubeVideoFooter">
 					Leave a review:
 					<a
-						class="footerLink"
+						class="buttonLink"
 						href="https://chromewebstore.google.com/detail/random-youtube-video/kijgnjhogkjodpakfmhgleobifempckf"
 						target="_blank"
 						rel="noopener"
 						title="Leave a review on the Chrome Web Store"
 						>Chrome</a
 					>
-					<a class="footerLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page"
+					<a class="buttonLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page"
 						>Firefox</a
 					>
 					<a
-						class="footerLink"
+						class="buttonLink"
 						href="https://microsoftedge.microsoft.com/addons/detail/random-youtube-video/fccfflipicelkilpmgniblpoflkbhdbe"
 						target="_blank"
 						rel="noopener"
 						title="Leave a review on the Edge Add-Ons page"
 						>Edge</a
 					>
 					<br />
-					<a class="footerLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
-					<a class="footerLink" href="https://github.com/NikkelM/Random-YouTube-Video/blob/main/CHANGELOG.md" target="_blank" rel="noopener">Full Changelog</a>
-					<a class="footerLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
+					<a class="buttonLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
+					<a class="buttonLink" href="https://github.com/NikkelM/Random-YouTube-Video/blob/main/CHANGELOG.md" target="_blank" rel="noopener">Full Changelog</a>
+					<a class="buttonLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
 				</footer>
 			</div>
 		</div>

diff --git a/static/html/popup.html b/static/html/popup.html
@@ -29,18 +29,18 @@ <h1>Random YouTube Video</h1>
 					<p>
 						Review on:
 						<a
-							class="footerLink"
+							class="buttonLink"
 							href="https://chromewebstore.google.com/detail/random-youtube-video/kijgnjhogkjodpakfmhgleobifempckf"
 							target="_blank"
 							rel="noopener"
 							title="Leave a review on the Chrome Web Store"
 							>Chrome</a
 						>
-						<a class="footerLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page"
+						<a class="buttonLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page"
 							>Firefox</a
 						>
 						<a
-							class="footerLink"
+							class="buttonLink"
 							href="https://microsoftedge.microsoft.com/addons/detail/random-youtube-video/fccfflipicelkilpmgniblpoflkbhdbe"
 							target="_blank"
 							rel="noopener"
@@ -67,9 +67,9 @@ <h1>Random YouTube Video</h1>
 						Please consider donating to make it possible for me to keep developing and maintaining it in the future.
 					</p>
 					<br />
-					<a class="footerLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate on Ko-Fi</a>
+					<a class="buttonLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate on Ko-Fi</a>
 					<p style="display: inline">or</p>
-					<a class="footerLink" href="https://github.com/sponsors/NikkelM" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension"
+					<a class="buttonLink" href="https://github.com/sponsors/NikkelM" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension"
 						>Sponsor on GitHub</a
 					>
 					<br />
@@ -271,26 +271,26 @@ <h3 title="These settings are for people with some technical knowledge. Don't wo
 			<footer id="randomYoutubeVideoFooter">
 				Leave a review:
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://chromewebstore.google.com/detail/random-youtube-video/kijgnjhogkjodpakfmhgleobifempckf"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Chrome Web Store"
 					>Chrome</a
 				>
-				<a class="footerLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
+				<a class="buttonLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://microsoftedge.microsoft.com/addons/detail/random-youtube-video/fccfflipicelkilpmgniblpoflkbhdbe"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Edge Add-Ons page"
 					>Edge</a
 				>
 				<br />
-				<a class="footerLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
+				<a class="buttonLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
 				<button class="randomYoutubeVideoButton" id="viewChangelogButton" type="button" title="View the latest changes to the extension">Changelog</button>
-				<a class="footerLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
+				<a class="buttonLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
 			</footer>
 		</div>
 

diff --git a/static/html/shufflingPage.html b/static/html/shufflingPage.html
@@ -31,26 +31,26 @@ <h3><i>Did you know...</i></h3>
 			<footer id="randomYoutubeVideoFooter">
 				Leave a review:
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://chromewebstore.google.com/detail/random-youtube-video/kijgnjhogkjodpakfmhgleobifempckf"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Chrome Web Store"
 					>Chrome</a
 				>
-				<a class="footerLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
+				<a class="buttonLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://microsoftedge.microsoft.com/addons/detail/random-youtube-video/fccfflipicelkilpmgniblpoflkbhdbe"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Edge Add-Ons page"
 					>Edge</a
 				>
 				<br />
-				<a class="footerLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
+				<a class="buttonLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
 				<button class="randomYoutubeVideoButton" id="viewChangelogButton" type="button" title="View the latest changes to the extension">Changelog</button>
-				<a class="footerLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
+				<a class="buttonLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
 			</footer>
 		</div>
 

diff --git a/static/html/welcome.html b/static/html/welcome.html
@@ -54,26 +54,26 @@ <h3><i>Did you know...</i></h3>
 			<footer id="randomYoutubeVideoFooter">
 				Leave a review:
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://chromewebstore.google.com/detail/random-youtube-video/kijgnjhogkjodpakfmhgleobifempckf"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Chrome Web Store"
 					>Chrome</a
 				>
-				<a class="footerLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
+				<a class="buttonLink" href="https://addons.mozilla.org/en-GB/firefox/addon/random-youtube-video/" target="_blank" rel="noopener" title="Leave a review on the Firefox Add-Ons page">Firefox</a>
 				<a
-					class="footerLink"
+					class="buttonLink"
 					href="https://microsoftedge.microsoft.com/addons/detail/random-youtube-video/fccfflipicelkilpmgniblpoflkbhdbe"
 					target="_blank"
 					rel="noopener"
 					title="Leave a review on the Edge Add-Ons page"
 					>Edge</a
 				>
 				<br />
-				<a class="footerLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
+				<a class="buttonLink" href="https://github.com/NikkelM/Random-YouTube-Video" target="_blank" rel="noopener" title="View the source code or get into contact with the developer">GitHub</a>
 				<button class="randomYoutubeVideoButton" id="viewChangelogButton" type="button" title="View the latest changes to the extension">Changelog</button>
-				<a class="footerLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
+				<a class="buttonLink" href="https://ko-fi.com/nikkelm" target="_blank" rel="noopener" title="Show your appreciation and support the development of the extension">Donate</a>
 			</footer>
 		</div>