4sp-dv 1.0.31 → 1.0.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -6,7 +6,7 @@
6
6
  <title>4SP - VERSION 5 CLIENT</title>
7
7
  <link rel="icon" type="image/png" href="https://cdn.jsdelivr.net/npm/4sp-dv@latest/images/logo.png">
8
8
 
9
- <base href="https://cdn.jsdelivr.net/npm/4sp-dv@1.0.30/logged-in/">
9
+ <base href="https://cdn.jsdelivr.net/npm/4sp-dv@1.0.33/logged-in/">
10
10
  <script src="https://cdn.tailwindcss.com"></script>
11
11
  <link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap" rel="stylesheet">
12
12
 
@@ -778,7 +778,7 @@
778
778
  const displayUsername = document.getElementById('display-username');
779
779
  const displayEmail = document.getElementById('display-email');
780
780
 
781
- const BASE_URL = 'https://cdn.jsdelivr.net/npm/4sp-dv@1.0.30/logged-in/';
781
+ const BASE_URL = 'https://cdn.jsdelivr.net/npm/4sp-dv@1.0.33/logged-in/';
782
782
 
783
783
  // Preload Logos
784
784
  const preloadImgs = [
@@ -210,13 +210,14 @@
210
210
  }
211
211
 
212
212
  .category-badge {
213
- font-size: 0.65rem;
214
- padding: 2px 6px;
213
+ font-size: 0.6rem;
214
+ padding: 1px 6px;
215
215
  border-radius: 6px;
216
- text-transform: uppercase;
217
- font-weight: 600;
218
- letter-spacing: 0.025em;
219
- margin-left: 8px;
216
+ font-weight: 400;
217
+ margin-top: 4px;
218
+ border: 1px solid currentColor;
219
+ background: transparent !important;
220
+ display: inline-block;
220
221
  }
221
222
 
222
223
  @media (max-width: 768px) {
@@ -277,9 +278,9 @@
277
278
  }
278
279
  #zoneViewer .zone-header .zone-controls button:hover,
279
280
  #zoneViewer .zone-header .zone-controls a:hover {
280
- background-color: #252525;
281
- border-color: #fff;
282
- color: #fff;
281
+ background-color: rgba(79, 70, 229, 0.1);
282
+ border-color: #4f46e5;
283
+ color: #4f46e5;
283
284
  transform: scale(1.1);
284
285
  }
285
286
  #zoneViewer iframe { flex-grow: 1; border: none; background-color: #000; }
@@ -753,7 +754,7 @@
753
754
  <div class="absolute inset-0 p-4 sm:p-6 flex flex-col justify-between rounded-2xl">
754
755
  <div class="flex items-start justify-between w-full">
755
756
  <h3 class="text-4xl font-bold text-white truncate drop-shadow-lg" style="max-width: 80%;" title="${game.name}">${game.name}</h3>
756
- <div class="flex items-center space-x-3 bg-black/80 backdrop-blur-md rounded-2xl px-2 py-1">
757
+ <div class="flex items-center gap-1.5 bg-black/50 backdrop-blur-sm rounded-2xl p-1.5">
757
758
  ${gameButtonsHtml}
758
759
  ${favoriteButtonHtml}
759
760
  </div>
@@ -808,7 +809,7 @@
808
809
  <div class="relative w-full cursor-pointer group">
809
810
  <div class="aspect-w-3 aspect-h-2"><img data-src="${imgSrc}" alt="${game.name}" class="w-full h-full object-cover"></div>
810
811
  <h3 class="absolute top-2 right-2 z-10 max-w-[80%] bg-black/60 backdrop-blur-md rounded-xl px-3 py-1.5 text-white truncate text-sm font-semibold shadow-lg" title="${game.name}">${game.name}</h3>
811
- <div class="absolute bottom-2 right-2 bg-black/80 backdrop-blur-md rounded-2xl px-2 py-1 flex items-center space-x-2 shadow-lg">
812
+ <div class="absolute bottom-2 right-2 bg-black/50 backdrop-blur-sm rounded-2xl p-1.5 flex items-center gap-1.5 shadow-lg">
812
813
  <button class="btn-card-action play-action" title="Play Game"><i class="fa-solid fa-play transition-colors"></i></button>
813
814
  <button class="btn-card-action fav-action ${isFavorite ? 'favorited' : ''}" title="${isFavorite ? 'Remove from Favorites' : 'Add to Favorites'}"><i class="fa-solid fa-star fa-solid-star transition-colors"></i><i class="fa-regular fa-star fa-regular-star transition-colors"></i></button>
814
815
  </div>
@@ -1052,8 +1053,8 @@
1052
1053
  linkEl.dataset.gameId = game.id;
1053
1054
  let isFavorite = favorites.includes(String(game.id));
1054
1055
 
1055
- const catLabel = game.category === 'StrongdogXP' ? 'StrongdogXP' : (game.category === 'GN-Math' ? 'GN-Math' : 'Other');
1056
- const catColor = game.category === 'StrongdogXP' ? 'bg-strongdog-orange text-black' : (game.category === 'GN-Math' ? 'bg-gn-math text-white' : 'bg-gray-600 text-white');
1056
+ const catLabel = game.category === 'StrongdogXP' ? 'StrongdogXP' : (game.category === 'GN-Math' ? 'GN-Math' : 'Others');
1057
+ const catColor = game.category === 'StrongdogXP' ? 'text-strongdog-orange' : (game.category === 'GN-Math' ? 'text-gn-math' : 'text-gray-400');
1057
1058
 
1058
1059
  linkEl.innerHTML = `
1059
1060
  <div class="flex items-center truncate min-w-0">
@@ -1064,7 +1065,7 @@
1064
1065
  </div>
1065
1066
  </div>
1066
1067
  <div class="flex items-center flex-shrink-0">
1067
- <div class="bg-black/80 backdrop-blur-md rounded-2xl px-2 py-1 flex items-center space-x-2">
1068
+ <div class="bg-black/50 backdrop-blur-sm rounded-2xl p-1.5 flex items-center gap-1.5">
1068
1069
  <button class="btn-card-action play-action" title="Play Game">
1069
1070
  <i class="fa-solid fa-play transition-colors"></i>
1070
1071
  </button>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "4sp-dv",
3
- "version": "1.0.31",
3
+ "version": "1.0.33",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "homepage": "https://github.com/v5-4simpleproblems/v5-4simpleproblems-dv#readme",