cleanup
This commit is contained in:
@@ -53,6 +53,7 @@ body {
|
||||
|
||||
margin: auto;
|
||||
padding: 10px;
|
||||
padding-top: 10px;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
background: var(--container-background);
|
||||
@@ -64,6 +65,7 @@ body {
|
||||
@media (max-width: 768px) {
|
||||
.container {
|
||||
max-width: 96%; /* Full width for mobile */
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -1,43 +1,3 @@
|
||||
// Fetch Bitcoin Price, Percentage Change, and Block Time
|
||||
async function fetchBitcoinData() {
|
||||
try {
|
||||
// Fetch Bitcoin price and percentage change from CoinDesk API
|
||||
const priceResponse = await fetch('https://api.coindesk.com/v1/bpi/currentprice.json');
|
||||
if (!priceResponse.ok) {
|
||||
throw new Error('Failed to fetch Bitcoin price');
|
||||
}
|
||||
const priceData = await priceResponse.json();
|
||||
|
||||
const price = parseFloat(priceData.bpi.USD.rate.replace(',', '')); // Remove commas
|
||||
const percentageChange = Math.random() * 4 - 2; // Mock % change as CoinDesk doesn't provide it
|
||||
const updatedAt = new Date(priceData.time.updatedISO).toLocaleString();
|
||||
|
||||
// Fetch block height (Mocked API)
|
||||
const blockResponse = await fetch('https://mempool.space/api/blocks/tip/height');
|
||||
if (!blockResponse.ok) {
|
||||
throw new Error('Failed to fetch block height');
|
||||
}
|
||||
const blockHeight = await blockResponse.json();
|
||||
|
||||
// Update the banner
|
||||
const banner = document.getElementById('btc-price-banner');
|
||||
banner.innerHTML = `
|
||||
<strong>$${price.toFixed(2)}</strong>
|
||||
<span style="color: ${percentageChange >= 0 ? 'green' : 'red'};">
|
||||
${percentageChange >= 0 ? '⬆' : '⬇'} ${percentageChange.toFixed(2)}%
|
||||
</span>
|
||||
| Block #${blockHeight}
|
||||
`;
|
||||
} catch (error) {
|
||||
console.error('Error fetching Bitcoin data:', error);
|
||||
document.getElementById('btc-price-banner').textContent = 'Unable to fetch Bitcoin data.';
|
||||
}
|
||||
}
|
||||
|
||||
// Refresh Bitcoin data every 60 seconds
|
||||
fetchBitcoinData();
|
||||
setInterval(fetchBitcoinData, 60000);
|
||||
|
||||
// Folder Toggle Function
|
||||
function toggleFolder(folderId, buttonId) {
|
||||
const folder = document.getElementById(folderId);
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>BTCforPlebs</title>
|
||||
|
||||
<!-- Meta Description -->
|
||||
<meta name="description" content="BTCforPlebs is a resource to help ordinary people learn about Bitcoin. Explore guides, tools, and resources to start your Bitcoin journey.">
|
||||
<!-- Meta Description -->
|
||||
<meta name="description" content="BTCforPlebs is a resource to help ordinary people learn about Bitcoin. Explore guides, tools, and resources to start your Bitcoin journey.">
|
||||
|
||||
<!-- Open Graph Meta Tags -->
|
||||
<meta property="og:title" content="BTCforPlebs">
|
||||
@@ -18,14 +18,14 @@
|
||||
|
||||
<!-- scripts -->
|
||||
<script src="/assets/js/scripts.js" defer></script>
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
|
||||
</head>
|
||||
<link rel="stylesheet" href="/assets/css/main.css">
|
||||
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png">
|
||||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
|
||||
<body>
|
||||
|
||||
<!-- Bitcoin Price Banner -->
|
||||
<div id="btc-price-banner">Bitcoin price loading...</div>
|
||||
|
||||
<div class="container">
|
||||
<h1>Welcome to BTCforPlebs</h1>
|
||||
@@ -57,7 +57,7 @@
|
||||
<iframe
|
||||
src="https://live.btcforplebs.com/embed/video"
|
||||
title="BTCforPlebs Live"
|
||||
height="350px" width="550px"
|
||||
height="350px" width="100%"
|
||||
referrerpolicy="origin"
|
||||
frameborder="0" allowfullscreen autoplay>
|
||||
</iframe>
|
||||
|
||||
@@ -7,25 +7,25 @@
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin.html</loc>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin</loc>
|
||||
<lastmod>2024-11-19</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin/nodes.html</loc>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin/nodes</loc>
|
||||
<lastmod>2024-11-19</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://btcforplebs.com/learn-nostr.html</loc>
|
||||
<loc>https://btcforplebs.com/learn-nostr</loc>
|
||||
<lastmod>2024-11-19</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin/wallets.html</loc>
|
||||
<loc>https://btcforplebs.com/learn-bitcoin/wallets</loc>
|
||||
<lastmod>2024-11-19</lastmod>
|
||||
<changefreq>weekly</changefreq>
|
||||
<priority>0.8</priority>
|
||||
|
||||
Reference in New Issue
Block a user