62 lines
No EOL
7.2 KiB
HTML
62 lines
No EOL
7.2 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>Mega Man X</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.ON1QpgG_.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="#mega-man-x">1<!-- --> - <!-- -->Mega Man X</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="mega-man-x">Mega Man X</h1>
|
||
<h2 id="brief">Brief</h2>
|
||
<blockquote>
|
||
<p>Near the end of his life, Dr. Light succeeds in creating the first of a new series of robots which will change the world. Able to think and make decisions, this new robot holds great danger as well as great possibilities. Fearful of the possible consequences of unleashing his creation on the world, Dr. Light decides to seal him in a capsule and test his systems until they are totally reliable. The future will have to decide his fate…</p>
|
||
</blockquote>
|
||
<p>Released from the capsule by Dr. Cain, “X” is born into the world of the future where the robot rebellions are a thing of the past. But when Dr. Cain tries to implement Dr. Light’s designs into a new series of Reploids, something goes hideously wrong. Now the future lies on the brink of destruction and a new Mega Man must emerge to face Sigma and his forces before the human race is wiped from the planet!</p>
|
||
<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> |