replace toSorted with sort, add artist credit

index.html

@@ -29,6 +29,13 @@
        font-size: calc(1vw + 1vh + 1vmin);
      }
 
+     #splash-credit {
+       position: absolute;
+       font-size: 14px;
+       bottom: 0;
+       right: 0;
+     }
+
      #splash-container {
        align-items: center;
      }
@@ -98,6 +105,12 @@
        width: 100%;
        text-align: center;
      }
+
+     @media (prefers-reduced-motion) {
+       #throbber {
+         animation: none;
+       }
+     }
     </style>
     <style id="pleroma-eager-styles" type="text/css"></style>
     <style id="pleroma-lazy-styles" type="text/css"></style>
@@ -107,6 +120,9 @@
     <noscript>To use Pleroma, please enable JavaScript.</noscript>
     <!-- putting styles here to avoid having to wait for styles to load up -->
     <div id="splash">
+      <div id="splash-credit">
+        Art by pipivovott
+      </div>
       <div id="splash-container">
         <div id="mascot-container">
           <div id="throbber">

src/main.js

@@ -80,6 +80,7 @@ const persistedStateOptions = {
     }
     document.querySelector('#status').removeAttribute('class')
     document.querySelector('#status').textContent = i18n.global.t('splash.loading')
+    document.querySelector('#splash-credit').textContent = i18n.global.t('update.art_by', { linkToArtist: 'pipivovott' })
     const store = createStore({
       modules: {
         i18n: {

src/services/theme_data/theme_data_3.service.js

@@ -196,11 +196,6 @@ export const init = ({
     return rule
   })
 
-  const i = 4
-  if (2 + 2 === i) {
-    throw new Error('test')
-  }
-
   const ruleset = rulesetUnsorted
     .map((data, index) => ({ data, index }))
     .sort(({ data: a, index: ai }, { data: b, index: bi }) => {