Skip to content

GH-90: feat:Build/Enable Blog section in the website - #91

Merged
sanjiva merged 5 commits into
LDFLK:mainfrom
ChanukaUOJ:feat/blog
Aug 4, 2026
Merged

GH-90: feat:Build/Enable Blog section in the website#91
sanjiva merged 5 commits into
LDFLK:mainfrom
ChanukaUOJ:feat/blog

Conversation

@ChanukaUOJ

@ChanukaUOJ ChanukaUOJ commented Aug 3, 2026

Copy link
Copy Markdown
Member

This PR Closes: #90

Changes

  • This PR includes the new blog page where it shows the published blog articles by LDF

New View

Screenshot 2026-08-03 at 17 35 17

Summary by CodeRabbit

  • New Features

    • Added a responsive blog section with article cards, author details, publication dates, images, and links.
    • Added pagination for larger collections of posts.
    • Enabled Blog access in desktop and mobile navigation.
    • Published three new blog posts dated February 4, 2026.
  • Bug Fixes

    • Corrected Dr. Sanjiva Weerawarana’s profile photo display.

@gemini-code-assist

Copy link
Copy Markdown

Caution

The consumer version of Gemini Code Assist on GitHub has been sunset. All code review activity has officially ceased.

@coderabbitai

coderabbitai Bot commented Aug 3, 2026

Copy link
Copy Markdown

Review Change Stack

📝 Walkthrough

Walkthrough

The site now provides a data-driven blog page with responsive article cards, pagination, three new posts, and desktop/mobile navigation links. The shared blog component replaces the previous inline article template. A board member photo path was corrected.

Changes

Blog page migration

Layer / File(s) Summary
Blog content and paginated rendering
_data/posts.yml, _data/board.yml, _includes/blog.html
Added three post records and a responsive blog component. The component renders metadata, optional cover images, author details, links, pagination, and transition styling.
Blog route and navigation
blog.md, _includes/header.html, blogs.html
Updated blog.md to include the shared component. Enabled desktop and mobile /blog/ links with active styling. Removed the previous blogs.html template.

Estimated code review effort: 3 (Moderate) | ~20 minutes

Suggested reviewers: zaeema-n

Sequence Diagram(s)

sequenceDiagram
  participant Browser
  participant Jekyll
  participant PostsData
  Browser->>Jekyll: Request /blog/
  Jekyll->>PostsData: Read site.data.posts
  PostsData-->>Jekyll: Return post metadata
  Jekyll-->>Browser: Render blog cards
  Browser->>Browser: Apply pagination when more than six posts
Loading
🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Out of Scope Changes check ⚠️ Warning The photo path correction in _data/board.yml is unrelated to the Blog section requirements in #90. Remove the unrelated photo path correction or move it to a separate pull request.
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly identifies the Blog section work described by the pull request.
Linked Issues check ✅ Passed The changes add desktop and mobile Blog navigation, a blog page, pagination, and published article listings as required by #90.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Comment @coderabbitai help to get the list of available commands.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@blog.html`:
- Around line 79-90: Update the pagination controls identified by prev-btn,
next-btn, and the dynamically generated page buttons: add accessible labels to
the navigation buttons, replace the focus:outline-none focus:ring-0 styling with
a visible keyboard focus style, and apply aria-current="page" only to the
currently selected page button.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 65e09c0d-9ae8-430b-a6e4-e7b17bf764c9

📥 Commits

Reviewing files that changed from the base of the PR and between d3d8f97 and 22ad9c7.

