CINXE.COM
Scuttlebutt
<!DOCTYPE html> <html> <head> <meta name="generator" content="Hugo 0.109.0"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Scuttlebutt"> <title>Scuttlebutt</title> <link rel="stylesheet" href="/css/styles.css"> <link rel="icon" href="/images/favicon.png"> </head> <body> <nav class="custom-header"> <ul> <li><a href="/" title="home page"> home</a></li> <li><a href="/about" title="about page"> about</a></li> <li><a href="/get-started" title="start page"> start</a></li> <li><a href="/docs" title="docs page"> docs</a></li> <li><a href="https://opencollective.com/secure-scuttlebutt-consortium#section-updates" title="news page"> news</a></li> </ul> </nav> <main> <section class="splash"> <div> <h1>Scuttlebutt</h1> <h2>social network</h2> <h3>a decentralised platform</h3> </div> <div class="splash-aligner" style="margin-top: -2em;"> <div> <img src="images/app-icons/hermiepatchwork.svg" alt="double hermie!!"> </div> <div> <a class="button" href="get-started">Get Started</a> </div> <div> <img src="images/app-icons/hermiepatchbay.svg" alt="hermie!"> </div> </div> </section> <section class="video-background"> <h2><mark>A Scuttlebutt </mark></h2> <h2><mark>Love Story</mark></h2> <div class="splash-video"> <div class="vimeo" data-id="236358264" data-thumb="658435922"> <div class="vimeo-play-button"></div> </div> </div> </section> <section id="proof-we-legit" class="bulletin"> <header class="bulletin--header"> <h2>The Decentralised Web</h2> <h3>It's time to build our own Internet</h3> <p><a href="/docs/talks/">We're talking about it and gossiping on it</a></p> </header> <div class="bulletin--grid"> <figure class="bulletin--item"> <div class="youtube" data-embed="27Iv8Jf4vZ0"> <div class="play-button"></div> </div> <a href="https://letstalkbitcoin.com/blog/post/epicenter-dominic-tarr-secure-scuttlebutt-the-localized-but-distributed-social-network"> <div class="bulletin--caption"> <p>The Localized but Distributed Social Network - 2019</p> </div> </a> </figure> <figure class="bulletin--item"> <div class="youtube" data-embed="JSWWkzsHhjk"> <div class="play-button"></div> </div> <a href="https://youtu.be/JSWWkzsHhjk" target="_blank"> <div class="bulletin--caption"> <p>Scuttlebutt and a Decentralized Future - 2018</p> </div> </a> </figure> <figure class="bulletin--item"> <div class="youtube" data-embed="8GE5C9-RUpg"> <div class="play-button"></div> </div> <a href="https://www.youtube.com/watch?v=8GE5C9-RUpg" target="_blank"> <div class="bulletin--caption"> <p>Reinvent the Social Web <br> André Staltz @ FullStackFest - 2018</p> </div> </a> </figure> </div> <div style="padding: 1%;"> <p align="center"><a href="/docs/talks/" class="dotted dark">see more videos</a></p> </div> </section> <section id="quote"> <span class="quotes">❝</span> <h2><mark> Scuttlebutt can be transformative for society, decentralizing and enabling local community development free of big corp. It is a fast growing decentralized social network. As an alternative to the large corporate social networks it enables autonomy for the users and a free zone from big data harvesting...</mark> </h2> <span class="quotes flex-end">❞</span> </section> <footer> <h1 align="center"> <img alt="Hermies the hermit crab" src="/images/ssbc.png" width="100" height="100" /> </h1> <div> <h1> Secure Scuttlebutt </h1> </div> <div class="flex-row directory"> <a href="about"><h2>About</h2></a> <a href="get-started"><h2>Get Started</h2></a> <a href="docs"><h2>Docs</h2></a> <a href="https://opencollective.com/secure-scuttlebutt-consortium#section-updates"><h2>News</h2></a> </div> </footer> </main> </body> <script> var vimeo = document.querySelectorAll('.vimeo'); for(var i = 0; i < vimeo.length; i++){ var data_id = vimeo[i].dataset.id, source = "https://i.vimeocdn.com/video/"+ vimeo[i].dataset.thumb + ".jpg"; var div = document.createElement('div'); div.className = 'overlay'; var vi_image = new Image(); vi_image.src = source; vi_image.addEventListener('load',function(){ vimeo[i].append(div, vi_image); }(i)); vimeo[i].addEventListener('click',function(){ var vi_container = this.parentElement, vi_iframe = document.createElement('iframe'); vi_iframe.src = 'https://player.vimeo.com/video/' + this.dataset.id + '?autoplay=1&title=0&byline=0&portrait=0'; vi_iframe.setAttribute('allow','autoplay;fullscreen'); vi_iframe.setAttribute('allowfullscreen',''); this.innerHTML = ""; this.appendChild( vi_iframe ); }); } var youtube = document.querySelectorAll( ".youtube" ); for (var i = 0; i < youtube.length; i++) { var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; var div = document.createElement('div'); div.className = 'overlay'; var image = new Image(); image.src = source; image.addEventListener( "load", function() { youtube[ i ].append( div, image ); }( i ) ); youtube[i].addEventListener( "click", function() { var iframe = document.createElement( "iframe" ); iframe.setAttribute( "frameborder", "0" ); iframe.setAttribute( "allowfullscreen", "" ); iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); this.innerHTML = ""; this.appendChild( iframe ); } ); } </script> </html>