kunjinkao/mastodon-embed-timeline
1
0
Fork 0
forked from mirror/mastodon-embed-timeline
Code Pull Requests Activity

Replace account_id terminology for user_id

Browse Source
This commit is contained in:
idotj 2022-01-22 16:44:26 +01:00
parent a2710e92b8
commit fb94f9169b
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
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,6 +21,7 @@ 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">
@ -30,14 +32,15 @@ and add the following structure in your html page:
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'