alecodes/personal-page
2
0
Fork 0
Code Issues 17 Pull requests Projects 1 Releases Packages 1 Wiki Activity Actions

fix(build): fix build issues

Browse source 
- remove games reference after removing collection
- update obsolote localizations
This commit is contained in:
Alexander Navarro 2024-03-21 22:43:15 -03:00
parent a85f9adc9b
commit 218216dcd8
12 changed files with 234 additions and 363 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/pages/es/games/[...slug].astro
View file

@ -1,26 +0,0 @@
---
import { changeLanguage } from "i18next";
import { InferGetStaticParamsType, InferGetStaticPropsType, GetStaticPaths, } from "astro";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Toc from "@components/Toc/Toc";
changeLanguage("es");
export const getStaticPaths = (async () => {
const games = await getCollection("games");
return games.map((entry) => ({
params: { slug: entry.slug },
props: entry,
}));
}) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const entry = Astro.props;
const { Content, headings } = await entry.render();
---
<Layout title={entry.data.title}>
<Toc headings={headings} />
<Content />
</Layout>

61
src/pages/es/games/index.astro
View file

@ -1,61 +0,0 @@
---
import { changeLanguage } from "i18next";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Table from "@components/Table";
import { HeaderType, type Header } from "@components/Table/types";
changeLanguage("es");
const rawGames = await getCollection("games");
let games = rawGames.map((item, idx) => ({
...item.data,
id: idx + 1,
slug: item.slug,
customCell: item.data.has_content
? `<a href="games/${item.slug}">${item.data.title}</a>`
: `<div>${item.data.title}</div>`,
}));
games = games.sort((a, b) => b.date_added.getTime() - a.date_added.getTime());
const headers: Header[] = [
{
key: "id",
header: "index",
type: HeaderType.Index,
},
{
key: "title",
header: "Title",
type: HeaderType.String,
hasCustomCell: true,
},
{
key: "status",
header: "Status",
type: HeaderType.Select,
},
{
key: "genres",
header: "Genres",
type: HeaderType.Multiple,
},
{
key: "times_played",
header: "Times Played",
type: HeaderType.Number,
},
{
key: "registered_hours",
header: "Registered Hours",
type: HeaderType.Number,
},
];
---
<Layout title="List of games">
<h1>Games</h1>
<section>
<Table client:load data={games} headers={headers} />
</section>
</Layout>

111
src/pages/es/index.astro
View file

