index.html
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.0"> 6 <title>𝖌𝖗𝖆𝖒𝖗 - The Legendary Smart Contract Forge</title> 7 <meta name="description" content="A blazing-fast toolkit for scaffolding OpenZeppelin-powered smart contracts. Supports Solidity and Rust/Stylus."> 8 <link rel="stylesheet" href="style.css"> 9 <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚔️</text></svg>"> 10 </head> 11 <body> 12 <main class="container"> 13 <header class="hero"> 14 <h1 class="title"> 15 <span class="sword">⚔️</span> 16 𝖌𝖗𝖆𝖒𝖗 17 </h1> 18 <p class="subtitle">The legendary sword that forges smart contracts</p> 19 <p class="description"> 20 A blazing-fast toolkit for scaffolding OpenZeppelin-powered smart contracts, tests, and deployment scripts. 21 Supports Solidity (Foundry) and Rust (Arbitrum Stylus) projects. 22 </p> 23 </header> 24 25 <section class="install-section"> 26 <h2>Quick Install</h2> 27 <div class="install-box"> 28 <code class="install-command">curl --proto '=https' --tlsv1.2 -sSf https://getgramr.pxlvre.dev/install.sh | sh</code> 29 <button class="copy-btn" onclick="copyInstallCommand()">Copy</button> 30 </div> 31 </section> 32 33 <section class="features"> 34 <div class="feature-grid"> 35 <div class="feature"> 36 <h3>🧙♂️ Interactive Wizard</h3> 37 <p>Zero-configuration contract creation with step-by-step guidance</p> 38 </div> 39 <div class="feature"> 40 <h3>⚡ Lightning Fast CLI</h3> 41 <p>Direct command-line contract generation in milliseconds</p> 42 </div> 43 <div class="feature"> 44 <h3>🏗️ Multiple Languages</h3> 45 <p>Solidity (Foundry) and Rust (Arbitrum Stylus) support</p> 46 </div> 47 <div class="feature"> 48 <h3>🔧 Complete Toolchain</h3> 49 <p>Tests, deployment scripts, and documentation included</p> 50 </div> 51 </div> 52 </section> 53 54 <section class="quick-example"> 55 <h2>Get Started in Seconds</h2> 56 <div class="code-block"> 57 <code> 58 # Start interactive wizard<br> 59 <span class="prompt">$</span> <span class="command">wotan</span><br><br> 60 61 # Or use CLI directly<br> 62 <span class="prompt">$</span> <span class="command">gramr new contract MyToken --solidity --oz-erc20</span><br><br> 63 64 # Generate NFT with extensions<br> 65 <span class="prompt">$</span> <span class="command">gramr new contract MyNFT --solidity --oz-erc721 --extensions enumerable,burnable</span> 66 </code> 67 </div> 68 </section> 69 70 <section class="cta-section"> 71 <div class="cta-buttons"> 72 <a href="https://getgramr.pxlvre.dev/install.sh" class="btn btn-primary" download> 73 Download Installer 74 </a> 75 <a href="https://getgramr.pxlvre.dev/docs" class="btn btn-secondary"> 76 Read Documentation 77 </a> 78 </div> 79 </section> 80 81 <footer class="footer"> 82 <p> 83 Built with ❤️ by <a href="https://github.com/pxlvre">Pol Vidal</a> • pxlvre.eth 84 </p> 85 <div class="links"> 86 <a href="https://github.com/pxlvre/gramr">GitHub</a> 87 <a href="https://github.com/pxlvre/gramr/releases">Releases</a> 88 <a href="https://docs.rs/gramr">API Docs</a> 89 <a href="https://github.com/pxlvre/gramr/issues">Issues</a> 90 </div> 91 </footer> 92 </main> 93 94 <script> 95 function copyInstallCommand() { 96 const command = "curl --proto '=https' --tlsv1.2 -sSf https://getgramr.pxlvre.dev/install.sh | sh"; 97 navigator.clipboard.writeText(command).then(() => { 98 const btn = document.querySelector('.copy-btn'); 99 const originalText = btn.textContent; 100 btn.textContent = 'Copied!'; 101 btn.classList.add('copied'); 102 setTimeout(() => { 103 btn.textContent = originalText; 104 btn.classList.remove('copied'); 105 }, 2000); 106 }); 107 } 108 </script> 109 </body> 110 </html>