ok NOW it's fixed

index.html

@@ -1,12 +1,9 @@
 <h1 id="an-increasingly-less-brief-guide-to-mastodon">An Increasingly Less-Brief Guide to <a href="https://joinmastodon.org">Mastodon</a></h1>
-<p style="text-align:center;">
-<h1>
-DON'T PANIC.
-</h1>
-</p>
-<p><strong>Mastodon has several important differences from Twitter, but you'll get used to it.</strong> I've tried to mark all of the important differences with the :bangbang: emoji; forgive me if I missed some. It's been a while since I've been on Twitter!</p>
+<p style="text-align:center;"><h1>DON'T PANIC.</h1></p>
+
+<p><strong>Mastodon has several important differences from Twitter, but you'll get used to it.</strong> I've tried to mark all of the important differences with the <span class="emoji" data-emoji="bangbang">‼️</span> emoji; forgive me if I missed some. It's been a while since I've been on Twitter!</p>
 <p>I've done my best to make this understandable, but you're welcome to suggest changes! If you have a Github account, you can submit change requests directly; otherwise, feel free to contact me <a href="https://elekk.xyz/@noelle">on Mastodon</a> or by email at <code>noelle AT noelle.codes</code>.</p>
-<p>When linking to this page, please use the link http://guidetomastodon.com, and please credit <span class="citation" data-cites="Noelle">[@Noelle@elekk.xyz]</span>(https://elekk.xyz/<span class="citation" data-cites="noelle">@noelle</span>). Thank you!</p>
+<p>When linking to this page, please use the link <a href="http://guidetomastodon.com">http://guidetomastodon.com</a>, and please credit <a href="https://elekk.xyz/@noelle">@Noelle@elekk.xyz</a>. Thank you!</p>
 <h2 id="table-of-contents">Table of Contents</h2>
 <ul>
 <li><a href="#what-is-mastodon">What is Mastodon?</a></li>
@@ -59,12 +56,12 @@ DON'T PANIC.
 <p>Mastodon's statuses are called "toots", like Twitter's are called "tweets". A toot can be up to 500 characters long.</p>
 <p>Mastodon also supports hashtags, which are words prefixed by #, like "#gaming" or "#pineapple". You can click on a hashtag to search for other posts containing that tag.</p>
 <h2 id="how-is-it-like-email">How is it like email?</h2>
-<p>:bangbang: Each Mastodon instance is independent but networked, like email servers. If you sign up for an email account on gmail.com, you don't automatically have an account on hotmail.com or aol.com, but you can send and receive messages to and from users on hotmail.com and aol.com.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Each Mastodon instance is independent but networked, like email servers. If you sign up for an email account on gmail.com, you don't automatically have an account on hotmail.com or aol.com, but you can send and receive messages to and from users on hotmail.com and aol.com.</p>
 <p>Likewise, if you sign up for an account on mastodon.social, that doesn't make an account for you on every other instance, but you can talk to users from other instances and they can talk to you.</p>
-<p>You can make accounts on multiple instances if you want to talk about different things separately. You could have an account on https://hackers.town to talk about technology, an account on https://elekk.xyz to talk about gaming, and an account on https://mastodon.online for general chatter. You have to sign into each account separately and keep each open in a separate browser tab or window. (The various mobile apps all allow multiple accounts, too.)</p>
+<p>You can make accounts on multiple instances if you want to talk about different things separately. You could have an account on <a href="https://hackers.town">https://hackers.town</a> to talk about technology, an account on <a href="https://elekk.xyz">https://elekk.xyz</a> to talk about gaming, and an account on <a href="https://mastodon.online">https://mastodon.online</a> for general chatter. You have to sign into each account separately and keep each open in a separate browser tab or window. (The various mobile apps all allow multiple accounts, too.)</p>
 <p><strong>Keep in mind that in general, when talking about Mastodon, "instance" and "server" mean the same thing.</strong></p>
 <h2 id="how-is-it-not-like-either-of-those-or-what-are-the-local-and-federated-timelines">How is it not like either of those; or, What are the Local and Federated Timelines?</h2>
-<p>:bangbang: Mastodon has two additional timelines that you can view: the Local timeline and the Federated timeline.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Mastodon has two additional timelines that you can view: the Local timeline and the Federated timeline.</p>
 <p>The Local timeline is every post with a public status posted by users on your instance, with the exception of replies. (A reply is any toot posted in response to another toot - NOT any toot that simply mentions another user!)</p>
 <p>The Federated timeline is every post with a public status posted by any user that your instance knows about, even from other instances. Your instance knows about a remote user if at least one user on your instance has EVER followed them.</p>
 <p>The Local and Federated timelines can turn into firehoses sometimes. Be careful!</p>
