<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8">
  <title>El Jefe Midnight Lunch | Cultura, Tecnologia, Mainframe e Curiosidades</title>

  <!-- SEO básico -->
  <meta name="description" content="El Jefe Midnight Lunch é um blog sobre tecnologia, cultura, mainframe IBM, curiosidades históricas, animes, sistemas legados e bastidores do mundo digital.">
  <meta name="keywords" content="El Jefe Midnight Lunch, mainframe, IBM, tecnologia, cultura geek, anime, sistemas legados, COBOL, curiosidades, Bellacosa">
  <meta name="author" content="El Jefe Midnight Lunch">
  <meta name="msvalidate.01" content="CC3361AD860DBFE70D5DC045E61758B5" />
  <meta name="google-site-verification" content="SEV0ZAaCMFuw3ybPPtr7iAtpMhO6Fqw6-wXYFGnJ4Nw" />
  <meta name="robots" content="index, follow">

  <!-- Open Graph -->
  <meta property="og:title" content="El Jefe Midnight Lunch">
  <meta property="og:description" content="Um blog sobre tecnologia, sistemas, cultura japonesa, mainframes e curiosidades que passam despercebidas.">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://eljefemidnightlunch.blogspot.com/">

  <!-- Mobile -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <style>
    body {
      font-family: Arial, Helvetica, sans-serif;
      background: #0f0f0f;
      color: #e0e0e0;
      margin: 0;
      padding: 0;
      line-height: 1.6;
	  margin: 0;
	  font-family: Arial, Helvetica, sans-serif;
    }

    header {
      background: #1b1b1b;
      padding: 30px 20px;
      text-align: center;
    }

    header h1 {
      margin: 0;
      font-size: 2.2em;
      color: #f5c16c;
    }

    header p {
      max-width: 800px;
      margin: 10px auto 0;
      color: #ccc;
    }

    main {
      max-width: 1000px;
      margin: auto;
      padding: 30px 20px;
    }

    section {
      margin-bottom: 30px;
    }

    h2 {
      color: #f5c16c;
      border-left: 4px solid #f5c16c;
      padding-left: 10px;
    }

    a {
      color: #f5c16c;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }

    footer {
      background: #1b1b1b;
      text-align: center;
      padding: 15px;
      font-size: 0.9em;
      color: #999;
    }
	    nav {
        background-color: #2c2c2c;
    }

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
    }

    nav li {
        flex: 1;
        text-align: center;
    }

    nav a {
        display: block;
        padding: 14px;
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
    }

    nav a:hover {
        background-color: #444;
    }

    /* 📱 Responsivo */
    @media (max-width: 600px) {
        nav ul {
            flex-direction: column;
        }
        nav li {
            border-top: 1px solid #444;
        }
    }
	
  </style>
</head>

<body>

<header>
  <h1>El Jefe Midnight Lunch</h1>
  <p>Tecnologia, cultura, mainframes, anime e curiosidades para quem gosta de entender o sistema por trás das coisas.</p>
</header>

<main>
  <img src="img/Welcome.png" alt="Welcome no CPD Mainframe em um Café com Bellacosa Mainframe" />
  <section>
    <h2>Sobre o Blog</h2>
    <p>
      O <strong>El Jefe Midnight Lunch</strong> é um blog autoral que explora tecnologia, cultura digital, sistemas legados
      e curiosidades históricas com um olhar crítico e narrativo. Aqui, temas como <strong>mainframe IBM</strong>,
      <strong>COBOL</strong>, automação, animes japoneses e bastidores do mundo corporativo se encontram de forma
      acessível e instigante.
    </p>
  </section>

  <section>
    <h2>Curiosidades e Conteúdo Diferenciado</h2>
    <p>
      Diferente de blogs genéricos, o El Jefe Midnight Lunch valoriza o <em>contexto</em>. Cada artigo traz histórias,
      referências culturais, easter eggs e paralelos entre tecnologia moderna e sistemas clássicos.
      É o tipo de leitura que agrada tanto profissionais de TI quanto curiosos por cultura geek e japonesa.
    </p>
  </section>

  <section>
    <h2>Por que o Blog é Relevante para Google e Bing</h2>
    <p>
      O conteúdo é original, textual, bem estruturado e focado em temas atemporais, como tecnologia, sistemas,
      história da computação e cultura pop. Isso favorece indexação orgânica,
      boa retenção de leitores e relevância semântica nos motores de busca.
    </p>
  </section>

  <section>
    <h2>Visite e Explore</h2>
    <p>
      Se você procura um blog com personalidade, profundidade e respeito ao legado tecnológico,
      visite agora:
      <br>
      <a href="https://eljefemidnightlunch.blogspot.com/" target="_blank" rel="noopener">
        https://eljefemidnightlunch.blogspot.com/
      </a>
    </p>
  </section>

<nav>
    <ul>
        <li><a href="about.html">About</a></li>
        <li><a href="Resumo.html">Resumo</a></li>
        <li><a href="Taxonomia.html">Taxonomia</a></li>
        <li><a href="indice-categoria.html">Índice por Categoria</a></li>
        <li><a href="IndiceTotal.html">Índice Total</a></li>
    </ul>
</nav>


<h1> <b> Links dos Map XML </b></h1>
<br><a href="WorkInProgress\sitemap.xml">WorkInProgress\sitemap.xml</a>
<br><a href="WorkInProgress\sitemap1.xml">WorkInProgress\sitemap1.xml</a>
<br><a href="WorkInProgress\sitemap2.xml">WorkInProgress\sitemap2.xml</a>
<br><a href="WorkInProgress\sitemap3.xml">WorkInProgress\sitemap3.xml</a>
<h1> <b> Links dos Site Map por paginas </b></h1>
<br><a href="https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=1">https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=1</a>
<br><a href="https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=2">
https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=2</a>
<br><a href="https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=3">https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=3</a>
<br><a href="https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=4">
https://eljefemidnightlunch.blogspot.com/sitemap.xml?page=4</a>

<h3> <b> Amostra do site </b></h3>
<iframe src="https://eljefemidnightlunch.blogspot.com/" width="250" height="250" frameborder="0"></iframe>

</main>

<footer>
  © El Jefe Midnight Lunch · Tecnologia, Cultura e Curiosidades
</footer>

<script>
  // Pequeno toque de UX
  console.log("El Jefe Midnight Lunch carregado com sucesso.");
</script>

</body>
</html>