Contributing | egegasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasas-asasasasasasasasasasasasas-asasasasasasasasasas-asasasasas-asasasasasas-asasasasasasasasasasasasasasasasas-asasasasasasas-asasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasas-asasas-asasasasasasasasasasasasasas-asasasasasasasasasasasas-asasasasasasas-asasasas-asasasas-sasasasasasasas- </head> <body class="bg-gradient-to-br from-[#2a2a50] to-[#3c3c8a] text-[#e0e0ff] font-sans"> <nav class="py-4 px-6 shadow-lg shadow-blue-900/30 border-b border-gray-800/60 fixed w-full max-w-7xl mx-auto"> <div class="flex justify-between items-center"> <div class="text-2xl font-extrabold tracking-tight bg-clip-text text-transparent bg-gradient-to-r from-blue-400 to-purple-500"> egegasasasasas </div> <div class="flex space-x-6 text-sm"> <a href="/egegasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasas-asasasas-asasasasasasasasasasasasasasasasasasasasasasasasasa" class="hover:text-blue-300 transition">Home</a> <a href="/egegasasasasasas.htmlblog.html" class="hover:text-blue-300 transition">Blog</a> <a href="/egegasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasasas-asasasasasasasasasasasasasas-asasasasa" class="hover:text-blue-300 transition">Contribute</a> </div> </div> </nav> <main class="max-w-5xl mx-auto p-6 mt-16">  <section class="bg-gradient-to-r from-blue-600 to-purple-700 text-white p-8 rounded-xl shadow-2xl mb-12"> <div class="flex items-center"> <div class="bg-[#1e1e40] p-3 rounded-full mr-5"> <svg class="w-12 h-12 ml-auto" viewBox="0 0 24 24" fill="currentColor"> <path d="M19.29 5.29 12 12.58 4.71 5.29a1 1 0 0 0-1.42 1.42L10.58 18.42l-9.29.71a2 2 0 0 0 0 3.41l3.29-3.29L12 19.42l7.29-7.29a1 1 0 0 0 0-1.42L15.29 9.58 19.3 5.57a1 1 0 0 0-1.42 1.42l3.29-3.29a1 1 0 0 0 0 1.41l-3.29 3.29-3.3 3.3a1 1 0 0 0 1.42 1.42l3.29-3.3a.999.999 0 0 1 .82-.37l7.3-7.3a.99.99 0 1 0-1.42-1.41L17 8.82l-2.59 2.59a1 1 0 1 0 1.42 1.42L20 9.42a1 1 0 0 0 0-1.42l-4.59-4.59a1 1 0 0 0-1.42 1.42z"></path> </svg> </div> <div> <h1 class="text-4xl font-extrabold leading-snug">Welcome Contributors!</h1> <p class="mt-4">Your contributions help shape the future of WebAssembly tools. Whether fixing bugs, writing docs, or developing features, your efforts matter to us all!</p> </div> </div> </section>  <section class="mb-12"> <h2 class="text-2xl font-bold text-blue-300 mb-5">Getting Started</h2> <ol class="space-y-4"> <li class="flex items-start"> <div class="bg-blue-400 rounded-full text-white p-2 mr-3 mt-1">1</div> <div> <h3 class="font-medium text-blue-300">Fork and Clone</h3> <p class="text-gray-300/80">Fork the main repository on GitHub and clone it to your local machine.</p> </div> </li> <li class="flex items-start"> <div class="bg-blue-400 rounded-full text-white p-2 mr-3 mt-1">2</div> <div> <h3 class="font-medium text-blue-300">Set Up Environment</h3> <p class="text-gray-300/80">Follow the development setup instructions in the <code class="text-blue-300 px-1.5 py-0.5 rounded">README.md</code> file.</p> </div> </li> <li class="flex items-start"> <div class="bg-blue-400 rounded-full text-white p-2 mr-3 mt-1">3</div> <div> <h3 class="font-medium text-blue-300">Create a Branch</h3> <p class="text-gray-300/80">Create a new branch for your changes.</p> <code class="mt-1 bg-[#1a1a30] px-3 py-1.5 rounded text-sm text-blue-300 inline-block">git checkout -b feature/your-feature-name</code> </div> </li> <li class="flex items-start"> <div class="bg-blue-400 rounded-full text-white p-2 mr-3 mt-1">4</div> <div> <h3 class="font-medium text-blue-300">Make Your Changes</h3> <p class="text-gray-300/80">Implement your changes and ensure all tests pass <code class="text-blue-300 text">npm test</code>.</p> </div> </li> <li class="flex items-start"> <div class="bg-blue-400 rounded-full text-white p-2 mr-3 mt-1">5</div> <div class="w-full"> <h3 class="font-medium text-blue-300">Submit Your PR</h3> <p class="text-gray-300/80">Push your changes to your fork and submit a pull request against the main repository.</p> <div class="mt-3 overflow-x-auto rounded border border-gray-700/50 p-2 text-xs bg-[#1a1a30]"> <div class="p-3"> <div class="flex space-x-1"> <span class="text-blue-300">git</span> <span class="text-green-400">push</span> <span class="text-blue-300">origin</span> <span class="text-green-400">your-branch-name</span> </div> </div> <div class="mt-2"> <div class="flex space-x-1"> <span class="text-blue-300">git</span> <span class="text-green-400">compare-and-pull-request</span> </div> </div> </div> </div> </li> </ol> </section>  <section class="mb-12"> <h2 class="text-2xl font-bold text-blue-300 mb-5">How You Can Help</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-8">  <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50 transition hover:border-blue-500"> <div class="mb-4 text-blue-400"> <svg class="w-12 h-12" viewBox="0 0 24 24" fill="currentColor"> <path d="M20 4H4C2.896 4 2 4.896 2 6V18C2 19.104 2.896 20 4 20H16V16H14V6H20V4ZM6 6H18V14H6V6ZM10 18H4V16H10V18ZM22 16V8C23.104 8 24 8.896 24 10V20C24 21.104 23.104 22 22 22H18V18H22V16ZM20 20H18V18H20V20Z"></path> </svg> </div> <h3 class="text-xl font-semibold text-blue-300 mb-3">Code</h3> <p class="text-gray-300/80">Help with implementing new WebAssembly features, bug fixes, or infrastructure improvements. Check our <a href="#" class="text-blue-300 hover:text-white transition">GitHub repo</a> for open issues.</p> </div>  <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50 transition hover:border-blue-500"> <div class="mb-4 text-purple-400"> <svg class="w-12 h-12" viewBox="0 0 24 24" fill="currentColor"> <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3zM19 5V19H5V5H19z"></path> </svg> </div> <h3 class="text-xl font-semibold text-purple-300 mb-3">Documentation</h3> <p class="text-gray-300/80">Improve technical documentation, tutorials, and examples in our <a href="#" class="text-purple-300 hover:text-white transition">wiki</a> and blog sections.</p> </div>  <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50 transition hover:border-blue-500"> <div class="mb-4 text-green-400"> <svg class="w-12 h-12" viewBox="0 0 24 24" fill="currentColor"> <path d="M12 3L3 9L12 15L12.5 15.77L12 15V9L21 3H12.5L12 3V5L3 14H10L6 14V16H18V18L12 24L6 18V16L18 8L17.66 7L12 12L10 10L3 7H12V5L10 6.71V5.71L12 4.91V5L3 12L12 6L17 1V3L9 8.2L5 9L12 13L9 18L12 14L19 8L12 3Z"></path> </svg> </div> <h3 class="text-xl font-semibold text-green-300 mb-3">Testing</h3> <p class="text-gray-300/80">Try out our tools, report bugs, and help ensure our releases are production-ready. Check our <a href="#" class="text-green-300 hover:text-white transition">beta releases</a> for testing.</p> </div>  <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50 transition hover:border-blue-500"> <div class="mb-4 text-yellow-400"> <svg class="w-12 h-12" viewBox="0 0 24 24" fill="currentColor"> <path d="M20 2H4C2.9 2 2 2.9 2 4V20C2 21.1 2.9 22 4 22H20C21.1 22 22 21.1 22 20V4C22 2.9 21.1 2 20 2zM8 18H6V16H8V18zm3-2H6V13.5L6 6H9L9.5 15.5H11V16H9V8L11 15H10V16H8V18z"></path> </svg> </div> <h3 class="text-xl font-semibold text-yellow-300 mb-3">Community</h3> <p class="text-gray-300/80">Help answer questions in our <a href="#" class="text-yellow-300 hover:text-white transition">Discord</a> or Stack Overflow, improve documentation, or help with translations.</p> </div> </div> </section>  <section class="mb-12"> <h2 class="text-2xl font-bold text-blue-300 mb-5">Contribution Guidelines</h2> <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50"> <h3 class="font-semibold text-blue-300 mb-3">Core Principles</h3> <ul class="space-y-2 text-gray-300/80"> <li class="flex items-center"> <svg class="h-5 w-5 text-blue-400 mr-2" viewBox="0 0 20 20" fill="currentColor"><path d="M10.293 17.834a.999.999 0 101.414L9.03 18.57l1.414-1.414a.999.999 0 000-1.414l-7.07-7.07 7.07-7.07a.999.999 0 000-1.414L10.293 3a1 1 0 10-1.414 1.414l-3 3a.999.999 0 00.707 1.707 1.001 1.001 0 101.707-.707l6 6c0.827 0.828 0.827 2.172 0 3h0.001a1 1 0 001.414-1.414 1 1 0 00-1.414-1.414h-7.893A1 1 0 009.03 17h5.477c0.552 0 1.001-0.449 1.001-1h0.001a1 1 0 100-2h-11a1 1 0 100 2 9.07 9.07 0 1010 0 9.07 9.07 0 006.12-2.786 9.07 9.07 0 000-9.034 9.07 9.07 0 100-0z"></svg> <span>Write clean, maintainable code that follows our style guides</span> </li> <li class="flex items-center"> <svg class="h-5 w-5 text-blue-400 mr-2" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a8 8 0 100-16 8 8 0 000 16z"></path></svg> <span>Write tests to match any new functionality</span> </li> <li class="flex items-center"> <svg class="h-5 w-5 text-blue-400 mr-2" viewBox="0 0 20 20" fill="currentColor"><path d="M12 4a8 8 0 110 16 8 8 0 110-16zm-2.002 8l-1.881-1.032L10 8.51l5 2.866-11.208-6.3 1.88-1.054 9.308 5.268-1.879 1.054-3 1.707z"></path></svg> <span>Write clear, concise, and helpful documentation</span> </li> <li class="flex items-center"> <svg class="h-5 w-5 text-blue-400 mr-2" viewBox="0 0 20 20" fill="currentColor"><path d="M10 2a8 8 0 100 16 8 8 0 000-16zM12 7a1 1 0 100 2h-1.414a1 1 0 010-2H8.586A1.414 1.414 0 107 9h1.414a1 1 0 100-2H7a1 1 0 100-2h5a1 1 0 110 2z"></path></svg> <span>Keep commits and PRs atomic and focused</span> </li> </ul> </div> </section>  <section> <h2 class="text-2xl font-bold text-blue-300 mb-5">Need Help?</h2> <div class="bg-[#1e1e40]/80 rounded-xl p-6 border border-gray-700/50"> <p class="text-gray-300/80 mb-4">Questions about our contribution process? Want to discuss a bigger change before working on it?</p> <a href="#" class="bg-gradient-to-r from-blue-500 to-purple-600 hover:from-blue-600 hover:to-purple-700 text-white px-6 py-3 rounded-lg transition inline-block"> Join Our Dev Discord </a> </div> </section> </main> <footer class="py-8 px-6 mt-12 bg-[#1a1a30] rounded-t-xl"> <div class="text-center text-gray-400 text-sm"> <p>© 2025 egegasasasasasasasasasasasasasasasas. All rights reserved.</p> </div> </footer> </body> </html>