@@ -72,7 +69,7 @@ DON'T PANIC.
 <p><del>Unfortunately, no one can be told what the Fediverse is</del></p>
 <p>The Fediverse is the vast array of servers that communicate via the ActivityPub or OStatus protocols. (Generally speaking, unless you're making or editing software to interact with the fediverse, you don't need to know what those are.) There are lots of different kinds of server software on the fediverse, like Pixelfed, Pleroma, Misskey, or WriteFreely. Mastodon is one of the most popular of these, and it's what this guide is about. If you're using one of the others, this guide probably won't help you much.</p>
 <h2 id="how-do-i-establish-my-brands-presence-on-mastodon">How do I establish my brand's presence on Mastodon?</h2>
-<p>:bangbang: The short answer: <strong>Very carefully.</strong></p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> The short answer: <strong>Very carefully.</strong></p>
 <p>We've had fifteen years of Twitter, Facebook, and heaven knows how many other social media platforms becoming platforms for Search Engine Optimization, Brand Awareness, and Corporate Synergy, and I'll be blunt: most of us are really, really tired of it.</p>
 <p>Mastodon isn't about leveraging followers into customers. It's not about SEO or brand loyalty. <strong>Mastodon is about people.</strong> Don't treat people like potential customers who might buy your stuff; treat them like <em>people</em> whom you might want to get to know.</p>
 <p>If you're a person who makes or does something and you think someone might want to buy your product or use your service, great! You can tell people about it - just <em>treat them like people</em>, not marketing targets.</p>
@@ -82,7 +79,7 @@ DON'T PANIC.
 <p>Mastodon doesn't really work like that. If we're going to have a Mastodon presence, it needs to be one person who's free to <em>be</em> a person on that account, instead of a corporate mouthpiece. That means the person on the Mastodon account isn't going to get along with everybody (although they should certainly try to) and is going to treat other users like they're people instead of marketing targets. If you're okay with that, then I'll get right on it. If not, then you need to do some more research into Mastodon before you establish a presence there.</p>
 </blockquote>
 <h2 id="how-do-i-get-verified-on-mastodon">How do I get verified on Mastodon?</h2>
-<p>:bangbang: There's no such thing as a verified account on Mastodon. We assume you are who you say you are. If you see someone with a checkmark by their name (like :white_check_mark:), they've just typed that emoji into their display name.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> There's no such thing as a verified account on Mastodon. We assume you are who you say you are. If you see someone with a checkmark by their name (like <span class="emoji" data-emoji="white_check_mark">✅</span>), they've just typed that emoji into their display name.</p>
 <p>If someone's impersonating you, contact the admin of the instance they're on to get it sorted out.</p>
 <h2 id="okay-how-do-i-let-people-know-that-i-am-who-i-say-i-am">Okay, how do I let people know that I am who I say I am?</h2>
 <p>Mastodon instances will allow you to add metadata to your profile - up to four items displayed in a table on your profile page that don't count against the length of your profile text. If you use these fields to link to your other websites, some instances will allow you to verify that you <em>own</em> those websites by providing a link on those websites back to your Mastodon account. For instance, if you have a personal website, you can include the link to your website in your Mastodon metadata, and then include a link to your Mastodon account in the header of your website, and Mastodon will verify that you're the person who owns your website.</p>
@@ -94,7 +91,7 @@ DON'T PANIC.
 <p>(<em>A brief note about mastodon.social: it <strong>is</strong> the largest general-purpose instance (the largest overall is a Japanese-language instance, <a href="https://mstdn.jp">mstdn.jp</a>). Many people go there and never check out other instances. If you make an account on mastodon.social, consider treating it as a temporary waypoint while you find an instance that better fits your needs and interests. Once you've found one, you can export all the people you're following, muting, and blocking on mastodon.social and import them at your new account, so you don't have to go around and find everybody again.</em>)</p>
 <p>If you've already registered on an instance but you're not sure if it's a good fit for you, try asking around for instances where you might be a better fit. Also, try searching for a #hashtag that interests you; if you see a lot of people on one instance talking about that subject, it might be a good place for you to check out.</p>
 <p>You can also try the instance picker on <a href="https://joinmastodon.org/communities">joinmastodon.org</a> or the wizard at <a href="https://instances.social/">instances.social</a>, although these have <em>lots</em> of instances listed and you might be overwhelmed. Take it slow and easy.</p>
-<h2 id="ive-found-another-instance-i-like-better.-can-i-move-my-account">I've found another instance I like better. Can I move my account?</h2>
+<h2 id="ive-found-another-instance-i-like-better-can-i-move-my-account">I've found another instance I like better. Can I move my account?</h2>
 <p>Yes and no.</p>
 <p>There are two ways to accomplish this: you can <strong>redirect</strong> your account or <strong>migrate</strong> your account.</p>
 <p>If you <strong>redirect</strong> your account, your old account will have a redirection notice added to it, and you won't be able to fully use it (I believe this mostly means you won't be able to post from it anymore). You'll still be able to export your account's data, and you can reactivate your account at any time. Users who go to your old account's profile will be told that they can find you at your new account. Nothing else will be transferred automatically. You can do this by going to <code>[your server]/settings/migration/redirect/new</code> (for example, elekk.xyz/settings/migration/redirect/new). There's also a link on the account migration page. All you have to do is put in the name of the account you're redirecting to and Mastodon will handle the rest.</p>
