aboutsummaryrefslogtreecommitdiff
path: root/src/pages/portfolio
diff options
context:
space:
mode:
Diffstat (limited to 'src/pages/portfolio')
-rw-r--r--src/pages/portfolio/[id].astro73
-rw-r--r--src/pages/portfolio/index.astro2
2 files changed, 43 insertions, 32 deletions
diff --git a/src/pages/portfolio/[id].astro b/src/pages/portfolio/[id].astro
index 55bac3f..b92ecbd 100644
--- a/src/pages/portfolio/[id].astro
+++ b/src/pages/portfolio/[id].astro
@@ -5,51 +5,62 @@ import { type GetStaticPaths } from "astro";
import TechnologyBadge from "../../partials/TechnologyBadge.astro";
interface Props {
- entry: any;
+ entry: any;
}
-export const getStaticPaths: GetStaticPaths = (async () => {
- const entries = await getCollection("portfolio");
- return entries.map((entry: any) => ({
- params: { id: entry.id },
- props: { entry },
- }));
-});
+export const getStaticPaths: GetStaticPaths = async () => {
+ const entries = await getCollection("portfolio");
+ return entries.map((entry: any) => ({
+ params: { id: entry.id },
+ props: { entry },
+ }));
+};
const { entry } = Astro.props;
const { Content } = await render(entry);
---
<Layout title={entry.data.title} description={entry.data.description}>
- <a id="link-back" href="/portfolio">
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 inline-block mr-2">
- <polyline points="15 18 9 12 15 6"></polyline>
- </svg>
- Volver al portfolio
- </a>
+ <a id="link-back" href="/portfolio">
+ <svg
+ xmlns="http://www.w3.org/2000/svg"
+ viewBox="0 0 24 24"
+ fill="none"
+ stroke="currentColor"
+ stroke-width="2"
+ stroke-linecap="round"
+ stroke-linejoin="round"
+ class="w-6 h-6 inline-block mr-2"
+ >
+ <polyline points="15 18 9 12 15 6"></polyline>
+ </svg>
+ Volver al portfolio
+ </a>
- <h1>{entry.data.title}</h1>
+ <h1>{entry.data.title}</h1>
- <Content />
+ <Content />
- <h2>Tecnologías utilizadas</h2>
+ <h2>Tecnologías utilizadas</h2>
- {entry.data.technologies.map((technology: string) => (
- <TechnologyBadge size="small" code={technology} />
- ))}
+ {
+ entry.data.technologies.map((technology: string) => (
+ <TechnologyBadge size="small" code={technology} />
+ ))
+ }
</Layout>
<style>
- a#link-back {
- display: inline-flex;
- align-items: center;
- gap: 0.5rem;
- text-decoration: none;
- text-transform: uppercase;
- transition: color 0.2s ease-in-out;
- }
+ a#link-back {
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+ text-decoration: none;
+ text-transform: uppercase;
+ transition: color 0.2s ease-in-out;
+ }
- a#link-back svg {
- height: 1em;
- }
+ a#link-back svg {
+ height: 1em;
+ }
</style>
diff --git a/src/pages/portfolio/index.astro b/src/pages/portfolio/index.astro
index 63840f5..17c4637 100644
--- a/src/pages/portfolio/index.astro
+++ b/src/pages/portfolio/index.astro
@@ -2,4 +2,4 @@
import PortfolioPageLayout from "../../layouts/PortfolioPageLayout.astro";
---
-<PortfolioPageLayout /> \ No newline at end of file
+<PortfolioPageLayout />