This commit is contained in:
woodpecker-bot 2024-03-11 22:42:46 +00:00
parent 673688a8fa
commit 231c02f4e1
208 changed files with 577 additions and 549 deletions

View file

@ -1,5 +1,5 @@
<!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>aleidk</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.a-qXSZCZ.css" />
<style>.card[data-astro-cid-dohjnao5]{background-color:var(--prj-surface-1);color:var(--prj-surface-text);border:1px solid var(--prj-accent-bg);border-radius:8px;padding:var(--prj-spacing-2) var(--prj-spacing-3)}.card[data-astro-cid-dohjnao5] a{text-decoration-line:none}.card[data-astro-cid-dohjnao5] a:hover{text-decoration-line:underline}.title[data-astro-cid-dohjnao5]>:last-child{margin-bottom:var(--prj-spacing-2)}#portrait[data-astro-cid-j7pv25f6]{border-radius:50%;border:5px solid var(--prj-text)}h1[data-astro-cid-j7pv25f6]{font-size:3rem}p[data-astro-cid-j7pv25f6]{margin-top:var(--prj-spacing-3)}
<!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>aleidk</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" />
<style>.card[data-astro-cid-dohjnao5]{background-color:var(--prj-surface-1);color:var(--prj-surface-text);border:1px solid var(--prj-accent-bg);border-radius:8px;padding:var(--prj-spacing-2) var(--prj-spacing-3)}.card[data-astro-cid-dohjnao5] a{text-decoration-line:none}.card[data-astro-cid-dohjnao5] a:hover{text-decoration-line:underline}.title[data-astro-cid-dohjnao5]>:last-child{margin-bottom:var(--prj-spacing-2)}button[data-astro-cid-n7iexiqw]{font-size:1rem;padding:var(--prj-spacing-1) var(--prj-spacing-3);background-color:var(--prj-accent-bg);color:var(--prj-accent-text);border-radius:6px;border-color:var(--prj-accent-bg);cursor:pointer;margin-bottom:0}#bg[data-astro-cid-hbtzjlkl]{background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),var(--bgImage);background-position:center;background-size:cover;color:var(--prj-bg);padding-top:var(--prj-spacing-3);padding-bottom:var(--prj-spacing-3)}#portrait[data-astro-cid-j7pv25f6]{border-radius:50%;border:5px solid var(--prj-text)}
</style><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);
@ -36,26 +36,54 @@
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> <section data-astro-cid-j7pv25f6> <div class="hstack gap-5" data-astro-cid-j7pv25f6> <!-- <Image --> <!-- id="portrait" --> <!-- src={portrait} --> <!-- alt="portrait of Alexander Navarro" --> <!-- loading="eager" --> <!-- width={200} --> <!-- /> --> <h1 data-astro-cid-j7pv25f6>Alexander Navarro</h1> </div> <p class="text-justify" data-astro-cid-j7pv25f6>
This site is a <u data-astro-cid-j7pv25f6><strong data-astro-cid-j7pv25f6>Work In Progress</strong></u>, It is meant to be
a place where I can collect the content I produce. For now it only focused
on storage and display of the raw content of the categories especified
below.
</p> <p class="text-justify" data-astro-cid-j7pv25f6>
The first version of this project was developed as a <a href="https://en.wikipedia.org/wiki/Minimum_viable_product" data-astro-cid-j7pv25f6>MVP</a>. So this sites lacks many features I would like to add over time. For an
up to date roadmap, please visit the <a href="https://codeberg.org/aleidk/personal-page" data-astro-cid-j7pv25f6>project README</a>.
</p> </section> <section data-astro-cid-j7pv25f6> <div class="grid grid-cols-3" data-astro-cid-j7pv25f6> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> <h3 data-astro-cid-j7pv25f6>Portafolio</h3> </div> <div class="content flex-grow mb-3" data-astro-cid-dohjnao5> <ul data-astro-cid-j7pv25f6> </ul> </div> <div class="footer" data-astro-cid-dohjnao5> <div class="text-end" data-astro-cid-j7pv25f6> <a href="/portafolio" data-astro-cid-j7pv25f6>See more...</a> </div> </div> </div> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> <h3 data-astro-cid-j7pv25f6>Blog</h3> </div> <div class="content flex-grow mb-3" data-astro-cid-dohjnao5> <ul data-astro-cid-j7pv25f6> </ul> </div> <div class="footer" data-astro-cid-dohjnao5> <div class="text-end" data-astro-cid-j7pv25f6> <a href="/blog" data-astro-cid-j7pv25f6>See more...</a> </div> </div> </div> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> <h3 data-astro-cid-j7pv25f6>Games</h3> </div> <div class="content flex-grow mb-3" data-astro-cid-dohjnao5> <ul data-astro-cid-j7pv25f6> <li data-astro-cid-j7pv25f6> <a href="games/the-legend-of-zelda-majora-s-mask" data-astro-cid-j7pv25f6>The Legend of Zelda: Majora&#39;s Mask</a> </li> </ul> </div> <div class="footer" data-astro-cid-dohjnao5> <div class="text-end" data-astro-cid-j7pv25f6> <a href="/games" data-astro-cid-j7pv25f6>See more...</a> </div> </div> </div> </div> </section> <section data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6>About me</h2> <p data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
labore culpa sint ad nisi Lorem pariatur mollit ex esse exercitation amet.
Nisi anim cupidatat excepteur officia. Reprehenderit nostrud nostrud ipsum
Lorem est aliquip amet voluptate voluptate dolor minim nulla est proident.
Nostrud officia pariatur ut officia. Sit irure elit esse ea nulla sunt ex
occaecat reprehenderit commodo officia dolor Lorem duis laboris cupidatat
officia voluptate. Culpa proident adipisicing id nulla nisi laboris ex in
Lorem sunt duis officia eiusmod. Aliqua reprehenderit commodo ex non
excepteur duis sunt velit enim. Voluptate laboris sint cupidatat ullamco
ut ea consectetur et est culpa et culpa duis.
</p> </section> </main> <script>
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> <section data-astro-cid-j7pv25f6> <div class="hstack gap-5" data-astro-cid-j7pv25f6> <!-- <Image --> <!-- id="portrait" --> <!-- src={portrait} --> <!-- alt="portrait of Alexander Navarro" --> <!-- loading="eager" --> <!-- width={200} --> <!-- /> --> <div data-astro-cid-j7pv25f6> <h1 class="my-0" data-astro-cid-j7pv25f6>Alexander Navarro</h1> <p data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Amet,
repudiandae veritatis totam animi ut facere omnis. Quasi, tempore
porro, neque officia nisi error quia deleniti nesciunt provident vitae
consequuntur quod?
</p> </div> </div> </section> <section data-astro-cid-j7pv25f6> <h2 class="text-center" data-astro-cid-j7pv25f6>Featured Work</h2> <div class="grid grid-cols-3 gap-4" data-astro-cid-j7pv25f6> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> </div> <div class="content flex-grow" data-astro-cid-dohjnao5> <img src="https://placehold.co/600x400" alt="project img" data-astro-cid-j7pv25f6> <h3 class="fs-4 text-center my-1" data-astro-cid-j7pv25f6>Project N°1</h3> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint
cillum sint consectetur cupidatat.
</p> <div class="text-end" data-astro-cid-j7pv25f6> <a href="" data-astro-cid-j7pv25f6>See more...</a> </div> </div> <div class="footer" data-astro-cid-dohjnao5> </div> </div> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> </div> <div class="content flex-grow" data-astro-cid-dohjnao5> <img src="https://placehold.co/600x400" alt="project img" data-astro-cid-j7pv25f6> <h3 class="fs-4 text-center my-1" data-astro-cid-j7pv25f6>Project N°1</h3> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint
cillum sint consectetur cupidatat.
</p> <div class="text-end" data-astro-cid-j7pv25f6> <a href="" data-astro-cid-j7pv25f6>See more...</a> </div> </div> <div class="footer" data-astro-cid-dohjnao5> </div> </div> <div class="card vstack" data-astro-cid-dohjnao5> <div class="title" data-astro-cid-dohjnao5> </div> <div class="content flex-grow" data-astro-cid-dohjnao5> <img src="https://placehold.co/600x400" alt="project img" data-astro-cid-j7pv25f6> <h3 class="fs-4 text-center my-1" data-astro-cid-j7pv25f6>Project N°1</h3> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint
cillum sint consectetur cupidatat.
</p> <div class="text-end" data-astro-cid-j7pv25f6> <a href="" data-astro-cid-j7pv25f6>See more...</a> </div> </div> <div class="footer" data-astro-cid-dohjnao5> </div> </div> </div> <div class="mt-4 text-center" data-astro-cid-j7pv25f6> <button class="px-4 py-2 fs-5" data-astro-cid-n7iexiqw> View Work </button> </div> </section> <section class="d-none" data-astro-cid-j7pv25f6> <h2 class="mb-4" data-astro-cid-j7pv25f6>What I've been up to...</h2> <div class="hstack flex-eq" data-astro-cid-j7pv25f6> <div class="vstack justify-content-center" data-astro-cid-j7pv25f6> <h4 class="text-center" data-astro-cid-j7pv25f6>Blog</h4> <ol class="list-unstyle mt-0 fs-5" data-astro-cid-j7pv25f6> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> </ol> </div> <div data-astro-cid-j7pv25f6> <div class="text-center mb-2" data-astro-cid-j7pv25f6> <img class="" src="https://placehold.co/400x200" alt="project img" data-astro-cid-j7pv25f6> </div> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse
consequatur iste molestiae blanditiis eligendi consectetur ullam.
Excepturi quasi sed est animi laudantium necessitatibus, tempore
delectus nulla aspernatur quod nesciunt fugiat.
</p> </div> </div> <div class="mt-5 hstack-reverse flex-eq" data-astro-cid-j7pv25f6> <div class="vstack justify-content-center" data-astro-cid-j7pv25f6> <h4 class="text-center" data-astro-cid-j7pv25f6>Games</h4> <ol class="list-unstyle mt-0 fs-5" data-astro-cid-j7pv25f6> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="#" data-astro-cid-j7pv25f6>Qui minim labore adipisicing minim sint cillum sint consectetur
cupidatat.</a> </li> </ol> </div> <div data-astro-cid-j7pv25f6> <div class="text-center mb-2" data-astro-cid-j7pv25f6> <img class="" src="https://placehold.co/400x200" alt="project img" data-astro-cid-j7pv25f6> </div> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Esse
consequatur iste molestiae blanditiis eligendi consectetur ullam.
Excepturi quasi sed est animi laudantium necessitatibus, tempore
delectus nulla aspernatur quod nesciunt fugiat.
</p> </div> </div> </section> <section data-astro-cid-j7pv25f6> <div id="bg" data-astro-cid-hbtzjlkl style="--bgImage: url(https://placehold.co/600x400);"> <h2 class="text-center" data-astro-cid-j7pv25f6>Who am I?</h2> <p class="w-70 mx-auto text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit
enim labore culpa sint ad nisi Lorem pariatur mollit ex esse
exercitation amet. Nisi anim cupidatat excepteur officia. Reprehenderit
nostrud nostrud ipsum Lorem est aliquip amet voluptate voluptate dolor
minim nulla est proident. Nostrud officia pariatur ut officia. Sit irure
elit esse ea nulla sunt ex occaecat reprehenderit commodo officia dolor
Lorem duis laboris cupidatat officia voluptate. Culpa proident
adipisicing id nulla nisi laboris ex in Lorem sunt duis officia eiusmod.
Aliqua reprehenderit commodo ex non excepteur duis sunt velit enim.
Voluptate laboris sint cupidatat ullamco ut ea consectetur et est culpa
et culpa duis.
</p> <div class="text-center fs-4 mb-0" data-astro-cid-j7pv25f6> <a href="" data-astro-cid-j7pv25f6> <button data-astro-cid-n7iexiqw> View full curriculum </button> </a> </div> </div> </section> <section data-astro-cid-j7pv25f6> <h2 data-astro-cid-j7pv25f6>Contact</h2> <div class="grid grid-cols-2" data-astro-cid-j7pv25f6> <div data-astro-cid-j7pv25f6> <div class="text-center" data-astro-cid-j7pv25f6> <img class="respect-width" src="https://placehold.co/500x300" alt="project img" data-astro-cid-j7pv25f6> </div> <p class="text-justify" data-astro-cid-j7pv25f6>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis
reprehenderit, porro dolorem cumque suscipit accusantium officiis eius
exercitationem harum itaque perferendis praesentium asperiores vitae
pariatur ad culpa mollitia necessitatibus hic!
</p> </div> <div class="vstack justify-content-center" data-astro-cid-j7pv25f6> <ul class="list-unstyle fs-5 ml-5" data-astro-cid-j7pv25f6> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="" class="hstack gap-2" data-astro-cid-j7pv25f6><img src="https://placehold.co/60" alt="" data-astro-cid-j7pv25f6><span data-astro-cid-j7pv25f6>Github</span></a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="" class="hstack gap-2" data-astro-cid-j7pv25f6><img src="https://placehold.co/60" alt="" data-astro-cid-j7pv25f6><span data-astro-cid-j7pv25f6>Linkedin</span></a> </li> <li class="mb-3" data-astro-cid-j7pv25f6> <a href="" class="hstack gap-2" data-astro-cid-j7pv25f6><img src="https://placehold.co/60" alt="" data-astro-cid-j7pv25f6><span data-astro-cid-j7pv25f6>Email</span></a> </li> </ul> </div> </div> </section> </main> <script>
document.addEventListener('astro:before-preparation', (ev) => {
const originalLoader = ev.loader;
ev.loader = async function () {
@ -74,4 +102,4 @@ Lorem ipsum dolor sit amet, officia excepteur ex fugiat reprehenderit enim
// spinner.classList.add('d-none');
};
});
</script> </body> </html>
</script> </body> </html>