add astral button and rearrange some buttons

index.html

@@ -167,13 +167,13 @@
         <div class="footer buttons">
             <a href="https://futile.eu" target="_blank"><img src="static/buttons/futile.png" width="88" height="31"></a>
             <a href="https://xenia.blahaj.land/" target="_blank"><img src="static/buttons/rose_88x31.png" width="88" height="31"></a>
-            <iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31"
-                style="border: none; background: url('https://increm.net/bg.png');"></iframe>
+            <a href="https://astral.im" target="_blank"><img src="static/buttons/astral.gif" width="88" height="31"></a>
             <a href="https://schmool.cool" target="_blank"><img src="static/buttons/schmoolcool.gif" width="88" height="31"></a>
             <a href="https://vostok.one/~michal" target="_blank"><img src="static/buttons/michal.gif" width="88" height="31"></a>
-            <a href="https://vscodium.com" target="_blank"><img src="static/buttons/vscodium.com.png" width="88" height="31"></a>
             <img src="static/buttons/FirtniteButton.png" onclick="alert('firt night')" width="88" height="31">
             <a href="https://ublockorigin.com" target="_blank"><img src="static/buttons/ubo.png" width="88" height="31"></a>
+            <iframe src="https://increm.net/badge?key=futile" title="incremnet badge" width="88" height="31"
+                style="border: none; background: url('https://increm.net/bg.png');"></iframe>
             <a href="https://www.rust-lang.org/" target="_blank"><img src="static/buttons/rustNOW.png" width="88" height="31"></a>
             <a href="https://rentry.co/megathread" target="_blank"><img src="static/buttons/piracy2.gif" width="88" height="31"></a>
             <a href="https://duckduckgo.com" target="_blank"><img src="static/buttons/ddg.gif" width="88" height="31"></a>
@@ -181,6 +181,7 @@
             <a href="https://vostok.one" target="_blank"><img src="static/buttons/vostok.png" width="88" height="31"></a>
             <img src="static/buttons/sprunk.gif" onclick="alert('SORRY\nOUT OF\nORDER')" width="88" height="31">
             <a href="https://ya.ru/" target="_blank"><img src="static/buttons/yandex.gif" width="88" height="31"></a>
+            <a href="https://vscodium.com" target="_blank"><img src="static/buttons/vscodium.com.png" width="88" height="31"></a>
             <a href="https://fedoraproject.org/spins/kde" target="_blank"><img src="static/buttons/fedora.gif" width="88" height="31"></a>
             <a href="https://mozilla.org/firefox" target="_blank"><img src="static/buttons/firefox4.gif" width="88" height="31"></a>
         </div>

static/buttons/_alts.json

@@ -1,4 +1,5 @@
 {
+    "astral.gif": "button with a white dotted border that says 'astral' in a dot matrix font similar to the border, on a grey background | by astral",
     "ddg.gif": "button with a windows xp inspired window with a duckduckgo page inside it where someone is searching 'always use protection' | by unknown",
     "fedora.gif": "button that says 'powered by fedora' in white and blue, with the fedora logo to the left | by unknown; retouched by futile",
     "fingerofgod.gif": "button of michelangelo's famous painting 'creation of adam' cropped to just the 2 fingers touching, with an additional twinkling star within them",