89 lines
3.0 KiB
Markdown
89 lines
3.0 KiB
Markdown
 
|
# Tasks for add-blog-section
|
||
|
|
|
||
|
|
## Implementation Tasks
|
||
|
|
|
||
|
|
### 1. Create blog content structure
|
||
|
|
- [ ] Create `content/blog/` directory for German blog posts
|
||
|
|
- [ ] Create `content/blog/_index.de.md` for German blog section metadata
|
||
|
|
- [ ] Create `content/blog/_index.en.md` for English blog section metadata
|
||
|
|
- [ ] Convert Notion article "KI Generierte Website - ein Praxisbeispiel" to Markdown format
|
||
|
|
- [ ] Create `content/blog/ki-generierte-website-praxisbeispiel/index.de.md` with article content
|
||
|
|
- [ ] Add proper front matter (title, date, description) to blog post
|
||
|
|
|
||
|
|
**Validation:** Files exist in correct locations, front matter is properly formatted
|
||
|
|
|
||
|
|
**Dependencies:** None
|
||
|
|
|
||
|
|
**Parallelizable:** Can be done independently
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
### 2. Create blog list template
|
||
|
|
- [ ] Create `layouts/blog/list.html` template for blog listing page
|
||
|
|
- [ ] Display blog post titles, dates, and excerpts/summaries
|
||
|
|
- [ ] Add proper semantic HTML structure
|
||
|
|
- [ ] Apply Bootstrap styling for consistent look
|
||
|
|
- [ ] Ensure responsive design (mobile-first)
|
||
|
|
- [ ] Add pagination structure (even if not needed yet, for future)
|
||
|
|
|
||
|
|
**Validation:** Running `hugo server` shows blog list page at `/de/blog/` with article listed
|
||
|
|
|
||
|
|
**Dependencies:** Task 1 (content structure)
|
||
|
|
|
||
|
|
**Parallelizable:** No (requires content structure)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
### 3. Create blog post single template
|
||
|
|
- [ ] Create `layouts/blog/single.html` template for individual blog posts
|
||
|
|
- [ ] Display post title, date, and full content
|
||
|
|
- [ ] Add article metadata (author, date, reading time if desired)
|
||
|
|
- [ ] Style content appropriately (headings, paragraphs, code blocks, etc.)
|
||
|
|
- [ ] Ensure responsive design
|
||
|
|
- [ ] Add navigation back to blog list
|
||
|
|
|
||
|
|
**Validation:** Blog post accessible at `/de/blog/ki-generierte-website-praxisbeispiel/` with proper formatting
|
||
|
|
|
||
|
|
**Dependencies:** Task 1 (content structure)
|
||
|
|
|
||
|
|
**Parallelizable:** Can be done in parallel with Task 2
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
### 4. Add blog navigation
|
||
|
|
- [ ] Add "Blog" link to navigation menu (German: "Blog", English: "Blog")
|
||
|
|
- [ ] Update `config.toml` with blog menu items for both languages
|
||
|
|
- [ ] Verify navigation links work correctly
|
||
|
|
- [ ] Ensure active state highlighting works on blog pages
|
||
|
|
|
||
|
|
**Validation:** Blog link appears in navigation, clicking it navigates to blog list page
|
||
|
|
|
||
|
|
**Dependencies:** Tasks 1, 2 (blog structure and list page)
|
||
|
|
|
||
|
|
**Parallelizable:** No (requires blog pages to exist)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
### 5. Verify and test
|
||
|
|
- [ ] Build site with `hugo` command (no errors)
|
||
|
|
- [ ] Test blog list page rendering
|
||
|
|
- [ ] Test blog post page rendering
|
||
|
|
- [ ] Verify multilingual structure (German blog accessible, English structure ready)
|
||
|
|
- [ ] Test navigation and links
|
||
|
|
- [ ] Verify responsive design on mobile/tablet/desktop viewports
|
||
|
|
- [ ] Run Lighthouse audit (score should remain >90)
|
||
|
|
- [ ] Check accessibility (WCAG 2.1 AA compliance)
|
||
|
|
|
||
|
|
**Validation:** All tests pass, site builds successfully, Lighthouse score >90
|
||
|
|
|
||
|
|
**Dependencies:** All previous tasks
|
||
|
|
|
||
|
|
**Parallelizable:** No (final verification step)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## Implementation Order
|
||
|
|
Tasks should be completed in sequence: 1 → 2, 3 (parallel) → 4 → 5
|
||
|
|
|
||
|
|
Total estimated time: 2-3 hours
|