@@ -102,13 +99,13 @@ DON'T PANIC.
 <p>If you <strong>migrate</strong> your account, all the same things will happen as redirecting your account. <strong>In addition</strong>, all of your followers will be moved to your new account (so nobody has to find and re-follow you). You <em>can</em>, in addition, manually move your follows, lists, blocks, mutes, domain blocks, and bookmarks over, but the system won't automatically do that for you.</p>
 <p><strong>In neither case will your posts move over. You'll be starting with an empty post history on your new account.</strong></p>
 <p>Here are the steps for <strong>migrating</strong> your account, including optional steps. (It looks like a lot of steps, but I've split some things up to make the instructions easier to follow.)</p>
-<ol type="1">
+<ol>
 <li>Create your <strong>new</strong> account. This can be on the same instance you're on now, or on a different instance.</li>
 <li>On your <strong>new</strong> account, click <code>Preferences</code> in the right-hand Getting Started panel, then go to <code>Profile &gt; Appearance</code>. Below your header and profile picture, make sure <strong>Require follow requests</strong> is <em>unchecked</em>. (If it's checked, you'll have to manually approve every follower the automated process tries to bring over.) Click <strong>Save changes</strong> at the top or bottom of the page if you had to uncheck the box.</li>
 <li>On your <strong>new</strong> account, in Preferences, go to <code>Account &gt; Account Settings</code>. At the bottom of that page, under the <code>Moving from a different account</code> header, click "<strong>create an account alias</strong>".</li>
 <li>Type in the <code>username@instance</code> of the <strong>old</strong> account (for example, <code>noelle@elekk.xyz</code>) and click "<strong>Create Alias</strong>".</li>
 <li>(Optional) On your <strong>old</strong> account, in Preferences, go to <code>Import and export &gt; Data export</code>.</li>
-<li>(Optional) You'll see a list of account... statistics, I guess? Next to "Follows", "Lists", "You block", "You mute", "Domain blocks", and "Bookmarks", you'll see :arrow_down:<code>CSV</code>. Click that for each thing you want to move over to your new account; this will download a list of each of those in a standardized format. Make a note of where the downloads go.</li>
+<li>(Optional) You'll see a list of account... statistics, I guess? Next to "Follows", "Lists", "You block", "You mute", "Domain blocks", and "Bookmarks", you'll see <span class="emoji" data-emoji="arrow_down">⬇️</span><code>CSV</code>. Click that for each thing you want to move over to your new account; this will download a list of each of those in a standardized format. Make a note of where the downloads go.</li>
 <li>(Optional) On your <strong>new</strong> account, in Preferences, go to <code>Import and export &gt; Import</code>. For each of the files you just downloaded (except Lists, which doesn't have an import function yet):</li>
 </ol>
 <ul>
@@ -117,22 +114,22 @@ DON'T PANIC.
 <li>Select "<strong>Merge</strong>", if it's not already selected.</li>
 <li>Click "<strong>Upload</strong>".</li>
 </ul>
-<ol start="8" type="1">
+<ol start="8">
 <li>On your <strong>old</strong> account, in Preferences, go to <code>Account &gt; Account Settings</code>. Near the bottom of that page, under the <code>Move to a different account</code> header, click "<strong>configure it here</strong>".</li>
 <li>Enter the <code>username@instance</code> of your <strong>new</strong> account, along with the password for your <strong>old</strong> account. This verifies that you're the owner of the account (in case you forgot to log out and someone else is using the computer). Then click "<strong>Move Followers</strong>".</li>
 </ol>
 <p>And you're done! Please note that it might take a while to migrate everything over and to import everything you've uploaded, especially if you're moving to or from a large or old server.</p>
-<p>:bangbang: <strong>Important</strong>: This process is the closest thing Mastodon has to changing your username.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> <strong>Important</strong>: This process is the closest thing Mastodon has to changing your username.</p>
 <p>Special thanks to <a href="https://peoplemaking.games/@esdin">Ted</a> and arachnomyrmex for helping me make sure I got this right!</p>
 <h2 id="how-can-i-change-my-username">How can I change my username?</h2>
-<p>:bangbang: The short version: you can't. Once you choose a username for your account, it's immutable, so choose wisely.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> The short version: you can't. Once you choose a username for your account, it's immutable, so choose wisely.</p>
 <p>The long version: The only way to kind of change your username is to migrate your account (see above), but again, you won't take your post history with you no matter what you do.</p>
 <p>Some enterprising admins have tried changing someone's username directly in the database (at their request), and for whatever reason, doing so breaks federation for that account; they can no longer reliably send messages to other instances or receive mentions.</p>
 <h2 id="how-do-i-mention-someone-whos-not-on-my-instance">How do I mention someone who's not on my instance?</h2>
-<p>:bangbang: Mastodon usernames take the form <span class="citation" data-cites="*username">@*username</span><em><span class="citation" data-cites="*instance">@*instance</span></em>. My account on mastodon.social is @<span>noelle</span><span class="citation" data-cites="mastodon.social">@mastodon.social</span>; my account on elekk.xyz is @<span>noelle</span><span class="citation" data-cites="elekk.xyz">@elekk.xyz</span>. If you're mentioning someone on a different instance, you have to type the whole thing (although the toot input box will help you auto-complete the username if it's a name the instance knows already).</p>
-<p>If you're mentioning someone on your own instance, you just have to type the first part; if you're on elekk.xyz, <span class="citation" data-cites="noelle">@noelle</span> will get to me just like @<span>noelle</span><span class="citation" data-cites="elekk.xyz">@elekk.xyz</span> will. If you leave off the "<span class="citation" data-cites="*instance">@*instance</span>*" Mastodon understands that you want to talk to the local user.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Mastodon usernames take the form @<em>username</em>@<em>instance</em>. My account on mastodon.social is @<span>noelle</span>@mastodon.social; my account on elekk.xyz is @<span>noelle</span>@elekk.xyz. If you're mentioning someone on a different instance, you have to type the whole thing (although the toot input box will help you auto-complete the username if it's a name the instance knows already).</p>
+<p>If you're mentioning someone on your own instance, you just have to type the first part; if you're on elekk.xyz, @noelle will get to me just like @<span>noelle</span>@elekk.xyz will. If you leave off the "@<em>instance</em>" Mastodon understands that you want to talk to the local user.</p>
 <h2 id="what-are-the-rules">What are the rules?</h2>
