61 lines
No EOL
7 KiB
HTML
61 lines
No EOL
7 KiB
HTML
<!DOCTYPE html><html lang="en" data-astro-cid-sckkx6r4> <head><meta charset="UTF-8"><meta name="description" content="Astro description"><meta name="viewport" content="width=device-width"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.0.6"><title>God of War: Chains of Olympus</title><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><!-- Reset and normilize styles --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/gardevoir"><link rel="stylesheet" href="/_astro/blog.efrCoHt7.css" /><script type="module" src="/_astro/hoisted.sNtgTfR1.js"></script><style>[data-astro-transition-scope="astro-4vhbyfto-1"] { view-transition-name: astro-4vhbyfto-1; }@layer astro { ::view-transition-old(astro-4vhbyfto-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }::view-transition-new(astro-4vhbyfto-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }[data-astro-transition=back]::view-transition-old(astro-4vhbyfto-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition=back]::view-transition-new(astro-4vhbyfto-1) {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-4vhbyfto-1"],
|
||
[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-4vhbyfto-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-4vhbyfto-1"],
|
||
[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-4vhbyfto-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-4vhbyfto-1"],
|
||
[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-4vhbyfto-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeOut; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-4vhbyfto-1"],
|
||
[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-4vhbyfto-1"] {
|
||
animation-duration: 180ms;
|
||
animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
|
||
animation-fill-mode: both;
|
||
animation-name: astroFadeIn; }</style></head> <body data-astro-cid-sckkx6r4> <header data-astro-cid-sckkx6r4> <nav class="navbar navbar-expand-lg bg-body-tertiary" data-astro-cid-5blmo7yk> <ul class="list-unstyle hstack" data-astro-cid-5blmo7yk> <li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/" data-astro-cid-5blmo7yk> Home </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/blog" data-astro-cid-5blmo7yk> Blog </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/portafolio" data-astro-cid-5blmo7yk> Portafolio </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/curriculum" data-astro-cid-5blmo7yk> Curriculum </a> </li><li class="nav-item" data-astro-cid-5blmo7yk> <a class="nav-link" href="/contact" data-astro-cid-5blmo7yk> Contact </a> </li> </ul> </nav> </header> <main data-astro-cid-sckkx6r4 data-astro-transition-scope="astro-4vhbyfto-1"> <div id="layout-loading-spinner" class="d-none" data-astro-cid-sckkx6r4> <div class="spinner" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <div class="container" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <g id="SVGRepo_bgCarrier" stroke-width="0" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></g> <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></g> <g id="SVGRepo_iconCarrier" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"> <path class="animation animation-normal" d="M4 24C4 35.0457 12.9543 44 24 44V44C35.0457 44 44 35.0457 44 24C44 12.9543 35.0457 4 24 4" stroke="#cad3f5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></path> <path class="animation animation-reverse" d="M36 24C36 17.3726 30.6274 12 24 12C17.3726 12 12 17.3726 12 24C12 30.6274 17.3726 36 24 36V36" stroke="#cad3f5" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-lolztsa2 style="--size: 200px;--bgColor: var(--prj-bg);"></path> </g> </svg> </div> </div> </div> <ul class="mb-3"><li style="padding-left:0"><a href="#god-of-war-chains-of-olympus">1<!-- --> - <!-- -->God of War: Chains of Olympus</a></li><li style="padding-left:40px"><a href="#brief">2<!-- --> - <!-- -->Brief</a></li><li style="padding-left:40px"><a href="#thoughts">2<!-- --> - <!-- -->Thoughts</a></li></ul> <h1 id="god-of-war-chains-of-olympus">God of War: Chains of Olympus</h1>
|
||
<h2 id="brief">Brief</h2>
|
||
<blockquote>
|
||
<p>The game is set in Ancient Greece and loosely based on its mythology. The player controls Kratos, a Spartan warrior in the service of the Olympian Gods. Kratos is guided by the goddess Athena, who instructs him to find the Sun God Helios, as the Dream God Morpheus has caused the remaining gods to slumber in Helios’ absence. With the power of the sun, Morpheus and Persephone, the Queen of the Underworld, with the aid of the Titan Atlas, intend to destroy the Pillar of the World and in turn Olympus. God of War: Chains of Olympus is chronologically the second chapter in the series, which focuses on vengeance as its central theme.</p>
|
||
</blockquote>
|
||
<h2 id="thoughts">Thoughts</h2> </main> <script>
|
||
document.addEventListener('astro:before-preparation', (ev) => {
|
||
const originalLoader = ev.loader;
|
||
ev.loader = async function () {
|
||
const spinner = document.querySelector('#layout-loading-spinner');
|
||
|
||
// Only show the animation if page load is > than timeout seconds
|
||
const timeoutId = setTimeout(
|
||
() => spinner.classList.remove('d-none'),
|
||
200,
|
||
);
|
||
|
||
await originalLoader();
|
||
|
||
// cancel timeout if is not run yet
|
||
clearTimeout(timeoutId);
|
||
// spinner.classList.add('d-none');
|
||
};
|
||
});
|
||
</script> </body> </html> |