Team Ai
Apppublic

Eyesaid/codegenius-agent-x

sourceHugging Faceupdated 1y agoView on Hugging Face
0likes
languages.html309 linesDownload Raw Back to root
1<!DOCTYPE html>2<html lang="en" class="h-full">3<head>4    <meta charset="UTF-8">5    <meta name="viewport" content="width=device-width, initial-scale=1.0">6    <title>Languages - CodeGenius Agent X</title>7    <script src="https://cdn.tailwindcss.com"></script>8    <script src="https://unpkg.com/feather-icons"></script>9    <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>10    <script>11        tailwind.config = {12            theme: {13                extend: {14                    colors: {15                        undefined: {16                            100: '#fff7d9',17                            200: '#ffedb3',18                            300: '#ffe38d',19                            400: '#ffd867',20                            500: '#ffd241',21                            600: '#ffc61a',22                            700: '#e6b200',23                            800: '#cc9e00',24                            900: '#b38a00',25                        }26                    }27                }28            }29        }30    </script>31    <style>32        .gradient-bg {33            background: linear-gradient(135deg, #000000 0%, #1a1a1a 100%);34        }35        body {36            background-color: #000000;37            color: #ffffff;38        }39    </style>40</head>41<body class="min-h-screen flex flex-col gradient-bg">42    <header class="bg-black/95 backdrop-blur-lg shadow-lg border-b border-yellow-800">43        <div class="container mx-auto px-6 py-5 flex justify-between items-center">44            <div class="flex items-center space-x-3">45                <div class="bg-gradient-to-r from-undefined-600 to-undefined-700 p-2 rounded-xl">46                    <i data-feather="code" class="text-black w-6 h-6"></i>47                </div>48                <a href="index.html" class="text-2xl font-bold bg-gradient-to-r from-undefined-600 to-undefined-700 bg-clip-text text-transparent">CodeGenius Agent X</a>49            </div>50            <nav class="hidden lg:block">51                <ul class="flex space-x-8">52                    <li><a href="index.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Home</a></li>53                    <li><a href="features.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Features</a></li>54                    <li><a href="languages.html" class="text-undefined-600 font-semibold transition-colors duration-200 relative py-2 border-b-2 border-undefined-600">Languages</a></li>55                    <li><a href="docs.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Docs</a></li>56                    <li><a href="enterprise.html" class="text-yellow-200 hover:text-undefined-600 font-semibold transition-colors duration-200 relative py-2">Enterprise</a></li>57                </ul>58            </nav>59            <div class="flex items-center space-x-4">60                <a href="signin.html" class="text-yellow-200 hover:text-undefined-600 font-medium px-4 py-2 transition-colors duration-200">61                    Sign In62                </a>63                <a href="download.html" class="bg-gradient-to-r from-undefined-600 to-undefined-700 hover:from-undefined-700 hover:to-undefined-800 text-black px-6 py-3 rounded-xl font-semibold flex items-center space-x-2 transition-all duration-300 shadow-lg hover:shadow-xl">64                    <i data-feather="terminal" class="w-4 h-4"></i>65                    <span>Start Coding</span>66                </a>67            </div>68        </div>69    </header>70 71    <main class="flex-grow container mx-auto px-4 py-12">72        <section class="text-center mb-16">73            <h1 class="text-4xl md:text-5xl font-bold text-white mb-6">Multi-Language Support</h1>74            <p class="text-xl text-yellow-100 max-w-3xl mx-auto">CodeGenius Agent X works seamlessly with all major programming languages and frameworks</p>75        </section>76 77        <section class="mb-16">78            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8">79                <!-- Python -->80                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">81                    <div class="flex items-center mb-4">82                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">83                            <span class="font-bold text-undefined-600 text-xl">Py</span>84                        </div>85                        <h3 class="text-2xl font-bold text-white">Python</h3>86                    </div>87                    <ul class="space-y-2 text-yellow-100">88                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Django & Flask</li>89                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Data Science Libraries</li>90                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Machine Learning Frameworks</li>91                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Async/Await Support</li>92                    </ul>93                </div>94 95                <!-- JavaScript -->96                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">97                    <div class="flex items-center mb-4">98                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">99                            <span class="font-bold text-undefined-600 text-xl">JS</span>100                        </div>101                        <h3 class="text-2xl font-bold text-white">JavaScript</h3>102                    </div>103                    <ul class="space-y-2 text-yellow-100">104                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> React & Vue.js</li>105                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Node.js Backend</li>106                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> ES6+ Features</li>107                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> TypeScript Integration</li>108                    </ul>109                </div>110 111                <!-- Java -->112                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">113                    <div class="flex items-center mb-4">114                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">115                            <span class="font-bold text-undefined-600 text-xl">J</span>116                        </div>117                        <h3 class="text-2xl font-bold text-white">Java</h3>118                    </div>119                    <ul class="space-y-2 text-yellow-100">120                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Spring Framework</li>121                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Android Development</li>122                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Maven & Gradle</li>123                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> JVM Optimization</li>124                    </ul>125                </div>126 127                <!-- C++ -->128                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">129                    <div class="flex items-center mb-4">130                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">131                            <span class="font-bold text-undefined-600 text-xl">++</span>132                        </div>133                        <h3 class="text-2xl font-bold text-white">C++</h3>134                    </div>135                    <ul class="space-y-2 text-yellow-100">136                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> STL & Boost Libraries</li>137                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Modern C++ Standards</li>138                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Memory Management</li>139                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Performance Optimization</li>140                    </ul>141                </div>142 143                <!-- C# -->144                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">145                    <div class="flex items-center mb-4">146                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">147                            <span class="font-bold text-undefined-600 text-xl">C#</span>148                        </div>149                        <h3 class="text-2xl font-bold text-white">C#</h3>150                    </div>151                    <ul class="space-y-2 text-yellow-100">152                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> .NET Framework</li>153                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> ASP.NET Core</li>154                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Unity Game Development</li>155                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> LINQ & Async Patterns</li>156                    </ul>157                </div>158 159                <!-- Go -->160                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">161                    <div class="flex items-center mb-4">162                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">163                            <span class="font-bold text-undefined-600 text-xl">Go</span>164                        </div>165                        <h3 class="text-2xl font-bold text-white">Go</h3>166                    </div>167                    <ul class="space-y-2 text-yellow-100">168                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Goroutines & Channels</li>169                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> REST APIs</li>170                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Microservices</li>171                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Testing Frameworks</li>172                    </ul>173                </div>174 175                <!-- Rust -->176                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">177                    <div class="flex items-center mb-4">178                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">179                            <span class="font-bold text-undefined-600 text-xl">Rs</span>180                        </div>181                        <h3 class="text-2xl font-bold text-white">Rust</h3>182                    </div>183                    <ul class="space-y-2 text-yellow-100">184                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Ownership System</li>185                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> WebAssembly</li>186                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Concurrency Models</li>187                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Cargo Package Manager</li>188                    </ul>189                </div>190 191                <!-- Swift -->192                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800 hover:border-undefined-600 transition-all duration-300">193                    <div class="flex items-center mb-4">194                        <div class="bg-undefined-100 w-12 h-12 rounded-lg flex items-center justify-center mr-4">195                            <span class="font-bold text-undefined-600 text-xl">Sw</span>196                        </div>197                        <h3 class="text-2xl font-bold text-white">Swift</h3>198                    </div>199                    <ul class="space-y-2 text-yellow-100">200                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> iOS Development</li>201                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> SwiftUI Framework</li>202                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Server-Side Swift</li>203                        <li class="flex items-center"><i data-feather="check-circle" class="w-4 h-4 text-undefined-600 mr-2"></i> Protocol-Oriented Programming</li>204                    </ul>205                </div>206            </div>207        </section>208 209        <section class="bg-gradient-to-r from-undefined-500 to-undefined-700 rounded-xl shadow-lg p-8 text-white mb-16">210            <div class="max-w-4xl mx-auto text-center">211                <h2 class="text-3xl font-bold mb-4">Need Support for Another Language?</h2>212                <p class="text-xl mb-8">We're constantly adding new language support. Request your favorite language!</p>213                <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-4">214                    <a href="request-language.html" class="bg-white text-undefined-600 hover:bg-gray-100 px-8 py-3 rounded-lg font-medium transition-colors">215                        Request Language216                    </a>217                    <a href="contact.html" class="bg-transparent border-2 border-white text-white hover:bg-white/10 px-8 py-3 rounded-lg font-medium transition-colors">218                        Contact Us219                    </a>220                </div>221            </div>222        </section>223 224        <section class="mb-16">225            <h2 class="text-3xl font-bold text-center text-white mb-12">Framework Integrations</h2>226            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">227                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">228                    <h3 class="text-xl font-bold text-white mb-4">Frontend Frameworks</h3>229                    <ul class="space-y-3 text-yellow-100">230                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> React & Next.js</li>231                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Vue.js & Nuxt.js</li>232                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Angular</li>233                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Svelte & SvelteKit</li>234                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Ember.js</li>235                    </ul>236                </div>237                238                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">239                    <h3 class="text-xl font-bold text-white mb-4">Backend Frameworks</h3>240                    <ul class="space-y-3 text-yellow-100">241                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Express.js & Koa</li>242                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Django & Flask</li>243                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Spring Boot</li>244                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Laravel & Symfony</li>245                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> FastAPI & Gin</li>246                    </ul>247                </div>248                249                <div class="bg-black p-6 rounded-xl shadow-lg border border-yellow-800">250                    <h3 class="text-xl font-bold text-white mb-4">Mobile & Desktop</h3>251                    <ul class="space-y-3 text-yellow-100">252                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> React Native</li>253                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Flutter</li>254                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Xamarin</li>255                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Electron</li>256                        <li class="flex items-center"><i data-feather="check" class="w-4 h-4 text-undefined-600 mr-2"></i> Tauri</li>257                    </ul>258                </div>259            </div>260        </section>261    </main>262 263    <footer class="bg-gray-900 text-white py-12">264        <div class="container mx-auto px-4">265            <div class="grid grid-cols-1 md:grid-cols-4 gap-8">266                <div>267                    <h3 class="text-lg font-semibold mb-4">CodeGenius</h3>268                    <p class="text-gray-400">Your AI-powered coding companion for faster, better development.</p>269                </div>270                <div>271                    <h3 class="text-lg font-semibold mb-4">Product</h3>272                    <ul class="space-y-2">273                        <li><a href="features.html" class="text-gray-400 hover:text-white">Features</a></li>274                        <li><a href="pricing.html" class="text-gray-400 hover:text-white">Pricing</a></li>275                        <li><a href="examples.html" class="text-gray-400 hover:text-white">Examples</a></li>276                        <li><a href="download.html" class="text-gray-400 hover:text-white">Download</a></li>277                    </ul>278                </div>279                <div>280                    <h3 class="text-lg font-semibold mb-4">Resources</h3>281                    <ul class="space-y-2">282                        <li><a href="docs.html" class="text-gray-400 hover:text-white">Documentation</a></li>283                        <li><a href="tutorials.html" class="text-gray-400 hover:text-white">Tutorials</a></li>284                        <li><a href="blog.html" class="text-gray-400 hover:text-white">Blog</a></li>285                        <li><a href="support.html" class="text-gray-400 hover:text-white">Support</a></li>286                        <li><a href="api.html" class="text-gray-400 hover:text-white">API Reference</a></li>287                    </ul>288                </div>289                <div>290                    <h3 class="text-lg font-semibold mb-4">Connect</h3>291                    <div class="flex space-x-4">292                        <a href="https://twitter.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="twitter"></i></a>293                        <a href="https://github.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="github"></i></a>294                        <a href="https://linkedin.com/company/codegenius" class="text-gray-400 hover:text-white"><i data-feather="linkedin"></i></a>295                        <a href="https://youtube.com/codegenius" class="text-gray-400 hover:text-white"><i data-feather="youtube"></i></a>296                    </div>297                </div>298            </div>299            <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400">300                <p>© 2023 CodeGenius Agent X. All rights reserved.</p>301            </div>302        </div>303    </footer>304 305    <script>306        feather.replace();307    </script>308</body>309</html>