-<p>The rules depend on which instance you're on. Each instance has a page at https://<span><em>instance</em></span>/about/more that usually contains more information about the instance and often describes the community guidelines. For example, mastodon.social has its community guidelines posted at https://mastodon.social/about/more .</p>
+<p>The rules depend on which instance you're on. Each instance has a page at https://<span><em>instance</em></span>/about/more that usually contains more information about the instance and often describes the community guidelines. For example, mastodon.social has its community guidelines posted at <a href="https://mastodon.social/about/more">https://mastodon.social/about/more</a> .</p>
 <p>Keep in mind that these are usually guidelines and not hard-and-fast rules. Since each instance is run by a separate team of moderators - often just one person! - they have the final say over what's allowed and not allowed on their instance. Your instance admins might even go so far as to block an entire other instance if their users turn out to be incompatible with your instance's values and the other instance's moderators won't help.</p>
 <h2 id="what-if-i-see-someone-breaking-the-rules">What if I see someone breaking the rules?</h2>
 <p>If you see someone breaking the rules, you can send a report. Click on the <code>...</code> under the offending post, and select <code>Report @user</code> (which is usually at the very bottom of that menu). This will bring up a window where you can select additional recent posts from that user, if you need to, and also type out a <em>reason</em> for the report, so that the moderator who receives the report will understand why you sent it.</p>
@@ -140,7 +137,7 @@ DON'T PANIC.
 <p><strong>The moderators and administrators of <em>your</em> instance will be able to see that it was you who sent the report. If you forward the report to a remote user's instance, the moderators and administrators of that instance <em>will not</em> be able to see who sent the report — only that it came from your instance.</strong></p>
 <p>By default, you will not get any notification about actions that any moderators or administrators take in response to your reports. You can ask them, but be prepared to hear something like "we don't comment on how we resolve reports".</p>
 <h2 id="what-are-the-different-kinds-of-posts">What are the different kinds of posts?</h2>
-<p>:bangbang: Mastodon (and other fediverse) posts can be chained together in different ways. I use three terms to refer to different kinds of posts. These might not be the terms other people use.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Mastodon (and other fediverse) posts can be chained together in different ways. I use three terms to refer to different kinds of posts. These might not be the terms other people use.</p>
 <ul>
 <li><strong>Stand-alone posts</strong> are posts that are not replies to any other post. (That is, you did not click on the Reply button to start the post.) They are at the head of a chain. You can include people's usernames in stand-alone posts to tag them; doing that does not make the post a reply. <strong>For example:</strong> You use the standard compose box ("What's on your mind?" in the default Mastodon settings) to create a new post.</li>
 <li><strong>Self-replies</strong> are posts that are a direct reply to <em>one of your own</em> stand-alone posts or another self-reply. Again, they can include references to another person. You can continue to reply to your own posts as long as you like, and <em>as long as someone else's post isn't above what you're currently writing in the chain</em>, they'll continue being self-replies. <strong>For example:</strong> You click on the reply button on one of your own stand-alone posts to reply to yourself, then click on the reply button on <em>that</em> post to reply to yourself again.</li>
