MastoTimeline/index.html at main · RonDevHub/MastoTimeline · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Mastodon Timeline</title>
    <link rel="stylesheet" href="mastodon-widget.css" />
  </head>
  <body>
    <div id="mastodon-widget"></div>
    <!-- Container for the widget / Container für das Widget -->
    <script src="mastodon-widget.js"></script>
    <script>
      // Version 1.2.0
      MastodonWidget.init({
        elementId: "mastodon-widget", // ID of the element where the widget is displayed / ID des Elements, in dem das Widget angezeigt wird
        instanceUrl: "https://mastodon.social", // Mastodon instance URL / Mastodon-Instanz-URL
        // Example: https://mastodon.social / Beispiel: https://mastodon.social or another
        user: "RonDev", // Username without @ / Benutzername ohne @
        height: "600px", // Height of the widget / Höhe des Widgets
        width: "350px", // Width of the widget / Breite des Widgets
        theme: "light", // 'light', 'dark', 'mastodon', 'green', 'midnight', 'inkblack' or 'costume' / 'light', 'dark', 'mastodon', 'green', 'midnight', 'inkblack' oder 'costume'
        maxToots: 30, // Maximum number of toots to display / Maximale Anzahl der anzuzeigten Toots
        interval: 300, // in seconds / in Sekunden
        imageStyle: "rounded", // 'circle', 'rounded', 'square' / 'circle', 'rounded', 'square'
        showLoader: true, // Show loading animation (true) or hide (false) / Ladeanimation anzeigen (true) oder ausblenden (false)
        showHeader: true, // Show header (true) or hide (false) / Header anzeigen (true) oder ausblenden (false)
        showFooter: true, // Show footer (true) or hide (false) / Footer anzeigen (true) oder ausblenden (false)
        showAvatars: true, // Show avatars (true) or hide (false) / Avatare anzeigen (true) oder ausblenden (false)
        showUsernames: true, // Show usernames (true) or hide (false) / Benutzernamen anzeigen (true) oder ausblenden (false)
        showTimestamps: true, // Show timestamps (true) or hide (false) / Zeitstempel anzeigen (true) oder ausblenden (false)
        showContent: true, // Show content (true) or hide (false) / Inhalt anzeigen (true) oder ausblenden (false)
        showMedia: true, // Show media (true) or hide (false) / Medien anzeigen (true) oder ausblenden (false)
        showBoosts: true, // Show boosts (true) or hide (false) / Boosts anzeigen (true) oder ausblenden (false)
        showFavourites: true, // Show favourites (true) or hide (false) / Favoriten anzeigen (true) oder ausblenden (false)
        showReplies: true, // Show replies (true) or hide (false) / Antworten anzeigen (true) oder ausblenden (false)
        showLinks: true, // Show links (true) or hide (false) / Links anzeigen (true) oder ausblenden (false)
        showMentions: true, // Show mentions (true) or hide (false) / Erwähnungen anzeigen (true) oder ausblenden (false)
        showPolls: true, // Show polls (true) or hide (false) / Umfragen anzeigen (true) oder ausblenden (false)
        showSensitiveContent: true, // Show sensitive content (true) or hide (false) / Sensible Inhalte anzeigen (true) oder ausblenden (false)
        showSensitiveMedia: true, // Show sensitive media (true) or hide (false) / Sensible Medien anzeigen (true) oder ausblenden (false)
        showSensitiveText: true, // Show sensitive text (true) or hide (false) / Sensibler Text anzeigen (true) oder ausblenden (false)
        showSensitiveWarning: true, // Show warning for sensitive content (true) or hide (false) / Warnung für sensible Inhalte anzeigen (true) oder ausblenden (false)
        showSensitiveWarningText: "Inhalt möglicherweise sensibel", // Text for sensitive content warning / Text für die Warnung sensibler Inhalte
        showSensitiveWarningButton: "Inhalt anzeigen", // Text for the button to show sensitive content / Text für den Button zur Anzeige sensibler Inhalte
        showSensitiveWarningButtonText: "Inhalt ausblenden", // Text for the button to hide sensitive content / Text für den Button zum Ausblenden sensibler Inhalte
        showSensitiveWarningButtonText: "Inhalt anzeigen", // Text for the button to show sensitive content / Text für den Button zum Ausblenden sensibler Inhalte
        showInfoButton: true, // Show info button (true) or hide (false) / Info-Button anzeigen (true) oder ausblenden (false)
        showRelativeTime: true, // Show relative time (true) or date (false) / Relative Zeit anzeigen (true) oder Datum (false)
      });
    </script>
  </body>
</html>