1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69

{{define "main"}}
  <h2>Turn Mastodon into your feed reader</h2>
  {{- if .Restricted }}
  <p>
    This is a small, private instance: only a few accounts may request new feeds.
    Anyone can follow the feeds that already exist.
  </p>
  {{- end }}
  <div class="circled-numbers">
    <div class="number">
      <span>1</span>
    </div>
    <div class="content">
      <p>
        Mention <b>{{ .Birb }}</b> in a toot with the address of the site you want to follow.
        Some examples of what you can request:
      </p>
      <p>
        <svg class="inline-icon"><use href="#icon-rss"></use></svg>
        An RSS or Atom feed, like <a href="https://frockflicks.com/feed">https://frockflicks.com/feed</a><br/>
        <svg class="inline-icon"><use href="#icon-internet"></use></svg>
        A website or blog, like <a href="https://taiwantrailsandtales.com">https://taiwantrailsandtales.com</a><br/>
        <svg class="inline-icon"><use href="#icon-substack"></use></svg>
        A Substack newsletter, like <a href="https://adrianhon.substack.com">https://adrianhon.substack.com</a><br/>
        <svg class="inline-icon"><use href="#icon-bluesky"></use></svg>
        A Bluesky profile, like <a href="https://bsky.app/profile/archive.org">https://bsky.app/profile/archive.org</a><br/>
        <svg class="inline-icon"><use href="#icon-podcast"></use></svg>
        A podcast, like <a href="https://feeds.buzzsprout.com/1269965.rss">https://feeds.buzzsprout.com/1269965.rss</a>
      </p>
      <p>
        <img src="/assets/screenshot-mention-birb.jpg" src="Screenshot of a toot mentioning the birb and including the address of a website to follow." />
      </p>
    </div>
  </div>
  <div class="circled-numbers">
    <div class="number">
      <span>2</span>
    </div>
    <div class="content">
      <p>
        The birb looks up the link in your toot, reads the website, and retrieves the address of its RSS or Atom feed.
        If this is the first time the site is requested, it creates a new account dedicated to it.
        This account will send out a new toot every time a new post appears in the feed.
      </p>
      <p>
        The account's name is derived from the website's address, using only dots between the letters. In this case, it's
        <b>@taiwantrailsandtales.com@{{ .Host }}</b>
      </p>
      <p>
        The birb replies to your toot with the name of the account parroting the feed.
      </p>
      <p>
        <img src="/assets/screenshot-birb-replies.jpg" alt="Screenshot of the birb's reply, containing a link to the account dedicated to the feed."/>
      </p>
    </div>
  </div>
  <div class="circled-numbers">
    <div class="number">
      <span>3</span>
    </div>
    <div class="content">
      <p>
        <b>Follow the feed account</b> that the birb gave you. This is important and easy to forget! ;-)
        You'll see a toot from it in your timeline every time a new post is published on the website.
      </p>
    </div>
  </div>
  <div class="bottom-spacer"></div>
{{end}}