@@ -153,7 +150,7 @@ DON'T PANIC.
 <li><strong>Public</strong> means that everyone can see your post. It will appear on your list of posts and in your followers' Home timelines. Your <em>stand-alone posts</em> and <em>self-replies</em> that are public will appear in your list of toots, in your followers' Home timelines, in the public local and federated timelines, and in the Mentions of anyone you mention by username. Your <em>replies</em> that are public will appear in your list of <em>toots and replies</em> (<em>not</em> the primary list of toots; it's a separate list!), in the Home timelines of any of your followers who <em>also</em> follow the person you're replying to, and in the Mentions of anyone you mention by username.</li>
 <li><strong>Unlisted</strong> means that everyone can see your post, but it won't appear on the public timelines - either Local or Federated. Other than that, Unlisted posts behave exactly like Public posts.</li>
 <li><strong>Followers-Only</strong> means that only people who follow you and people mentioned in the post can see your post in their timelines or on your profile page. If someone who doesn't follow you views your profile, they won't see your followers-only posts. <em>For your followers</em>, followers-only posts behave exactly like Unlisted posts. <strong>Your followers-only posts that mention another user will also appear in that user's mentions, even if they don't follow you!</strong></li>
-<li>:bangbang: <strong>Mentioned People Only</strong> means exactly that: only people who are mentioned in your post can see it, and <strong>every</strong> person who's mentioned can see it (unless they've blocked or muted you). It will appear in their mentions and, on Mastodon servers above version 3.0, will appear in their Direct Messages column.</li>
+<li><span class="emoji" data-emoji="bangbang">‼️</span> <strong>Mentioned People Only</strong> means exactly that: only people who are mentioned in your post can see it, and <strong>every</strong> person who's mentioned can see it (unless they've blocked or muted you). It will appear in their mentions and, on Mastodon servers above version 3.0, will appear in their Direct Messages column.</li>
 </ul>
 <p>Keep in mind that some servers, which run software that's compatible with but not the same as Mastodon, will ignore these privacy settings if you send a message to their users, so be careful!</p>
 <h2 id="how-private-is-private">How private is "Private"?</h2>
@@ -171,7 +168,7 @@ DON'T PANIC.
 <p>Yes and no.</p>
 <p>With a locked account, you get to approve who can follow you <em>through the Mastodon interface</em>. This means that only the people you approve will be able to see your <strong>followers-only</strong> posts. Your <strong>unlisted</strong> posts will still show up on your profile, and your <strong>public</strong> posts will still show up on your profile and on the local and federated timelines.</p>
 <p><strong>However.</strong></p>
-<p>:bangbang: Every Mastodon account (on an unmodified server) also creates an RSS feed of their public and unlisted posts - i.e. the posts that appear on the account's profile. It does not include followers-only toots or direct messages, and if you've <a href="#what-does-cw-mean">put a CW on a toot</a>, only the CW appears in the RSS feed, not what's underneath it.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Every Mastodon account (on an unmodified server) also creates an RSS feed of their public and unlisted posts - i.e. the posts that appear on the account's profile. It does not include followers-only toots or direct messages, and if you've <a href="#what-does-cw-mean">put a CW on a toot</a>, only the CW appears in the RSS feed, not what's underneath it.</p>
 <p>Your RSS feed appears at <code>https://&lt;your-server&gt;/users/&lt;your-username&gt;.rss</code> ; for example, since I'm <code>https://elekk.xyz/@noelle</code>, my RSS feed is <code>https://elekk.xyz/users/noelle.rss</code> . (Remember to remove the <code>@</code>!)</p>
 <p><strong>Anyone can subscribe to these feeds using an RSS reader to see your public and unlisted posts when you post them.</strong> You can't control who can see these feeds, but they do not (and, by design, cannot) contain your followers-only or private toots. <em>If you only post followers-only toots, your RSS feed will be empty.</em></p>
 <p>Remember, you can set the default privacy level for your posts under <strong>Preferences &gt; Other &gt; Posting Privacy</strong>. If you have a locked account, you might prefer to set that default to followers-only so you have to make an active effort to post an unlisted or public toot.</p>
@@ -201,7 +198,7 @@ DON'T PANIC.
 <p>Don't go overboard with hashtags. As a guideline, your hashtags probably shouldn't be more than 10% of the total length of your toot. If you find yourself going over that, you might be spreading things a bit too thin.</p>
 <p>† <em>This was actually the original intent of hashtags, but the usage has moved on since then.</em></p>
 <h2 id="what-does-cw-mean">What does "CW" mean?</h2>
