index.html 2.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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="styles.css">
  11. </head>
  12. <body>
  13. <nav>
  14. <div class="logo">
  15. <img src="icon.png" style="filter: invert(1); image-rendering: pixelated;" alt="PicoPass Icon">
  16. <span>PicoPass</span>
  17. </div>
  18. <a href="https://lab.flipper.net/apps/picopass" class="download-btn">Download</a>
  19. </nav>
  20. <header>
  21. <div class="header-content">
  22. <h1>PicoPass for Flipper Zero</h1>
  23. <p>Read, decode, and emulate HID iCLASS cards right from your Flipper Zero!</p>
  24. <a href="https://lab.flipper.net/apps/picopass" class="cta-btn">Get PicoPass</a>
  25. </div>
  26. <img class="device-img" src="./flipper.png" alt="Flipper Zero Device">
  27. </header>
  28. <section id="features">
  29. <h2>Features</h2>
  30. <ul>
  31. <li>🪪 <b>Card Reading:</b> Scan and decode HID iCLASS cards.</li>
  32. <li>🔓 <b>Emulation:</b> Emulate iCLASS cards for testing and demonstration.</li>
  33. <li>⚡ <b>Easy to Use:</b> Clean interface designed for the Flipper Zero.</li>
  34. <li>🔒 <b>Open Source:</b> Auditable and hackable for your peace of mind.</li>
  35. </ul>
  36. </section>
  37. <section id="how">
  38. <h2>How It Works</h2>
  39. <ol>
  40. <li>Install the PicoPass app on your Flipper Zero.</li>
  41. <li>Navigate to PicoPass in the menu.</li>
  42. <li>Hold your iCLASS card to the device and follow on-screen instructions.</li>
  43. <li>Save card data or emulate instantly.</li>
  44. </ol>
  45. </section>
  46. <section id="download">
  47. <h2>Download</h2>
  48. <p>
  49. <a href="https://lab.flipper.net/apps/picopass" target="_blank" class="download-link">Get PicoPass from the Flipper App Catalog</a>
  50. </p>
  51. <p>
  52. <a href="https://gitlab.com/bettse/picopass" target="_blank" class="source-link">View Source on GitLab</a>
  53. </p>
  54. </section>
  55. <footer>
  56. <p>Made with 🧡 for the Flipper Zero community. © 2025 bettse</p>
  57. </footer>
  58. </body>
  59. </html>