Skip to content

chore: update blog heading + dates #493

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
moshloop merged 1 commit into from
Feb 24, 2026
Merged

chore: update blog heading + dates #493

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
2 changes: 1 addition & 1 deletion common/src/theme/BlogPostItems/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ export default function BlogPostItems({
component: BlogPostItemComponent = BlogPostItem,
}) {
return (
<div className='pt-10 container'>
<div className='pt-10 container text--center'>
Copy link

@coderabbitai coderabbitai bot Feb 24, 2026

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟡 Minor

🧩 Analysis chain

🏁 Script executed:

#!/bin/bash
# Find the file structure and locate Card-related components
find . -type f \( -name "*.js" -o -name "*.jsx" -o -name "*.ts" -o -name "*.tsx" \) | grep -E "(BlogPostItem|Card)" | head -20

Repository: flanksource/docs

Length of output: 681

🏁 Script executed:

#!/bin/bash
# Look at the main file in question
cat -n common/src/theme/BlogPostItems/index.js

Repository: flanksource/docs

Length of output: 1042

🏁 Script executed:

#!/bin/bash
# Search for BlogPostCard and Cards component imports/definitions
rg -n "BlogPostCard|export.*Card" --type js --type jsx --type ts --type tsx

Repository: flanksource/docs

Length of output: 87

🏁 Script executed:

#!/bin/bash
# Look for text-align or text--center in Card-related files
rg -n "text-align|text--center|text--left" --type js --type jsx --type ts --type tsx --type css --type scss -A 2 -B 2 | grep -E "(Card|text-align|text--)" | head -50

Repository: flanksource/docs

Length of output: 87

🏁 Script executed:

#!/bin/bash
# Read the Cards component
cat -n common/src/components/Card.jsx

Repository: flanksource/docs

Length of output: 1886

🏁 Script executed:

#!/bin/bash
# Read the BlogPostCard component
cat -n common/src/theme/BlogPostItem/Card/index.js

Repository: flanksource/docs

Length of output: 1379

🏁 Script executed:

#!/bin/bash
# Search for text-align without file type restrictions
rg "text-align|text--center|text--left" -A 2 -B 2

Repository: flanksource/docs

Length of output: 50374

🏁 Script executed:

#!/bin/bash
# Search for text-align only in code files, not SVG
rg "text-align|text--center|text--left" --type js --type ts --type css | head -40

Repository: flanksource/docs

Length of output: 2297

🏁 Script executed:

#!/bin/bash
# Check the BlogPostItemContainer component
find . -name "*Container*" | grep -i blogpost

Repository: flanksource/docs

Length of output: 101

🏁 Script executed:

#!/bin/bash
# Check if any Card-related component has text-align css
rg "text-align" common/src/theme/BlogPostItem/ common/src/components/Card.jsx

Repository: flanksource/docs

Length of output: 42

🏁 Script executed:

#!/bin/bash
# Check the BlogPostItemContainer component
cat -n common/src/theme/BlogPostItem/Container/index.js

Repository: flanksource/docs

Length of output: 307

🏁 Script executed:

#!/bin/bash
# Check all BlogPostItem subcomponents for text-align
find common/src/theme/BlogPostItem -name "*.js" -o -name "*.jsx" | xargs grep -l "text-align\|text--" 2>/dev/null

Repository: flanksource/docs

Length of output: 105

🏁 Script executed:

#!/bin/bash
# Check the Footer component
cat -n common/src/theme/BlogPostItem/Footer/index.js

Repository: flanksource/docs

Length of output: 2846

🏁 Script executed:

#!/bin/bash
# Search for text-- classes in BlogPostItem directory
rg "text--" common/src/theme/BlogPostItem/ -A 2 -B 2

Repository: flanksource/docs

Length of output: 434

🏁 Script executed:

#!/bin/bash
# Check the complete structure of BlogPostItem/Card to see all classes
cat -n common/src/theme/BlogPostItem/Card/index.js

Repository: flanksource/docs

Length of output: 1379

🏁 Script executed:

#!/bin/bash
# Check BlogPostItemHeader to see if it sets any text-align
cat -n common/src/theme/BlogPostItem/Header/index.js

Repository: flanksource/docs

Length of output: 773

🏁 Script executed:

#!/bin/bash
# Check what text-- classes are available and their definitions
grep -A 1 "^\\.text--" common/src/canary-checker.css | head -30

Repository: flanksource/docs

Length of output: 545

🏁 Script executed:

#!/bin/bash
# Check if Card or Card children have any inline styles resetting text-align
rg "style.*text-align|textAlign" common/src/theme/BlogPostItem/ common/src/components/Card.jsx

Repository: flanksource/docs

Length of output: 42

Scoping text--center to the heading prevents unintended center-alignment of card content.

The text--center class cascades to all child elements since neither Cards, Card, BlogPostItemContainer, nor BlogPostItemHeader override the inherited text-align property. This centers the text in card bodies (descriptions, tags, metadata) unless that is intentional. If card content should be left-aligned, scope the class to the <h1> element instead.

Proposed scoping fix 
-    <div className='pt-10 container text--center'>
-      <h1>Flanksource Blog</h1>
+    <div className='pt-10 container'>
+      <h1 className='text--center'>Flanksource Blog</h1>
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
<div className='pt-10 container text--center'>
<div className='pt-10 container'>
<h1 className='text--center'>Flanksource Blog</h1>
🤖 Prompt for AI Agents 
Verify each finding against the current code and only fix it if needed.

In `@common/src/theme/BlogPostItems/index.js` at line 11, The container div
currently has className 'text--center' which cascades center alignment to all
child elements (affecting Cards, Card, BlogPostItemContainer,
BlogPostItemHeader); remove 'text--center' from the outer div and instead apply
it directly to the heading element (the <h1> rendered in this component, e.g.
BlogPostItems' title) so only the heading is centered and card content remains
left-aligned.

<h1>Flanksource Blog</h1>
<Cards>
{items.map(({ content: BlogPostContent }) => (
Expand Down
1 change: 1 addition & 0 deletions mission-control/blog/canary-checker-v1.1.0.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ slug: canary-checker-v1.1.0
authors: [moshe]
tags: [release, canary-checker]
hide_table_of_contents: false
date: 2024-12-15
---

<!--truncate-->
Expand Down
1 change: 1 addition & 0 deletions mission-control/blog/control-plane-testing/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ slug: infrastructure-testing-with-canary-checker-and-flux
authors: [moshe,yash]
tags: [synthetic testing, flux, helm, canary-checker]
hide_table_of_contents: false
date: 2025-01-07
---


Expand Down
1 change: 1 addition & 0 deletions mission-control/blog/distributed-canaries/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ slug: distributed-canaries-tutorial
authors: [yash]
tags: [canary-checker, distributed, multi-cluster, agents]
hide_table_of_contents: false
date: 2026-02-16
---

# Monitoring From Every Angle: A Guide to Distributed Canaries
Expand Down
2 changes: 0 additions & 2 deletions mission-control/docusaurus.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -301,11 +301,9 @@ export default async function createConfigAsync() {
});
},
},

},

theme: {

customCss: ['./src/css/out.css', './src/css/mission-control.css']
}
} satisfies Preset.Options
Expand Down
Loading