Skip to content

Commit 85551c4

Browse files
author
Reg (Ceradon AI)
committed
fix: blog card thumbnails, header logo sizing, footer emblem sizing
- Add thumbnail images to blog cards using hero images - Fix corrupted HTML in blog card descriptions (dollar signs mangled) - Add explicit inline sizing for header logo (2.5rem) on all blog pages - Add explicit inline sizing for mobile emblem (2rem) on all blog pages - Fix footer emblem oversized: remove h-12/w-12 Tailwind classes overridden by image-surface CSS, use inline 3rem sizing - Fix image-surface CSS: remove width/height:auto that overrode Tailwind sizing classes - Add .blog-thumb CSS class for card thumbnail styling
1 parent 3139357 commit 85551c4

6 files changed

+35
-19
lines changed

‎blog/2026-01-28-defense-tech-weekly-january-28-2026.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@
3131
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
3232
<a href="../index.html" class="flex items-center gap-2">
3333
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
34-
<img class="logo-glow h-8" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" />
34+
<img class="logo-glow" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" style="height:2.5rem;width:auto" />
3535
</span>
3636
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
37-
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" />
37+
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" style="height:2rem;width:auto" />
3838
</span>
3939
</a>
4040
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
@@ -123,7 +123,7 @@ <h3 style="color: var(--ceradon-blue); margin-bottom: 0.5rem;">Ceradon's Take</h
123123
<div class="mx-auto max-w-7xl px-4 py-12 space-y-6">
124124
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
125125
<div class="flex items-center gap-4">
126-
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="h-12 w-12 image-surface" loading="lazy" />
126+
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="image-surface" loading="lazy" style="height:3rem;width:3rem" />
127127
<div>
128128
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
129129
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>

‎blog/2026-02-05-defense-tech-weekly.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@
3131
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
3232
<a href="../index.html" class="flex items-center gap-2">
3333
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
34-
<img class="logo-glow h-8" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" />
34+
<img class="logo-glow" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" style="height:2.5rem;width:auto" />
3535
</span>
3636
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
37-
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" />
37+
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" style="height:2rem;width:auto" />
3838
</span>
3939
</a>
4040
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
@@ -131,7 +131,7 @@ <h3 style="color: var(--ceradon-blue); margin-bottom: 0.5rem;">Ceradon's Take</h
131131
<div class="mx-auto max-w-7xl px-4 py-12 space-y-6">
132132
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
133133
<div class="flex items-center gap-4">
134-
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="h-12 w-12 image-surface" loading="lazy" />
134+
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="image-surface" loading="lazy" style="height:3rem;width:3rem" />
135135
<div>
136136
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
137137
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>

‎blog/2026-02-10-how-wifi-csi-through-wall-detection-works.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,10 +32,10 @@
3232
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
3333
<a href="../index.html" class="flex items-center gap-2">
3434
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
35-
<img class="logo-glow h-8" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" />
35+
<img class="logo-glow" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" style="height:2.5rem;width:auto" />
3636
</span>
3737
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
38-
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" />
38+
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" style="height:2rem;width:auto" />
3939
</span>
4040
</a>
4141
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
@@ -242,7 +242,7 @@ <h2 class="text-2xl font-semibold text-[color:var(--white)] pt-4">References</h2
242242
<div class="mx-auto max-w-7xl px-4 py-12 space-y-6">
243243
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
244244
<div class="flex items-center gap-4">
245-
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="h-12 w-12 image-surface" loading="lazy" />
245+
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="image-surface" loading="lazy" style="height:3rem;width:3rem" />
246246
<div>
247247
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
248248
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>

‎blog/2026-02-13-defense-tech-weekly.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -31,10 +31,10 @@
3131
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
3232
<a href="../index.html" class="flex items-center gap-2">
3333
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
34-
<img class="logo-glow h-8" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" />
34+
<img class="logo-glow" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" style="height:2.5rem;width:auto" />
3535
</span>
3636
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
37-
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" />
37+
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems mark" style="height:2rem;width:auto" />
3838
</span>
3939
</a>
4040
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
@@ -140,7 +140,7 @@ <h3 style="color: var(--ceradon-blue); margin-bottom: 0.5rem;">Ceradon's Take</h
140140
<div class="mx-auto max-w-7xl px-4 py-12 space-y-6">
141141
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
142142
<div class="flex items-center gap-4">
143-
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="h-12 w-12 image-surface" loading="lazy" />
143+
<img src="../assets/Emblem.webp" alt="Ceradon Systems mark" class="image-surface" loading="lazy" style="height:3rem;width:3rem" />
144144
<div>
145145
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
146146
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>

‎blog/index.html‎

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -25,10 +25,10 @@
2525
<div class="mx-auto max-w-7xl px-4 py-3 flex items-center justify-between">
2626
<a href="../index.html" class="flex items-center gap-2">
2727
<span class="hidden md:inline-flex logo-plate logo-plate--nav">
28-
<img class="logo-glow h-8" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" width="1536" height="1024" />
28+
<img class="logo-glow" src="../assets/Horizontal_Logo.webp" alt="Ceradon Systems" width="1536" height="1024" style="height:2.5rem;width:auto" />
2929
</span>
3030
<span class="md:hidden inline-flex logo-plate logo-plate--nav">
31-
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems" width="558" height="558" />
31+
<img class="logo-glow" src="../assets/Emblem.webp" alt="Ceradon Systems" width="558" height="558" style="height:2rem;width:auto" />
3232
</span>
3333
</a>
3434
<nav class="hidden md:flex gap-6" aria-label="Main navigation">
@@ -57,21 +57,25 @@ <h1 class="text-4xl font-semibold text-[color:var(--white)]">Defense Industry In
5757

