config/description.html at master · PCGamer-Social/config · 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
<p id="slogan">The Mastodon instance of the PC gamer, by the PC gamer, for the PC gamer.</p>
<p id="before_register">Before registering please read <a href="/about/more">About PCGamer Social</a>.</p>

<script>
    var language = (window.navigator.languages && window.navigator.languages[0]) ||
        window.navigator.language ||
        window.navigator.userLanguage ||
        window.navigator.browserLanguage;

    let about_instance_button_text = "About PCGamer Social";
    let about_mastodon_button_text = "Learn more";
    let slogan_text = "The Mastodon instance of the PC gamer, by the PC gamer, for the PC gamer.";
    let before_register_html =
        `Before registering please read <a href="/about/more">${about_instance_button_text}</a>.`;

    switch (language) {
        case "ja":
        case "jp":
        case "ja-JP":
            {
                about_instance_button_text = "PCGamer Socialとは";
                about_mastodon_button_text = "もっと詳しく";
                slogan_text = "PCゲーマーの PCゲーマーによる PCゲーマーのためのMastodonインスタンス。";
                before_register_html = `登録の前に、<a href="/about/more">${about_instance_button_text}</a>をご一読ください。`;
                break;
            }
    }

    document.addEventListener('DOMContentLoaded', function () {
        {
            const subtitle = document.querySelector(".landing-page__short-description div h1 small");
            const domain = subtitle.querySelector("span");
            domain.innerText = "PCGamer.social";
            document.title = "PCGamer Social";
        } {
            const mastodon_features = document.querySelectorAll(".features-list")[1];
            const mastodon_features_action = document.querySelector(".landing-page__features__action");
            mastodon_features.style = "display: none;";
            mastodon_features_action.style = "display: none;";
        } {
            const before_register = document.getElementById("before_register");
            const slogan = document.getElementById("slogan");
            const about_instance_button = document.querySelector('.button[href="/about/more"]');
            before_register.innerHTML = before_register_html;
            slogan.innerText = slogan_text;
            about_instance_button.innerText = about_instance_button_text;
        } {
            const mastodon_description = document.querySelector(".features-list div");
            mastodon_description.insertAdjacentHTML("beforeend",
                `<a class="button button-alternative" href="https://joinmastodon.org/" target="_blank">${about_mastodon_button_text}</a>`
            );
        } {
            const contact = document.querySelector(".contact");
            contact.insertAdjacentHTML("beforeend",
                `<h3 style="margin-top:30px;">管理Bot:</h3>
                <div class="account">
                    <div class="account__wrapper">
                        <a class="account__display-name" href="https://pcgamer.social/@GLaDOS">
                            <div class="account__avatar-wrapper">
                                <div class="account__avatar" style="background-image: url(https://media.pcgamer.social/pcgamer-social-west/accounts/avatars/000/000/045/original/f14e5c9a4aa22e42.png)"></div>
                            </div>
                            <span class="display-name">
                                <bdi><strong class="display-name__html emojify">GLaDOS</strong></bdi>
                                <span class="display-name__account">@GLaDOS</span>
                            </span>
                        </a>
                        <a class="account__display-name" href="https://pcgamer.social/@PotatOS">
                            <div class="account__avatar-wrapper">
                                <div class="account__avatar" style="background-image: url(https://media.pcgamer.social/pcgamer-social-west/accounts/avatars/000/000/056/original/a47d04120034942b.png)"></div>
                            </div>
                            <span class="display-name">
                                <bdi><strong class="display-name__html emojify">PotatOS</strong></bdi>
                                <span class="display-name__account">@PotatOS</span>
                            </span>
                        </a>
                    </div>
                </div>`
            );
        }
    });
</script>