mirror of
https://gitlab.com/idotj/mastodon-embed-timeline.git
synced 2025-05-24 08:52:46 +00:00
52 lines
1.2 KiB
Markdown
52 lines
1.2 KiB
Markdown
# 🐘 Mastodon embed timeline
|
|
|
|
Embed a mastodon feed timeline in your page, only with a css and js file.
|
|
|
|
Working version running at:
|
|
<https://www.idotj.com>
|
|
|
|
Source code running at:
|
|
<https://codepen.io/ipuntoj/pen/MWppNGL>
|
|
|
|
## 🗂️ User guide
|
|
|
|
Just copy both files (.css and .js) in your project
|
|
|
|
```
|
|
<link rel="stylesheet" href="mastodon-timeline.css">
|
|
```
|
|
|
|
```
|
|
<script src='mastodon-timeline.js'></script>
|
|
```
|
|
|
|
and add the following structure in your html page:
|
|
|
|
```
|
|
<div id="mt-timeline" class="mt-timeline">
|
|
<div id="mt-body" class="mt-body">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
```
|
|
|
|
Then you just need to change the profile info.
|
|
At the beginning of the JS file *mastodon-timeline.js* replace the following values:
|
|
|
|
```
|
|
instance_uri: 'The Mastodon instance',
|
|
account_id: 'Your user ID on Mastodon instance',
|
|
profile_name: 'Your user name on Mastodon instance',
|
|
```
|
|
|
|
If you don't find your user_id, just copy your @profile_name and @instance_uri here:
|
|
[https://prouser123.me/mastodon-userid-lookup/](https://prouser123.me/mastodon-userid-lookup/){:target="_blank"}
|
|
|
|
## 🚀 Improve me
|
|
|
|
Feel free to add/improve the styles and add more features.
|
|
|
|
## ⚖️ License
|
|
|
|
GNU Affero General Public License v3.0
|