Luis M. Cruz

User profile

Free user

Luis M. Cruz

6 months ago

8

Components

0

Remixes

0

Likes

Latest activity

Stylish Twitch stream information card with Daisy UI

Created a component

3 months ago

Modern responsive login page with animated background

Created a component

3 months ago

Untitled Component

Created a component

5 months ago

Untitled Component

Created a component

5 months ago

Untitled Component

Created a component

6 months ago

Latest components

Stylish Twitch stream information card with Daisy UI

Luis M. Cruz•3 months ago

html

Modern responsive login page with animated background

Luis M. Cruz•3 months ago

html

mejora la vista de este codigo resspeta añadir publicidad // routes/appVersionView.js // routes/appVersionView.js export function generateAppVersionPage(appInfo) { if (!appInfo || !appInfo.versions || appInfo.versions.length === 0) { return ` <!DOCTYPE html> <html lang="en"> <head> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-HDEY8VWFQN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HDEY8VWFQN'); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"> <meta charset="UTF-8"> <title>App Not Found</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; font-family: Arial, sans-serif; } .container { text-align: center; } </style> <script> // Evita el zoom en iOS document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); </script> <style> body { font-family: Arial, sans-serif; margin: 0; background-color: #fff; color: #000; } .container { max-width: 600px; margin: 20px auto; padding: 20px; } .app-info { text-align: center; } .app-info img { width: 60px; height: 60px; } table { width: 100%; border-collapse: collapse; margin-top: 20px; background-color: #f5f5f5; } th, td { padding: 8px; text-align: left; border: 1px solid #ddd; } @media (max-width: 600px) { .container { padding: 10px; } } @media (prefers-color-scheme: dark) { body { background-color: #000; color: #fff; } table { background-color: #333; } th, td { border-color: #555; } } .footer { text-align: center; margin-top: 20px; font-size: 14px; color: #888; } </style> </head> <body> <div class="container"> <h1>Application Info Not Found</h1> <p>The application you are looking for does not exist or is not available.</p> </div> <br> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9711678720152957" data-ad-slot="8649396921" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>  <footer style="text-align: center; margin-top: 20px;"> From 🇲🇽 With ❤️ By SharkLatan © <script>document.write(new Date().getFullYear());</script> </footer> </body> </html> `; } // Genera la página HTML con los datos de la aplicación y la tabla de versiones filtrada return ` <!DOCTYPE html> <html lang="en"> <head> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-HDEY8VWFQN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HDEY8VWFQN'); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"> <meta charset="UTF-8"> <title>${appInfo.trackName} - Versions </title>  <meta property="og:title" content="AppStore Versions for ${appInfo.trackName} - ${appInfo.bundleId}"> <meta property="og:description" content="List Versions for ${appInfo.trackName} - Bundle ID: ${appInfo.bundleId}"> <meta property="og:image" content="${appInfo.artworkUrl512}">  <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@sharklatan" /> <meta name="twitter:title" content="AppStore Versions for ${appInfo.trackName} - ${appInfo.bundleId}" /> <meta name="twitter:description" content="List Versions for ${appInfo.trackName} - Bundle ID: ${appInfo.bundleId}" /> <meta name="twitter:image" content="${appInfo.artworkUrl512}" /> <style> body { font-family: Arial, sans-serif; margin: 0; background-color: #fff; color: #000; } .container { max-width: 600px; margin: 20px auto; padding: 20px; } .app-info { text-align: center; } .app-info img { width: 60px; height: 60px; } table { width: 100%; border-collapse: collapse; margin-top: 20px; background-color: #f5f5f5; } th, td { padding: 8px; text-align: left; border: 1px solid #ddd; } @media (max-width: 600px) { .container { padding: 10px; } } @media (prefers-color-scheme: dark) { body { background-color: #000; color: #fff; } table { background-color: #333; } th, td { border-color: #555; } } .footer { text-align: center; margin-top: 20px; font-size: 14px; color: #888; } </style> <script> // Evita el zoom en iOS document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); </script> </head> <body>  <h1 style="text-align: center; font-size: 24px; color: #333; margin-top: 10px;">SharkApp V1.2</h1> <div class="container"> <div class="app-info"> <img src="${appInfo.artworkUrl60}" alt="${appInfo.trackName}"> <h1>${appInfo.trackName}</h1> <p><strong>Bundle ID:</strong> ${appInfo.bundleId}</p> <p><strong>Versión:</strong> ${appInfo.version}</p> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9711678720152957" data-ad-slot="8649396921" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div>  <h2>Versions:</h2> <table> <thead> <tr> <th>Version ID</th> <th>Version</th> <th>Copy</th> </tr> </thead> <tbody> ${appInfo.versions.sort((a, b) => b.verId - a.verId).map(version => ` <tr> <td>${version.verId}</td> <td>${version.ver}</td> <td><button onclick="copyToClipboard('${version.verId}')">Copy</button></td> </tr> `).join('')} </tbody> </table> </div>  <footer style="text-align: center; margin-top: 20px;"> From 🇲🇽 With ❤️ By SharkLatan © <script>document.write(new Date().getFullYear());</script> </footer>  <script> function copyToClipboard(text) { // Crea un textarea temporal const textarea = document.createElement('textarea'); textarea.value = text; document.body.appendChild(textarea); // Selecciona el texto textarea.select(); textarea.setSelectionRange(0, 99999); // Para dispositivos móviles // Intenta copiar try { const successful = document.execCommand('copy'); const msg = successful ? 'successful' : 'unsuccessful'; console.log('Fallback: Copying text command was ' + msg); alert('Version ID copied to clipboard'); } catch (err) { console.error('Fallback: Oops, unable to copy', err); alert('Failed to copy Version ID'); } // Elimina el textarea del DOM document.body.removeChild(textarea); } </script> </body> </html> `; }