@ -1,17 +1,20 @@
--- ---
import { getCollection } from "astro:content"; import { getCollection, getEntry } from "astro:content";
import { t, changeLanguage } from "i18next";
import Layout from "../../layouts/Layout.astro"; import Layout from "../../layouts/Layout.astro";
import Card from "../../components/Card.astro"; import Card from "../../components/Card.astro";
import Button from "../../components/Button/Button.astro"; import Button from "../../components/Button/Button.astro";
import { Image } from "astro:assets"; import { Image } from "astro:assets";
import { t, changeLanguage } from "i18next";
import portrait from "../../assets/images/portrait.jpg"; import portrait from "../../assets/images/portrait.jpg";
changeLanguage("es"); changeLanguage("es");
const blog = await getCollection("blog", ({ data }) => import.meta.env.PROD ? data.draft !== true : true); const blog = await getCollection("blog", ({ data }) => import.meta.env.PROD ? data.draft !== true : true);
// TODO: show the pinned ones, not the recents const portafolio = [
const portafolio = await getCollection("portafolio", ({ data }) => import.meta.env.PROD ? data.draft !== true : true); await getEntry("portafolio", "piloto-go"),
await getEntry("portafolio", "destino-temuco"),
await getEntry("portafolio", "sercotec"),
];
--- ---
<Layout title="aleidk"> <Layout title="aleidk">
@ -20,16 +23,16 @@ const portafolio = await getCollection("portafolio", ({ data }) => import.meta.e
class="bg-image flex-center" class="bg-image flex-center"
style="--bg-image: url(https://placehold.co/600x400)" style="--bg-image: url(https://placehold.co/600x400)"
> >
<div class="hstack gap-5"> <div class="vstack gap-0 align-items-center">
<!-- <Image --> <Image
<!-- id="portrait" --> id="portrait"
<!-- src={portrait} --> src={portrait}
<!-- alt="portrait of Alexander Navarro" --> alt="portrait of Alexander Navarro"
<!-- loading="eager" --> loading="eager"
<!-- width={200} --> width={200}
<!-- /> --> />
<div> <div>
<h1 class="my-0">Alexander Navarro</h1> <h1 class="my-0 text-center">Alexander Navarro</h1>
<p> <p>
{t('home.brief')} {t('home.brief')}
</p> </p>
@ -41,60 +44,30 @@ const portafolio = await getCollection("portafolio", ({ data }) => import.meta.e
<h2 class="text-center">{t('titles.featuredWork')}</h2> <h2 class="text-center">{t('titles.featuredWork')}</h2>
<div class="grid grid-cols-1 grid-lg-cols-3 gap-4"> <div class="grid grid-cols-1 grid-lg-cols-3 gap-4">
<Card className="anim-hover-zoom"> {
<img portafolio.map(({ data, slug }) => (
src="https://placehold.co/600x400" <div>
alt="project img" <Card className="anim-hover-zoom h-100">
class="border-radius" <a class="clean" href={`/projects/${slug}`}>
/> <Image
<h3 class="fs-4 text-center my-1">Project N°1</h3> src={data.thumbnail}
<p class="text-justify"> alt="project img"
cillum sint consectetur cupidatat. class="border-radius respect-width"
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint />
</p> <h3 class="fs-4 text-center my-1">{data.title}</h3>
<p class="text-justify">{data.brief}</p>
<div class="text-end"> </a>
<a href="">See more...</a> <div class="text-end" slot="footer">
</div> <a href={`/projects/${slug}`}>See more...</a>
</Card> </div>
</Card>
<Card className="anim-hover-zoom"> </div>
<img ))
src="https://placehold.co/600x400" }
alt="project img"
class="border-radius"
/>
<h3 class="fs-4 text-center my-1">Project N°1</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint
cillum sint consectetur cupidatat.
</p>
<div class="text-end">
<a href="">See more...</a>
</div>
</Card>
<Card className="anim-hover-zoom">
<img
src="https://placehold.co/600x400"
alt="project img"
class="border-radius"
/>
<h3 class="fs-4 text-center my-1">Project N°1</h3>
<p class="text-justify">
Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint
cillum sint consectetur cupidatat.
</p>
<div class="text-end">
<a href="">See more...</a>
</div>
</Card>
</div> </div>
<div class="mt-4 text-center"> <div class="mt-4 text-center">
<Button className="px-4 py-2 fs-5 ">View Work</Button> <Button className="px-4 py-2 fs-5" href="/projects">View Work</Button>
</div> </div>
</section> </section>
@ -270,10 +243,18 @@ const portafolio = await getCollection("portafolio", ({ data }) => import.meta.e
<style> <style>
#portrait { #portrait {
border-radius: 50%; border-radius: 50%;
border: 5px solid var(--prj-text); /* border: 5px solid var(--prj-accent); */
} }
#hero { #hero {
min-height: 50vh; min-height: 50vh;
} }
a.clean {
color: var(--prj-text);
&:hover {
text-decoration: none;
}
}
</style> </style>
</Layout> </Layout>

31
src/pages/es/portafolio/[...slug].astro
View file

@ -1,31 +0,0 @@
---
import { changeLanguage } from "i18next";
import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Toc from "@components/Toc/Toc";
import Gallery from "@components/MediaGallery/Gallery";
changeLanguage("es");
export const getStaticPaths = (async () => {
const entries = await getCollection("portafolio");
return entries.map((entry) => ({
params: { slug: entry.slug },
props: entry,
}));
}) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const entry = Astro.props;
const { Content, headings } = await entry.render();
---
<Layout title={entry.data.title}>
<h1>{entry.data.title}</h1>
<Gallery client:load items={entry.data.media} />
<Toc headings={headings} />
<Content />
</Layout>

44
src/pages/es/portafolio/index.astro
View file

@ -1,44 +0,0 @@
---
import { changeLanguage } from "i18next";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Table from "@components/Table";
import { HeaderType, type Header } from "@components/Table/types";
changeLanguage("es");
const rawEntries = await getCollection("portafolio", ({ data }) => {
return import.meta.env.PROD ? data.draft !== true : true;
});
const entries = rawEntries.map((item, idx) => ({
...item.data,
id: idx + 1,
slug: item.slug,
}));
const headers: Header[] = [
{
key: "id",
header: "index",
type: HeaderType.Index,
},
{
key: "title",
header: "Title",
formatter: (data) => `<a href="portafolio/${data.slug}">${data.title}</a>`,
type: HeaderType.String,
},
{
key: "technologies",
header: "Technologies",
type: HeaderType.Multiple,
},
];
---
<Layout title="List of blog entries">
<h1>Blog's entries</h1>
<section>
<Table client:load data={entries} headers={headers} />
</section>
</Layout>

81
src/pages/es/projects/[...slug].astro Normal file
View file

