Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Undefined Lua Wizardry</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://unpkg.com/feather-icons"></script> | |
| <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> | |
| <style> | |
| .undefined-bg { | |
| background-color: rgba(0, 0, 0, 0.7); | |
| } | |
| .undefined-text { | |
| color: #a0a0a0; | |
| } | |
| .undefined-border { | |
| border-color: #404040; | |
| } | |
| .code-block { | |
| font-family: 'Courier New', monospace; | |
| background-color: #1a1a1a; | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen undefined-bg text-white"> | |
| <div id="vanta-bg" class="fixed inset-0 -z-10"></div> | |
| <div class="container mx-auto px-4 py-16"> | |
| <header class="text-center mb-16"> | |
| <h1 class="text-5xl font-bold mb-4 undefined-text">Undefined Lua Wizardry ♂️</h1> | |
| <p class="text-xl undefined-text">Where variables are undefined and colors are mysterious</p> | |
| </header> | |
| <main class="max-w-4xl mx-auto"> | |
| <div class="bg-black bg-opacity-50 rounded-xl p-8 mb-12 undefined-border border-2"> | |
| <h2 class="text-3xl font-semibold mb-6 undefined-text">Sample Lua Code</h2> | |
| <div class="code-block p-6 rounded-lg overflow-x-auto"> | |
| <pre class="text-green-400"> | |
| --[[ | |
| UNDEFINED MODE LUA SCRIPT | |
| This script demonstrates basic Lua structures in undefined mode | |
| ]] | |
| -- Undefined color palette (conceptually) | |
| local undefinedColors = { | |
| primary = "undefined", | |
| secondary = "undefined", | |
| background = "undefined" | |
| } | |
| -- Function to process undefined values | |
| local function processUndefined(input) | |
| -- Check if input is undefined | |
| if input == nil then | |
| return "This is properly undefined" | |
| elseif input == "undefined" then | |
| return "This is conceptually undefined" | |
| else | |
| return "This is defined as: " .. tostring(input) | |
| end | |
| end | |
| -- Table operations with undefined elements | |
| local undefinedTable = { | |
| name = "undefined", | |
| value = nil, | |
| colors = undefinedColors, | |
| isActive = false | |
| } | |
| -- Iterate through table | |
| print("=== Table Contents ===") | |
| for key, value in pairs(undefinedTable) do | |
| local status = processUndefined(value) | |
| print(string.format("Key: %-8s | Status: %s", key, status)) | |
| end | |
| -- Conditional undefined checks | |
| print("\n=== Conditional Checks ===") | |
| local testVar | |
| if not testVar then | |
| print("Variable is undefined (nil)") | |
| end | |
| if undefinedTable.value == nil then | |
| print("Table value is properly undefined") | |
| end | |
| -- Sample loop with undefined condition | |
| print("\n=== Loop Example ===") | |
| local counter = 1 | |
| while counter <= 5 do | |
| local output = counter % 2 == 0 and "undefined" or nil | |
| print(string.format("Iteration %d: %s", counter, processUndefined(output))) | |
| counter = counter + 1 | |
| end | |
| </pre> | |
| </div> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-black bg-opacity-50 rounded-xl p-6 undefined-border border-2"> | |
| <div class="flex items-center mb-4"> | |
| <i data-feather="code" class="mr-2 undefined-text"></i> | |
| <h3 class="text-2xl font-medium undefined-text">Features</h3> | |
| </div> | |
| <ul class="space-y-2"> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i> | |
| <span>Undefined mode variables</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i> | |
| <span>Conceptual color scheme</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i data-feather="check-circle" class="mr-2 text-green-400 mt-1"></i> | |
| <span>Proper nil checks</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div class="bg-black bg-opacity-50 rounded-xl p-6 undefined-border border-2"> | |
| <div class="flex items-center mb-4"> | |
| <i data-feather="info" class="mr-2 undefined-text"></i> | |
| <h3 class="text-2xl font-medium undefined-text">About</h3> | |
| </div> | |
| <p class="mb-4">This Lua code demonstrates how to work with undefined values in a structured way, using the conceptual undefined color scheme.</p> | |
| <div class="flex space-x-4"> | |
| <span class="px-3 py-1 rounded-full bg-gray-800 undefined-text">Lua 5.4</span> | |
| <span class="px-3 py-1 rounded-full bg-gray-800 undefined-text">Undefined</span> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| <footer class="mt-16 text-center undefined-text"> | |
| <p>Created with undefined magic ✨</p> | |
| </footer> | |
| </div> | |
| <script> | |
| VANTA.GLOBE({ | |
| el: "#vanta-bg", | |
| mouseControls: true, | |
| touchControls: true, | |
| gyroControls: false, | |
| minHeight: 200.00, | |
| minWidth: 200.00, | |
| scale: 1.00, | |
| scaleMobile: 1.00, | |
| color: 0x404040, | |
| backgroundColor: 0x0 | |
| }) | |
| </script> | |
| <script>feather.replace();</script> | |
| </body> | |
| </html> | |