5858
<div class="blog-list" id="blog-posts">
5959
<a href="/blog/2026-02-13-defense-tech-weekly.html" class="blog-card" style="display: block; text-decoration: none;">
60+
<img class="blog-thumb" src="../assets/hero-aegis.webp" alt="" loading="lazy" />
6061
<p class="date">February 13, 2026</p>
6162
<h3>The $9.8B Autonomy Surge: Inside DoD's Biggest Spending Shift in a Decade</h3>
62-
<p>Weekly defense technology analysis: $9.8B autonomy spending surge, <div class="blog-list" id="blog-posts">.1B Drone Dominance Program, USMC collaborative combat aircraft, and Pentagon counter-drone sensor push.</p>
63+
<p>Weekly defense technology analysis: $9.8B autonomy spending surge, $1.1B Drone Dominance Program, USMC collaborative combat aircraft, and Pentagon counter-drone sensor push.</p>
6364
</a>
6465
<a href="/blog/2026-02-10-how-wifi-csi-through-wall-detection-works.html" class="blog-card" style="display: block; text-decoration: none;">
66+
<img class="blog-thumb" src="../assets/hero-vantage.webp" alt="" loading="lazy" />
6567
<p class="date">February 10, 2026</p>
6668
<h3>How WiFi CSI Through-Wall Detection Works: A Technical Primer</h3>
6769
<p>A technical guide to WiFi Channel State Information (CSI) through-wall detection — how passive RF sensing detects human presence behind walls without emitting signals.</p>
6870
</a>
6971
<a href="/blog/2026-02-05-defense-tech-weekly.html" class="blog-card" style="display: block; text-decoration: none;">
72+
<img class="blog-thumb" src="../assets/hero-polygen.webp" alt="" loading="lazy" />
7073
<p class="date">February 5, 2026</p>
71-
<h3>Pentagon's <div class="blog-list" id="blog-posts">B Drone Swarm Bet and the Rise of Autonomous Decontamination</h3>
74+
<h3>Pentagon's $1B Drone Swarm Bet and the Rise of Autonomous Decontamination</h3>
7275
<p>Weekly defense industry analysis covering autonomous systems, AI threats and opportunities, and the FY2026 defense budget.</p>
7376
</a>
7477
<a href="/blog/2026-01-28-defense-tech-weekly-january-28-2026.html" class="blog-card" style="display: block; text-decoration: none;">
78+
<img class="blog-thumb" src="../assets/hero-architect.webp" alt="" loading="lazy" />
7579
<p class="date">January 28, 2026</p>
7680
<h3>The $900B AI Catalyst: How the Pentagon's Budget Is Rewiring Defense Tech</h3>
7781
<p>Weekly analysis of defense technology trends, AI developments, and budget news from Ceradon Systems.</p>
@@ -86,7 +90,7 @@ <h3>The $900B AI Catalyst: How the Pentagon's Budget Is Rewiring Defense Tech</h
8690
<div class="mx-auto max-w-7xl px-4 py-12 space-y-6">
8791
<div class="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
8892
<div class="flex items-center gap-4">
89-
<img src="../assets/Emblem.webp" alt="Ceradon Systems" class="h-12 w-12 image-surface" loading="lazy" width="558" height="558" />
93+
<img src="../assets/Emblem.webp" alt="Ceradon Systems" class="image-surface" loading="lazy" width="558" height="558" style="height:3rem;width:3rem" />
9094
<div>
9195
<p class="font-semibold text-[color:var(--white)]">Ceradon Systems</p>
9296
<p class="text-sm text-subtle">Passive RF sensing & readiness assurance.</p>

‎styles/styles.css‎

Lines changed: 14 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -885,8 +885,6 @@ footer a:focus-visible { color: var(--white); }
885885

886886
.image-surface img,
887887
img.image-surface {
888-
width: auto;
889-
height: auto;
890888
max-width: 100%;
891889
max-height: 100%;
892890
object-fit: contain;
@@ -1045,6 +1043,20 @@ a[target="_blank"]:not(.btn):not([aria-label]):not(.product-card)::after {
10451043
margin: 0 0 0.5rem;
10461044
}
10471045

1046+
.blog-card .blog-thumb {
1047+
width: 100%;
1048+
height: 160px;
1049+
object-fit: cover;
1050+
border-radius: 0.75rem;
1051+
margin-bottom: 1rem;
1052+
opacity: 0.85;
1053+
transition: opacity 0.3s ease;
1054+
}
1055+
1056+
.blog-card:hover .blog-thumb {
1057+
opacity: 1;
1058+
}
1059+
10481060
.blog-card p:last-child {
10491061
font-size: 0.875rem;
10501062
color: rgba(197, 203, 214, 0.8);

0 commit comments

Comments
 (0)