-<p>:bangbang: CW stands for Content Warning. It hides your post behind text (which you get to choose); it's like a Read More link.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> CW stands for Content Warning. It hides your post behind text (which you get to choose); it's like a Read More link.</p>
 <p>You might use CWs for:</p>
 <ul>
 <li>Politics</li>
@@ -225,29 +222,29 @@ DON'T PANIC.
 </ul>
 <p>In general, just use your best judgment; think "is there a reason someone might not want to see this?". You have the opportunity to take an extra moment and make the fediverse a nicer place for people to be. Why wouldn't you take that opportunity?</p>
 <p><strong>An important note:</strong> Mastodon <em>does not</em> track hashtags that are in the text of a CW. Mastodon <em>does</em> track hashtags that are <em>under</em> a CW. Always put your hashtags in the body of your toot, never in the content warning.</p>
-<h2 id="i-just-attached-a-picture-to-my-toot.-whats-with-the-new-eye-icon">I just attached a picture to my toot. What's with the new 'eye' icon?</h2>
-<p>:bangbang: Clicking that will hide your image behind a "Sensitive content" overlay. This is good for nudity, gore and violence, political topics, etc.</p>
+<h2 id="i-just-attached-a-picture-to-my-toot-whats-with-the-new-eye-icon">I just attached a picture to my toot. What's with the new 'eye' icon?</h2>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Clicking that will hide your image behind a "Sensitive content" overlay. This is good for nudity, gore and violence, political topics, etc.</p>
 <p>You'll notice that if you have both an image and a CW on a toot, the "Sensitive content" overlay is turned on automatically and can't be turned off. That's on purpose.</p>
-<h2 id="i-just-attached-a-picture-to-my-toot.-how-can-i-add-a-caption-to-it">I just attached a picture to my toot. How can I add a caption to it?</h2>
-<p>:interrobang: When you attach an image, you'll see "Edit" (plus a pencil icon) at the top right of the image. Clicking this will pop up a dialog box that lets you determine what part of the image should show in the preview; it also allows you to set alt-text for the image, which people can read if they mouse over the text, and which screen-readers (such as for the visually-impaired) can read instead of just saying "embedded image".</p>
-<p>For images that are largely text (for example, a screenshot of a Tumblr post), Mastodon has built-in optical character recognition (OCR) and can often transcribe the image for you, although you should probably double-check the transcription to make sure it's accurate. If, for some reason, your instance's OCR isn't working, you can use an online tool like <a href="https://www.onlineocr.net">Online OCR</a> to transcribe your image. And if all else fails, there are OCRBots on the fediverse that will reply to your post with a transcription if you <span class="citation" data-cites="mention">@mention</span> them.</p>
+<h2 id="i-just-attached-a-picture-to-my-toot-how-can-i-add-a-caption-to-it">I just attached a picture to my toot. How can I add a caption to it?</h2>
+<p><span class="emoji" data-emoji="interrobang">⁉️</span> When you attach an image, you'll see "Edit" (plus a pencil icon) at the top right of the image. Clicking this will pop up a dialog box that lets you determine what part of the image should show in the preview; it also allows you to set alt-text for the image, which people can read if they mouse over the text, and which screen-readers (such as for the visually-impaired) can read instead of just saying "embedded image".</p>
+<p>For images that are largely text (for example, a screenshot of a Tumblr post), Mastodon has built-in optical character recognition (OCR) and can often transcribe the image for you, although you should probably double-check the transcription to make sure it's accurate. If, for some reason, your instance's OCR isn't working, you can use an online tool like <a href="https://www.onlineocr.net">Online OCR</a> to transcribe your image. And if all else fails, there are OCRBots on the fediverse that will reply to your post with a transcription if you @mention them.</p>
 <p>Text in the description box has its own character limit of 1,500 characters; it <strong>does not</strong> count against the character limit for your toot!</p>
 <h2 id="why-should-i-add-a-caption-to-my-picture">Why should I add a caption to my picture?</h2>
 <p>In a word: Accessibility.</p>
 <p>Some people who use Mastodon are visually impaired and use screen readers. Some people who use Mastodon have images turned off to conserve their data usage. Sometimes disk errors or server errors happen, or your admin decides to prune old files, and your image just doesn't load anymore. Captioning an image allows people in these conditions to participate in your toots with full context.</p>
 <p>You can also use image captions to insert additional jokes (like webcomics often do) or additional commentary on the image. Take advantage of the fact that image descriptions have their own separate character limit and put whatever you like in there. The sky's the limit.</p>
 <h2 id="how-come-my-friend-on-another-instance-can-use-this-emoji-but-i-cant">How come my friend on another instance can use this emoji, but I can't?</h2>
