bridgy-fed/static/index.html

110 wiersze
4.4 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Bridgy Fed</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="mobile-web-app-capable" content="yes"/>
<link rel="shortcut icon" sizes="128x128" href="https://brid.gy/static/bridgy_logo_128.jpg">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="https://brid.gy/static/bridgy_logo_128.jpg">
<!-- 32x32 last so that browsers prefer it -->
<link rel="shortcut icon" sizes="32x32" href="https://brid.gy/static/favicon.png">
<link rel="apple-touch-icon-precomposed" sizes="32x32" href="https://brid.gy/static/favicon.png">
<link rel="stylesheet" href="/static/bootstrap.min.css" />
<link rel="stylesheet" href="/static/style.css" type="text/css" />
<link rel="webmention" href="/webmention" />
</head>
<body>
<main class="tp-main lead container">
<br />
<p class="big row" style="color: red; font-weight: bold">
ALPHA! STILL UNDER DEVELOPMENT.
</p>
<div id="intro" class="row">
<div id="logos" class="col-xs-4">
<a href="/"><img class="img-responsive" src="/static/bridgy_logo.jpg" /></a>
</div>
<div id="header" class="col-xs-6">
<p class="big">
Got an <a href="https://indieweb.org/">IndieWeb</a> site?<br /> Want to interact
with<br />
<a href="https://joinmastodon.org/">Mastodon</a>,
<a href="https://gnu.io/social/">GNU Social</a>, and more?<br />
<a id="title" href="/">Bridgy Fed</a> is for you.
</div>
<div id="protocol-logos" class="col-xs-2">
<a href="https://en.wikipedia.org/wiki/OStatus">
<img class="img-responsive" src="/static/ostatus_globe.jpg" /></a>
<a href="https://activitypub.rocks/">
<img class="img-responsive" src="/static/activitypub_logo.png" /></a>
</div>
</div>
<p class="clearfix"></p>
<br />
<p class="big row">
Bridgy Fed connects the <a href="https://indieweb.org/">IndieWeb</a> with federated social networks using <a href="https://activitypub.rocks/">ActivityPub</a> and <a href="https://en.wikipedia.org/wiki/OStatus">OStatus</a>:
</p>
<ul id="sites">
<li><a href="https://diasporafoundation.org/">Diaspora</a></li>
<li><a href="http://friendi.ca/">Friendica</a></li>
<li><a href="https://gnu.io/social/">GNU Social</a> (née StatusNet)</li>
<li><a href="https://project.hubzilla.org/">Hubzilla</a></li>
<li><a href="https://mediagoblin.org/">MediaGoblin</a></li>
<li><a href="https://joinmastodon.org/">Mastodon</a></li>
<li><a href="https://postactiv.com/">postActiv</a></li>
<li><a href="http://pump.io/">pump.io</a></li>
<li>...and more!</li>
</ul>
<h2 class="big row">
IndieWeb user instructions:
</h2>
<ol>
<li>Redirect all <code>/.well-known/*</code> URLs from your site to <code>https://fed.brid.gy/.well-known/*</code> with HTTP 301 or 302.</li>
<ul>
<li>If you're on WordPress, you can use a plugin like <a href="https://wordpress.org/plugins/safe-redirect-manager/">Safe Redirect Manager</a>.</li>
<li>If you're on Apache, add this to your <code>.htaccess</code>:<br />
<pre>RewriteEngine on
RewriteBase /
RewriteRule ^.well-known/.* https://fed.brid.gy/$0 [redirect=302,last]</pre>
</li>
<li>If you're on nginx, add this to <code>nginx.conf</code> in your site's <code>server</code> section:<br />
<pre>rewrite ^/.well-known/ https://fed.brid.gy/$request_uri redirect;</pre>
</li>
</ul>
<li>If your site doesn't already have an <a href="https://en.wikipedia.org/wiki/Atom_(standard)">Atom</a> feed, add one.</li>
<ul>
<li>If you're on WordPress, install the <a href="https://wordpress.org/plugins/atom-default-feed/">Atom Default Feed plugin</a>.
<!-- or just <a href="https://codex.wordpress.org/WordPress_Feeds#Finding_Your_Feed_URL">add this</a> to your HTML header:<br /> -->
</li>
<li>Otherwise, you can use <a href="https://granary-demo.appspot.com/">granary</a>. Just add this to your site's HTML <code>&lt;head&gt;</code> and fill in <code>YOUR DOMAIN</code> with your site's domain:<br />
<pre>&lt;link rel="alternate" type="application/atom+xml" href="https://granary-demo.appspot.com/url?url=http://[YOUR DOMAIN]/&input=html&output=atom&hub=https://bridgy-fed.superfeedr.com/" /&gt;</pre>
</li>
</ul>
</li>
</ol>
<div id="footer">
<a href="https://github.com/snarfed/bridgy-fed/issues">Bugs</a>
| <a href="https://github.com/snarfed/bridgy-fed">Source</a>
| <a href="https://indieweb.org/">#IndieWeb</a>
| <a href="https://brid.gy/">Bridgy</a>
</div>
</div>
</main>
</body>
</html>