Carlitos2202.github.io/index.html at main · Carlitos2202/Carlitos2202.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
<!DOCTYPE html>
<html lang="es">

<head>
  <title>Afterlife</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--Para que se ajuste a la pantalla-->
  <meta name="robots" content="index,follow"> <!--Robots-->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link
    href="https://fonts.googleapis.com/css2?family=Audiowide&family=Roboto:ital,wght@0,100..900;1,100..900&family=Tourney:ital,wght@0,100..900;1,100..900&display=swap"
    rel="stylesheet"> <!--Fuentes-->
  <link rel="stylesheet" href="estilos.css">
  <link rel="canonical" href="https://carlitos2202.github.io">
  <link rel="icon" href="imagenesindex/android-chrome-192x192.png"> <!--Logo-->
  <meta name="description"
    content="La mejor página sobre videojuegos, desde novedades, críticas, ayuda en la comunidad y más.">
  <meta property="og:title" content="Afterlife">
  <meta property="og:description" content="La mejor página de información de videojuegos">
  <meta property="og:url" content="imagenesindex/android-chrome-192x192.png">
  <meta property="og:image" content="https://carlitos2202.github.io">
</head>
<script type="application/ld+json">
[
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "AFTERLIFE"
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "image": "https://carlitos2202.github.io/imagenesindex/Cyberpunk2077.webp",
    "articleBody": "Cyberpunk 2077. Entra en Night City y conviértete en V, un mercenario que lucha por sobrevivir después de robar un prototipo que le implanta a un fantasma digital en su cabeza. Tu misión: librarte del chip y decidir tu propio destino en una megalópolis corrupta y obsesionada con la tecnología."
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "image": "https://carlitos2202.github.io/imagenesindex/zelda1.webp",
    "articleBody": "TLZ: Breath of the wild. ¡Breath of the Wild es una explosión de aventura pura! Un mundo abierto gigantesco que te invita a explorar sin límites, descubrir secretos a cada paso y liberar tu creatividad en cada batalla. Es mágico, emocionante y absolutamente adictivo. ¡Una joya que te atrapa desde el primer segundo!"
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "image": "https://carlitos2202.github.io/imagenesindex/battlefield6.webp",
    "articleBody": "Battlefield 6. Battlefield 6 marca un regreso explosivo a la acción bélica a gran escala."
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "datePublished": "2026-05-01",
    "image": "https://carlitos2202.github.io/imagenesindex/gta6.webp",
    "articleBody": "GTA VI. ¡GTA VI está a punto de llegar y va a sacudir por completo el mundo de los videojuegos!"
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "datePublished": "2026-09-08",
    "image": "https://carlitos2202.github.io/imagenesindex/phantom blade.webp",
    "articleBody": "Phantom Blade Zero. Phantom Blade Zero nos sumerge en una oscura fantasía inspirada en el wuxia."
  },
  {
    "@context": "http://schema.org",
    "@type": "Article",
    "headline": "Juegos",
    "datePublished": "2026-04-17",
    "image": "https://carlitos2202.github.io/imagenesindex/pragmata.webp",
    "articleBody": "Pragmata, una misteriosa aventura de ciencia ficción ambientada en una estación lunar abandonada."
  }
]
</script>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "AFTERLIFE",
      "item": "https://carlitos2202.github.io/index.html"
    }
  ]
}
</script>

<body>
  <a class="skip-link" href="#contenido">Ir al contenido principal</a>

  <header id="top">
    <input type="checkbox" id="menu-toggle" class="menu-checkbox" aria-hidden="true">

    <h1><a href="index.html" id="ink">AFTERLIFE</a></h1>
    <label for="menu-toggle" class="menu-toggle" role="button" tabindex="0" aria-expanded="false" aria-controls="nav-menu" aria-label="Abrir menú de navegación"
    ></label>

       <nav aria-label="Menú principal">
  <label for="menu-toggle" class="menu-overlay" aria-hidden="true"></label>
  <ol class="barra">
        <li><a href="#">Inicio</a></li>
        <li><a href="Juegos.html">Juegos</a></li>
        <li><a href="Proximamente.html">Proximamente</a></li>
        <li><a href="Noticias.html">Noticias</a></li>
        <li><a href="Ofertas.html">Ofertas</a></li>
        <li><a href="Comunidad.html">Comunidad</a></li>
      </ol>
