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>The Legend of Zelda: Spirit Tracks</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="#the-legend-of-zelda-spirit-tracks">1<!-- --> - <!-- -->The Legend of Zelda: Spirit Tracks</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="the-legend-of-zelda-spirit-tracks">The Legend of Zelda: Spirit Tracks</h1>
|
|
<h2 id="brief">Brief</h2>
|
|
<blockquote>
|
|
<p>The Legend of Zelda: Spirit Tracks is the second Zelda game for the Nintendo DS. The art direction is still cel-shading, but the game have notable changes from Phantom Hourglass with more puzzles and a new mode of transportation by train. You have to draw your route to the next area on the map and then let the train run its course. While the train is moving, caution will be needed to avoid obstacles, animals and enemies on the tracks. In certain dungeons, both Link and Zelda will be playable as they will need to work together to solve puzzles.</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> |