https://tuxicoin.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=03bccd05-20d5-4d8f-8c04-8daa7183dcd7
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8  <meta name="viewport" content="width=device-width, initial-scale=1.0">
9  <title>Tuxicoin</title>
10  

10<script src="https://cdn.tailwindcss.com"></script>

10
11  

11<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

11
12  <link rel="stylesheet" href="styles.css">
13</head>
14<body class="bg-gray-900 text-white font-sans">
15  <div class="container mx-auto p-4 max-w-md flex flex-col items-center min-h-screen">
16    <div class="relative">
17      <img id="coinImage" src="https://static.wixstatic.com/media/7ce6e7_f3b04dfada244c4dbeb07bab6aa98fe8~mv2.png" alt="Tuxicoin" class="w-48 h-48 object-contain rounded-lg mb-4" draggable="false">
18      <div id="gifContainer" class="absolute top-0 left-0 w-full h-full pointer-events-none"></div>
19    </div>
20    <h1 id="coinName" class="text-2xl font-bold text-center mb-2">Loading...</h1>
21    <p id="coinDescription" class="text-sm text-gray-300 mb-4 text-center w-full">A memecoin for testing cryptocurrency projects.</p>
22    <div class="flex justify-center space-x-2 mb-4">
23      <button id="currencyUSD" class="bg-gray-700 hover:bg-gray-600 text-white text-xs font-bold py-1 px-2 rounded">$</button>
24      <button id="currencyEUR" class="bg-gray-700 hover:bg-gray-600 text-white text-xs font-bold py-1 px-2 rounded">€</button>
25      <button id="currencyGBP" class="bg-gray-700 hover:bg-gray-600 text-white text-xs font-bold py-1 px-2 rounded">£</button>
26      <button id="currencyDKK" class="bg-gray-700 hover:bg-gray-600 text-white text-xs font-bold py-1 px-2 rounded">DKK</button>
27      <button id="currencySOL" class="bg-gray-700 hover:bg-gray-600 text-white text-xs font-bold py-1 px-2 rounded">SOL</button>
28    </div>
29    <div class="relative flex items-center bg-gray-800 p-4 rounded-lg mb-4 w-full">
30      <div>
31        <p id="price" class="text-sm">Price: Loading...</p>
32        <p id="marketCap" class="text-sm">Market Cap: Loading...</p>
33        <div class="progress-container relative mt-2">
34          <div id="progressBar" class="progress-bar"></div>
35          <span id="progressText" class="progress-text">0%</span>
36          <div id="progressTooltip" class="progress-tooltip">Bonding Curve Progress</div>
37        </div>
38      </div>
39      <img id="infoTux" src="infotux.png" alt="Info Tux" width="94" height="73" class="ml-6 cursor-pointer" draggable="false">
40      <div id="speechBubble" class="speech-bubble">New TUX merch! All income from merch store will now be pumped into Tuxicoin & Tuxitoken! <a href="https://lucifer188.wixsite.com/visias/tux-merch" class="underline text-blue-400">Go to merch store!</a></div>
41    </div>
42    <canvas id="priceChart" class="w-full h-64"></canvas>
43    <div class="flex flex-col items-center mt-4 space-y-4 w-full">
44      <div class="flex justify-center space-x-4 w-full">
45        <button id="moreInfoBtn" onclick="openMoreInfo()" class="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">More Info</button>
46        <button id="buyBtn" onclick="openBuyLink()" class="bg-green-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded">Buy</button>
47      </div>
48    </div>
49  </div>
50  

50<script>
51    console.log("index.html loaded, attempting to load script.js");
52    function isInApp() {
53      return typeof qt !== "undefined" && typeof qt.webChannelTransport !== "undefined";
54    }
55
56    function openMoreInfo() {
57      console.log("openMoreInfo called");
58      if (isInApp()) {
59        window.location.href = "xai://open-url/https://rugcheck.xyz/tokens/483TyQyRCDDnf6kgsDcgPmFa3M9ewZFSE2x1M6CBGKLz";
60      } else {
61        console.log("Opening More Info link in browser");
62        window.open("https://rugcheck.xyz/tokens/483TyQyRCDDnf6kgsDcgPmFa3M9ewZFSE2x1M6CBGKLz", "_blank");
63      }
64    }
65
66    function openBuyLink() {
67      console.log("openBuyLink called");
68      if (isInApp()) {
69        window.location.href = "xai://open-url/https://pump.fun/coin/483TyQyRCDDnf6kgsDcgPmFa3M9ewZFSE2x1M6CBGKLz";
70      } else {
71        console.log("Opening Buy link in browser");
72        window.open("https://pump.fun/coin/483TyQyRCDDnf6kgsDcgPmFa3M9ewZFSE2x1M6CBGKLz", "_blank");
73      }
74    }
75  </script>

75
76  

76<script src="script.js"></script>

76
77</body>
78</html>