lbryorg/swarm/index.html
2020-06-14 22:10:29 +05:30

244 lines
12 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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 - Swarm</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>
<!-- 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"><i class="fab fa-github"></i></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 active" href="#">Swarm <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="../governance/">Governance</a>
</div>
</div>
</div>
</nav>
<!-- /navbar -->
<!-- globalParallax -->
<div class="parallax" data-depth-factor="3" id="global-parallax">
<img src="../img/foundation-swarm-background-art.png" 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">
<center><h1 class="display-4" Ideas style="font-weight: bold;">The Swarm</h1></center>
<hr class="heading">
<center><p class="lead">LBRY SWARM!🍯</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">
<p>
The swarm is a sub-network within the LBRY network.
It utilizes open-source principles to focus on the development of community, engagement, and the voices and reputations of individuals and groups within the LBRY network.<br>
The sub-net nodes are known as hives.
</p>
<!--row-->
<div class="row">
<!--col-1-->
<div class="col-md-12 col-lg-12">
<h2 class="mb-2 text-white text-center">What is a hive?</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
<p>A hive is a place to meet people who love the things you love, including, of course, the LBRY protocol and the values it represents.</p>
<p>Anyone can make a hive, everyone can join as many hives as theyd like, and there can be more than one hive that center around the same topic or application.</p>
<p>Some examples of hives:</p>
<ul>
<li>Music</li>
<li>Country music</li>
<li>EDM</li>
<li>Anime</li>
<li>Art</li>
<li>Photography</li>
<li>The Ninja Turtles</li>
<li>Donatello, the staff wielding ninja turtle</li>
<li>The staff of Donatello, the staff wielding ninja turtle</li>
<li>Donatellos graphic novel creation app</li>
<li>Really, anything!</li>
</ul>
<p>You could think of hives as subreddits on Reddit, or channels on an IRC server, but different.</p>
</div>
</div>
</div>
<!--/col-1-->
<!--col-2-->
<div class="col-md-12 col-lg-12 my-5">
<h2 class="mb-2 text-white text-center">Why should I join or make a hive?</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
<p>Joining or making a hive is a great way to jump into the LBRY network.</p>
<p>Make some friends, learn some things, share some ideas, gain some experience, build a reputation, or just hang out with some like minded individuals.</p>
</div>
</div>
</div>
<!--/col-2-->
<!--col-3-->
<div class="col-md-12 col-lg-12 my-5">
<h2 class="mb-2 text-white text-center">How do I join a hive?</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
<p>Hives are entirely independent and autonomous communities within the larger LBRY network.
As such, the process for joining a hive depends entirely on the hive you would like to join.
Maybe a hive lets anyone join and all you need to do is join a chat room.
In fact, many hives will have their own role and channel right on the LBRY discord server.
To join one of those hives simply join the LBRY discord and ask for the appropriate role in the #hiveroles channel!</p>
<p>Otherwise, maybe a hive only lets folks with portfolios join, like photographers or artists.
Maybe a hive requires you to write a short story to join. Maybe a hive requires a code contribution.
Maybe a hive is entirely open.
Maybe a hive has a limited number of possible members.
So long as the rules of the hive do not conflict with the ethos and protocol of the LBRY network: maybe anything.</p>
<p>So how do you join? Find the hive you would like to join, find out how to join, and follow their instructions!</p>
</div>
</div>
</div>
<!--/col-3-->
<!--col-4-->
<div class="col-md-12 col-lg-12 my-5">
<h2 class="mb-2 text-white text-center">How do I make a hive?</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
<p>Making a hive is as easy as setting up a chat room and editing a wiki.
Actually, thats the entire process!</p>
<p>All you need to do to make your own hive is to set up a chat room or forum and add your hive to the hives table on this wiki page.</p>
<p>The easiest way to do this is to join the LBRY discord #makeahive channel and ask for you own hive role and channel.
After a brief chat with a friendly moderator, youll have your own room and role made right on the LBRY discord.
The LBRY discord is already a buzzing place so this is probably the best way to find more people for your new hive.</p>
</div>
</div>
</div>
<!--/col-4-->
<!--col-5-->
<div class="col-md-12 col-lg-12 my-5">
<h2 class="mb-2 text-white text-center">How should hives operate?</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
<p>However you want! Well, mostly.</p>
<p>We are all part of the LBRY network. The networks ethos, its protocol, its operation, its community and development are paramount.
The only written rule for hives is that a hive cannot conflict the LBRY network.
Otherwise, literally anything goes.</p>
<p>So go ahead, make a democratic hive. <br>
Make an anarchist hive. <br>
Make a hive ruled by 12 rings. <br>
Make a hive ruled by 1. <br>
The LBRY network is your stage, your imagination is your player. <br>
Have fun. Experiment. Succeed. Fail. Try again. Fail again. Try again… again. Or dont. <br>
The choices are yours to make.</p>
</div>
</div>
</div>
<!--/col-5-->
<!--col-6-->
<!-- <div class="col-md-12 col-lg-12 my-5">
<h2 class="mb-2 text-white text-center">Hives Table</h2> <br>
<div class="card lbry-dark">
<div class="card-body">
</div>
</div>
</div> -->
<!--/col-6-->
</div>
<!--/row-->
</div>
<!--/main-column-->
</div>
<!--/main-row-->
</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="#">Terms and Condition</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">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 &amp; 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>