OceanSlim/SatWorth
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

logo showing!

Browse Source
This commit is contained in:
0ceanSlim 2023-07-30 11:30:38 -04:00
parent 81f8b6d8aa
commit 39ca1e5eb1
5 changed files with 50 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/main/assets/index.html
View File

@ -6,9 +6,12 @@
</head> </head>
<body> <body>
<div class="bitcointodollars"> <div class="container">
<h1>Bitcoin Price Tracker</h1> <span class="bitcoin-logo">
<img src='file:///android_asset/logo.png' alt='BTC' />
</span>
<div id="bitcoin-price"></div> <div id="bitcoin-price"></div>
<div id="dollars-to-sats"></div>
</div> </div>
</body> </body>

0
app/src/main/assets/images/logo.png → app/src/main/assets/logo.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 51 KiB

After

Width:  |  Height:  |  Size: 51 KiB

18
app/src/main/assets/script.js
View File

@ -5,6 +5,20 @@ fetch('https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=u
const bitcoinPrice = data['bitcoin']['usd']; const bitcoinPrice = data['bitcoin']['usd'];
// Update the Bitcoin price on the website // Update the Bitcoin price on the website
const bitcoinPriceElement = document.getElementById('bitcoin-price'); const bitcoinPriceElement = document.getElementById('bitcoin-price');
bitcoinPriceElement.textContent = '1 BTC = $' + bitcoinPrice.toFixed(2); // Display the Bitcoin price
// Format the Bitcoin price with a comma after every three digits and no decimals
const formattedPrice = '$' + bitcoinPrice.toLocaleString(undefined, { minimumFractionDigits: 0, maximumFractionDigits: 0 });
bitcoinPriceElement.textContent = formattedPrice; // Display the formatted Bitcoin price
// Calculate dollars to sats
const dollarsToSatsElement = document.getElementById('dollars-to-sats');
const satsConversionFactor = 100000000; // 1 bitcoin = 100 million sats
// Calculate how many sats you can get for 1 dollar based on the fetched Bitcoin price
const dollars = 1;
const sats = (1 / bitcoinPrice) * satsConversionFactor;
dollarsToSatsElement.textContent = `$1.00 = ${sats.toFixed(0)} sats`; // Display the result
}) })
.catch(error => console.error(error)); .catch(error => console.error(error));

27
app/src/main/assets/style.css
View File

@ -11,7 +11,7 @@ body {
text-align: center; text-align: center;
} }
.bitcointodollars { .container {
width: auto; width: auto;
margin-left: 20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
@ -28,6 +28,31 @@ h1 {
} }
#bitcoin-price { #bitcoin-price {
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
text-align: center;
margin: 10px;
}
.bitcoin-logo {
height: 28px;
/* Adjust this to match the font size of the Bitcoin price */
width: 28px;
margin-right: 5px;
/* Add some space between the logo and the price */
}
.bitcoin-logo img {
height: 36px;
/* Adjust this to match the font size of the Bitcoin price */
width: 36px;
/* Add some space between the logo and the price */
}
#dollars-to-sats {
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;

3
app/src/main/java/com/example/satsmonitor/MainActivity.kt
View File

@ -65,6 +65,9 @@ val finalHtmlContent = """
</html> </html>
""".trimIndent() """.trimIndent()
// Define the base URL for resolving relative paths (e.g., image source)
val baseUrl = "file:///android_asset/"
webView.loadDataWithBaseURL(null, finalHtmlContent, "text/html", "UTF-8", null) webView.loadDataWithBaseURL(null, finalHtmlContent, "text/html", "UTF-8", null)
} }
} }