</nav>
  </header>
  <main  id="contenido">
    <section>
      <h2><a href="Juegos.html" id="link" aria-label="Accede a la sección de videojuegos">Juegos</a></h2>
      <div class="cards-container">
        <div class="card">
          <a href="Cyberpunk2077.html" aria-label="Accede a más contenido sobre Cyberpunk 2077"><img src="imagenesindex/Cyberpunk2077.webp" alt="Portada de Cyberpunk 2077"></a>
          <h3>Cyberpunk 2077</h3>
          <p>Entra en Night City y conviértete en V, un mercenario que lucha por sobrevivir después de robar un
            prototipo que le implanta a un fantasma digital en su cabeza. Tu misión: librarte del chip y decidir tu
            propio destino en una megalópolis corrupta y obsesionada con la tecnología.</p>
          <p id="nota"><b>Metacritic: 86</b></p>
        </div>
        <div class="card">
          <img src="imagenesindex/zelda1.webp" alt="Portada de The legend of Zelda Breath of the wild">
          <h3>TLZ: Breath of the wild</h3>
          <p>¡Breath of the Wild es una explosión de aventura pura! Un mundo abierto gigantesco que te invita a explorar
            sin límites, descubrir secretos a cada paso y liberar tu creatividad en cada batalla. Es mágico, emocionante
            y absolutamente adictivo. ¡Una joya que te atrapa desde el primer segundo!</p>
          <p id="nota"><b>Metacritic: 97</b></p>
        </div>
        <div class="card">
          <img src="imagenesindex/nms.webp" alt="Portada de No Man’s Sky">
          <h3>No Man’s Sky</h3>
          <p>No Man’s Sky es una aventura de exploración y supervivencia ambientada en un universo prácticamente
            infinito. Viaja entre sistemas estelares generados proceduralmente, descubre planetas únicos llenos de vida,
            recursos y misterios, y construye tu propio camino como explorador espacial.</p>
          <p id="nota"><b>Metacritic: 71</b></p>
        </div>
      </div>
      <h2><a href="Proximamente.html" id="link" aria-label="Accede a los próximos lanzamientos">Proximos lanzamientos</a></h2>
      <div class="cards-container">
        <div class="card">
          <img src="imagenesindex/gta6.webp" alt="Portada de Grand Theft Auto VI" loading="lazy">
          <h3>GTA VI</h3>
          <p>¡GTA VI está a punto de llegar y va a sacudir por completo el mundo de los videojuegos! Con un mundo
            abierto más vivo que nunca, una historia poderosa y tecnología que parece de otra generación, Rockstar
            promete cambiar las reglas del juego otra vez. ¡Prepárate para un antes y un después en la historia de los
            videojuegos!</p>
          <p id="fecha"><b>19 de noviembre de 2026</b></p>
        </div>
        <div class="card">
          <img src="imagenesindex/phantom blade.webp" alt="Portada de Phantom Blade Zero" loading="lazy">
          <h3>Phantom Blade Zero</h3>
          <p>Phantom Blade Zero nos sumerge en una oscura fantasía inspirada en el wuxia, donde la velocidad y la
            precisión lo son todo. Controlas a Soul, un asesino de élite acusado injustamente y condenado a morir en
            pocos
            días. En una carrera contra el tiempo deberás enfrentarte a enemigos letales, dominar combates rápidos y
            espectaculares, y descubrir la conspiración que selló tu destino.</p>
          <p id="fecha"><b>8 de septiembre de 2026</b></p>
        </div>
        <div class="card">
          <a href=""><img src="imagenesindex/pragmata.webp" alt="Portada de Pragmata" loading="lazy"></a>
          <h3>Pragmata</h3>
          <p>Pragmata, una misteriosa aventura de ciencia ficción ambientada en una estación lunar abandonada. Un
            astronauta y una enigmática niña androide deberán cooperar para sobrevivir en un entorno controlado por una
            IA hostil. Exploración, puzles y acción se mezclan en un viaje lleno de tecnología
            futurista, secretos y momentos emotivos.</p>
          <p id="fecha"><b>17 de abril de 2026</b></p>
        </div>
      </div>
      <h2><a href="Noticias.html" id="link" aria-label="Accede a la sección de noticias sobre videojuegos">Noticias</a></h2>
      <h2><a href="Ofertas.html" id="link" aria-label="Accede la sección de ofertas">Ofertas</a></h2>
      <div class="cards-container" id="preview-ofertas">
        <div class="prev-loading"><span class="spinner-prev"></span> Cargando ofertas...</div>
      </div>

      <script>
      (async function() {
        const TIENDAS = {'1':'Steam','7':'GOG','11':'Humble Store','25':'Epic Games','38':'Epic Games'};
        const grid = document.getElementById('preview-ofertas');
        try {
          const res = await fetch('https://www.cheapshark.com/api/1.0/deals?pageSize=6&sortBy=DealRating&desc=1&lowerPrice=0');
          if (!res.ok) throw new Error();
          const deals = await res.json();
          grid.innerHTML = '';
          deals.forEach(deal => {
            const descuento   = Math.round(parseFloat(deal.savings));
            const precioVenta = parseFloat(deal.salePrice);
            const precioNorm  = parseFloat(deal.normalPrice);
            const esGratis    = precioVenta === 0;
            const tienda      = TIENDAS[deal.storeID] || `Tienda ${deal.storeID}`;
            const enlace      = `https://www.cheapshark.com/redirect?dealID=${deal.dealID}`;

            const card = document.createElement('div');
            card.className = 'oferta-card';
            card.innerHTML = `
              <img src="${deal.thumb}" alt="${deal.title}" loading="lazy"
                   onerror="this.src='https://via.placeholder.com/280x150/343434/00ff88?text=Oferta'">
              <div class="info">
                <h3>${deal.title}</h3>
                <span class="oferta-tienda">${tienda}</span>
                <div class="precios-prev">
                  ${precioNorm > precioVenta && !esGratis ? `<span class="precio-original-prev">$${precioNorm}</span>` : ''}
                  ${esGratis ? `<span class="precio-gratis-prev">¡GRATIS!</span>`
                             : `<span class="precio-oferta-prev">$${precioVenta}</span>`}
                  ${descuento > 0 ? `<span class="badge-prev">-${descuento}%</span>` : ''}
                </div>
                <a class="btn-prev" href="${enlace}" target="_blank" rel="noopener">Ver oferta ↗</a>
              </div>`;
            grid.appendChild(card);
          });
        } catch(e) {
          grid.innerHTML = '<div class="prev-loading" style="color:#ff6b6b">⚠️ No se pudieron cargar las ofertas.</div>';
        }
      })();
      </script>
  </main>

  <footer>
    &copy; Carlos Javier López Albarran 2026
  </footer>
</body>

</html>