https://retro.myceliumwallet.net/radar

Eingereichte URL:
https://retro.myceliumwallet.net/radar
Bericht beendet:

Die von der Seite ausgehenden identifizierten Links

JavaScript-Variablen · 3 gefunden

Globale JavaScript-Variablen, die in das Window Object einer Seite geladen werden, sind Variablen, die außerhalb von Funktionen deklariert werden und von jeder Stelle des Codes innerhalb des aktuellen Bereichs zugänglich sind

NameTyp
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject

Konsolenprotokoll-Meldungen · 0 gefunden

In der Web-Konsole protokollierte Meldungen

HTML

Der HTML-Rohtext der Seite

<!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>