Mastodon Widget Wizard

About

Our Mastodon widget uses the API provided with credentials.
Those credentials are linked to your account and the application using the API.

Sample

The process of creating an application to get access to the API is a little tedious, so please feel free to use our wizard, we do all the hard work for you!

Regarding security, no information is stored on our server.
All information related to your account happen on the Mastodon instance.

If you're not already logged in, you will be asked to login during the process.
Once logged in, you'll simply have to accept the application access to read your status data.

Note:
You need an existing Mastodon account on the correct instance for this wizard to work.

Application

You need an application to use the API on a Mastodon instance.

You arrived at the last step of the wizard.
Here you can select between 2 pre-defined themes (light and dark).

Also, please take good notes about the Important Data section.

If you encounter any problem with the widget, please open a ticket on our repository on Github.

Settings

Preview

Requirements

Files

Important Data

Code

<link rel="stylesheet" href="mastodon.widget.css" />
<script type="text/javascript" src="mastodon.widget.js"></script>
<script>
$(document).ready(function() {
// jQUERY is required!
  var mapi = new MastodonApi({
    target_selector  : '#myTimeline'
    ,instance_uri    : '[MASTODON INSTANCE]'
    ,access_token    : '[ACCESS TOKEN]'
    ,account_id      : '[ACCOUNT ID]'
    // optional parameters
    // ===================
    // - status max
    //,toots_limit     : 5
    // - if you are using font-awesome:
    //,pic_icon        : '<i class="fa fa-picture-o"></i>'
    // or a picture
    //,pic_icon        : '<img src="mypicicon.gif" />'
  });
});
</script>

<div id="myTimeline" class="mastodon-timeline mastodon-timeline-dark"></div>