Merge branch 'fix/terminology-userID' into 'master'

Replace account_id terminology for user_id

See merge request idotj/mastodon-embed-feed-timeline!3
This commit is contained in:
i.j 2022-01-22 15:46:04 +00:00
commit 2e5fdad59b
2 changed files with 10 additions and 7 deletions

View File

@ -3,14 +3,15 @@
Embed a mastodon feed timeline in your page, only with a css and js file.
Working version running at:
https://www.idotj.com
<https://www.idotj.com>
Source code running at:
https://codepen.io/ipuntoj/pen/MWppNGL
<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">
```
@ -20,24 +21,26 @@ Just copy both files (.css and .js) in your project
```
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>
</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 have your account_id, a quick search here will do the job:
https://prouser123.me/mastodon-userid-lookup/
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

View File

@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", () => {
container_id: 'mt-timeline',
container_body_id: 'mt-body',
instance_uri: 'https://mastodon.online',
account_id: '180745',
user_id: '180745',
profile_name: '@idotj',
toots_limit: 13,
btn_see_more: 'See more posts at Mastodon'