ReList/index.html at main · RevoltBots/ReList · GitHub

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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Relist - Find the best bots and join servers!</title>
    <link rel="stylesheet" href="./static/css/style.css" />
    <link rel="stylesheet" href="./static/css/index.css" />
    <link rel="stylesheet" href="./static/css/window.css" />
    <link rel="stylesheet" href="./static/css/card.css" />
    <link rel="shortcut icon" href="./static/images/relist.svg" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta
      name="twitter:image"
      content="https://revoltbots.github.io/ReList/static/images/relist-banner.png"
    />
    <meta
      property="og:image"
      content="https://revoltbots.github.io/ReList/static/images/relist-banner.png"
    />
    <meta name="title" content="Relist" />
    <meta name="twitter:title" content="Relist" />
  </head>
  <body>
    <div class="landing">
      <div class="landing-bg"></div>
      <div class="content">
        <h1>Relist</h1>
        <p>Find the best bots and join servers!</p>
        <br />
        <div class="button-group">
          <button onclick="randomBots()" class="s2">✨ Random</button>
          <a href="https://patreon.com/axorax" target="_blank">
            <button class="s2" style="border-color: #537fe759">
              ❤️ Donate
            </button>
          </a>
        </div>
      </div>
      <div class="side-content">
        <div class="box">
          <div class="top">
            <img
              src="https://autumn.revolt.chat/avatars/3HtoXwXKDoEWxiMOSK8AO6-wVV-W2J1WNTtAwwaaa1/relist.png"
              alt="Pfp"
            />
            <p class="title">Relist</p>
          </div>
          <p class="bio">
            Official bot for Relist! Login to websites with Revolt, vote for
            bots, add your own bot and more...
          </p>
          <a
            href="https://app.revolt.chat/bot/01H31TBVSDGE8KCRNTHWQYK4R5"
            target="_blank"
          >
            <button class="s1">Invite</button>
          </a>
        </div>
      </div>
    </div>

    <div id="electric-surge"></div>

    <div class="bot-section">
      <h2>Explore Bots</h2>

      <relist-flex-0-0>
        <relist-search>
          <input
            type="text"
            placeholder="Search with bot id or name"
            class="search-input"
          />
          <button class="search-button">Search</button>
        </relist-search>
      </relist-flex-0-0>

      <relist-search-tags>
        <button onclick="getBotsFromTag('mod')">#mod</button>
        <button onclick="getBotsFromTag('fun')">#fun</button>
        <button onclick="getBotsFromTag('music')">#music</button>
        <input
          type="text"
          class="s1"
          style="width: 8rem; padding: 0.4rem 0.7rem"
          placeholder="Search tag"
          onkeydown="if(event.keyCode === 13) { getBotsFromTag(this.value); }"
        />
      </relist-search-tags>

      <relist-bots>
        <div class="bot-wrapper"></div>
        <div class="end" style="height: 10px; width: 100%"></div>
      </relist-bots>
    </div>

    <footer>
      Made with ❤️ by <a href="https://patreon.com/axorax">Axorax</a>
    </footer>

    <relist-imports>
      <script src="./scripts/windrag.js"></script>
      <script src="./scripts/api.js"></script>
      <script src="./scripts/main.js"></script>
      <script src="./scripts/search.js"></script>
      <script src="./scripts/pages/index.js"></script>
    </relist-imports>
  </body>
</html>