class-studys 6.0.0 → 7.0.0

package/index.html

@@ -344,6 +344,22 @@ main { max-width: 1220px; margin: 0 auto; padding: 0 22px 60px; display: grid; g
   z-index: 1;
 }
 .game-card:hover .game-cover img { transform: scale(1.06); }
+
+/* featured game — wide rectangle, front & center */
+.game-card.featured { grid-column: span 2; }
+.game-card.featured .game-cover { height: 210px; }
+.game-card.featured .game-name { font-size: 1.3rem; }
+.game-card.featured .game-desc { -webkit-line-clamp: 3; font-size: 0.9rem; }
+.game-card.featured .game-tools { top: 42px; }
+.best-badge {
+  position: absolute; top: 10px; left: 10px; z-index: 4;
+  background: linear-gradient(135deg, var(--accent), var(--accent2));
+  color: var(--on-accent); font-size: 0.62rem; font-weight: 900;
+  letter-spacing: 1.5px; text-transform: uppercase;
+  padding: 4px 12px; border-radius: 99px;
+  box-shadow: 0 0 18px color-mix(in srgb, var(--accent) 60%, transparent);
+  animation: pulse 2.2s ease-in-out infinite;
+}
 .cover-fallback {
   position: absolute; inset: 0; display: grid; place-items: center;
   font-size: 3rem; font-weight: 900;
@@ -1041,6 +1057,13 @@ const THEME_PRESETS = {
 };
 
 const DEFAULT_GAMES = [
+  {
+    id: 'duck-math', name: 'DUCK MATH',
+    url: 'https://unpkg.com/ignite-goober@1.1.4/index.html#/class/drift-king',
+    cover: 'https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRJFXWvY3bIWxbR2SZEnbZaVFRYqFzZJZlOo4SYkWOexg&s',
+    desc: 'the absolute best. quack and calculate.',
+    tags: ['featured','math','racing'], color: '#ffb26b', featured: true,
+  },
   {
     id: 'Cookie Clicker', name: 'Cookie Clicker TEST',
     url: 'https://unpkg.com/edcube-cookie-clicker@5.0.0/index.html',  
@@ -1512,7 +1535,7 @@ const DEMO_MOVIES = [
     wrap.innerHTML = '';
     state.games.forEach((g) => {
       const card = document.createElement('div');
-      card.className = 'game-card';
+      card.className = 'game-card' + (g.featured ? ' featured' : '');
       card.style.setProperty('--gcolor', g.color || '#ff6b1a');
       card.dataset.id = g.id;
       const cover = g.cover ? '<img src="' + esc(g.cover) + '" alt="" loading="lazy" onerror="this.remove()">' : '';
@@ -1523,6 +1546,7 @@ const DEMO_MOVIES = [
         '</div>';
       card.innerHTML =
         '<div class="game-cover">' +
+          (g.featured ? '<span class="best-badge">&#9733; absolute best</span>' : '') +
           (g.cover ? '' : '<div class="cover-fallback">' + esc(g.name.slice(0, 2).toUpperCase()) + '</div>') + cover +
           (g.local ? '<span class="local-dot">OFFLINE</span>' : '') + tools +
           '<button class="game-play" data-act="play" title="play">&#9654;</button>' +
@@ -1598,6 +1622,9 @@ const DEMO_MOVIES = [
       ? 'https://somesite.com/game — proxied automatically'
       : 'https://drive.google.com/file/d/…/view';
     $('form-parse-hint').textContent = '';
+    // editing an existing game: hide the URL field so links stay private
+    // (only the cover image + name/desc/tags can be changed)
+    $('form-link').closest('.form-field').classList.toggle('hidden', mode === 'game' && !!item);
     $('form-modal').classList.remove('hidden');
     setTimeout(() => $('form-name').focus(), 60);
   }
@@ -1622,11 +1649,11 @@ const DEMO_MOVIES = [
       const link = $('form-link').value.trim();
       if (!name) { toast('give it a name'); return; }
       if (mode === 'game') {
-        if (!link) { toast('paste a game URL — it plays through the tunnel'); return; }
         const id = state.formEditId || uid().replace('m', 'g');
         const old = state.overrides[id] || {};
+        if (!link && !old.url) { toast('paste a game URL — it plays through the tunnel'); return; }
         state.overrides[id] = Object.assign({}, old, {
-          id, name, url: link, desc,
+          id, name, url: link || old.url, desc,
           tags: genre ? genre.split(',').map((t) => t.trim()).filter(Boolean) : ['custom'],
           cover: poster || undefined, color: old.color || pickColor(name),
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "class-studys", 
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "IGNITE OS — Advanced proxy-enabled gaming platform with comprehensive filter bypass system",
   "main": "index.html",
   "files": [