feat: add zzz icon

Kyzoid · Jul 19, 2024 · 9555455 · 9555455
1 parent 524788a
commit 9555455
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 16 deletions.
diff --git a/public/favorite.svg b/public/favorite.svg
diff --git a/public/zzz.png b/public/zzz.png
diff --git a/src/components/Home.vue b/src/components/Home.vue
@@ -8,51 +8,51 @@
         <span class="absolute z-10 signature">Kyzoid</span>
       </div>
       <span class="mt-16 text-sm uppercase subtitle font-bold z-20">Rhythm game player</span>
-      <div class="text-xs opacity-50 text-center mb-3 date-sub">last updated: {{ daysAgo(2024, 7, 15) }}</div>
+      <div class="text-xs opacity-50 text-center mb-3 date-sub">last updated: {{ daysAgo(2024, 7, 19) }}</div>
     </div>
 
     <div ref="$card" class="z-30 card relative" @mouseenter="onMouseEnter" @mouseleave="onMouseLeave" @mousemove="rotateToMouse">
       <div class="grid grid-cols-2 gap-3 sm:gap-6 text-white font-weight-regular p-3 sm:p-6">
         <div class="grid grid-cols-1 gap-3">
           <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center"><ActivePill /><span class="ml-1.5">Maimai DX</span></h2>
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>Maimai DX</span></h2>
             <MaimaiCard class="maimai" :value="stats['maimaiDeluxe']" />
           </div>
 
-          <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">Sound Voltex</h2>
+          <div class="opacity-50">
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>Sound Voltex</span><img class="ml-1.5" :src="zzzIcon" width="16" /></h2>
             <SDVXCard :value="stats['SDVX']" />
           </div>
 
           <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center"><ActivePill /><span class="ml-1.5">Jubeat Ave.</span></h2>
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>Jubeat Ave.</span></h2>
             <JubeatCard :value="stats['jubeat']" />
           </div>
 
-          <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">Pop'n Music</h2>
+          <div class="opacity-50">
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>Pop'n Music</span><img class="ml-1.5" :src="zzzIcon" width="16" /></h2>
             <PopnCard :value="stats['popn']" />
           </div>
         </div>
 
         <div class="grid grid-cols-1 gap-4">
           <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">DJMAX R. V - 8B</h2>
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>DJMAX R. V - 8B</span></h2>
             <DJMaxCard :value="stats['djmax']['8K']" />
           </div>
 
-          <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">EZ2ON Reboot: R</h2>
+          <div class="opacity-50">
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>EZ2ON Reboot: R</span><img class="ml-1.5" :src="zzzIcon" width="16" /></h2>
             <EZ2ONCard :value="ez2onAverage()" />
           </div>
 
-          <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">osu!mania</h2>
+          <div class="opacity-50">
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>osu!mania</span><img class="ml-1.5" :src="zzzIcon" width="16" /></h2>
             <OsuCard :value="stats['osu']['mania']" />
           </div>
 
-          <div>
-            <h2 class="uppercase text-xs opacity-50 mb-1 flex items-center">vivid/stasis</h2>
+          <div class="opacity-50">
+            <h2 class="uppercase text-xs opacity-60 mb-1 flex items-center"><span>vivid/stasis</span><img class="ml-1.5" :src="zzzIcon" width="16" /></h2>
             <VividStasisCard :value="stats['vivid/stasis']" />
           </div>
         </div>
@@ -77,7 +77,7 @@ import SDVXCard from './cards/sdvx.vue';
 import DJMaxCard from './cards/djmax.vue';
 import VividStasisCard from './cards/vividstasis.vue';
 import Background from './Background.vue';
-import ActivePill from './ActivePill.vue';
+import zzzIcon from '/zzz.png';
 
 const $card = ref(null);
 const $glow = ref(null);

diff --git a/src/stats.json b/src/stats.json
@@ -22,7 +22,7 @@
     "7K": "662.59"
   },
   "djmax": {
-    "8K": "8174.9875"
+    "8K": "8190.7242"
   },
   "etterna": "24.00"
 }