-<p>:bangbang: :bangbang: Each instance can define custom emoji for their users to use, and many have taken advantage of this. Your instance admin can copy emoji that they like from other instances. If you see an emoji that you like and it's not available on your instance, ask your admin to copy it over.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> <span class="emoji" data-emoji="bangbang">‼️</span> Each instance can define custom emoji for their users to use, and many have taken advantage of this. Your instance admin can copy emoji that they like from other instances. If you see an emoji that you like and it's not available on your instance, ask your admin to copy it over.</p>
 <h2 id="why-cant-i-search-for-a-specific-word-or-phrase">Why can't I search for a specific word or phrase?</h2>
 <p>It's an anti-harassment feature. Harassers often search for particular words or phrases (like "TERF" or "homophobic" or "white supremacy") in order to attack and dogpile people they disagree with. By limiting search to usernames and hashtags, Mastodon allows users to decide how they want their toots to show up in others' searches. (While some Mastodon instances <em>do</em> allow full-text search, you can only search your own toots on those instances. This makes it easier to find something that you posted a while ago without exposing you to harassment.)</p>
 <h2 id="why-cant-i-quote-someones-toot-like-a-quote-tweet">Why can't I quote someone's toot, like a quote-tweet?</h2>
-<p>:bangbang: Like search, it's an anti-harassment feature. If you want to reply to someone's toot, you have to actually reply to it; you can't just broadcast it to your followers with a snarky comment.</p>
+<p><span class="emoji" data-emoji="bangbang">‼️</span> Like search, it's an anti-harassment feature. If you want to reply to someone's toot, you have to actually reply to it; you can't just broadcast it to your followers with a snarky comment.</p>
 <p><em>(Don't try to get around this by screencapping toots and attaching them as images. You <strong>can</strong> do it, but the Mastodon community tends to frown on it and you'll get a bad reputation pretty quickly if you keep it up.)</em></p>
 <h2 id="the-mastodon-culture-seems-pretty-weird">The Mastodon culture seems pretty weird?</h2>
 <p>It can be! But it gets to be a comfortable weirdness.</p>
 <p>Here are some common weirdnesses:</p>
 <ul>
-<li>:pineapple:: nobody really knows. <a href="https://cybre.space/@acw">acw</a> posted it, someone else picked it up, and it's been going ever since. It's just silliness. When in doubt, just post a :pineapple:.</li>
+<li><span class="emoji" data-emoji="pineapple">🍍</span>: nobody really knows. <a href="https://cybre.space/@acw">acw</a> posted it, someone else picked it up, and it's been going ever since. It's just silliness. When in doubt, just post a <span class="emoji" data-emoji="pineapple">🍍</span>.</li>
 <li>AWOO: <a href="https://awoo.space">Awoo.Space</a> was one of the earlier Mastodon instances. "Awoo" is the sound of a wolf howling. It's fun to say. Awoo! (Pawoo.net has nothing to do with this; in Japanese, "pawoo" is the sound of an elephant trumpeting.) Someone got irritated at the awoos and instituted a $350 fine for awooing. Nobody's ever actually paid it, don't worry.</li>
 <li>#gameing: There was (and still is) a perception that #gaming is "hardcore" and elitist, and there were (and are) worries about certain breeds of gamer overrunning the #gaming hashtag. #gameing was a pre-emptive strike; it's about a fun, lighthearted, and accessible approach to games, video and otherwise.</li>
 <li>IT'S BEEN/SOME as CWs: a reference to the Barenaked Ladies song <a href="https://www.youtube.com/watch?v=fC_q9KPczAg"><em>One Week</em></a> and the Smash Mouth song <a href="https://www.youtube.com/watch?v=L_jWHffIx5E"><em>All Star</em></a> respectively. A common meme on Mastodon is to put the first word or two of the song into the CW and then subvert expectations by posting something else under the cut.</li>
@@ -272,11 +269,11 @@ DON'T PANIC.
 <li>"noadvice", as a hashtag or a CW, indicates that the user is just venting and is not looking for help or suggestions. Sympathy and comfort are welcome, though.</li>
 <li>Remember that if someone doesn't reply to you, that doesn't mean they're ignoring you. They might be away from Mastodon; they might have so many notifications that they missed your post; they might have muted the conversation, so your reply didn't even show up! There are many reasons for someone to miss a toot, even one directed at them; don't take it personally.</li>
 </ul>
-<h2 id="i-like-mastodon-but-i-prefer-the-way-twitter-looks.">I like Mastodon but I prefer the way Twitter looks.</h2>
+<h2 id="i-like-mastodon-but-i-prefer-the-way-twitter-looks">I like Mastodon but I prefer the way Twitter looks.</h2>
 <p>You might get some mileage out of <a href="https://pinafore.social/">Pinafore</a>, an interface for Mastodon by <a href="https://toot.cafe/@nolan">Nolan Lawson</a>.</p>
 <p><a href="https://notabug.org/halcyon-suite/halcyon">Halcyon</a> is a web client for Mastodon that replicates the Twitter interface. Since Halcyon is itself open-source software, there are <a href="https://notabug.org/halcyon-suite/halcyon#instances">multiple servers running it</a>; you can choose the one you like. Use your existing Mastodon login when you use Halcyon; for example, if you have an account on elekk.xyz, you would use <code>your-account@elekk.xyz</code> and your Elekk password to log in.</p>
 <p>Remember that Pinafore and Halcyon are third-party clients, and make sure you trust them before you give them your login information!</p>