@ -0,0 +1,81 @@
---
import { changeLanguage } from "i18next";
import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Toc from "@components/Toc/Toc";
import Card from "@components/Card.astro";
import Button from "@components/Button/Button.astro";
changeLanguage("es");
export const getStaticPaths = (async () => {
const entries = await getCollection("portafolio");
return entries.map((entry) => ({
params: { slug: entry.slug },
props: entry,
}));
}) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const entry = Astro.props;
const { Content, headings } = await entry.render();
---
<Layout title={entry.data.title}>
<h1>{entry.data.title}</h1>
<Card className="w-lg-50 mx-auto">
<div class="project-specs grid">
<div class="project-spec-property">Timeframe:</div>
<div class="project-spec-value">{entry.data.timeframe}</div>
<div class="project-spec-property">Repo:</div>
<div class="project-spec-value">{entry.data.links?.url ?? 'Private'}</div>
<div class="project-spec-property">Website:</div>
<div class="project-spec-value">
{entry.data.links?.repo ?? 'Private'}
</div>
<div class="project-spec-property">Technologies:</div>
<div class="project-spec-value">
<ul>
{entry.data.technologies.map((item) => <li>{item}</li>)}
</ul>
</div>
</div>
</Card>
<Toc headings={headings} />
<Content />
<div
class="position-fixed bottom-0"
style={{ top: 'unset', left: 'unset', bottom: '5%', right: '5%' }}
>
<Button className="btn-back">Go back</Button>
</div>
</Layout>
<style is:global lang="scss">
img {
margin: 0 auto var(--prj-spacing-2) auto;
display: block;
}
.project-specs.grid {
--prj-columns: 0.2fr 1fr;
.project-spec-property {
font-weight: bold;
}
}
</style>
<script>
document.addEventListener('astro:page-load', () => {
document.querySelector('.btn-back')?.addEventListener('click', () => {
history.back();
});
});
</script>

65
src/pages/es/projects/[page].astro Normal file
View file

@ -0,0 +1,65 @@
---
import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
import { changeLanguage } from "i18next";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Card from "@components/Card.astro";
import Pagination from "@components/Pagination.astro";
import { Image } from "astro:assets";
changeLanguage("es");
export const getStaticPaths = (async ({ paginate }) => {
const rawEntries = await getCollection("portafolio", ({ data }) => {
return import.meta.env.PROD ? data.draft !== true : true;
});
const entries = rawEntries.map((item, idx) => ({
...item.data,
id: idx + 1,
slug: item.slug,
}));
return paginate(entries, { pageSize: 6 });
}) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const { page } = Astro.props;
---
<Layout title="List of blog entries">
<h1 class="text-center">Projects</h1>
<section class="clean">
<div class="grid grid-cols-1 grid-lg-cols-3 gap-4">
{
page.data.map((item) => (
<div>
<Card className="anim-hover-zoom h-100">
<a class="clean" href={`/projects/${item.slug}`}>
<Image
src={item.thumbnail}
alt="project img"
class="border-radius respect-width"
/>
<h3 class="fs-4 text-center my-1">{item.title}</h3>
<p class="text-justify">{item.brief}</p>
</a>
<div class="text-end" slot="footer">
<a href={`/projects/${item.slug}`}>See more...</a>
</div>
</Card>
</div>
))
}
</div>
<Pagination page={page} urlPattern="/projects/{}" />
</section>
</Layout>
<style lang="scss">
a.clean {
color: var(--prj-text);
&:hover {
text-decoration: none;
}
}
</style>

26
src/pages/games/[...slug].astro
View file

@ -1,26 +0,0 @@
---
import { changeLanguage } from "i18next";
import { InferGetStaticParamsType, InferGetStaticPropsType, GetStaticPaths, } from "astro";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Toc from "@components/Toc/Toc";
changeLanguage("en");
export const getStaticPaths = (async () => {
const games = await getCollection("games");
return games.map((entry) => ({
params: { slug: entry.slug },
props: entry,
}));
}) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const entry = Astro.props;
const { Content, headings } = await entry.render();
---
<Layout title={entry.data.title}>
<Toc headings={headings} />
<Content />
</Layout>

61
src/pages/games/index.astro
View file

@ -1,61 +0,0 @@
---
import { changeLanguage } from "i18next";
import { getCollection } from "astro:content";
import Layout from "@layouts/Layout.astro";
import Table from "@components/Table";
import { HeaderType, type Header } from "@components/Table/types";
changeLanguage("en");
const rawGames = await getCollection("games");
let games = rawGames.map((item, idx) => ({
...item.data,
id: idx + 1,
slug: item.slug,
customCell: item.data.has_content
? `<a href="games/${item.slug}">${item.data.title}</a>`
: `<div>${item.data.title}</div>`,
}));
games = games.sort((a, b) => b.date_added.getTime() - a.date_added.getTime());
const headers: Header[] = [
{
key: "id",
header: "index",
type: HeaderType.Index,
},
{
key: "title",
header: "Title",
type: HeaderType.String,
hasCustomCell: true,
},
{
key: "status",
header: "Status",
type: HeaderType.Select,
},
{
key: "genres",
header: "Genres",
type: HeaderType.Multiple,
},
{
key: "times_played",
header: "Times Played",
type: HeaderType.Number,
},
{
key: "registered_hours",
header: "Registered Hours",
type: HeaderType.Number,
},
];
---
<Layout title="List of games">
<h1>Games</h1>
<section>
<Table client:load data={games} headers={headers} />
</section>
</Layout>

