264 lines
12 KiB
HTML
264 lines
12 KiB
HTML
<div *ngIf="showPromoPage" class="promo">
|
|
<div class="hero">
|
|
<img src="/img/logo/banner-sm.png" class="logo">
|
|
<h1>An open source integration manager for Matrix</h1>
|
|
<div class="banner">
|
|
Self-host your favourite bots, bridges, and widgets.
|
|
</div>
|
|
<div class="links">
|
|
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source</a>
|
|
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<div class="subhero-wrapper">
|
|
<div class="info-box try-dimension shadowed">
|
|
<h3>Try it out or <a href="https://github.com/turt2live/matrix-dimension#running-your-own" target="_blank">run your own</a></h3>
|
|
<p>
|
|
Visit <a href="https://t2bot.io/riot" target="_blank">t2bot.io/riot</a> and log in with your Matrix account
|
|
or point your Riot <code>config.json</code> at our servers:
|
|
</p>
|
|
<pre>{{ integrationsConfig }}</pre>
|
|
</div>
|
|
<div class="screenshot shadowed">
|
|
<img src="/img/screenshot.png">
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="spacer">
|
|
|
|
<div class="integrations">
|
|
<h3 class="title">Widgets</h3>
|
|
<p class="intro">Add utility for everyone in your room by embedding an application.</p>
|
|
|
|
<div class="integration-list">
|
|
<div class="integration">
|
|
<img src="/img/avatars/jitsi.png">
|
|
<span>Jitsi</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/etherpad.png">
|
|
<span>Etherpad</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/tradingview.png">
|
|
<span>TradingView</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/spotify.png">
|
|
<span>Spotify</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/youtube.png">
|
|
<span>YouTube</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/twitch.png">
|
|
<span>Twitch Livestream</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/grafana.png">
|
|
<span>Grafana</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/googledocs.png">
|
|
<span>Google Docs</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/googlecalendar.png">
|
|
<span>Google Calendar</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/customwidget.png">
|
|
<span>Custom Widget</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="spacer">
|
|
|
|
<div class="integrations">
|
|
<h3 class="title">Bots</h3>
|
|
<p class="intro">Bots bring entertainment or productivity to the room. They're here to help at your command.</p>
|
|
|
|
<div class="integration-list">
|
|
<!--<div class="integration">-->
|
|
<!--<img src="/img/avatars/github.png">-->
|
|
<!--<span>GitHub</span>-->
|
|
<!--</div>-->
|
|
<!--<div class="integration">-->
|
|
<!--<img src="/img/avatars/jira.png">-->
|
|
<!--<span>Jira</span>-->
|
|
<!--</div>-->
|
|
<div class="integration">
|
|
<img src="/img/avatars/guggy.png">
|
|
<span>Guggy</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/giphy.png">
|
|
<span>Giphy</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/imgur.png">
|
|
<span>Imgur</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/google.png">
|
|
<span>Google Image Search</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/wikipedia.png">
|
|
<span>Wikipedia</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/travisci.png">
|
|
<span>Travis CI</span>
|
|
</div>
|
|
<!--<div class="integration">-->
|
|
<!--<img src="/img/avatars/circleci.png">-->
|
|
<!--<span>Circle CI</span>-->
|
|
<!--</div>-->
|
|
<div class="integration">
|
|
<img src="/img/avatars/rssbot.png">
|
|
<span>RSS Notifications</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/echo.png">
|
|
<span>Echo</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/custombots.png">
|
|
<span>Custom Bots</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="spacer">
|
|
|
|
<div class="integrations">
|
|
<h3 class="title">Bridges</h3>
|
|
<p class="intro">Bring the outside world into your room with bridges.</p>
|
|
|
|
<div class="integration-list">
|
|
<div class="integration">
|
|
<img src="/img/avatars/irc.png">
|
|
<span>IRC</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/telegram.png">
|
|
<span>Telegram</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/gitter.png">
|
|
<span>Gitter</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/slack.png">
|
|
<span>Slack</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="/img/avatars/webhooks.png">
|
|
<span>Webhooks</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="spacer">
|
|
|
|
<div class="integrations">
|
|
<h3 class="title">Stickers</h3>
|
|
<p class="intro">Have some fun and post a sticker.</p>
|
|
|
|
<div class="integration-list">
|
|
<div class="integration">
|
|
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/193408b58f5e1eb72d9bea13f23914e6?width=64&height=64&method=scale&animated=true">
|
|
<span>Huskies</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/8c88a05eb8e5a555830c8fffa36043f5?width=64&height=64&method=scale&animated=true">
|
|
<span>Cats</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/01e06e2489185ac5b1fc73c904e1d5f0?width=64&height=64&method=scale&animated=true">
|
|
<span>Cat Faces</span>
|
|
</div>
|
|
<div class="integration">
|
|
<img src="https://t2bot.io/_matrix/media/r0/thumbnail/t2bot.io/d7a7c72df5ea59c432eb142646b45a96?width=64&height=64&method=scale&animated=true">
|
|
<span>Loading Artist</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<hr class="spacer">
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source on GitHub</a>
|
|
<a href="https://matrix.org" target="_blank" class="made-for-matrix-anchor">
|
|
<img src="/img/logo/made-for-matrix.svg" class="made-for-matrix">
|
|
</a>
|
|
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div *ngIf="!showPromoPage" class="non-promo">
|
|
<div class="hero">
|
|
<img src="/img/logo/banner-sm.png" class="logo">
|
|
<div class="links">
|
|
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source</a>
|
|
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="wrapper">
|
|
<div class="info-box welcome shadowed">
|
|
<h3>Welcome to Dimension!</h3>
|
|
<p>
|
|
Join <a href="https://matrix.to/#/#dimension:t2bot.io" target="_blank">#dimension:t2bot.io</a>
|
|
for news and updates. Don't forget to star the repository on
|
|
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">GitHub</a>.
|
|
</p>
|
|
<p>Here's the configuration options you'll need to update in your Riot <code>config.json</code>:</p>
|
|
<pre>{{ integrationsConfig }}</pre>
|
|
|
|
<h4>Configuring integrations</h4>
|
|
<p>
|
|
If everything is set up correctly, you'll be able to access the admin area of Dimension by clicking
|
|
the 3x3 grid in the top right of any room in Riot. The gear icon (<i class="fa fa-cog"></i>) in the
|
|
top right is where you can configure your bots, bridges, and widgets.
|
|
</p>
|
|
|
|
<h4>"Could not connect to integrations server" error</h4>
|
|
<p>
|
|
When Riot cannot reach Dimension or Dimension is unable to reach your homeserver an error saying "Could not
|
|
contact integrations
|
|
server" shows up in every room. Before visiting us in <a href="https://matrix.to/#/#dimension:t2bot.io" target="_blank">#dimension:t2bot.io</a>
|
|
on Matrix, here's a few things to check:
|
|
</p>
|
|
<ul>
|
|
<li><strong>Verify the homeserver configuration in Dimension.</strong> The name, client/server URL, and
|
|
access token all need to be valid and directed at your homeserver.
|
|
</li>
|
|
<li><strong>Verify federation is enabled on your homeserver.</strong> Even in a private, or non-federated,
|
|
environment federation needs to be enabled so Dimension can work correctly. Dimension should still work
|
|
okay if federation on your homeserver is bound to a private interface instead of being public - just be
|
|
sure to set the federation URL in your configuration.
|
|
</li>
|
|
<li><strong>Verify that federation is working on your homeserver.</strong> Using tools like the <a
|
|
href="https://matrix.org/federationtester/api/report?server_name=YOUR_SERVER_HERE.com">federation
|
|
tester</a>, make sure that federation is working on your homeserver.
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<a href="https://github.com/turt2live/matrix-dimension" target="_blank">source on GitHub</a>
|
|
<a href="https://matrix.org" target="_blank" class="made-for-matrix-anchor">
|
|
<img src="/img/logo/made-for-matrix.svg" class="made-for-matrix">
|
|
</a>
|
|
<a href="https://matrix.to/#/#dimension:t2bot.io">#dimension:t2bot.io</a>
|
|
</div>
|
|
</div> |