Luis M. Cruz•5 months ago

html

necesito que mejores visualmente el codigo de ese html <!DOCTYPE html> <html lang="en"> <head> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-HDEY8VWFQN"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-HDEY8VWFQN'); </script> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0"> <meta charset="UTF-8"> <title>Buscar Aplicaciones</title> <style> body { font-family: Arial, sans-serif; padding: 20px; } nav { margin-bottom: 20px; } input[type="text"] { padding: 10px; width: 300px; max-width: 100%; box-sizing: border-box; } button { padding: 10px; } table { width: 100%; border-collapse: collapse; } th, td { padding: 12px; text-align: left; border: 1px solid #ddd; } th { background-color: #f2f2f2; } img { width: 50px; height: 50px; } @media (max-width: 600px) { table, th, td { display: block; width: 100%; } th, td { padding: 10px; } img { width: 100px; height: 100px; } } </style> <script> // Evita el zoom en iOS document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); </script> </head> <body> <nav> <input type="text" id="search-input" placeholder="Buscar aplicaciones..."> <button onclick="search()">Buscar</button> </nav> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9711678720152957" crossorigin="anonymous"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9711678720152957" data-ad-slot="8649396921" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <table> <thead> <tr> <th>Imagen</th> <th>Track ID</th> <th>Bundle ID</th> <th>Nombre</th> <th>Versión</th> <th>Acciones</th> </tr> </thead> <tbody id="app-list">  </tbody> </table> <script> function search() { const query = document.getElementById('search-input').value; fetch(`/search?q=${query}`) .then(response => response.json()) .then(data => { const appList = document.getElementById('app-list'); appList.innerHTML = data.map(app => ` <tr> <td><img src="${app.artwork_url60}" alt="${app.track_name}"></td> <td>${app.track_id}</td> <td>${app.bundle_id}</td> <td>${app.track_name}</td> <td>${app.version}</td> <td><a href="/apple/app-version/US/${app.track_id}">Versions</a></td> </tr> `).join(''); }); } </script> </body> </html>

Luis M. Cruz•5 months ago

html

crea slider infinito carrusel, en total seran 5 carrusel todos deben ser infinitos con muy poca separacion entre los carrusel

Luis M. Cruz•6 months ago

html