⛔ Files ignored due to path filters (2)
  • images/.DS_Store is excluded by !**/.DS_Store
  • images/sanjiva.jpeg is excluded by !**/*.jpeg
📒 Files selected for processing (6)
  • _data/board.yml
  • _data/posts.yml
  • _includes/header.html
  • blog.html
  • blog.md
  • blogs.html
💤 Files with no reviewable changes (2)
  • blogs.html
  • blog.md
🚧 Files skipped from review as they are similar to previous changes (3)
  • _data/board.yml
  • _data/posts.yml
  • _includes/header.html

Comment thread blog.html Outdated
@ChanukaUOJ ChanukaUOJ changed the title blog section has been added feat: Build/Enable Blog section in the website Aug 3, 2026
@ChanukaUOJ ChanukaUOJ changed the title feat: Build/Enable Blog section in the website GH-90: feat:Build/Enable Blog section in the website Aug 3, 2026
@ChanukaUOJ

Copy link
Copy Markdown
Member Author

@sanjiva Hi Sanjiva! We had a discussion about making all blog articles published by LDF directly accessible through our official website allowing users to find everything in one place. This PR introduces the new Blog page for the website. We have also included a list of already published articles. Please let us know if this change makes sense to you!

@ChanukaUOJ
ChanukaUOJ requested a review from sanjiva August 3, 2026 12:42
@ChanukaUOJ ChanukaUOJ assigned zaeema-n and unassigned zaeema-n Aug 3, 2026
@ChanukaUOJ
ChanukaUOJ requested a review from zaeema-n August 3, 2026 12:42
Comment thread _includes/blog.html

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.

Does using markdown header matter work with .html files?

Why not just keep this in blog.md?

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.

Noted and fixed! I have moved the blog.md to the root level and linked the UI component through blog.html for better separation of concerns.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Caution

Some comments are outside the diff and can’t be posted inline due to platform limitations.

⚠️ Outside diff range comments (1)
blog.md (1)

1-7: 🗄️ Data Integrity & Integration | 🟡 Minor | ⚡ Quick win

Set blog.md to permalink: /blog/.

The global permalink setting does not apply this standalone page. Jekyll otherwise outputs blog.md as /blog.html, while navigation links to /blog/, causing a 404.

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@blog.md` around lines 1 - 7, Update the front matter in blog.md to explicitly
set the page permalink to /blog/. Preserve the existing layout, title,
description, and blog.html include.
🧹 Nitpick comments (1)
_includes/blog.html (1)

111-149: 🎯 Functional Correctness | 🔵 Trivial | 🏗️ Heavy lift

Add regression coverage for the pagination boundary.

Test 0, 1, 6, 7, and 12 articles. Verify result bounds, active-page state, and previous/next button state.

Also applies to: 151-181

🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@_includes/blog.html` around lines 111 - 149, Add regression tests for
initPagination and the related showPage pagination flow covering 0, 1, 6, 7, and
12 articles. Assert displayed result bounds, active-page state, and
previous/next button enabled or disabled state for each boundary and page
scenario.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Outside diff comments:
In `@blog.md`:
- Around line 1-7: Update the front matter in blog.md to explicitly set the page
permalink to /blog/. Preserve the existing layout, title, description, and
blog.html include.

---

Nitpick comments:
In `@_includes/blog.html`:
- Around line 111-149: Add regression tests for initPagination and the related
showPage pagination flow covering 0, 1, 6, 7, and 12 articles. Assert displayed
result bounds, active-page state, and previous/next button enabled or disabled
state for each boundary and page scenario.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 16ef6e71-a6b8-4e54-ab72-ccdb07c0652c

📥 Commits

Reviewing files that changed from the base of the PR and between 9d8e42f and a5cd32a.

📒 Files selected for processing (2)
  • _includes/blog.html
  • blog.md

@ChanukaUOJ
ChanukaUOJ requested a review from sanjiva August 4, 2026 07:34
Comment thread _data/posts.yml

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.

Why do all these blogs have a date of 2026-02-04??

Please put the correct dates.

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.

@sanjiva we published all 3 articles on the same day as our release on 2026-02-04.

@zaeema-n zaeema-n left a comment

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.

LGTM

@sanjiva
sanjiva merged commit 8753ec6 into LDFLK:main Aug 4, 2026
2 checks passed
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.

feat: Build/Enable Blog section in the website

3 participants