clarify tampermonkey prerequisite

This commit is contained in:
Holly 2021-05-09 06:37:46 +00:00
parent f40932c66a
commit 32c27201d8
2 changed files with 72 additions and 66 deletions

View File

@ -11,18 +11,24 @@
<figure><img src="ria.png" alt="The userscript in action, suspending badfaith.instance." /><figcaption>Quickly suspend or silence remote instances from the Mastodon frontend</figure> <figure><img src="ria.png" alt="The userscript in action, suspending badfaith.instance." /><figcaption>Quickly suspend or silence remote instances from the Mastodon frontend</figure>
<h2>Installation Form</h2> <div id="prereqs"><h2>Prerequisites</h2>
<p>Ensure Tampermonkey is installed: <a href="https://www.tampermonkey.net/">Tampermonkey Home Page</a> <a href="https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo">Chrome Extension</a> <s><a href="https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/">Firefox Add-On</a></s></p>
<p>At time of writing, the script doesn't work in Firefox and I haven't the foggiest idea why. Working on it.</p></div>
<div id="installation"><h2>Installation Form</h2>
<h5 id="whyformlink"><a href="#whyform">Why?</a></h5> <h5 id="whyformlink"><a href="#whyform">Why?</a></h5>
<form id="install-form" action="remote_instance_actions.user.js" method="get"> <form id="install-form" action="remote_instance_actions.user.js" method="get">
<p>Enter each instance you wish to use the script on. This should be just "domain.tld", no extra formatting. One domain per line.</p> <p>Enter each instance you wish to use the script on. This should be just "domain.tld", no extra formatting. One domain per line.</p>
<textarea id="instance-input" placeholder="glaceon.social"></textarea><br> <textarea id="instance-input" placeholder="glaceon.social"></textarea><br>
<input id="install-button" type="submit" value="Install"> <input id="install-button" type="submit" value="Install">
</form> </form></div>
<hr> <hr>
<h2>FAQ</h2> <div id="faq"><h2>FAQ</h2>
<h3>What's this?</h2> <h3>What's this?</h2>
@ -36,11 +42,7 @@
<p>A userscript is sort of like a browser extension, but smaller! Just a little bit of Javascript code that gets run on certain pages to enhance the experience.</p> <p>A userscript is sort of like a browser extension, but smaller! Just a little bit of Javascript code that gets run on certain pages to enhance the experience.</p>
<p>If you're asking this question, you should probably know that you do actually need a browser extension to run userscripts. The most popular and feature-complete one by far (as well as the one this userscript was tested with!) is Tampermonkey.</p> <p>Of course, most browsers do actually need a browser extension to run userscripts. The most popular and feature-complete one by far (as well as the one this userscript was tested with!) is Tampermonkey.</p>
<p><a href="https://www.tampermonkey.net/">Tampermonkey Home Page</a> <a href="https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo">Chrome Extension</a> <s><a href="https://addons.mozilla.org/en-US/firefox/addon/tampermonkey/">Firefox Add-On</a></s></p>
<p>At time of writing, the script doesn't work in Firefox and I haven't the foggiest idea why. Working on it.</p>
<div id="whyform"><h3>It's just a userscript? Why the complex installation process?</h3> <div id="whyform"><h3>It's just a userscript? Why the complex installation process?</h3>
@ -54,13 +56,13 @@
<h3>Can I see the source code?</h3> <h3>Can I see the source code?</h3>
<p>Well, your browser will show you the code before installing, but if you want to inspect it beforehand it's available on <a href="https://git.hollymcfarland.com/monorail/remote_instance_actions">my gitea instance</a>. <p>Well, your browser will show you the code before installing, but if you want to inspect it it's available on <a href="https://git.hollymcfarland.com/monorail/remote_instance_actions">my gitea instance</a>.
<h3>How can I contact you?</h3> <h3>How can I contact you?</h3>
<p>If you're on the fediverse, I can be found at <a href="https://glaceon.social/@monorail">@monorail@glaceon.social</a>.</p> <p>If you're on the fediverse, I can be found at <a href="https://glaceon.social/@monorail">@monorail@glaceon.social</a>.</p>
<p>If you aren't... How exactly did you get here?</p> <p>If you aren't... How exactly did you get here?</p></div>
</body> </body>
</html> </html>

View File

@ -15,6 +15,10 @@ body {
} }
*/ */
#prereqs {
text-align: center;
}
footer { footer {
padding: 0 4em; padding: 0 4em;
font-size: 10pt; font-size: 10pt;