Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .eleventy.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ module.exports = (eleventyConfig) => {
eleventyConfig.addShortcode("currentYear", () => new Date().getFullYear());
// Add this line to copy your external assets
eleventyConfig.addPassthroughCopy("src/assets");
eleventyConfig.addPassthroughCopy("src/favicon.ico");
// 1. Recognize YAML as a template format
eleventyConfig.addTemplateFormats("yaml");

Expand Down
Binary file added src/favicon.ico
Binary file not shown.
3 changes: 2 additions & 1 deletion src/index.njk
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ layout: false
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Developer Directory</title>
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="stylesheet" href="/assets/css/tailwind.css">
<link rel="stylesheet" href="/assets/css/style.css">
</head>
Expand All @@ -24,7 +25,7 @@ layout: false
data-skills="{{ person.data.languages }}">
<div class="p-8">
<div class="flex justify-between items-start gap-4">
<div class="flex-1">
<div class="flex-1 min-w-[150px]">
Copy link
Copy Markdown

Choose a reason for hiding this comment

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

medium

This layout change (min-w-[150px]) appears to be unrelated to the favicon support described in the PR title and description. To maintain code quality and follow the principle of atomic commits, unrelated changes should be handled in a separate pull request. Additionally, consider using standard Tailwind spacing classes (e.g., min-w-36 or min-w-40) instead of arbitrary values to ensure consistency with the design system.

            <div class="flex-1">
References
  1. Adhere to the project's existing CSS framework (Tailwind CSS) and its conventions, such as using standard theme values for spacing and sizing instead of arbitrary values.

<h2 class="text-2xl font-bold group-hover:text-accent transition-colors">{{ person.data.name }}</h2>
<p class="text-accent font-semibold text-sm uppercase tracking-wider">{{ person.data.role }}</p>
</div>
Expand Down