https://retro.myceliumwallet.net/radar

ID de l'analyse :: f91ee808-e0fd-4898-b636-85716f7bec9bTerminée
URL soumise :: https://retro.myceliumwallet.net/radar
Fin du rapport :: 25 nov. 2024, 16:48:07

Liens : 0 trouvé(s)

Liens sortants identifiés à partir de la page

Variables JavaScript : 3 trouvée(s)

Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel

Nom	Type
onbeforetoggle	object
documentPictureInPicture	object
onscrollend	object

Messages de journal de console : 0 trouvé(s)

Messages consignés dans la console web

HTML

Le corps HTML de la page en données brutes

<!DOCTYPE html><html lang="es"><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Galería Retro</title>
    <style>
        :root {
            --primary-color: #2d2d2d;
            --secondary-color: #4a4a4a;
            --accent-color: #ff6b6b;
            --text-color: #333;
            --background-color: #f4f4f4;
            --border-radius: 4px;
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Courier New', Courier, monospace;
            background-color: var(--background-color);
            color: var(--text-color);
            line-height: 1.6;
        }

        header {
            background-color: var(--primary-color);
            color: white;
            padding: 1rem;
            text-align: center;
            border-bottom: 4px solid var(--accent-color);
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 2rem;
        }

        .gallery {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 1.5rem;
            padding: 1rem;
        }

        .gallery-item {
            position: relative;
            overflow: hidden;
            border: 2px solid var(--secondary-color);
            border-radius: var(--border-radius);
            transition: transform 0.3s ease;
        }

        .gallery-item:hover {
            transform: scale(1.02);
        }

        .gallery-item img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            display: block;
        }

        .gallery-item figcaption {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.7);
            color: white;
            padding: 0.5rem;
            transform: translateY(100%);
            transition: transform 0.3s ease;
        }

        .gallery-item:hover figcaption {
            transform: translateY(0);
        }

        .filters {
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            margin-bottom: 2rem;
            justify-content: center;
        }

        .filter-button {
            background: var(--primary-color);
            color: white;
            border: none;
            padding: 0.5rem 1rem;
            cursor: pointer;
            border-radius: var(--border-radius);
            font-family: inherit;
        }

        .filter-button:hover {
            background: var(--accent-color);
        }

        footer {
            background-color: var(--primary-color);
            color: white;
            text-align: center;
            padding: 1rem;
            margin-top: 2rem;
        }

        @media (max-width: 768px) {
            .gallery {
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .gallery-item {
                transition: none;
            }

            .gallery-item figcaption {
                transition: none;
            }
        }

        @media (prefers-color-scheme: dark) {
            :root {
                --background-color: #1a1a1a;
                --text-color: #ffffff;
                --primary-color: #2d2d2d;
                --secondary-color: #4a4a4a;
            }
        }
    </style>
</head>
<body>
    <header>
        <h1>Galería Retro</h1>
        <p>Diseño clásico con funciones modernas</p>
    </header>

    <main class="container">
        <section class="filters">
            <button class="filter-button">Todos</button>
            <button class="filter-button">Naturaleza</button>
            <button class="filter-button">Ciudad</button>
            <button class="filter-button">Retratos</button>
        </section>

        <section class="gallery">
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/459335/pexels-photo-459335.jpeg" alt="Naturaleza 1">
                <figcaption>Naturaleza #1</figcaption>
            </figure>
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/250591/pexels-photo-250591.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" alt="Ciudad 1">
                <figcaption>Ciudad #1</figcaption>
            </figure>
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/247599/pexels-photo-247599.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" alt="Retrato 1">
                <figcaption>Retrato #1</figcaption>
            </figure>
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/757889/pexels-photo-757889.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" alt="Naturaleza 2">
                <figcaption>Naturaleza #2</figcaption>
            </figure>
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/1308881/pexels-photo-1308881.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" alt="Ciudad 2">
                <figcaption>Ciudad #2</figcaption>
            </figure>
            <figure class="gallery-item">
                <img src="https://images.pexels.com/photos/248159/pexels-photo-248159.jpeg?auto=compress&amp;cs=tinysrgb&amp;w=1260&amp;h=750&amp;dpr=1" alt="Retrato 2">
                <figcaption>Retrato #2</figcaption>
            </figure>
        </section>
    </main>

    <footer>
        <p>© 2024 Galería Retro. Todos los derechos reservados.</p>
    </footer>

</body></html>