Skip to content

Skills pages#87

Open
DecampsRenan wants to merge 6 commits into
mainfrom
feat/skills
Open

Skills pages#87
DecampsRenan wants to merge 6 commits into
mainfrom
feat/skills

Conversation

@DecampsRenan
Copy link
Copy Markdown
Member

@DecampsRenan DecampsRenan commented Mar 3, 2026

closes #67

Add skills detail pages.

What is the goal of this PR:

  • Use buttons style on skills and link them (in the services page)
  • Add missing details on already existing skills
  • Add related skills on posts
  • Show related posts in skills detail page
  • Listing skills page similar to the services page
  • Add Skills link in the footer

To add later:

  • Missing link "See more" when related posts exceed the display limit
  • UI of the skills list page
  • List skills in post pages and people pages
CleanShot.2026-04-03.at.12.11.00.mp4

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bearstudio.fr Ready Ready Preview, Comment Apr 3, 2026 4:00pm

Request Review

Comment on lines +119 to +134
{
!!linkedPosts.length && (
<Container>
<div class="flex flex-col gap-4">
<h2 class="font-heading text-2xl font-bold">
{t('skills.detail.blog.title', { name: skill.data.name })}
</h2>
<PostsCarousel
client:load
posts={linkedPosts.slice(0, POSTS_LIMIT)}
locale={locale}
/>
</div>
</Container>
)
}
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this part is missing the "See more" if there is more articles than the LIMIT; but for this to work I need to create the correct page filter in the posts (maybe it can be done in another PR)

@DecampsRenan
Copy link
Copy Markdown
Member Author

CleanShot 2026-04-03 at 18 15 10

Remove the image on mobile

}
<div class="flex items-center gap-4">
{
!!title && (
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If there is no title, we have an empty div, is that what we want?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch, we don't want that :D

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice

</h1>
)
}
<div class="flex items-center gap-4">
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The added <div class="flex items-center gap-4"> wrapper around the <h1> doesn't appear to serve a purpose here — it wraps a single element. It looks like it was added to support the skill detail page layout (icon + title), but that page uses <slot> with its own custom markup rather than the title prop. This wrapper adds an unnecessary DOM node for all other hero usages.

skills:
- 'ux'
- 'wireframes'
- 'prototypage'
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bug: 'prototypage' does not match any existing skill directory. The skill is named prototype (see src/content/skills/prototype/). This post won't appear in linked posts for the prototype skill, and it may cause a build error with reference('skills') validation.

Suggested change
- 'prototypage'
- 'prototype'

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Skills / Expertise

2 participants