62 lines
2.3 KiB
HTML
62 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>TokenWatch - API Limit Tracker</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<header>
|
|
<h1>TokenWatch 📈</h1>
|
|
<p>API Limit & Quota Tracker</p>
|
|
</header>
|
|
|
|
<section class="dashboard">
|
|
<div class="card" id="card-antigravity">
|
|
<h2>Antigravity (Gemini)</h2>
|
|
<div class="meme-container">
|
|
<img id="meme-antigravity" class="meme" src="https://i.imgflip.com/1g8my4.jpg" alt="Antigravity Meme">
|
|
</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill" id="fill-antigravity"></div>
|
|
</div>
|
|
<p class="status-text" id="status-antigravity">Loading...</p>
|
|
</div>
|
|
|
|
<div class="card" id="card-poe">
|
|
<h2>POE</h2>
|
|
<div class="meme-container">
|
|
<img id="meme-poe" class="meme" src="https://i.kym-cdn.com/entries/icons/original/000/028/021/work.jpg" alt="POE Meme">
|
|
</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill" id="fill-poe"></div>
|
|
</div>
|
|
<p class="status-text" id="status-poe">Loading...</p>
|
|
</div>
|
|
|
|
<div class="card" id="card-minimax">
|
|
<h2>MiniMax (M3)</h2>
|
|
<div class="meme-container">
|
|
<img id="meme-minimax" class="meme" src="https://i.kym-cdn.com/entries/icons/original/000/018/012/this_is_fine.jpeg" alt="MiniMax Meme">
|
|
</div>
|
|
<div class="progress-bar">
|
|
<div class="progress-fill" id="fill-minimax"></div>
|
|
</div>
|
|
<p class="status-text" id="status-minimax">Loading...</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="charts">
|
|
<h2>History</h2>
|
|
<canvas id="historyChart"></canvas>
|
|
</section>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|