71 lines
2.3 KiB
HTML
71 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Learn Nostr</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta property="og:image" content="/images/thumb.jpeg">
|
|
<meta property="og:url" content="https://btcforplebs.com">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
|
|
<!-- favicon -->
|
|
<link rel="icon" href="/images/favicon.png" type="image/png">
|
|
|
|
<!-- scripts -->
|
|
<script src="/assets/js/scripts.js" defer></script>
|
|
|
|
<link rel="stylesheet" href="/assets/css/main.css">
|
|
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" rel="stylesheet">
|
|
|
|
</head>
|
|
<body>
|
|
|
|
<!-- Bitcoin Price Banner -->
|
|
<div id="btc-price-banner">This page is under construction</div>
|
|
|
|
<div class="container">
|
|
<div class="logo-container">
|
|
<a href="/">
|
|
<img src="/images/btcforplebs_logo.gif" alt="Home" class="header-logo">
|
|
</a>
|
|
</div>
|
|
|
|
<h1>Learn About Nostr</h1>
|
|
<p>Nostr is a decentralized, censorship-resistant protocol for communication. Learn more about its potential by watching the video below.</p>
|
|
<h2>What is Nostr and Why Should You Care?</h2>
|
|
|
|
<div class="video-container">
|
|
<video controls playsinline width="100%" height="auto" poster="https://img.youtube.com/vi/8aZkg3OQc5c/maxresdefault.jpg">
|
|
<source src="https://v.nostr.build/voby1u385n0ZwAbp.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</div>
|
|
|
|
<a href="/index.html" class="button">Home</a>
|
|
|
|
</div>
|
|
<script src="/nostr-chat-widget.js"
|
|
data-nostr-pubkey="75462f4dece4fbde54a535cfa09eb0d329bda090a9c2f9ed6b5f9d1d2fb6c15b"
|
|
data-brand-name="Chat with BTCforPlebs"
|
|
data-color="#fdad01"
|
|
data-color-secondary="#222222">
|
|
</script>
|
|
|
|
<div id="footer"></div>
|
|
|
|
<a href="#top" title="Back to Top">🔝</a>
|
|
<script>
|
|
// --- 2. Dropdown navigation ---------------------------------------------
|
|
window.navigateToSection = function (select) {
|
|
const sectionId = select.value;
|
|
if (sectionId) {
|
|
const section = document.getElementById(sectionId);
|
|
if (section) {
|
|
section.scrollIntoView({ behavior: 'smooth' });
|
|
}
|
|
}
|
|
};</script>
|
|
</body>
|
|
</html>
|
|
|