<!DOCTYPE html> <html lang="en"> <head> <base href="https://ordinals.com/" /> <meta charset="UTF-8"> <meta protocol="FORGE" ticker="Recursive-Robots" operation="mint" name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } #artifact { position: relative; width: 24rem; height: 24rem; } #artifact img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; image-rendering: pixelated } </style> </head> <body> <div id="artifact"> <img src="/content/9cf6ec9ef4ade7789d042cce4df79611a68c9bb74b951201383bca7f45b7b7f3i0" alt="Background" /> <img src="/content/993d926a08a8b1cd5c03d70e03691ddb7f7eb43b69aa738db8cd0a090f883c1di0993d926a08a8b1cd5c03d70e03691ddb7f7eb43b69aa738db8cd0a090f883c1di0" alt="Body" /> <img src="/content/51b1bc5ce86bb32b2536275c66f9971b115afb5778c8a5a65f99b26f34bd9711i0" alt="Head" /> </div> </body> </html>

<!DOCTYPE html> <html lang="en"> <head> <base href="https://ordinals.com/" /> <meta charset="UTF-8"> <meta protocol="FORGE" ticker="Recursive-Robots" operation="mint" name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; } #artifact { position: relative; width: 24rem; height: 24rem; } #artifact img { position: absolute; width: 100%; height: 100%; object-fit: contain; top: 0; left: 0; image-rendering: pixelated } </style> </head> <body> <div id="artifact"> <img src="/content/9cf6ec9ef4ade7789d042cce4df79611a68c9bb74b951201383bca7f45b7b7f3i0" alt="Background" /> <img src="/content/993d926a08a8b1cd5c03d70e03691ddb7f7eb43b69aa738db8cd0a090f883c1di0993d926a08a8b1cd5c03d70e03691ddb7f7eb43b69aa738db8cd0a090f883c1di0" alt="Body" /> <img src="/content/51b1bc5ce86bb32b2536275c66f9971b115afb5778c8a5a65f99b26f34bd9711i0" alt="Head" /> </div> </body> </html>