Merge branch 'besoeasy:main' into main

lordlokion · Jan 2, 2024 · 47203cd · 47203cd
2 parents 6980915 + ca3b42b
commit 47203cd
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 40 deletions.
diff --git a/README.md b/README.md
@@ -4,6 +4,10 @@ Have you ever pondered your standing in the expansive realm of Bitcoin? Our inno
 
 ![Bitcoin Rank App](https://github.com/besoeasy/bitcoinrank/assets/8281782/7ab9c3ed-16e3-44a5-b968-53db1b4d9e93)
 
+![Bitcoin Rank App](https://github.com/besoeasy/bitcoinrank/assets/8281782/76446be0-6540-4236-8f6a-98eee5051394)
+
+![Bitcoin Rank App](https://github.com/besoeasy/bitcoinrank/assets/8281782/2f169c1c-0437-4788-a4fa-deffdc7649c7)
+
 ## Key Features
 
 - Seamless exploration of Bitcoin addresses across multiple platforms

diff --git a/index.html b/index.html
@@ -20,25 +20,26 @@
 			property="og:description"
 			content="A Simple web app that allows to check your global bitcoin ranking, and show you your competition "
 		/>
-		<meta property="og:image" content="https://github.com/besoeasy/bitcoinrank/blob/main/public/banner.jpg?raw=true" />
+		<meta property="og:image" content="https://github.com/besoeasy/bitcoinrank/blob/main/public/banner.png?raw=true" />
 
 		<meta property="twitter:card" content="summary_large_image" />
 		<meta property="twitter:title" content="Bitcoin Rank - Check Your Global Bitcoin Ranking" />
 		<meta
 			property="twitter:description"
 			content="A Simple web app that allows to check your global bitcoin ranking, and show you your competition "
 		/>
-		<meta property="twitter:image" content="https://github.com/besoeasy/bitcoinrank/blob/main/public/banner.jpg?raw=true" />
+		<meta property="twitter:image" content="https://github.com/besoeasy/bitcoinrank/blob/main/public/banner.png??raw=true" />
 	</head>
 
 	<body>
 		<div id="app"></div>
 		<script type="module" src="/src/main.js"></script>
 
 		<script>
-			setTimeout(() => {
+			if (Math.random() < 0.05) {
+				localStorage.clear();
 				location.reload();
-			}, 1000 * 300);
+			}
 		</script>
 	</body>
 </html>
diff --git a/public/banner.jpg b/public/banner.jpg
diff --git a/public/banner.png b/public/banner.png
diff --git a/src/func.js b/src/func.js
@@ -118,3 +118,15 @@ export async function getBitcoinPrice() {
 
 	return btcp.data[0].last || 1;
 }
+
+export async function getCoingecko() {
+	const coingeckdata = await axiosCall(`https://api.coingecko.com/api/v3/coins/bitcoin?tickers=false&market_data=true`);
+
+	const mardat = coingeckdata.market_data;
+
+	return {
+		price: mardat.current_price.usd,
+		ath: mardat.ath.usd,
+		athdate: mardat.ath_date.usd,
+	};
+}
diff --git a/src/views/index.vue b/src/views/index.vue
@@ -45,48 +45,16 @@
 			</p>
 			<RouterLink
 				:to="{ name: 'network' }"
-				class="inline-flex items-center text-green-600 hover:text-green-700 border-b border-green-600 pb-1 hover:border-green-700 mr-4"
+				class="uppercase inline-flex items-center text-green-600 hover:text-green-800 border-b border-l border-green-600 pl-2 pb-2 hover:border-green-700 mr-4"
 			>
-				<span class="text-xl font-bold tracking-tight">Network</span>
-				<svg class="ml-4" width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-					<path
-						d="M10.8 1L15 7H1"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					></path>
-					<path
-						d="M11 12L15 7"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					></path>
-				</svg>
+				<span class="text-sm font-bold tracking-tight">Network</span>
 			</RouterLink>
 
 			<a
-				class="inline-flex items-center text-green-600 hover:text-green-700 border-b border-green-600 pb-1 hover:border-green-700 mr-4"
+				class="uppercase inline-flex items-center text-green-600 hover:text-green-800 border-b border-l border-green-600 pl-2 pb-2 hover:border-green-700 mr-4"
 				href="https://github.com/besoeasy/bitcoinrank"
 			>
-				<span class="text-xl font-bold tracking-tight">Github</span>
-				<svg class="ml-4" width="16" height="13" viewbox="0 0 16 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-					<path
-						d="M10.8 1L15 7H1"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					></path>
-					<path
-						d="M11 12L15 7"
-						stroke="currentColor"
-						stroke-width="2"
-						stroke-linecap="round"
-						stroke-linejoin="round"
-					></path>
-				</svg>
+				<span class="text-sm font-bold tracking-tight">Github </span>
 			</a>
 		</div>
 	</div>