-<h2 id="i-like-mastodon-but-i-want-to-use-it-on-my-phone.">I like Mastodon but I want to use it on my phone.</h2>
+<h2 id="i-like-mastodon-but-i-want-to-use-it-on-my-phone">I like Mastodon but I want to use it on my phone.</h2>
 <p>Mastodon has a responsive design, so you can use it in your phone's browser. Alternately, there are many apps available for Mastodon, including an official "Mastodon for iPhone" app released in August 2021. On iOS, try <a href="https://apps.apple.com/app/toot/id1229021451?ls=1">Toot!</a>. On Android, try <a href="https://tusky.app/">Tusky</a>.</p>
 <p><em>(NB: I've been told that "Tootdon silently forwards copies of posts you interact as well as the auth token to your account to its to own servers." I don't know if that still holds. As always, be cautious when giving apps your information.)</em></p>
 <h2 id="how-can-i-back-up-my-mastodon-account">How can I back up my Mastodon account?</h2>
@@ -289,17 +286,17 @@ DON'T PANIC.
 <li>If you click 'favorite' on a post from a different server type (Misskey, Pleroma, GNU Social, etc.) it will federate properly. Some of these servers allow multiple response emoji, and each of them selects a generic "favorite" emoji, which will show up on the recipient's post.</li>
 <li>If someone on a different server type selects an emoji to respond to your post, it will federate to you on Mastodon as a favorite, <em>no matter what the emoji is</em>.</li>
 </ul>
-<h2 id="weird-my-server-doesnt-have-a-bunch-of-these-features.">Weird, my server doesn't have a bunch of these features.</h2>
+<h2 id="weird-my-server-doesnt-have-a-bunch-of-these-features">Weird, my server doesn't have a bunch of these features.</h2>
 <p>You might not be on Mastodon! The Fediverse - the vast collection of servers connected by the ActivityPub/OStatus protocol - has a lot of different kinds of servers on it. Your server might be running Pleroma, Misskey, GNU Social, or something else! Unfortunately, I don't know much about them, so you'll have to ask their users for a getting-started guide like this one.</p>
-<h2 id="weird-my-server-has-a-bunch-of-extra-features.">Weird, my server has a bunch of extra features.</h2>
+<h2 id="weird-my-server-has-a-bunch-of-extra-features">Weird, my server has a bunch of extra features.</h2>
 <p>Because <a href="https://github.com/mastodon/mastodon">Mastodon is open source</a>, you can make a copy of it and make any changes you want. Some people have decided to make their changes public; one of the most popular edited versions of Mastodon is <a href="https://glitch-soc.github.io/docs/">Mastodon Glitch Edition</a>, or "glitch-soc". (It's called that, as far as I know, because it originated with the instance <a href="https://glitch.social">glitch.social</a>. Glitch-soc has a bunch of extra features that users often appreciate, like the ability to use Markdown in toots and the option to make a given post only show up on your local instance and not get federated out to other servers.</p>
-<h2 id="i-have-other-questions.">I have other questions.</h2>
+<h2 id="i-have-other-questions">I have other questions.</h2>
 <p>Ask around! People are usually pretty happy to answer questions and help out. Also, you might benefit from checking out one of these other guides, which have a different perspective:</p>
 <ul>
 <li><a href="https://tech.lgbt/@FediThing">FediThing</a> has <a href="https://fedi.tips/">an excellent website</a>.</li>
 <li><a href="https://peoplemaking.games/esdin">Ted</a> maintains a <a href="https://docs.google.com/document/d/1gln7Lg92Vz3TbIjz6qZkpdPOxDAe63jof5snpR4xAa0/">tips and FAQ document</a>.</li>
 <li><a href="https://transmom.love/@elilla">elilla</a> has written <a href="https://wordsmith.social/elilla/a-futuristic-mastodon-introduction-for-2021">a futuristic Mastodon introduction</a>.</li>
 </ul>
-<p>If you really get stuck, ask me: https://elekk.xyz/<span class="citation" data-cites="noelle">@noelle</span></p>
+<p>If you really get stuck, ask me: <a href="https://elekk.xyz/@noelle">https://elekk.xyz/@noelle</a></p>
 <h2 id="how-can-i-contribute-to-the-guide">How can I contribute to the Guide?</h2>
 <p>Please check out <a href="contributing.md">the contributions guide</a>!</p>