index.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <title>PicoPass for Flipper Zero</title>
  7. <meta name="description" content="PicoPass - A Flipper Zero app for reading and emulating HID iCLASS cards.">
  8. <link rel="icon" href="icon.png">
  9. <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;400&display=swap" rel="stylesheet">
  10. <link rel="stylesheet" href="light.css" media="(prefers-color-scheme: light)">
  11. <link rel="stylesheet" href="dark.css" media="(prefers-color-scheme: dark)">
  12. </head>
  13. <body>
  14. <nav>
  15. <div class="logo">
  16. <img src="icon.png" alt="PicoPass Icon">
  17. <span>PicoPass</span>
  18. </div>
  19. <a href="https://lab.flipper.net/apps/picopass" class="download-btn">Download</a>
  20. </nav>
  21. <header>
  22. <div class="header-content">
  23. <h1>PicoPass for Flipper Zero</h1>
  24. <p>Read, decode, and emulate HID iCLASS cards right from your Flipper Zero!</p>
  25. <a href="https://lab.flipper.net/apps/picopass" class="cta-btn">Get PicoPass</a>
  26. </div>
  27. <img class="device-img" src="./flipper.png" alt="Flipper Zero Device">
  28. </header>
  29. <section id="features">
  30. <h2>Features</h2>
  31. <ul>
  32. <li>🪪 <b>Card Reading:</b> Scan and decode HID iCLASS cards.</li>
  33. <li>🔓 <b>Emulation:</b> Emulate iCLASS cards for testing and demonstration.</li>
  34. <li>⚡ <b>Easy to Use:</b> Clean interface designed for the Flipper Zero.</li>
  35. <li>🔒 <b>Open Source:</b> Auditable and hackable for your peace of mind.</li>
  36. </ul>
  37. </section>
  38. <section id="how">
  39. <h2>How It Works</h2>
  40. <ol>
  41. <li>Install the PicoPass app on your Flipper Zero.</li>
  42. <li>Navigate to PicoPass in the menu.</li>
  43. <li>Hold your iCLASS card to the device and follow on-screen instructions.</li>
  44. <li>Save card data or emulate instantly.</li>
  45. </ol>
  46. </section>
  47. <section id="download">
  48. <h2>Download</h2>
  49. <p>
  50. <a href="https://lab.flipper.net/apps/picopass" target="_blank" class="download-link">Get PicoPass from the Flipper App Catalog</a>
  51. </p>
  52. <p>
  53. <a href="https://gitlab.com/bettse/picopass" target="_blank" class="source-link">View Source on GitLab</a>
  54. </p>
  55. </section>
  56. <footer>
  57. <p>Made with 🧡 for the Flipper Zero community. © 2025 bettse</p>
  58. </footer>
  59. </body>
  60. </html>