mirror/mastodon-embed-timeline
1
0
Fork 1
mirror of https://gitlab.com/idotj/mastodon-embed-timeline.git synced 2025-05-24 08:52:46 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@ -3,14 +3,15 @@
Embed a mastodon feed timeline in your page, only with a css and js file. Embed a mastodon feed timeline in your page, only with a css and js file.
Working version running at: Working version running at:
https://www.idotj.com <https://www.idotj.com>
Source code running at: Source code running at:
https://codepen.io/ipuntoj/pen/MWppNGL <https://codepen.io/ipuntoj/pen/MWppNGL>
## 🗂️ User guide ## 🗂️ User guide
Just copy both files (.css and .js) in your project Just copy both files (.css and .js) in your project
``` ```
<link rel="stylesheet" href="mastodon-timeline.css"> <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: and add the following structure in your html page:
``` ```
<div id="mt-timeline" class="mt-timeline"> <div id="mt-timeline" class="mt-timeline">
<div id="mt-body" class="mt-body"> <div id="mt-body" class="mt-body">
<div class="loading-spinner"></div> <div class="loading-spinner"></div>
</div> </div>
</div> </div>
``` ```
Then you just need to change the profile info. Then you just need to change the profile info.
At the beginning of the JS file *mastodon-timeline.js* replace the following values: At the beginning of the JS file *mastodon-timeline.js* replace the following values:
``` ```
instance_uri: 'The Mastodon instance', instance_uri: 'The Mastodon instance',
account_id: 'Your user ID on Mastodon instance', account_id: 'Your user ID on Mastodon instance',
profile_name: 'Your user name 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 ## 🚀 Improve me

2
src/mastodon-timeline.js
View File

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