Add files via upload
This commit is contained in:
Patrick Ulrich
GitHub
commit
608bfbf2e0
BIN
assets/favicon.ico
Normal file
BIN
assets/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
assets/img/bg-masthead.jpg
Normal file
BIN
assets/img/bg-masthead.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 213 KiB |
BIN
assets/img/bg-signup.jpg
Normal file
BIN
assets/img/bg-signup.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 523 KiB |
BIN
assets/img/demo-image-01.jpg
Normal file
BIN
assets/img/demo-image-01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
assets/img/demo-image-02.jpg
Normal file
BIN
assets/img/demo-image-02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
BIN
assets/img/ipad.png
Normal file
BIN
assets/img/ipad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 230 KiB |
11193
css/styles.css
Normal file
11193
css/styles.css
Normal file
File diff suppressed because it is too large
Load Diff
182
index.html
Normal file
182
index.html
Normal file
@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="This a Bitcoin content focused radio station designed primarily for the Orange Rust Server" />
|
||||
<meta name="author" content="Good Morning Bitcoin" />
|
||||
<title>Good Morning Bitcoin</title>
|
||||
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
|
||||
<!-- Font Awesome icons (free version)-->
|
||||
<script src="https://use.fontawesome.com/releases/v6.3.0/js/all.js" crossorigin="anonymous"></script>
|
||||
<!-- Google fonts-->
|
||||
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" />
|
||||
<link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="css/styles.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body id="page-top">
|
||||
<!-- Navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<a class="navbar-brand" href="#page-top">Good Morning Bitcoin</a>
|
||||
<button class="navbar-toggler navbar-toggler-right" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
|
||||
Menu
|
||||
<i class="fas fa-bars"></i>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarResponsive">
|
||||
<ul class="navbar-nav ms-auto">
|
||||
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://www.orangemart.tv">Orange</a></li>
|
||||
<li class="nav-item"><a class="nav-link" href="https://snort.social./p/npub1n35s0hnjukw675njzqargeym7l9qzpg2dr6q9924yr798kafwvxsgp63m0">Snort</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Masthead-->
|
||||
<header class="masthead">
|
||||
<div class="container px-4 px-lg-5 d-flex h-100 align-items-center justify-content-center">
|
||||
<div class="d-flex justify-content-center">
|
||||
<div class="text-center">
|
||||
<h1 class="mx-auto my-0 text-uppercase">Good Morning</h1>
|
||||
<h2 class="text-white-50 mx-auto mt-2 mb-5"></h2>
|
||||
<br><br><br><br>
|
||||
<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>
|
||||
</div>
|
||||
</header>
|
||||
<!-- About-->
|
||||
<section class="about-section text-center" id="about">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5 justify-content-center">
|
||||
<div class="col-lg-8">
|
||||
<h2 class="text-white mb-4">Join the conversation on Nostr</h2>
|
||||
<!-- NostriChat-->
|
||||
<script
|
||||
src="https://nostri.chat/public/bundle.js"
|
||||
// YOUR PUBKEY IN HEX FORMAT
|
||||
data-website-owner-pubkey="npub1n35s0hnjukw675njzqargeym7l9qzpg2dr6q9924yr798kafwvxsgp63m0"
|
||||
// THE TYPE OF CHAT YOU WANT: GLOBAL or DMs
|
||||
data-chat-type="GLOBAL"
|
||||
// If you use GLOBAL you can choose set a comma-separated list of hashtags
|
||||
data-chat-tags="goodmorningbitcoin"
|
||||
// Relays you'd like to use, change this this as you wish
|
||||
data-relays="wss://relay.f7z.io,wss://nos.lol,wss://relay.nostr.info,wss://nostr-pub.wellorder.net,wss://relay.current.fyi,wss://relay.nostr.band"
|
||||
></script>
|
||||
<link rel="stylesheet" href="https://nostri.chat/public/bundle.css"><p class="text-white-50"><br>
|
||||
<p class="text-white-50">
|
||||
Use the NostriChat button to join the conversation about Good Morning Bitcoin on Nostr!
|
||||
Feel free to spin up a new set of keys just for the podcast or use NostrConnect or any NIP-07 compatiabile plugin to join the fun!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<img class="img-fluid" src="assets/img/ipad.png" alt="..." />
|
||||
</div>
|
||||
</section>
|
||||
<!-- Projects-->
|
||||
<section class="projects-section bg-light" id="projects">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<!-- Featured Project Row-->
|
||||
<div class="row gx-0 mb-4 mb-lg-5 align-items-center">
|
||||
<div class="col-xl-8 col-lg-7"><img class="img-fluid mb-3 mb-lg-0" src="assets/img/bg-masthead.jpg" alt="..." /></div>
|
||||
<div class="col-xl-4 col-lg-5">
|
||||
<div class="featured-text text-center text-lg-left">
|
||||
<h4>Our Shows</h4>
|
||||
<p class="text-black-50 mb-0">We are extremely thankful to the content creators who have decided to share their content on Good Morning Bitcoin. We've linked profiles for each show below so you can subscribe to their podcast directly if you liked their show.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project One Row-->
|
||||
<div class="row gx-0 mb-5 mb-lg-0 justify-content-center">
|
||||
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-01.jpg" alt="..." /></div>
|
||||
<div class="col-lg-6">
|
||||
<div class="bg-black text-center h-100 project">
|
||||
<div class="d-flex h-100">
|
||||
<div class="project-text w-100 my-auto text-center text-lg-left">
|
||||
<h4 class="text-white">Podcast 1</h4>
|
||||
<p class="mb-0 text-white-50">This is the description for Pod 1.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Project Two Row-->
|
||||
<div class="row gx-0 justify-content-center">
|
||||
<div class="col-lg-6"><img class="img-fluid" src="assets/img/demo-image-02.jpg" alt="..." /></div>
|
||||
<div class="col-lg-6 order-lg-first">
|
||||
<div class="bg-black text-center h-100 project">
|
||||
<div class="d-flex h-100">
|
||||
<div class="project-text w-100 my-auto text-center text-lg-right">
|
||||
<h4 class="text-white">Podcast 2</h4>
|
||||
<p class="mb-0 text-white-50">This is the description for pod 2.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Signup-->
|
||||
<section class="signup-section" id="signup">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5">
|
||||
<div class="col-md-10 col-lg-8 mx-auto text-center">
|
||||
<i class="far fa-paper-plane fa-2x mb-2 text-white"></i>
|
||||
<h2 class="text-white mb-5">Subscribe to receive updates!</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Contact-->
|
||||
<section class="contact-section bg-black">
|
||||
<div class="container px-4 px-lg-5">
|
||||
<div class="row gx-4 gx-lg-5">
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-map-marked-alt text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Address</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50">Meet Me at OrangeMart</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-envelope text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Email</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50"><a href="mailto:hello@goodmorningbitcoin.com">hello@goodmorningbitcoin.com</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4 mb-3 mb-md-0">
|
||||
<div class="card py-4 h-100">
|
||||
<div class="card-body text-center">
|
||||
<i class="fas fa-mobile-alt text-primary mb-2"></i>
|
||||
<h4 class="text-uppercase m-0">Phone</h4>
|
||||
<hr class="my-4 mx-auto" />
|
||||
<div class="small text-black-50">TBD</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="social d-flex justify-content-center">
|
||||
<a class="mx-2" href="https://twitter.com/goodmorningbtc"><i class="fab fa-twitter"></i></a>
|
||||
<a class="mx-2" href="https://snort.social./p/npub1n35s0hnjukw675njzqargeym7l9qzpg2dr6q9924yr798kafwvxsgp63m0"><i class="fa-solid fa-handshake"></i></a>
|
||||
<a class="mx-2" href="#!"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- Footer-->
|
||||
<footer class="footer bg-black small text-center text-white-50"><div class="container px-4 px-lg-5">Good Morning Bitcoin 2023</div></footer>
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="js/scripts.js"></script>
|
||||
<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
45
js/scripts.js
Normal file
45
js/scripts.js
Normal file
@ -0,0 +1,45 @@
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Navbar shrink function
|
||||
var navbarShrink = function () {
|
||||
const navbarCollapsible = document.body.querySelector('#mainNav');
|
||||
if (!navbarCollapsible) {
|
||||
return;
|
||||
}
|
||||
if (window.scrollY === 0) {
|
||||
navbarCollapsible.classList.remove('navbar-shrink')
|
||||
} else {
|
||||
navbarCollapsible.classList.add('navbar-shrink')
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// Shrink the navbar
|
||||
navbarShrink();
|
||||
|
||||
// Shrink the navbar when page is scrolled
|
||||
document.addEventListener('scroll', navbarShrink);
|
||||
|
||||
// Activate Bootstrap scrollspy on the main nav element
|
||||
const mainNav = document.body.querySelector('#mainNav');
|
||||
if (mainNav) {
|
||||
new bootstrap.ScrollSpy(document.body, {
|
||||
target: '#mainNav',
|
||||
rootMargin: '0px 0px -40%',
|
||||
});
|
||||
};
|
||||
|
||||
// Collapse responsive navbar when toggler is visible
|
||||
const navbarToggler = document.body.querySelector('.navbar-toggler');
|
||||
const responsiveNavItems = [].slice.call(
|
||||
document.querySelectorAll('#navbarResponsive .nav-link')
|
||||
);
|
||||
responsiveNavItems.map(function (responsiveNavItem) {
|
||||
responsiveNavItem.addEventListener('click', () => {
|
||||
if (window.getComputedStyle(navbarToggler).display !== 'none') {
|
||||
navbarToggler.click();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
Loading…
x
Reference in New Issue
Block a user