Files
sats-price/webApp/src/webMain/resources/index.html
T
tyiuandClaude Sonnet 5 97e3a34476
Deploy website to GitHub Pages / deploy (push) Canceled after 0s
Add Open Graph/Twitter preview meta tags to website and web app
Neither page had og:image/twitter:image tags, so link previews (iMessage,
Slack, Discord, etc.) fell back to scraping a screenshot off the page.
Point both at the app icon instead.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-09-15 22:09:54 +03:00

37 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SatsPrice</title>
<meta name="description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://satsprice.app/app/">
<meta property="og:title" content="SatsPrice">
<meta property="og:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta property="og:image" content="https://satsprice.app/assets/app-icon.png">
<meta property="og:image:width" content="1024">
<meta property="og:image:height" content="1024">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="SatsPrice">
<meta name="twitter:description" content="SatsPrice converts Bitcoin, satoshis, and fiat currency in real time, sourced from Coinbase and CoinGecko.">
<meta name="twitter:image" content="https://satsprice.app/assets/app-icon.png">
<link type="text/css" rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="favicon-192.png" sizes="192x192">
</head>
<body style="text-align: center; align-content: center">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 50 50" role="presentation">
<circle cx="25" cy="25" r="20" stroke="#ccc" stroke-width="4" fill="none"/>
<circle cx="25" cy="25" r="20" stroke="#333" stroke-width="4" fill="none" stroke-linecap="round"
stroke-dasharray="90 125">
<animateTransform attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="1s"
repeatCount="indefinite"/>
</circle>
</svg>
<script type="application/javascript" src="webApp.js"></script>
</body>
</html>