## -*- coding: utf-8 -*-

<%def name="timeline()">
<div class="dummy-wrapper-timeline">
  <!-- Mastodon Timeline -->
  <div id="mt-container" class="mt-container">
    <div class="mt-body" role="feed">
      <div class="mt-loading-spinner"></div>
    </div>
  </div>
</div>
</%def>


<%def name="extra_head()">
    <link href="/assets/css/mastodon-timeline.min.css" rel="stylesheet" />
</%def>


<%def name="extra_js()">
    ## Load Mastodon embed timeline script
    <script src="/assets/js/mastodon-timeline.umd.js"></script>
    <script>
const myTimeline = new MastodonTimeline.Init({
  ${theme_config.get('mastodon_timeline_init')}
});
    </script>
</%def>