chopbot-frontend/index.html at master · RTByte/chopbot-frontend · 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- META -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>ChopBot | The Rooster Teeth family Discord bot</title>
    <meta name="description" content="ChopBot, the Rooster Teeth family Discord bot.">
    <meta name="author" content="Rasmus Gerdin">
    <link rel="canonical" href="https://chopbot.xyz/"/>
    <meta property="og:type" content="website">
    <meta property="og:title" content="ChopBot">
    <meta property="og:description" content="ChopBot, the RT family Discord bot.">
    <meta property="og:url" content="https://chopbot.xyz">
    <meta property="og:image" content="https://chopbot.xyz/src/img/logo.png">
    <link rel="shortcut icon" type="image/x-icon" href=".src/img/favicon.ico"/>
    <meta name="google-site-verification" content="">


    <!-- GOOGLE ANALYTICS -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-106949878-2"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-106949878-2');
    </script>


    <!-- CSS & JS -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,400|Ubuntu:400,500" rel="stylesheet">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://unpkg.com/tippy.js@2.2.3/dist/tippy.all.min.js"></script>
    <script defer src="static/fontawesome/js/fontawesome-all.js"></script>
    <link rel="stylesheet" href="src/styles/main.css"/>
  </head>

  <body>
    <header id="header">
      <nav class="headernav navleft navsides">
        <a href="/"><i class="far fa-home"></i> <span>Home</span></a>
        <a href="/documentation"><i class="far fa-list-alt"></i> <span>Documentation</span></a>
      </nav>
      <nav class="headernav navright navsides">
        <a href="https://discord.gg/v8vdQjv" target="_blank" id="tooltip" title="Discord" data-tippy-arrow="true"><i class="fab fa-discord"></i></a>
        <a href="https://github.com/ChopBot/chopbot" target="_blank" id="tooltip" title="GitHub" data-tippy-arrow="true"><i class="fab fa-github"></i></a>
        <a id="tooltip" title="Sign in" data-tippy-arrow="true"><i class="far fa-sign-in-alt"></i></a>
      </nav>
    </header>
    <div id="landing">
      <div class="landing-text landing-content">
        <h1>Get started with ChopBot</h1>
        <h2>The Rooster Teeth family Discord bot</h2>
      </div>
      <img src="./src/img/chopbot.png" class="landing-content"/>
    </div>
    <div id="main">
      <div class="textsection mainsections">
        <h2>About ChopBot</h2>
        <p>ChopBot is a Discord bot developed and maintained by <a href="https://rasmusgerdin.com/" target="_blank">Rasmus Gerdin</a>, <a href="https://michaelcumbers.ca/" target="_blank">Michael Cumbers</a> & <a href="https://github.com/Uzui2012" target="_blank">Killian Higgins</a>. The project started back in August of 2016, and has gona through many stages of development.</p>
        <p>The bot itself features a multitude of features, the number of which is ever-growing as we take suggestions and requests from the servers that use the bot.</p>
        <p>ChopBot is currently used on the following servers:</p>
        <ul>
          <li><a href="https://discord.gg/cowchop" target="_blank">Cow Chop Community Discord</a></li>
          <li><a href="https://discord.gg/kindafunny" target="_blank">Kinda Funny Discord</a></li>
          <li><a href="https://discord.gg/achievementhunter" target="_blank">Achievement Hunter Community Discord</a></li>
          <li><a href="https://discord.gg/F8fncjr" target="_blank">g1 Family Discord</a></li>
          <li><a href="https://discord.gg/r8P3Eh2" target="_blank">Tiny Meat Gang Patrons Discord</a></li>
        </ul>
        <hr>
        <h2>Our goal</h2>
        <p>We aim to provide a reliable, trustworthy Discord bot with a good set of moderation tools for your use. Whether you want to ban someone from entering voice channels, or send a formal warning, ChopBot has got you covered.
        <p>Need commands for users to have fun with? Worry not, we have that as well. Ask our magic 8-ball any question you'd like, flip a simple coin, or check when you joined the server you're in.
      </div>
      <div class="getbotsection mainsections">
        <h2>Get ChopBot</h2>
        <p>If you run a Rooster Teeth-related Discord server, and you'd like to use ChopBot, get in touch with us!</p>
        <form>
          <label>Server name</label>
          <input type="text" placeholder="My community name" name="servername" required/>

          <label>Your Discord name</label>
          <input type="text" placeholder="Username#1337" name="name" required/>

          <label>Your email</label>
          <input type="email" placeholder="person@mail.com" name="email" required/>

          <label>Optional message</label>
          <input type="text" placeholder="Optional message goes here" name="message"/>

          <button type="submit">Send information</button>
        </form>
        <p>Got any more questions? Want to tell us what you think of the bot? Be sure to email us at <a href="mailto:help@chopbot.xyz" target="_blank">help@chopbot.xyz</a>.</p>
        <p>You can also contact us on Discord by DMing <span>rasmus#0001</span>, <span>stickmanmeyhem#8609</span> or <span>Killian#4384</span>.</p>
      </div>
    </div>
    <footer id="footer">
      <div class="footerleft footersides">
        <div class="madewithlove">
          <div class="madewithicon">
            <span><i class="fab fa-discord"></i></span>
          </div>
          <div class="madewithtext">
            <h3>Making moderator's jobs easier everywhere <i class="far fa-shield-alt"></i></h3>
            <p>Made with <i class="fas fa-heart"></i> & <i class="fas fa-coffee"></i> in Sweden, Canada and the UK.</i>
          </div>
        </div>
        <div class="copy">
          <p><i class="far fa-copyright"></i> 2018 - Rasmus Gerdin, Michael Cumbers, Killian Higgins</p>
        </div>
      </div>
      <div class="footerright footersides">
        <div class="project footerlists">
          <h3>PROJECT</h3>
          <ul>
            <li><a href="/blog">Updates</a></li>
            <li><a href="https://github.com/ChopBot/chopbot/issues" target="_blank">Report a bug</a></li>
            <li><a href="https://github.com/ChopBot/chopbot" target="_blank">GitHub Project</a></li>
          </ul>
        </div>
        <div class="sitemap footerlists">
          <h3>SITEMAP</h3>
          <ul>
            <li><a href="/">Home</li>
            <li><a href="/documentation">Documentation</a></li>
            <li><a href="/about">About us</a></li>
            <li><a href="/dashboard">Dashboard</a></li>
          </ul>
        </div>
      </div>
    </footer>
  </body>
  <script src="src/js/index.js"></script>
</html>