Instance Name Tickers put on the Mastodon Toot
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
LICENSE
MastodonInstanceTicker.user.js
README.md

README.md

インスタンス・ティッカー - Mastodon #InstanceTicker

"Mastodon #InstanceTicker" とは、Mastodon Timeline 上の投稿者に所属インスタンス名を彩る "Custom CSS" です。

概要 - Description

  • Mastodon #InstanceTicker とは、とにかく Mastodon 用に使う "Custom CSS" です。
  • この Custom CSS を Mastodon に、組み込むと Timeline 上の投稿者たちに、所属インスタンス名を彩ることができます。
  • 彩ることができるインスタンスのリストは、こちらのページの下にあります。
  • ご質問・ご連絡は、@weep@weep.me に メーション or DM するか、#InstanceTicker のハッシュタグを付けてトゥートして下さい。

デモ - Demo

競合ツールとの比較 - VS.

似たようなものあったら、むしろおせーてください。。。

要件 - Requirement

  • 使用アイコンの全ては、weep が 1から打ち込んだ 16-128 x 16 ドット絵ですが、分散SNSロゴイラストおよび、各インスタンスさんで使用されてる看板イラストを基にして作成しており、少なくとも基になったイラスト著作者に著作権がありますので、こちらのページの下のリスト右側にある画像の title 属性に基になったイラストの著作者等の説明がありますので、それを参照して下さい(情報は随時更新されます)。
  • イラスト著作者の方で使用が認められない際は、至急ご連絡下さい(連絡先は先述の概要を参照)。

インストール - Install

一般ユーザー様用の導入方法 - For Mastodon user

Tampermonkey 推奨です。 (Violentmonkey では、正常に動作しないことを確認。)

導入 - Usage

インスタンス管理者様用の導入方法 - For Mastodon admin

カスタムCSS にコピペして直接入れる場合

※CSP (Content-Security-Policy) の対策ができない環境の方(masto.host や hostdon.jp 等の「ホスティング型」など)用。 ※随時手動でコピペして更新する必要がありますが、この方法は確実に導入できます(おいらのCDN鯖が落ちても安心)。

<style>~</style>に CSS を入れる場合

※Mastodon Version 2.6.0 以降からは、 CSP (Content-Security-Policy) が導入されたため、その辺の対策が必須です。 ※Mastodon Version 2.5.x では、CSP (Content-Security-Policy) が導入されてないため、その心配はありませんが。。。 ※キャッシュが残ってる場合は ~.css?適当な英数字 にしてください。

  • 通常版
@import url("https://cdn.weep.me/mastodon/css/InstanceTicker.css");
  • 軽量版 ※キャッシュが残ってる場合は ~.css?適当な英数字 にしてください。
@import url("https://cdn.weep.me/mastodon/css/lite.css");

<head>~</head> に CSS を入れる場合

※Mastodon Version 2.6.0 以降からは、 CSP (Content-Security-Policy) が導入されたため、その辺の対策が必須です。 ※Mastodon Version 2.5.x では、CSP (Content-Security-Policy) が導入されてないため、その心配はありませんが。。。

  • 通常版 ※キャッシュが残ってる場合は ~.css?適当な英数字 にしてください。
<link rel="stylesheet" media="all" href="https://cdn.weep.me/mastodon/css/InstanceTicker.css">
  • 軽量版 ※キャッシュが残ってる場合は ~.css?適当な英数字 にしてください。
<link rel="stylesheet" media="all" href="https://cdn.weep.me/mastodon/css/lite.css">

貢献について - Contribution

  • weepjp は、からっきしの GitHub 初心者であり、あらゆる機能について網羅しておらず、右も左も分かりません。
  • 少しずつ覚えていきますので、お手柔らかにお願いします。

ライセンス - Licence

謝辞 - Acknowledgements

  • 当 CSS 作成・配信にあたり、きっかけとなり、基礎になったのは、「小田急don」で使用されてる「カスタムCSS」であり、これがなければ、こんにちの「#InstanceTicker」は存在しえません。
  • 「改造」から「CSS配信」「ブラウザ拡張用途」「GitHub での公開」に至るまで、快く了解してくださった「小田急don」の管理者の きょり/わんせた さんには、この場を借りて感謝致します。

投稿者 - Author