aboutsummaryrefslogtreecommitdiff
path: root/src/layouts/PortfolioItemLayout.astro
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2025-06-07 20:17:01 +0200
committerAriel Costas Guerrero <ariel@costas.dev>2025-06-07 20:17:01 +0200
commit6cb688bd1b2285fb917194852fdc285c798d43cc (patch)
tree535293539e53dfa3ec3aeca8f217b6d066350c75 /src/layouts/PortfolioItemLayout.astro
parent36d3a2c4c6dbfcc74271d0956eff9b1e454fc138 (diff)
Add new images and update portfolio layouts for enhanced presentation
Diffstat (limited to 'src/layouts/PortfolioItemLayout.astro')
-rw-r--r--src/layouts/PortfolioItemLayout.astro77
1 files changed, 0 insertions, 77 deletions
diff --git a/src/layouts/PortfolioItemLayout.astro b/src/layouts/PortfolioItemLayout.astro
deleted file mode 100644
index 95715cb..0000000
--- a/src/layouts/PortfolioItemLayout.astro
+++ /dev/null
@@ -1,77 +0,0 @@
----
-import Layout from "@/layouts/Layout.astro";
-import { render } from "astro:content";
-import TechnologyBadge from "@/components/TechnologyBadge.astro";
-import type { InferEntrySchema } from "astro:content";
-import { Icon } from "astro-icon/components";
-
-interface Props {
- entry: any;
-}
-
-const { entry } = Astro.props;
-const data = entry.data as InferEntrySchema<"portfolio">;
-const { Content } = await render(entry);
----
-
-<Layout title={data.title} description={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>
-
- <h1>{data.title}</h1>
-
- <Content />
-
- <div>
- {data.githubLink && <a href={data.githubLink}>
- <Icon name="tabler:brand-github"/>
- GitHub
- </a>}
-
- {data.onlineLink && <a href={data.onlineLink} target="_blank" rel="noopener noreferrer">
- <Icon name="tabler:link"/>
- En línea
- </a>}
-
- {data.demoLink && <a href={data.demoLink} target="_blank" rel="noopener noreferrer">
- <Icon name="tabler:link"/>
- Demo
- </a>}
- </div>
-
- <h2>Tecnologías utilizadas</h2>
-
- {
- 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 svg {
- height: 1em;
- }
-</style>