From 7ce6b9138f04922729912ff8bc912f8ab4d47ec6 Mon Sep 17 00:00:00 2001
From: WebDevNerdStuff <webdevnerdstuff@gmail.com>
Date: Wed, 6 Nov 2024 12:26:43 -0800
Subject: [PATCH] add coffee

---
 .github/FUNDING.yml |   1 +
 index.html          | 124 ++++++++++++++++++++++++++++++++++----------
 2 files changed, 99 insertions(+), 26 deletions(-)
diff --git a/.github/FUNDING.yml b/.github/FUNDING.yml
index 39fdde7..0f7a7df 100644
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@@ -1,2 +1,3 @@
+buy_me_a_coffee: webdevnerdstuff
 custom: ["paypal.me/webdevnerdstuff"]
 patreon: webdevnerdstuff
diff --git a/index.html b/index.html
index 4d3f785..26a41d1 100644
--- a/index.html
+++ b/index.html
@@ -1,9 +1,15 @@
 <!DOCTYPE html>
-<html lang="en" data-bs-theme="dark">
+<html
+	lang="en"
+	data-bs-theme="dark"
+>
 
 <head>
 	<!-- Google tag (gtag.js) -->
-	<script async src="https://www.googletagmanager.com/gtag/js?id=G-79JKH4L3SC"></script>
+	<script
+		async
+		src="https://www.googletagmanager.com/gtag/js?id=G-79JKH4L3SC"
+	></script>
 	<script>
 		window.dataLayer = window.dataLayer || [];
 		function gtag() { dataLayer.push(arguments); }
@@ -13,40 +19,106 @@
 	</script>
 
 	<meta charset="UTF-8" />
-	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<meta
+		name="viewport"
+		content="width=device-width, initial-scale=1.0"
+	/>
 	<title>Vue 3 CodeBlock</title>
 
-	<meta name="description"
-		content="Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js." />
-	<meta name="keywords"
-		content="vue-code-block, code, pre, highlight, syntax, vue, vue3, prism, prismjs, highlightjs, highlight.js, component, javascript, typescript, neon bunny, webdevnerdstuff, wdns" />
-	<meta name="author" content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!" />
-	<meta name="robots" content="index, follow" />
-	<meta name="googlebot" content="index, follow" />
-	<meta name="theme-color" content="#f01d7f" />
-
-	<meta property="og:locale" content="en_US">
-	<meta property="og:type" content="website">
-	<meta property="og:title" content="Vue 3 CodeBlock">
-	<meta property="og:description"
-		content="Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js.">
-	<meta property="og:url" content="https://webdevnerdstuff.github.io/vue-code-block/">
-	<meta property="og:image:width" content="1200" />
-	<meta property="og:image:height" content="630" />
-
-	<link rel="preconnect" href="https://fonts.googleapis.com">
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<meta
+		name="description"
+		content="Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js."
+	/>
+	<meta
+		name="keywords"
+		content="vue-code-block, code, pre, highlight, syntax, vue, vue3, prism, prismjs, highlightjs, highlight.js, component, javascript, typescript, neon bunny, webdevnerdstuff, wdns"
+	/>
+	<meta
+		name="author"
+		content="WebDevNerdStuff & Bunnies... lots and lots of bunnies!"
+	/>
+	<meta
+		name="robots"
+		content="index, follow"
+	/>
+	<meta
+		name="googlebot"
+		content="index, follow"
+	/>
+	<meta
+		name="theme-color"
+		content="#f01d7f"
+	/>
+
+	<meta
+		property="og:locale"
+		content="en_US"
+	>
+	<meta
+		property="og:type"
+		content="website"
+	>
+	<meta
+		property="og:title"
+		content="Vue 3 CodeBlock"
+	>
+	<meta
+		property="og:description"
+		content="Vue 3 CodeBlock - Highlight your code with ease using this syntax highlighting component powered by PrismJS or Highlight.js."
+	>
+	<meta
+		property="og:url"
+		content="https://webdevnerdstuff.github.io/vue-code-block/"
+	>
+	<meta
+		property="og:image:width"
+		content="1200"
+	/>
+	<meta
+		property="og:image:height"
+		content="630"
+	/>
+
+	<link
+		rel="preconnect"
+		href="https://fonts.googleapis.com"
+	>
+	<link
+		rel="preconnect"
+		href="https://fonts.gstatic.com"
+		crossorigin
+	>
 	<link
 		href="https://fonts.googleapis.com/css2?family=Encode+Sans+Expanded:wght@300;400;600&family=Open+Sans&display=swap"
-		rel="stylesheet">
+		rel="stylesheet"
+	>
 
-	<link rel="icon" type="image/svg+xml" href="/vue.svg" />
+	<link
+		rel="icon"
+		type="image/svg+xml"
+		href="/vue.svg"
+	/>
 </head>
 
 <body>
 	<div id="app"></div>
-	<script type="module" src="/src/main.ts"></script>
+	<script
+		type="module"
+		src="/src/main.ts"
+	></script>
 
+	<script
+		data-name="BMC-Widget"
+		data-cfasync="false"
+		src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js"
+		data-id="webdevnerdstuff"
+		data-description="Support me on Buy me a coffee!"
+		data-message=""
+		data-color="#4caf50"
+		data-position="Right"
+		data-x_margin="18"
+		data-y_margin="18"
+	></script>
 </body>
 
 </html>
