settings: discord and more links in "About"

css/base.css

@@ -537,3 +537,11 @@ div.card:contains(section.banner.footer) {
 .card.sectioned .section {
     padding: var(--spacing-4, 1rem);
 }
+
+.button.discord.\!normal {
+    background-color: rgba(88, 101, 242,60%);
+}
+
+.button.discord.\!normal:not(.lang-link) {
+    color: rgba(38, 51, 192, 90%);
+}

html/admin.html

@@ -46,21 +46,26 @@
             <div class="modal-content content card">
                 <img src="{{ .urlBase }}/banner.svg" class="banner header" alt="jfa-go banner">
                 <span class="heading"><span class="modal-close">&times;</span></span>
-                <p><i class="icon ri-github-fill"></i><a href="https://github.com/hrfee/jfa-go">jfa-go</a></p>
                 <p>{{ .strings.version }} <span class="code monospace">{{ .version }}</span></p>
                 <p>{{ .strings.commitNoun }} <span class="code monospace">{{ .commit }}</span></p>
-                <div class="dropdown" tabindex="0">
+                <div class="row col flex">
-                    <span class="button ~info dropdown-button">
+                    <a class="button ~neutral mr-half mt-1 mb-1 lang-link" href="https://github.com/hrfee/jfa-go"><i class="ri-github-line mr-half"></i>github</a>
-                        <i class="ri-hand-heart-line mr-half"></i>
+                    <a class="button ~urge mt-1 mb-1 mr-half lang-link" href="https://wiki.jfa-go.com">wiki/docs</a>
-                        {{ .strings.donate }}
+                    <a class="button ~positive mt-1 mb-1 mr-half lang-link" href="https://weblate.jfa-go.com">translation</a>
-                        <span class="ml-1 chev"></span>
+                    <div class="dropdown mr-half" tabindex="0">
-                    </span>
+                        <a href="https://github.com/sponsors/hrfee" target="_blank" class="button ~info mt-1 mb-1 dropdown-button lang-link">
-                    <div class="dropdown-display">
+                            <i class="ri-hand-heart-line mr-half"></i>
-                        <div class="card ~neutral !low">
+                            donate
-                            <a href="https://github.com/sponsors/hrfee" target="_blank" class="button input ~neutral field mb-half lang-link">GitHub</a>
+                            <span class="ml-1 chev"></span>
-                            <a href="https://ko-fi.com/hrfee" target="_blank" class="button input ~neutral field mb-half lang-link">Ko-fi</a>
+                        </a>
+                        <div class="dropdown-display">
+                            <div class="card ~info !low">
+                                <a href="https://github.com/sponsors/hrfee" target="_blank" class="button input ~neutral field mb-half lang-link">GitHub</a>
+                                <a href="https://ko-fi.com/hrfee" target="_blank" class="button input ~neutral field mb-half lang-link">Ko-fi</a>
+                            </div>
                         </div>
                     </div>
+                    <a class="button ~urge mt-1 mb-1 !normal discord lang-link" href="https://discord.com/invite/MrtvuQmyhP" target="_blank"><i class="ri-discord-line mr-half"></i>discord</a>
                 </div>
                 <p><a href="https://github.com/hrfee/jfa-go/blob/main/LICENSE">Available under the MIT License.</a></p>
                 <pre class="monospace">{{ .license }}</pre>

site/base.css

@@ -11,8 +11,3 @@ body {
     background: #AA5CC3;
     background: linear-gradient(90deg, #AA5CC3 0%, #00A4DC 100%) !important;
 }
-
-.button.discord.\!normal {
-    background-color: rgba(88, 101, 242,60%);
-    color: rgba(38, 51, 192, 90%);
-}