support/index.html at main · ShopArchives/support · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <base target="_blank">
    <title>Support | Shop Archives</title>
    <link rel="icon" href="./favicon.ico" type="image/x-icon">
    <meta content="Shop Archives" property="og:title" />
    <meta content="Your one stop place for all Discord Collectibles" property="og:description" />
    <meta content="https://support.yapper.shop/" property="og:url" />
    <meta content="https://cdn.yapper.shop/assets/172.png" property="og:image" />
    <meta content="#B9E87A" data-react-helmet="true" name="theme-color" />
    <link rel="stylesheet" href="/styles.css">
</head>

<body>

    <div class="sidebar">
        <h2>Articles</h2>
        <div class="article-link" id="article-1" onclick="loadArticle('1')">Reviews & Badges</div>
        <div class="article-link" id="article-2" onclick="loadArticle('2')">Accounts</div>
        <div class="article-link" id="article-3" onclick="loadArticle('3')">XP Perks & Events</div>
    </div>

    <div class="content" id="article-content">
        <h2>Welcome to the Support Center</h2>
        <p>Select an article from the left to get started.</p>
    </div>

    <script src="scripts.js"></script>
    <script>
        loadArticle('1', true);

        const hash = window.location.hash;
        const match = hash.match(/#page=([^&]+)/);

        if (match) {
            const page = match[1];

            loadArticle(page);
        }
    </script>

  </body>

</html>