<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Metro Loop</title>
    <style>
        /* * STYLES CSS INTÉGRÉS 
         * Gestion du plein écran et reset
         */
        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            /* Supprime les ascenseurs */
            background-color: #0c0c0c;
            /* Fond noir en attendant le chargement */
        }

        .fullscreen-bg {
            /* L'image demandée */
            background-image: url('http://mescanefeux.com/metro.gif');

            /* Paramètres pour couvrir tout l'écran (Cover) */
            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;

            /* Dimensions forcées à 100% du viewport */
            width: 100vw;
            height: 100vh;

            /* S'assure que l'image est bien au niveau du rendu principal */
            display: block;
        }
    </style>
    <link rel="stylesheet" href="blog_styles.css?v=5">
</head>

<body>
    <!-- 
#########################################################################################################
#########################################################################################################

███    ███ ███████ ████████ ██████   ██████      ██    ██ ███    ██ ██████  ███████ ██████╗

████  ████ ██         ██    ██   ██ ██    ██     ██    ██ ████   ██ ██   ██ ██      ██╔══██╗

██ ████ ██ █████      ██    ██████  ██    ██     ██    ██ ██ ██  ██ ██   ██ █████   ██████╔╝

██  ██  ██ ██         ██    ██   ██ ██    ██     ██    ██ ██  ██ ██ ██   ██ ██      ██╔══██╗

██      ██ ███████    ██    ██   ██  ██████       ██████  ██   ████ ██████  ███████ ██║  ██║

#########################################################################################################

_______________________________________________________________________________________________

|                                                                                               |

|   [ STATION ] : TERMINUS DATA                                                                 |

|   [ STATUS  ] : WAITING FOR TRAIN...                                                          |

|_______________________________________________________________________________________________|

_______________

/               \      .-------------------------------------------------------.

/   _     _   _   \     |   ATTENTION :                                         |

|   | |   | | | |   |    |   RESTRICTED AREA // ACCESS CODE REQUIRED             |

|   ||   || |_|   |    |                                                       |

|                   |    |   CONTACT OPERATOR FOR KEY:                           |

|      [METRO]      |    |                                                       |

|___________________|    |      >>> lsoude+metro@gmail.com <<<                   |

/_____________________\   |                                                       |

/   O   O       O   O   \  '-------------------------------------------------------'

/_________________________\

| |               | |

||               ||

#########################################################################################################

HIDDEN CONTACT TRACE:

6c 73 6f 75 64 65 2b 6d 65 74 72 6f 40 67 6d 61 69 6c 2e 63 6f 6d

_ _

| (_)

| |_ _ __   ___

| | | '_ \ / _ \

| | | | | |  __/

|||| ||___|

>>> EMAIL: lsoude+metro@gmail.com

#########################################################################################################
#########################################################################################################
    -->

    <div class="fullscreen-bg"></div>
    <div class="hero-title">MESCANEFEUX</div>
    <script src="blog_logic.js?v=5"></script>
</body>

</html>