mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
Feat: Created Podcast page and embed Podcast
This commit is contained in:
iampratiktandel
parent
e3db07b6a4
commit
2a60db6d22
3 changed files with 210 additions and 0 deletions
|
|
@ -22,6 +22,9 @@ html {
|
|||
scroll-padding-top: 80px; /* height of sticky header */
|
||||
}
|
||||
|
||||
iframe {
|
||||
position:absolute; top:0; left: 0
|
||||
}
|
||||
|
||||
/* Parallax */
|
||||
.parallax .parallax-img {
|
||||
|
|
|
|||
|
|
@ -182,6 +182,24 @@ nav {
|
|||
}
|
||||
/* /Card animations*/
|
||||
|
||||
/* Podcast style*/
|
||||
.podcast {
|
||||
padding-bottom:56.25%;
|
||||
position:relative;
|
||||
display:block;
|
||||
width: 100%
|
||||
}
|
||||
/* /Podcast style*/
|
||||
|
||||
/* Podcast animations*/
|
||||
.podcast {
|
||||
transition: transform 0.2s;
|
||||
}
|
||||
.podcast:hover {
|
||||
transform: scale(1.05);
|
||||
}
|
||||
/* /Podcast animations*/
|
||||
|
||||
/* scrollFade */
|
||||
.scroll-fade {
|
||||
opacity: 0;
|
||||
|
|
|
|||
189
podcast/index.html
Normal file
189
podcast/index.html
Normal file
|
|
@ -0,0 +1,189 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
||||
<title>LBRY Foundation - Podcast</title>
|
||||
|
||||
<!--TitleBar Icon-->
|
||||
<link rel="shortcut icon" href="../img/small-logo.png" type="image/png">
|
||||
|
||||
<!-- CSS DEPENDENCIES -->
|
||||
<link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="../lib/fontawesome/css/all.min.css">
|
||||
<!-- /CSS DEPENDENCIES -->
|
||||
|
||||
<!-- CUSTOM CSS -->
|
||||
<link rel="stylesheet" href="../lib/css/index.css">
|
||||
<link rel="stylesheet" href="../lib/css/article.css">
|
||||
<!-- /CUSTOM CSS -->
|
||||
</head>
|
||||
|
||||
<body id="chat" data-spy="scroll" data-target=".navbar" data-offset="100">
|
||||
<!-- navbar -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark lbry-dark nav-transparent fixed-top">
|
||||
<div class="container">
|
||||
<span class="navbar-brand order-1 mr-0"><a href="https://github.com/lbryio" target="_blank" style="color: #FFFFFF;"><i class="fab fa-github"></i></a></span>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="../">
|
||||
<img src="../img/logo.png" alt="lbry-foundation-logo">
|
||||
</a>
|
||||
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||
<div class="navbar-nav">
|
||||
<a class="nav-item nav-link" href="../">Home</a>
|
||||
<a class="nav-item nav-link" href="../branding/">Branding</a>
|
||||
<a class="nav-item nav-link" href="../tavern/">Tavern</a>
|
||||
<a class="nav-item nav-link" href="../swarm/">Swarm</a>
|
||||
<a class="nav-item nav-link" href="../governance/">Governance</a>
|
||||
<!-- <a class="nav-item nav-link active" href="#">Chat<span class="sr-only">(current)</span></a> -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle active" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Chat
|
||||
</a>
|
||||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item" href="#chat">Chat<span class="sr-only">(current)</span></a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#main_chat">The Main Chat</a>
|
||||
<a class="dropdown-item" href="#join_chat">Joining the Chat</a>
|
||||
<a class="dropdown-item" href="#other_things">Other Things to Know</a>
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- /navbar -->
|
||||
|
||||
<!-- globalParallax -->
|
||||
<div class="parallax" id="global-parallax">
|
||||
<img src="../img/foundation-tavern-background-art.png" data-depth-factor="3" alt="bg-img" class="d-none d-sm-none d-md-none d-lg-block parallax-layer main-parallax-img" />
|
||||
<div class="parallax-mask"></div>
|
||||
<div class="parallax-bg"></div>
|
||||
|
||||
<!-- globalParallaxContent -->
|
||||
<div class="parallax-content" id="podcast">
|
||||
<!-- jumbotron -->
|
||||
<div class="jumbotron text-white parallax-layer" data-depth-factor="4" style="background-color: transparent;">
|
||||
<div class="container text-sm-center pt-5">
|
||||
<center><h1 class="display-4" Ideas style="font-weight: bold;">Podcast</h1></center>
|
||||
<hr class="heading">
|
||||
<center><p class="lead">The LBRY Foundation Community Podcast.</p></center>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /jumbotron -->
|
||||
|
||||
<!--article-container-->
|
||||
<div class="container-fluid above-parallax">
|
||||
<!--main-row-->
|
||||
<div class="row">
|
||||
<!--main-column-->
|
||||
<div class="col-lg-10 col-xl-8 offset-sm-0 offset-md-0 offset-lg-1 offset-xl-2">
|
||||
|
||||
<!--row-->
|
||||
<div class="row">
|
||||
<!--episode-3-->
|
||||
<div class="col-md-12 col-lg-12 my-5" id="episode3">
|
||||
<h2 class="mb-2 text-white text-center">Episode 3</h2>
|
||||
<hr class="subhead">
|
||||
<br>
|
||||
<div class="podcast">
|
||||
<iframe
|
||||
width="100%" height="100%"
|
||||
src="https://lbry.tv/$/embed/The-LBC-Rewards-Program/0eee1c82f903124590fe69efcac617b5da8dbb52"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!--/episode-3-->
|
||||
|
||||
<!--episode-2-->
|
||||
<div class="col-md-12 col-lg-12 my-5" id="episode2">
|
||||
<h2 class="mb-2 text-white text-center">Episode 2</h2>
|
||||
<hr class="subhead">
|
||||
<br>
|
||||
<div class="podcast">
|
||||
<iframe
|
||||
width="100%" height="100%"
|
||||
src="https://lbry.tv/$/embed/Episode-2/f19f48547361c63bf820ad66fdc36c440b61ddff"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!--/episode-2-->
|
||||
|
||||
<!--episode-1-->
|
||||
<div class="col-md-12 col-lg-12 my-5" id="episode1">
|
||||
<h2 class="mb-2 text-white text-center">Episode 1</h2>
|
||||
<hr class="subhead">
|
||||
<br>
|
||||
<div class="podcast">
|
||||
<iframe
|
||||
width="100%" height="100%"
|
||||
src="https://lbry.tv/$/embed/Episode-1/e7d93d772bd87e2b62d5ab993c1c3ced86ebb396"
|
||||
allowfullscreen></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<!--/episode-1-->
|
||||
|
||||
</div>
|
||||
<!--row-->
|
||||
</div>
|
||||
<!--main-column-->
|
||||
</div>
|
||||
<!--/main-row-->
|
||||
<a href="https://github.com/LBRYians/lbry-org-new/tree/master/chat">
|
||||
<button type="button" class="btn lbry-teal text-white">
|
||||
Edit this page on GitHub
|
||||
</button>
|
||||
</a>
|
||||
</div>
|
||||
<!--/article-container-->
|
||||
|
||||
<!-- footer -->
|
||||
<div class="container-fluid above-parallax">
|
||||
<div class="row py-3">
|
||||
<div class="col-md-7">
|
||||
<ul class="nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="https://lbry.com/privacypolicy">Privacy Policy</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<div class="btn-group dropup">
|
||||
<button type="button" class="btn btn-outline-secondary text-white">Other Sites</button>
|
||||
<button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<span class="sr-only">Toggle Dropdown</span>
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="https://lbry.com">LBRY.com</a>
|
||||
<a class="dropdown-item" href="https://lbry.tech">LBRY.tech</a>
|
||||
<a class="dropdown-item" href="https://lbry.fund">LBRY.fund</a>
|
||||
<a class="dropdown-item" href="https://lbry.tv">LBRY.tv</a>
|
||||
</div>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md text-md-right">
|
||||
<small>© 2020 LBRY.org & LBRY Foundation</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /footer -->
|
||||
|
||||
</div>
|
||||
<!-- /globalParallaxContent -->
|
||||
</div>
|
||||
<!-- /globalParallax -->
|
||||
|
||||
<!-- JS DEPENDENCIES -->
|
||||
<script src="../lib/jquery/jquery-3.5.1.min.js" defer></script>
|
||||
<script src="../lib/bootstrap/js/bootstrap.bundle.min.js" defer></script>
|
||||
<!-- /JS DEPENDENCIES -->
|
||||
|
||||
<!--CUSTOM JS-->
|
||||
<script src="../lib/js/index.js" defer></script>
|
||||
<!--/CUSTOM JS-->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue