Hello World in Rust <script src="/tailwindcss.js">"></script> </head> <body class="bg-gray-900 text-white min-h-screen flex flex-col"> <header class="p-6"> <div class="flex justify-between items-center"> <h1 class="text-3xl font-mono text-orange-400">rust-lang <nav class="space-x-4"> <a href="/home.html" class="hover:text-orange-400 transition">Home <a href="/docs.html" class="hover:text-orange-400 transition">Docs <a href="/community.html" class="hover:text-orange-400 transition">Community </nav> </div> </header> <main class="flex-grow container mx-auto px-4 py-8"> <section class="text-center mb-16"> <h2 class="text-5xl font-bold mb-4 bg-gradient-to-r from-orange-400 to-purple-500 bg-clip-text text-transparent animate-fade-in"> Hello World in Rust </h2> <p class="text-gray-300 text-xl max-w-2xl mx-auto"> Your first step into the world of systems programming with Rust's fearless concurrency and zero-cost abstractions </p> </section> <div class="max-w-3xl mx-auto space-y-8"> <section class="bg-gray-800 p-6 rounded-xl backdrop-blur-sm border border-gray-700"> <h3 class="text-2xl font-medium mb-4 text-orange-400">Step 1: Create a Project <pre class="p-4 rounded-lg bg-gray-900 overflow-x-auto"> $ cargo new hello-world $ cd hello-world $ code . </section> <section class="bg-gray-800 p-6 rounded-xl border border-gray-700"> <h3 class="text-2xl font-medium mb-4 text-orange-400">Step 2: The Code <div class="glassmorphism p-4 bg-black/20 backdrop-blur-lg rounded-lg mb-4"> <code class="text-sm text-green-400 font-mono"> fn main() { println!("Hello, world!"); } </code> </div> <button class="bg-gradient-to-r from-orange-500 to-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:opacity-90 transition transform hover:-translate-y-1 flex items-center gap-2 mx-auto" onclick="downloadTemplate()"> <span>🔥 Download Project Template </button> </section> <section class="bg-gray-800 p-6 rounded-xl border border-gray-700"> <h3 class="text-2xl font-medium mb-4 text-orange-400">Want to Try It Live??</h3> <div class="flex flex-col md:flex-row gap-4 items-center justify-center"> <iframe src="https://play.rust-lang.org/?version=stable&mode=debug&edition=2021&code=fn%20main()%20%7B%0A%20%20println!(%22Hello%2C%20world!%22)%3B%0A%7D" width="100%" height="400" class="rounded-lg border border-gray-700 bg-black/50" > ></iframe> </div> </section> </div> </main> <footer class="bg-gray-900 py-6 border-t border-gray-800"> <div class="container mx-auto px-4 flex justify-between items-center"> <p class="text-gray-400 text-sm">© 2025 Rust Project Developers <div class="flex gap-4"> <a href="/legal.html" class="text-gray-400 hover:text-orange-400 text-sm transition">Terms <a href="/privacy.html" class="text-gray-400 hover:text-orange-400 text-sm transition">Privacy </div> </div> </footer> <script> function downloadTemplate() { const content = `fn main() { println!("Hello, world!"); }`; const blob = new Blob([content], {type: 'text/plain'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = "main.rs"; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); } </script> </body>