mlv2boii 1.0.4 → 1.0.6

package/holdw.py

@@ -0,0 +1,21 @@
+import keyboard
+import time
+
+
+
+def start():
+    keyboard_pressing = True
+    while keyboard_pressing:
+        keyboard.press("W")
+        time.sleep(0.1)
+        
+        if keyboard.is_pressed("C"):
+            keyboard_pressing = False
+    while not (keyboard.is_pressed("X")):
+        time.sleep(0.1)
+    keyboard_pressing = True; start()
+
+start()
+
+
+    

package/index.html

@@ -1,6 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg">
-<foreignObject width="100%" height="100%">
-<div xmlns="http://www.w3.org/1999/xhtml">
+<!DOCTYPE html>
+<html>
 <head>
 <meta charset="UTF-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
@@ -71,16 +70,41 @@
   @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } }
   .skel { background: linear-gradient(100deg, #18181c 30%, #202024 45%, #18181c 60%); background-size: 200% 100%; animation: shimmer 1.6s ease-in-out infinite; }
 
-  /* respect the OS "reduce motion" flag everywhere, unconditionally */
-  @media (prefers-reduced-motion: reduce) {
-    *, *::before, *::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
+  [data-fx] { will-change: transform, opacity; }
+
+  .hero-orb { animation: heroFloat 7s ease-in-out infinite; }
+  .hero-line { animation: heroLine 2.8s ease-in-out infinite; }
+  @keyframes heroFloat {
+    0%, 100% { transform: translate3d(0, 0, 0) scale(1); }
+    50% { transform: translate3d(0, 12px, 0) scale(1.04); }
+  }
+  @keyframes heroLine {
+    0%, 100% { opacity: .35; transform: scaleX(.7); }
+    50% { opacity: 1; transform: scaleX(1); }
   }
 
-  [data-fx] { will-change: transform, opacity; }
+  /* Blank Overlay Lock Screen */
+  #blank-overlay {
+    position: fixed;
+    inset: 0;
+    background-color: #000000;
+    z-index: 99999;
+    display: flex;
+    transition: opacity 0.4s ease, visibility 0.4s ease;
+  }
+  #blank-overlay.unlocked {
+    opacity: 0;
+    visibility: hidden;
+    pointer-events: none;
+  }
 </style>
 </head>
 
 <body class="bg-ink-950 text-ink-100 font-sans antialiased min-h-screen">
+
+<!-- Blank Overlay Screen -->
+<div id="blank-overlay"></div>
+
 <div class="grain"></div>
 <div class="spotlight"></div>
 
@@ -90,7 +114,7 @@
     <a href="#" class="flex items-center gap-2 shrink-0 group">
       <span class="relative h-2 w-2">
         <span class="absolute inset-0 rounded-full bg-red-500"></span>
-        <span class="absolute inset-0 rounded-full bg-red-500 motion-safe:animate-ping opacity-60"></span>
+         <span class="absolute inset-0 animate-ping rounded-full bg-red-500 opacity-60"></span>
       </span>
       <span class="font-display font-semibold tracking-tight text-[15px] leading-none">mlv2</span>
     </a>
@@ -107,12 +131,27 @@
   </div>
 
   <div class="border-t border-ink-800/60">
-    <div id="category-bar" class="mx-auto max-w-6xl px-4 sm:px-6 py-2.5 flex items-center gap-1.5 overflow-x-auto"></div>
+     <div id="category-bar" class="mx-auto flex max-w-5xl items-center justify-center gap-1.5 overflow-x-auto px-4 py-2.5 sm:px-6"></div>
   </div>
 </header>
 
 <!-- ================= MAIN ================= -->
-<main class="relative z-10 mx-auto max-w-6xl px-4 sm:px-6 py-8 sm:py-10">
+<main class="relative z-10 mx-auto max-w-5xl px-4 sm:px-6 py-8 sm:py-12">
+
+  <!-- ================= HERO ================= -->
+  <section class="relative mx-auto mb-10 max-w-2xl overflow-hidden rounded-[2rem] border border-ink-700/70 bg-ink-900/65 px-5 py-10 text-center shadow-[0_24px_80px_-40px_rgba(232,20,47,0.5)] sm:px-10 sm:py-14">
+    <div class="hero-orb pointer-events-none absolute -right-20 -top-24 h-64 w-64 rounded-full bg-red-500/10 blur-3xl"></div>
+    <div class="hero-orb pointer-events-none absolute -bottom-28 -left-20 h-56 w-56 rounded-full bg-red-700/10 blur-3xl" style="animation-delay: -3.5s"></div>
+    <div class="relative">
+      <div class="mx-auto mb-5 flex w-fit items-center gap-2 rounded-full border border-red-500/25 bg-red-500/[0.07] px-3 py-1 text-[10px] font-mono uppercase tracking-[0.22em] text-red-300">
+        <span class="h-1.5 w-1.5 rounded-full bg-red-400 shadow-[0_0_12px_rgba(255,77,97,0.9)]"></span>
+        Play something
+      </div>
+      <h1 class="font-display text-4xl font-semibold tracking-[-0.05em] text-ink-50 sm:text-6xl">school sucks, <br/>games r <span class="text-red-400">better</span></h1>
+      <p class="mx-auto mt-4 max-w-md text-sm leading-6 text-ink-300 sm:text-[15px]">we're so back 🥹</p>
+      <div class="hero-line mx-auto mt-7 h-px w-24 bg-gradient-to-r from-transparent via-red-400 to-transparent"></div>
+    </div>
+  </section>
 
   <!-- setup banner, shown only while CONFIG still has placeholder values -->
   <div id="setup-banner" class="hidden mb-8 rounded-xl border border-red-500/25 bg-red-500/[0.06] px-4 py-3.5">
@@ -121,7 +160,7 @@
   </div>
 
   <!-- skeleton loading state -->
-  <div id="skeleton-grid" class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3.5 sm:gap-4">
+  <div id="skeleton-grid" class="grid grid-cols-2 gap-3.5 sm:grid-cols-3 sm:gap-4 md:grid-cols-4 lg:grid-cols-5">
   </div>
 
   <!-- empty state -->
@@ -134,7 +173,7 @@
   </div>
 
   <!-- game grid -->
-  <div id="grid" class="hidden grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3.5 sm:gap-4"></div>
+  <div id="grid" class="hidden grid grid-cols-2 gap-3.5 sm:grid-cols-3 sm:gap-4 md:grid-cols-4 lg:grid-cols-5"></div>
 </main>
 
 <!-- ================= FOOTER ================= -->
@@ -252,52 +291,63 @@
 <!-- ================= TOASTS ================= -->
 <div id="toast-root" class="fixed bottom-4 right-4 z-[60] flex flex-col gap-2 items-end"></div>
 
+<!-- Konami Code Script with 1-Hour Expiration -->
+<script>
+  (function() {
+    const STORAGE_KEY = 'mlv2_unlocked_expiry';
+    const ONE_HOUR_MS = 60 * 60 * 1000; // 1 hour in milliseconds
+    const overlay = document.getElementById('blank-overlay');
+
+    // Check on page load if unlock session is still valid
+    const savedExpiry = localStorage.getItem(STORAGE_KEY);
+    if (savedExpiry && Date.now() < parseInt(savedExpiry, 10)) {
+      overlay.classList.add('unlocked');
+    }
+
+    const konamiCode = [
+      'ArrowUp', 'ArrowUp', 
+      'ArrowDown', 'ArrowDown', 
+      'ArrowLeft', 'ArrowRight', 
+      'ArrowLeft', 'ArrowRight', 
+      'b', 'a', 'Enter'
+    ];
+    let konamiIndex = 0;
+
+    document.addEventListener('keydown', (e) => {
+      const key = e.key.length === 1 ? e.key.toLowerCase() : e.key;
+      const targetKey = konamiCode[konamiIndex].length === 1 
+        ? konamiCode[konamiIndex].toLowerCase() 
+        : konamiCode[konamiIndex];
+
+      if (key === targetKey) {
+        konamiIndex++;
+        if (konamiIndex === konamiCode.length) {
+          // Unlock website and save expiration time for 1 hour
+          overlay.classList.add('unlocked');
+          const expiryTime = Date.now() + ONE_HOUR_MS;
+          localStorage.setItem(STORAGE_KEY, expiryTime.toString());
+          konamiIndex = 0;
+        }
+      } else {
+        konamiIndex = 0;
+      }
+    });
+  })();
+</script>
+
 <script src="https://cdn.jsdelivr.net/npm/appwrite@26.2.0"></script>
 <script type="module">
 import { animate, stagger, inView } from "https://cdn.jsdelivr.net/npm/motion@12/+esm";
 
-/* =====================================================================
-   mlv2 — single-file game directory
-   ---------------------------------------------------------------------
-   SETUP — fill these in, that's the only thing this file needs.
-   Uses the current Appwrite TablesDB API (Appwrite console ≥ 1.8 calls
-   these "tables" / "columns" / "rows" — the old "collections" naming is
-   deprecated but this matches what you'll see when you create one today).
-
-   Expected columns on your "games" table:
-     name          string    required
-     url           string    required   (game link — no link, no card)
-     category      string    optional
-     iconFileId    string    optional   (file ID inside the icons bucket)
-     iconUrl       string    optional   (used if iconFileId is empty)
-     order         integer   optional   (lower shows first — needs an index
-                                          on this column for ordering to work)
-     enabled       boolean   optional   (defaults to true if omitted)
-
-   Permissions — the admin panel is gated by a PIN in this page, not by an
-   Appwrite login. That PIN cannot be enforced by Appwrite itself, so:
-     - "games" table            → Read: Any. Create/Update/Delete: Any.
-     - icons storage bucket     → Read: Any. Create: Any.
-     - Add this site's origin as a Web platform in your Appwrite project.
-   This means anyone who finds your Appwrite endpoint + project ID could
-   write to these resources directly, bypassing the page entirely — the
-   PIN only stops casual clicking-around on the site. See the setup guide
-   for a tighter option (an Appwrite Function that checks a server-side
-   secret) if that risk matters for your case.
-   =====================================================================*/
 const CONFIG = {
   endpoint: "https://nyc.cloud.appwrite.io/v1",
   projectId: "6a9b8a1b001b9c61537f",
   databaseId: "6a9b8b23003de0ec5cf7",
-  gamesTableId: "6a9b8bb3000013a3fd80",        // ← must be this exact key
+  gamesTableId: "6a9b8bb3000013a3fd80",        
   iconsBucketId: "6a9b8b36002565ac5987",
 };
 
-// This PIN only gates the admin UI on this page — it is visible to anyone
-// who views source, and it has no bearing on the Appwrite API itself.
-// The real access control is whatever Read/Write permissions you set on
-// the "games" table and the icons bucket in the Appwrite console.
-const ADMIN_PIN = "614888";
+const ADMIN_PIN = "051511";
 const ADMIN_SESSION_KEY = "mlv2_admin_unlocked";
 
 const { Client, TablesDB, Storage, Query, ID } = window.Appwrite;
@@ -311,19 +361,7 @@ const isConfigured = () =>
   !CONFIG.projectId.includes("YOUR_") &&
   !CONFIG.databaseId.includes("YOUR_");
 
-/* ---------------------------------------------------------------------
-   Reduced-motion handling — the "bypass animations" flag.
-   Mirrors the Windows / OS "disable animation effects" setting via the
-   prefers-reduced-motion media query. Every Motion call below funnels
-   through fx(), which collapses to an instant, durationless jump when
-   the flag is set — and re-checks live if the user flips it mid-session.
---------------------------------------------------------------------- */
-const reduceMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-let reduceMotion = reduceMotionQuery.matches;
-reduceMotionQuery.addEventListener("change", (e) => (reduceMotion = e.matches));
-
 function fx(targets, keyframes, options = {}) {
-  if (reduceMotion) return animate(targets, keyframes, { duration: 0 });
   return animate(targets, keyframes, options);
 }
 
@@ -435,10 +473,11 @@ function renderGrid() {
   grid.innerHTML = games
     .map((g) => {
       const src = iconSrcFor(g) || monogramSrc(g.name);
-      return `<button data-fx data-id="${g.$id}" class="group relative aspect-square rounded-2xl border border-ink-700/70 bg-ink-900 overflow-hidden text-left opacity-0 motion-safe:transition-[border-color,box-shadow] motion-safe:duration-300 hover:border-red-500/55 hover:shadow-[0_0_0_1px_rgba(232,20,47,0.35),0_10px_28px_-10px_rgba(232,20,47,0.4)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500/60">
-        <img src="${src}" alt="${escapeHtml(g.name)}" loading="lazy" class="h-full w-full object-cover motion-safe:transition-transform motion-safe:duration-500 group-hover:scale-[1.07]" onerror="this.onerror=null;this.src='${monogramSrc(g.name)}'" />
-        <div class="absolute inset-x-0 bottom-0 p-2.5 bg-gradient-to-t from-ink-950/95 via-ink-950/55 to-transparent">
-          <p class="truncate text-[12.5px] font-medium text-ink-50 leading-tight">${escapeHtml(g.name)}</p>
+       return `<button data-fx data-id="${g.$id}" class="group relative aspect-square overflow-hidden rounded-2xl border border-ink-700/70 bg-ink-900 text-left opacity-0 shadow-[0_12px_28px_-18px_rgba(0,0,0,0.9)] transition-[border-color,box-shadow,transform] duration-300 hover:-translate-y-1 hover:border-red-400/65 hover:shadow-[0_0_0_1px_rgba(232,20,47,0.35),0_18px_32px_-14px_rgba(232,20,47,0.55)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500/60">
+         <img src="${src}" alt="${escapeHtml(g.name)}" loading="lazy" class="h-full w-full object-cover transition-transform duration-700 ease-out group-hover:scale-[1.09]" onerror="this.onerror=null;this.src='${monogramSrc(g.name)}'" />
+         <div class="absolute inset-0 bg-gradient-to-t from-ink-950/95 via-ink-950/10 to-transparent opacity-90 transition-opacity duration-300 group-hover:opacity-100"></div>
+         <div class="absolute inset-x-0 bottom-0 p-3">
+           <p class="truncate text-[12.5px] font-medium text-ink-50 leading-tight">${escapeHtml(g.name)}</p>
           ${g.category ? `<p class="truncate mt-0.5 text-[9.5px] font-mono uppercase tracking-wide text-ink-400">${escapeHtml(g.category)}</p>` : ""}
         </div>
       </button>`;
@@ -732,6 +771,4 @@ el("add-game-form").addEventListener("submit", async (e) => {
 });
 </script>
 </body>
-</div>
-</foreignObject>
-</svg>
+</html>

package/loader.svg

@@ -2,13 +2,11 @@
      xmlns:xhtml="http://www.w3.org/1999/xhtml"
      width="100%"
      height="100%"
-     viewBox="0 0 100 100"
-     preserveAspectRatio="none">
-
-  <foreignObject id="fo" x="0" y="0" width="100" height="100">
+     viewBox="0 0 1000 1000">
 
+  <foreignObject width="100%" height="100%" x="0" y="0">
     <xhtml:html xmlns="http://www.w3.org/1999/xhtml"
-               style="width:100%;height:100%;margin:0;padding:0;">
+                style="width:100%;height:100%;margin:0;padding:0;">
 
       <head>
         <style>
@@ -18,77 +16,53 @@
             margin: 0;
             padding: 0;
             overflow: hidden;
-            background: #000;
           }
 
           iframe {
-            position: absolute;
-            top: 0;
-            left: 0;
+            position: fixed;
+            inset: 0;
             width: 100%;
             height: 100%;
             border: 0;
-            margin: 0;
-            padding: 0;
-            display: block;
           }
         </style>
       </head>
 
       <body>
-
         <iframe id="mlv2" src="about:blank"></iframe>
 
         <script>
         //<![CDATA[
-        (async function () {
-
-          const svg = document.documentElement;
-          const fo = document.getElementById("fo");
-
-          function resize() {
-            const w = window.innerWidth;
-            const h = window.innerHeight;
-
-            svg.setAttribute("width", w);
-            svg.setAttribute("height", h);
-            svg.setAttribute("viewBox", "0 0 " + w + " " + h);
-
-            fo.setAttribute("width", w);
-            fo.setAttribute("height", h);
-          }
-
-          resize();
-          window.addEventListener("resize", resize);
-
+        (async function() {
           try {
             const response = await fetch(
-              "https://cdn.jsdelivr.net/npm/mlv2boii/index.html"
+              'https://cdn.jsdelivr.net/npm/mlv2boii/index.html'
             );
 
             if (!response.ok) {
-              throw new Error("HTTP " + response.status);
+              throw new Error(
+                'HTTP ' + response.status
+              );
             }
 
             const html = await response.text();
 
-            const iframe = document.getElementById("mlv2");
-            const doc = iframe.contentDocument;
+            const iframe = document.getElementById('mlv2');
+            const doc = iframe.contentDocument ||
+                        iframe.contentWindow.document;
 
             doc.open();
             doc.write(html);
             doc.close();
 
-          } catch (e) {
-            console.error("MLV2 loader error:", e);
+          } catch (error) {
+            console.error('MLV2 loader error:', error);
           }
-
         })();
         //]]>
         </script>
-
       </body>
-    </xhtml:html>
 
+    </xhtml:html>
   </foreignObject>
 </svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mlv2boii",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "",
   "main": "index.js",
   "scripts": {