goodmorningbitcoin/goodmorningbitcoin-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
saulteafarmer 2025-04-17 13:19:45 +00:00
parent b179acaeea
commit 980c31104d
1 changed files with 90 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
index.html
View File

@ -20,7 +20,6 @@
</style> </style>
</head> </head>
<body class="text-gray-900"> <body class="text-gray-900">
<!-- Header --> <!-- Header -->
<header class="bg-orange text-white p-4"> <header class="bg-orange text-white p-4">
<div class="max-w-5xl mx-auto flex justify-between items-center"> <div class="max-w-5xl mx-auto flex justify-between items-center">
@ -34,7 +33,6 @@
</nav> </nav>
</div> </div>
</header> </header>
<!-- Now Playing --> <!-- Now Playing -->
<section class="bg-black text-white py-6"> <section class="bg-black text-white py-6">
<div class="max-w-5xl mx-auto text-center"> <div class="max-w-5xl mx-auto text-center">
@ -42,16 +40,13 @@
<iframe src="https://radio.goodmorningbitcoin.com/public/goodmorningbitcoin/embed?theme=dark" frameborder="0" allowtransparency="true" style="width:100%;min-height:150px;border:0;"></iframe> <iframe src="https://radio.goodmorningbitcoin.com/public/goodmorningbitcoin/embed?theme=dark" frameborder="0" allowtransparency="true" style="width:100%;min-height:150px;border:0;"></iframe>
</div> </div>
</section> </section>
<!-- Main Content --> <!-- Main Content -->
<main class="max-w-5xl mx-auto py-10 grid grid-cols-1 md:grid-cols-3 gap-6"> <main class="max-w-5xl mx-auto py-10 grid grid-cols-1 md:grid-cols-3 gap-6">
<!-- Featured Show --> <!-- Featured Show -->
<section class="md:col-span-1 p-4 border rounded"> <section class="md:col-span-1 p-4 border rounded">
<h3 class="text-xl-bold mb-2">Featured Show</h3> <h3 class="text-xl-bold mb-2">Featured Show</h3>
<div id="featured-show">Loading show…</div> <div id="featured-show">Loading show…</div>
</section> </section>
<!-- Bitcoin News Brief --> <!-- Bitcoin News Brief -->
<section class="md:col-span-1 p-4 border rounded"> <section class="md:col-span-1 p-4 border rounded">
<h3 class="text-xl-bold mb-2">Bitcoin News Brief</h3> <h3 class="text-xl-bold mb-2">Bitcoin News Brief</h3>
@ -59,8 +54,7 @@
<li>Loading news…</li> <li>Loading news…</li>
</ul> </ul>
</section> </section>
<!-- Bitcoin 101 + Email Signup -->
<!-- Bitcoin 101 + Email Signup Stack -->
<div class="md:col-span-1 space-y-6"> <div class="md:col-span-1 space-y-6">
<!-- Bitcoin 101 --> <!-- Bitcoin 101 -->
<section class="p-4 border rounded"> <section class="p-4 border rounded">
@ -75,9 +69,7 @@
<div class="ml-form-align-center"> <div class="ml-form-align-center">
<div class="ml-form-embedWrapper embedForm"> <div class="ml-form-embedWrapper embedForm">
<div class="ml-form-embedBody row-form"> <div class="ml-form-embedBody row-form">
<div class="ml-form-embedContent mb-2"> <div class="ml-form-embedContent mb-2"><p>Signup for the latest Bitcoin news!</p></div>
<p>Signup for the latest Bitcoin news!</p>
</div>
<form class="ml-block-form mt-2" action="https://assets.mailerlite.com/jsonp/1459975/forms/151930403370829428/subscribe" method="post" target="_blank"> <form class="ml-block-form mt-2" action="https://assets.mailerlite.com/jsonp/1459975/forms/151930403370829428/subscribe" method="post" target="_blank">
<div class="ml-form-formContent"> <div class="ml-form-formContent">
<div class="ml-form-fieldRow ml-last-item"> <div class="ml-form-fieldRow ml-last-item">
@ -100,53 +92,110 @@
<script src="https://groot.mailerlite.com/js/w/webforms.min.js?v176e10baa5e7ed80d35ae235be3d5024" async></script> <script src="https://groot.mailerlite.com/js/w/webforms.min.js?v176e10baa5e7ed80d35ae235be3d5024" async></script>
</section> </section>
</div> </div>
<!-- Network Stats --> <!-- Network Stats -->
<section class="md:col-span-3 p-4 bg-black text-white rounded"> <section class="md:col-span-3 p-4 bg-black text-white rounded">
<div id="network-stats" class="text-lg font-mono text-center">Loading stats…</div> <div id="network-stats" class="text-lg font-mono text-center">Loading stats…</div>
</section> </section>
<!-- Latest Episodes --> <!-- Latest Episodes -->
<section class="md:col-span-3 p-4 border rounded"> <section class="md:col-span-3 p-4 border rounded">
<h3 class="text-xl-bold mb-2">Latest Episodes</h3> <h3 class="text-xl-bold mb-2">Latest Episodes</h3>
<iframe src="https://radio.goodmorningbitcoin.com/public/goodmorningbitcoin/history?theme=light" frameborder="0" allowtransparency="true" style="width:100%;min-height:300px;border:0;"></iframe> <iframe src="https://radio.goodmorningbitcoin.com/public/goodmorningbitcoin/history?theme=light" frameborder="0" allowtransparency="true" style="width:100%;min-height:300px;border:0;"></iframe>
</section> </section>
</main> </main>
<!-- Scripts --> <!-- Scripts -->
<script> <script>
// Network stats // Fetch network stats
Promise.all([ Promise.all([
fetch("https://mempool.space/api/v1/fees/recommended").then(r=>r.json()), fetch("https://mempool.space/api/v1/fees/recommended").then(r => r.json()),
fetch("https://mempool.space/api/v1/blocks/tip/height").then(r=>r.json()), fetch("https://mempool.space/api/v1/blocks/tip/height").then(r => r.json()),
fetch("https://mempool.space/api/v1/mining/hashrate/3d").then(r=>r.json()), fetch("https://mempool.space/api/v1/mining/hashrate/3d").then(r => r.json()),
fetch("https://mempool.space/api/v1/difficulty-adjustment").then(r=>r.json()), fetch("https://mempool.space/api/v1/difficulty-adjustment").then(r => r.json()),
fetch("https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd").then(r=>r.json()) fetch("https://api.coingecko.com/api/v3/simple/price?ids=bitcoin&vs_currencies=usd").then(r => r.json())
]).then(([fees,height,hrData,diffAdj,priceData])=>{ ])
const price=priceData.bitcoin?.usd?`$${priceData.bitcoin.usd.toLocaleString()}`:"N/A"; .then(([fees, height, hrData, diffAdj, priceData]) => {
const fee=fees.fastestFee?`${fees.fastestFee} sat/vB`:"N/A"; const price = priceData.bitcoin?.usd ? `$${priceData.bitcoin.usd.toLocaleString()}` : "N/A";
let difficulty="N/A"; const fee = fees.fastestFee ? `${fees.fastestFee} sat/vB` : "N/A";
if(hrData.currentDifficulty){const exp=Math.floor(Math.log10(hrData.currentDifficulty));const power=Math.floor(exp/3)*3;const base=hrData.currentDifficulty/Math.pow(10,power);difficulty=`${base.toFixed(1)}×10<sup>${power}</sup>`;} // difficulty
let nextDate="N/A"; let difficulty = "N/A";
if(diffAdj.estimatedRetargetDate){let ts=diffAdj.estimatedRetargetDate;let ms=ts<1e12?ts*1000:ts;nextDate=new Date(ms).toLocaleDateString('en-US',{month:'long',day:'numeric',year:'numeric'});} if (hrData.currentDifficulty) {
let hashRate="N/A"; const exp = Math.floor(Math.log10(hrData.currentDifficulty));
if(hrData.currentHashrate){const units=["H/s","kH/s","MH/s","GH/s","TH/s","PH/s","EH/s","ZH/s"];let v=hrData.currentHashrate,i=0;while(v>=1000&&i<units.length-1){v/=1000;i++;}hashRate=v.toFixed(2)+" "+units[i];} const power = Math.floor(exp/3) * 3;
document.getElementById("network-stats").innerHTML=`${price} | ${fee} | ${height} | ${difficulty} | Next Difficulty: ${nextDate} | ${hashRate}`; const base = hrData.currentDifficulty / Math.pow(10, power);
}).catch(e=>{console.error(e);document.getElementById("network-stats").innerText="Failed to load stats.";}); difficulty = `${base.toFixed(1)}×10<sup>${power}</sup>`;
}
// next retarget date
let nextDate = "N/A";
if (diffAdj.estimatedRetargetDate) {
const ts = diffAdj.estimatedRetargetDate;
const ms = ts < 1e12 ? ts * 1000 : ts;
nextDate = new Date(ms).toLocaleDateString('en-US',{month:'long',day:'numeric',year:'numeric'});
}
// dynamic hash rate
let hashRate = "N/A";
if (hrData.currentHashrate) {
const units = ["H/s","kH/s","MH/s","GH/s","TH/s","PH/s","EH/s","ZH/s"];
let v = hrData.currentHashrate, i=0;
while (v >= 1000 && i < units.length-1) { v /= 1000; i++; }
hashRate = v.toFixed(2) + " " + units[i];
}
document.getElementById("network-stats").innerHTML =
`${price} | ${fee} | ${height} | ${difficulty} | Next Difficulty: ${nextDate} | ${hashRate}`;
})
.catch(error => {
console.error(error);
document.getElementById("network-stats").innerText = "Failed to load stats.";
});
// Bitcoin news // Bitcoin News via WordPress REST API with images (top 4)
async function fetchNostrContent(){const relay=window.NostrTools.relayInit("wss://relay.nostr.example.com");await relay.connect();relay.sub([{authors:["npub1yourpubkey"],kinds:[1],limit:3}]).on("event",ev=>{const li=document.createElement("li");li.innerText=ev.content;document.getElementById("news-briefs").appendChild(li);});} fetch("https://bitcoinnews.com/wp-json/wp/v2/posts?per_page=4&_embed")
.then(response => response.json())
.then(posts => {
const container = document.getElementById("news-briefs");
container.innerHTML = "";
posts.forEach(post => {
const title = post.title?.rendered || "Untitled";
const link = post.link || "#";
let imgUrl = '';
if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {
imgUrl = post._embedded['wp:featuredmedia'][0].source_url;
}
const li = document.createElement("li");
li.className = "flex items-center space-x-2";
if (imgUrl) {
const img = document.createElement("img");
img.src = imgUrl;
img.alt = title;
img.className = "w-10 h-10 object-cover rounded";
li.appendChild(img);
}
const a = document.createElement("a");
a.href = link;
a.innerHTML = title;
a.target = "_blank";
a.className = "text-blue-600 underline flex-1";
li.appendChild(a);
container.appendChild(li);
});
})
.catch(err => {
console.error("Error loading news posts:", err);
document.getElementById("news-briefs").innerHTML = "<li>Failed to load news.</li>";
});
// Featured show // Featured show loader
fetch("https://raw.githubusercontent.com/goodmorningbitcoin/goodmorningbitcoin-website/main/shows.json") fetch("https://raw.githubusercontent.com/goodmorningbitcoin/goodmorningbitcoin-website/main/shows.json")
.then(r=>r.json()) .then(r => r.json())
.then(data=>{if(Array.isArray(data)&&data.length){const s=data[Math.floor(Math.random()*data.length)];const imgUrl=`https://raw.githubusercontent.com/goodmorningbitcoin/goodmorningbitcoin-website/main/${s.imgsrc}`;document.getElementById("featured-show").innerHTML=`<img src="${imgUrl}" alt="${s.title}" class="w-full h-auto mb-2 rounded"/><strong>${s.title}</strong><br/><a href="${s.fountainlink}" class="text-blue-600 underline" target="_blank">Listen now</a>`;}}) .then(data => {
.catch(e=>console.error("Error loading shows:",e)); if (Array.isArray(data) && data.length) {
const s = data[Math.floor(Math.random() * data.length)];
// Load nostr-tools const imgUrl = `https://raw.githubusercontent.com/goodmorningbitcoin/goodmorningbitcoin-website/main/${s.imgsrc}`;
const s=document.createElement("script");s.src="https://unpkg.com/nostr-tools/lib/nostr.bundle.js";s.onload=fetchNostrContent;document.body.appendChild(s); document.getElementById("featured-show").innerHTML =
`<img src="${imgUrl}" alt="${s.title}" class="w-full h-auto mb-2 rounded"/>` +
`<strong>${s.title}</strong><br/>` +
`<a href="${s.fountainlink}" class="text-blue-600 underline" target="_blank">Listen now</a>`;
}
})
.catch(e => console.error("Error loading shows:", e));
</script> </script>
</body> </body>
</html> </html>