27
src/pages/index.astro
View file

@ -1,22 +1,19 @@
--- ---
import { getCollection, getEntry } from 'astro:content'; import { getCollection, getEntry } from "astro:content";
import { t, changeLanguage } from 'i18next'; import { t, changeLanguage } from "i18next";
import Layout from '../layouts/Layout.astro'; import Layout from "../layouts/Layout.astro";
import Card from '../components/Card.astro'; import Card from "../components/Card.astro";
import Button from '../components/Button/Button.astro'; import Button from "../components/Button/Button.astro";
import { Image } from 'astro:assets'; import { Image } from "astro:assets";
import portrait from '../assets/images/portrait.jpg'; import portrait from "../assets/images/portrait.jpg";
changeLanguage('en'); changeLanguage("en");
const blog = await getCollection('blog', ({ data }) =>
import.meta.env.PROD ? data.draft !== true : true,
);
const blog = await getCollection("blog", ({ data }) => import.meta.env.PROD ? data.draft !== true : true);
const portafolio = [ const portafolio = [
await getEntry('portafolio', 'piloto-go'), await getEntry("portafolio", "piloto-go"),
await getEntry('portafolio', 'destino-temuco'), await getEntry("portafolio", "destino-temuco"),
await getEntry('portafolio', 'sercotec'), await getEntry("portafolio", "sercotec"),
]; ];
--- ---

26
src/pages/projects/[...slug].astro
View file

@ -1,20 +1,20 @@
--- ---
import { changeLanguage } from 'i18next'; import { changeLanguage } from "i18next";
import type { InferGetStaticPropsType, GetStaticPaths } from 'astro'; import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
import { getCollection } from 'astro:content'; import { getCollection } from "astro:content";
import Layout from '@layouts/Layout.astro'; import Layout from "@layouts/Layout.astro";
import Toc from '@components/Toc/Toc'; import Toc from "@components/Toc/Toc";
import Card from '@components/Card.astro'; import Card from "@components/Card.astro";
import Button from '@components/Button/Button.astro'; import Button from "@components/Button/Button.astro";
changeLanguage('en'); changeLanguage("en");
export const getStaticPaths = (async () => { export const getStaticPaths = (async () => {
const entries = await getCollection('portafolio'); const entries = await getCollection("portafolio");
return entries.map((entry) => ({ return entries.map((entry) => ({
params: { slug: entry.slug }, params: { slug: entry.slug },
props: entry, props: entry,
})); }));
}) satisfies GetStaticPaths; }) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>; type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const entry = Astro.props; const entry = Astro.props;

38
src/pages/projects/[page].astro
View file

@ -1,30 +1,26 @@
--- ---
import type { InferGetStaticPropsType, GetStaticPaths } from 'astro'; import type { InferGetStaticPropsType, GetStaticPaths } from "astro";
import { changeLanguage } from 'i18next'; import { changeLanguage } from "i18next";
import { getCollection } from 'astro:content'; import { getCollection } from "astro:content";
import Layout from '@layouts/Layout.astro'; import Layout from "@layouts/Layout.astro";
import Card from '@components/Card.astro'; import Card from "@components/Card.astro";
import Pagination from '@components/Pagination.astro'; import Pagination from "@components/Pagination.astro";
import { Image } from 'astro:assets'; import { Image } from "astro:assets";
changeLanguage('en'); changeLanguage("en");
export const getStaticPaths = (async ({ paginate }) => { export const getStaticPaths = (async ({ paginate }) => {
const rawEntries = await getCollection('portafolio', ({ data }) => { const rawEntries = await getCollection("portafolio", ({ data }) => {
return import.meta.env.PROD ? data.draft !== true : true; return import.meta.env.PROD ? data.draft !== true : true;
}); });
const entries = rawEntries.map((item, idx) => ({
const entries = rawEntries.map((item, idx) => ({ ...item.data,
...item.data, id: idx + 1,
id: idx + 1, slug: item.slug,
slug: item.slug, }));
})); return paginate(entries, { pageSize: 6 });
return paginate(entries, { pageSize: 6 });
}) satisfies GetStaticPaths; }) satisfies GetStaticPaths;
type Props = InferGetStaticPropsType<typeof getStaticPaths>; type Props = InferGetStaticPropsType<typeof getStaticPaths>;
const { page } = Astro.props; const { page } = Astro.props;
--- ---