|
|
@@ -0,0 +1,59 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
+ <title>PicoPass for Flipper Zero</title>
|
|
|
+ <meta name="description" content="PicoPass - A Flipper Zero app for reading and emulating HID iCLASS cards.">
|
|
|
+ <link rel="icon" href="icon.png">
|
|
|
+ <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700;400&display=swap" rel="stylesheet">
|
|
|
+ <link rel="stylesheet" href="styles.css">
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <nav>
|
|
|
+ <div class="logo">
|
|
|
+ <img src="icon.png" style="filter: invert(1); image-rendering: pixelated;" alt="PicoPass Icon">
|
|
|
+ <span>PicoPass</span>
|
|
|
+ </div>
|
|
|
+ <a href="https://lab.flipper.net/apps/picopass" class="download-btn">Download</a>
|
|
|
+ </nav>
|
|
|
+ <header>
|
|
|
+ <div class="header-content">
|
|
|
+ <h1>PicoPass for Flipper Zero</h1>
|
|
|
+ <p>Read, decode, and emulate HID iCLASS cards right from your Flipper Zero!</p>
|
|
|
+ <a href="https://lab.flipper.net/apps/picopass" class="cta-btn">Get PicoPass</a>
|
|
|
+ </div>
|
|
|
+ <img class="device-img" src="./flipper.png" alt="Flipper Zero Device">
|
|
|
+ </header>
|
|
|
+ <section id="features">
|
|
|
+ <h2>Features</h2>
|
|
|
+ <ul>
|
|
|
+ <li>🪪 <b>Card Reading:</b> Scan and decode HID iCLASS cards.</li>
|
|
|
+ <li>🔓 <b>Emulation:</b> Emulate iCLASS cards for testing and demonstration.</li>
|
|
|
+ <li>⚡ <b>Easy to Use:</b> Clean interface designed for the Flipper Zero.</li>
|
|
|
+ <li>🔒 <b>Open Source:</b> Auditable and hackable for your peace of mind.</li>
|
|
|
+ </ul>
|
|
|
+ </section>
|
|
|
+ <section id="how">
|
|
|
+ <h2>How It Works</h2>
|
|
|
+ <ol>
|
|
|
+ <li>Install the PicoPass app on your Flipper Zero.</li>
|
|
|
+ <li>Navigate to PicoPass in the menu.</li>
|
|
|
+ <li>Hold your iCLASS card to the device and follow on-screen instructions.</li>
|
|
|
+ <li>Save card data or emulate instantly.</li>
|
|
|
+ </ol>
|
|
|
+ </section>
|
|
|
+ <section id="download">
|
|
|
+ <h2>Download</h2>
|
|
|
+ <p>
|
|
|
+ <a href="https://lab.flipper.net/apps/picopass" target="_blank" class="download-link">Get PicoPass from the Flipper App Catalog</a>
|
|
|
+ </p>
|
|
|
+ <p>
|
|
|
+ <a href="https://gitlab.com/bettse/picopass" target="_blank" class="source-link">View Source on GitLab</a>
|
|
|
+ </p>
|
|
|
+ </section>
|
|
|
+ <footer>
|
|
|
+ <p>Made with 🧡 for the Flipper Zero community. © 2025 bettse</p>
|
|
|
+ </footer>
|
|
|
+</body>
|
|
|
+</html>
|