{"id":32806996,"url":"https://github.com/00impera/lock-unlock-nft-","last_synced_at":"2026-05-06T01:31:35.797Z","repository":{"id":321859365,"uuid":"1087433768","full_name":"00impera/LOCK-UNLOCK-NFT-","owner":"00impera","description":"LOCK UNLOCK NFT ","archived":false,"fork":false,"pushed_at":"2025-10-31T23:13:46.000Z","size":15,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"Telegram8","last_synced_at":"2025-11-01T01:08:34.654Z","etag":null,"topics":["application","fotos","github","json","nft","nft-gallery","nft-generator","nftcollection","open-source","openstack","package","react","readme"],"latest_commit_sha":null,"homepage":"https://00impera.github.io/LOCK-UNLOCK-NFT-: LOCK UNLOCK NFT","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/00impera.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-31T22:49:50.000Z","updated_at":"2025-10-31T23:20:28.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/00impera/LOCK-UNLOCK-NFT-","commit_stats":null,"previous_names":["00impera/lock-unlock-nft-"],"tags_count":null,"template":false,"template_full_name":null,"purl":"pkg:github/00impera/LOCK-UNLOCK-NFT-","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/00impera%2FLOCK-UNLOCK-NFT-","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/00impera%2FLOCK-UNLOCK-NFT-/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/00impera%2FLOCK-UNLOCK-NFT-/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/00impera%2FLOCK-UNLOCK-NFT-/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/00impera","download_url":"https://codeload.github.com/00impera/LOCK-UNLOCK-NFT-/tar.gz/refs/heads/Telegram8","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/00impera%2FLOCK-UNLOCK-NFT-/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":283027924,"owners_count":26767085,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-06T02:00:06.180Z","response_time":55,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["application","fotos","github","json","nft","nft-gallery","nft-generator","nftcollection","open-source","openstack","package","react","readme"],"created_at":"2025-11-06T15:01:06.175Z","updated_at":"2026-05-06T01:31:35.790Z","avatar_url":"https://github.com/00impera.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔒 NFT LOCKED IMAGE GENERATOR\n\n\u003e Generate blurred \"locked\" preview images for your NFTs in seconds. Upload your artwork, customize the lock overlay, mint on Monad Mainnet for 100 MON, and download the locked.png ready for IPFS + OpenSea metadata.\n\n[![Monad](https://img.shields.io/badge/Network-Monad%20Mainnet-00ff44?style=flat-square\u0026labelColor=020a02)](https://monad.xyz)\n[![HTML](https://img.shields.io/badge/Stack-Pure%20HTML%2FJS-00cc33?style=flat-square\u0026labelColor=020a02)](#)\n[![License](https://img.shields.io/badge/License-MIT-008822?style=flat-square\u0026labelColor=020a02)](LICENSE)\n\n---\n\n## 🌐 Live Demo\n\n**[→ Open NFT Locked Image Generator](https://nft-rarity.imperamonad.xyz)**\n\n---\n\n## 📸 Preview\n\n\u003cimg width=\"800\" height=\"800\" alt=\"locked\" src=\"https://github.com/user-attachments/assets/8f6f4f65-775e-4d08-905b-7f8b734544a7\" /\u003e\n\n\u003cimg width=\"800\" height=\"800\" alt=\"download\" src=\"https://github.com/user-attachments/assets/04cff51b-fe82-435f-9703-9f6f6c390eac\" /\u003e\n\n---\n\n## ✨ Features\n\n- 📤 **Drag \u0026 drop** or click to upload your NFT image\n- 🎨 **Auto-preview** — original vs locked side-by-side in real-time\n- ⚙️ **Customize** — blur, darkness, main text, sub text\n- 💾 **Download** — one click to get your `locked.png`\n- 🌿 **Mint on Monad** — send 100 MON to register ownership\n- 🔥 Flame green/black interface with rising ember particles\n- ⚡ Every button vibrates on click\n- 📱 Fully responsive — works on mobile\n\n---\n\n## 🚀 HOW TO USE — SUPER SIMPLE\n\n### STEP 1 — Upload Your NFT Image\n- Click the upload box **OR** drag your image directly onto it\n- Accepts: **JPG · PNG · GIF · WEBP**\n- Max size: 10MB\n\n### STEP 2 — Adjust Settings\n\n| Setting | What it does | Default |\n|---|---|---|\n| **Blur Amount** | Slide to blur more / less | 50px |\n| **Darkness** | Make the overlay darker / lighter | 50% |\n| **Main Text** | Change the big lock text | `🔒 LOCKED` |\n| **Sub Text** | Change the small description | `PURCHASE TO UNLOCK` |\n\n### STEP 3 — See Live Preview\n- **Left side** = Your original image\n- **Right side** = Locked version — updates automatically as you change settings\n\n### STEP 4 — Download or Mint\n\n| Action | Description |\n|---|---|\n| 💾 **DOWNLOAD LOCKED.PNG** | Saves `locked-nft.png` to your computer |\n| 🌿 **MINT — 100 MON** | Sends 100 MON on Monad Mainnet → auto-downloads after confirmation |\n\n---\n\n## 📋 NEXT STEPS AFTER DOWNLOAD\n\n```\n✅  You now have locked.png\n📤  Upload to IPFS → Pinata.cloud or NFT.Storage\n📝  Copy the IPFS hash (ipfs://Qm...)\n🔄  Update your NFT JSON metadata:\n        \"image\": \"ipfs://YOUR_LOCKED_HASH\"\n🚀  Mint on OpenSea with locked preview!\n```\n\n**Example metadata JSON:**\n```json\n{\n  \"name\": \"My NFT #001\",\n  \"description\": \"Purchase to unlock the full artwork.\",\n  \"image\": \"ipfs://QmYOUR_LOCKED_IMAGE_HASH\",\n  \"animation_url\": \"ipfs://QmYOUR_FULL_IMAGE_HASH\"\n}\n```\n\n---\n\n## ⚙️ All Functions\n\n| Function | Description |\n|---|---|\n| `loadImage(file)` | Reads file via FileReader, sets canvas size, draws original + locked |\n| `setupCanvases()` | Sets both canvases to `min(width, height, 800)` square |\n| `drawOriginal()` | Draws the source image centered and scaled on the left canvas |\n| `drawLocked()` | Draws blurred image + darkness + green tint + scanlines + lock icon + text + border glow |\n| `downloadLocked()` | `canvas.toBlob()` → creates download link → triggers save as `locked-nft.png` |\n| `mintOnChain()` | Connects MetaMask → switches to Monad → sends 100 MON → polls receipt → auto-downloads on success |\n| `resetAll()` | Clears canvases, resets all inputs to defaults |\n\n---\n\n## 🌿 Mint Configuration\n\n```javascript\nconst OWNER     = '0x592B35c8917eD36c39Ef73D0F5e92B0173560b2e'; // receives MON\nconst CHAIN_HEX = '0x8F';                                        // Monad chain ID 143\nconst PRICE_WEI = '0x' + BigInt('100000000000000000000').toString(16); // 100 MON\n```\n\n**Mint flow:**\n1. `eth_requestAccounts` — connect wallet\n2. `wallet_switchEthereumChain` — switch to Monad (adds it automatically if missing)\n3. `eth_sendTransaction` — sends 100 MON to owner (gas: 21000)\n4. Polls `eth_getTransactionReceipt` every 2s (max 3 minutes)\n5. On success → shows clickable TX link to Monad explorer → auto-downloads PNG\n\n---\n\n## 🗂 File Structure\n\n```\nNFT-CARD-GENERATOR-RARITY/\n├── index.html     # Complete app — single file, zero dependencies\n└── README.md\n```\n\n---\n\n## 📱 Browser Support\n\n| Browser | Upload | Preview | Download | Mint |\n|---|---|---|---|---|\n| Chrome | ✅ | ✅ | ✅ | ✅ |\n| Firefox | ✅ | ✅ | ✅ | ✅ |\n| Safari | ✅ | ✅ | ✅ | ✅ |\n| Mobile Chrome | ✅ | ✅ | ✅ | ✅ |\n| Mobile Safari | ✅ | ✅ | ✅ | ✅ |\n\n---\n\n## 🔗 Related Projects\n\n| Project | URL |\n|---|---|\n| NFT Card Generator | [nft-rarity.imperamonad.xyz](https://nft-rarity.imperamonad.xyz) |\n| PYRATHOS Mining | [pyrathos.imperamonad.xyz](https://pyrathos.imperamonad.xyz) |\n| Quantum Engine NFT | [quantum-engine.imperamonad.xyz](https://quantum-engine.imperamonad.xyz) |\n| IceBox Mint | [icebox.imperamonad.xyz](https://icebox.imperamonad.xyz) |\n| Portfolio | [imperamonad.xyz](https://imperamonad.xyz) |\n\n---\n\n## 📄 License\n\nMIT — see [LICENSE](LICENSE)\n\n---\n\n*Built on [Monad Mainnet](https://monad.xyz) · Pure HTML/Canvas/JS · No dependencies*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F00impera%2Flock-unlock-nft-","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F00impera%2Flock-unlock-nft-","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F00impera%2Flock-unlock-nft-/lists"}