mirror of
https://github.com/LBRYFoundation/lbryorg.git
synced 2025-08-23 20:47:23 +00:00
217 lines
9 KiB
HTML
217 lines
9 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>LBRY Foundation</title>
|
||
|
||
<!--TitleBar Icon-->
|
||
<link rel="icon" href="./img/small-logo.png" type="image/png" />
|
||
|
||
<!-- CSS DEPENDENCIES -->
|
||
<link rel="stylesheet" href="./lib/fontawesome/css/all.min.css" />
|
||
<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.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="home" 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 navbar-dark" id="navbarNavAltMarkup">
|
||
<div class="navbar-nav">
|
||
<li class="nav-item dropdown">
|
||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||
Home
|
||
</a>
|
||
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
|
||
<a class="dropdown-item" href="#home">Home <span class="sr-only">(current)</span></a>
|
||
<div class="dropdown-divider"></div>
|
||
<a class="dropdown-item" href="#about">About</a>
|
||
<a class="dropdown-item" href="#lbryians">Lbryians</a>
|
||
</div>
|
||
</li>
|
||
<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" href="./chat/">Chat</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
<!-- /navbar -->
|
||
|
||
<!-- globalParallax -->
|
||
<div class="parallax" id="global-parallax">
|
||
<img src="./img/foundation-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">
|
||
<!-- jumbotron -->
|
||
<div class="jumbotron text-white parallax-layer" data-depth-factor="4" style="background-color: transparent;">
|
||
<div class="container text-sm-center pt-5">
|
||
<h1 class="display-4" Ideas style="font-weight: bold;">Welcome to LBRY </h1>
|
||
<hr class="heading">
|
||
<p class="lead">LBRY is a secure, open, and community-run digital marketplace.</p>
|
||
<div class="btn-group mt-4" role="group" aria-label="Callout buttons">
|
||
<a type="button" class="btn lbry-dark text-white btn-lg" href="https://lbry.com/get">Download LBRY</a>
|
||
<a class="btn btn-light btn-lg" href="https://chat.lbry.com">Join Discord</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /jumbotron -->
|
||
|
||
<div class="container-fluid pt-4 above-parallax">
|
||
<!-- about -->
|
||
<div id="about" class="row">
|
||
<div class="col-md-6 col-lg-6 order-lg-1">
|
||
<h2 class="mb-4">Welcome to LBRY</h2>
|
||
<p>The LBRY community invites everyone to join us in building a more free and open way to share content and
|
||
information online.</p>
|
||
</div>
|
||
|
||
<div class="col-md-6 col-lg-6 order-lg-2">
|
||
<h2 class="mb-4">About LBRY Foundation</h2>
|
||
<p>The LBRY Foundation is a non-profit organization dedicated to the growth, development, and adoption of the
|
||
LBRY network in a way that the community of LBRYians decides themselves.</p>
|
||
</div>
|
||
</div>
|
||
<!-- /about -->
|
||
<hr/>
|
||
|
||
<!-- lbryians -->
|
||
<h3 id="lbryians" class="display-4 text-center my-5 text-white">Lbryians</h3>
|
||
<div class="row">
|
||
<div class="col-md-12 col-lg-4">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body text-center">
|
||
<i class="fas fa-laptop-code"></i>
|
||
<h4 class="card-title">Are you a Developer?</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 col-lg-4">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body text-center">
|
||
<i class="fas fa-edit"></i>
|
||
<h4 class="card-title">Are you a Designer?</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 col-lg-4">
|
||
<div class="card lbry-dark">
|
||
<div class="card-body text-center">
|
||
<i class="fas fa-magic"></i>
|
||
<h4 class="card-title">Are you a Creator?</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-md-12 col-lg-12 pt-3">
|
||
<div class="card mb-3 lbry-dark">
|
||
<div class="card-body text-center">
|
||
<i class="fas fa-handshake"></i>
|
||
<h4 class="card-title">Are you someone who wants to have some fun and put your skills to use contributing to creative freedom?</h4>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<p>Wonderful. So are we and we’d like to help!</p>
|
||
|
||
<h3 class="mb-4 text-center">The Basics</h3>
|
||
<div class="col-md-10 col-lg-10 col-xl-10 mx-auto text-center">
|
||
<p>A lot communication and organization happens via the <a href="./chat/">main chat</a>.<br>
|
||
<strong>If you want to possibly participate or don't know what to do next,
|
||
the best thing to do is just come here and say "Hi".</strong></p>
|
||
<p>But the whole network is larger than that --
|
||
it's comprised of subgroups of Hives that together make up <a href="./swarm/">The Swarm</a>.</p>
|
||
<p>The Foundation provides initiative and project funding,
|
||
but only for those that prove themselves.
|
||
More in <a href="./tavern/">The Tavern</a>.</p>
|
||
</div>
|
||
<!-- /lbryians -->
|
||
|
||
<!-- signup form -->
|
||
<div class="row py-4 text-white">
|
||
<div class="col-md-5 col-lg-5 col-xl-5 mx-auto text-center">
|
||
<p><strong>Stay up-to-date on LBRY Foundation</strong></p>
|
||
<div class="input-group">
|
||
<input type="text" class="form-control" placeholder="Email">
|
||
<span class="input-group-btn">
|
||
<button class="btn lbry-dark text-white" type="button">Sign up</button>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<hr/>
|
||
<!-- /signup form -->
|
||
|
||
</div>
|
||
|
||
<!-- 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>
|