🐘 Mastodon embed timeline

Local timeline (customized)

This example shows 10 posts from the following instance:
mastodon.social

Contains several CSS styles that change its appearance without the need to modify the original CSS file (inspect the code at the beginning of the HTML file to see the changes).

At JS level, it defaults to the light theme and the date is displayed in US format using digits only. In order to achieve a minimalist style, the following options have been changed at its initialization:

        
  <script>
    const myTimeline = new MastodonTimeline.Init({
      instanceUrl: "https://mastodon.online",
      defaultTheme: "light",
      dateLocale: "en-CA",
      dateOptions: {
        day: "2-digit",
        month: "2-digit",
        year: "numeric",
      },
      hideReplies: true,
      hideUserAccount: true,
      hidePreviewLink: true,
      hideCounterBar: true,
      txtMaxLines: "3",
      btnSeeMore: "",
      btnReload: ""
    });
  </script>