Skip to content

Commit d3d006c

Browse files
cliffablecliffable
committed
Rename: field note to engineering note across site and css
1 parent 834637d commit d3d006c

11 files changed

Lines changed: 229 additions & 229 deletions

‎engineering-notes/a-wordpress-infrastructure-review.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -74,20 +74,20 @@
7474

7575
<!-- HERO -->
7676

77-
<section class="hero field-note-article-hero">
78-
<div class="container field-note-container">
77+
<section class="hero engineering-note-article-hero">
78+
<div class="container engineering-note-container">
7979

80-
<p class="field-note-article-meta">
80+
<p class="engineering-note-article-meta">
8181
WordPress • AWS Lightsail • Infrastructure
8282
</p>
8383

84-
<p class="field-note-date">
84+
<p class="engineering-note-date">
8585
Published 12 June 2026
8686
</p>
8787

8888
<h1>A WordPress Infrastructure Review</h1>
8989

90-
<p class="field-note-intro">
90+
<p class="engineering-note-intro">
9191
A security alert prompted a wider review of my WordPress infrastructure, leading to changes across
9292
server sizing, WordPress hardening, DNS management and domain operations.
9393
</p>
@@ -97,8 +97,8 @@ <h1>A WordPress Infrastructure Review</h1>
9797

9898
<!-- FEATURED IMAGE -->
9999

100-
<section class="field-note-featured-image">
101-
<div class="container field-note-container">
100+
<section class="engineering-note-featured-image">
101+
<div class="container engineering-note-container">
102102

103103
<a href="../assets/images/engineering-notes/a-wordpress-infrastructure-review/wordpress-infrastructure-review-before-and-after.png"
104104
class="lightbox-trigger">
@@ -108,7 +108,7 @@ <h1>A WordPress Infrastructure Review</h1>
108108

109109
</a>
110110

111-
<p class="field-note-image-caption">
111+
<p class="engineering-note-image-caption">
112112
Infrastructure changes made following a review prompted by monitoring alerts, security concerns and
113113
domain management issues.
114114
</p>
@@ -118,8 +118,8 @@ <h1>A WordPress Infrastructure Review</h1>
118118

119119
<!-- ARTICLE CONTENT -->
120120

121-
<section class="field-note-content-section">
122-
<div class="container field-note-container">
121+
<section class="engineering-note-content-section">
122+
<div class="container engineering-note-container">
123123

124124
<h2>The trigger for the review</h2>
125125

@@ -198,7 +198,7 @@ <h2>Registrar and transfer issues</h2>
198198

199199
<!-- OPTIONAL INLINE IMAGE -->
200200

201-
<div class="field-note-inline-image">
201+
<div class="engineering-note-inline-image">
202202

203203
<a href="../assets/images/engineering-notes/a-wordpress-infrastructure-review/xilo-domain-management-errors.png"
204204
class="lightbox-trigger">
@@ -208,7 +208,7 @@ <h2>Registrar and transfer issues</h2>
208208

209209
</a>
210210

211-
<p class="field-note-image-caption">
211+
<p class="engineering-note-image-caption">
212212
Several domain management operations failed during the migration process. The root cause was
213213
eventually traced to a combination of registrar-side issues, an outdated registrant email
214214
address
@@ -265,7 +265,7 @@ <h2>Conclusion</h2>
265265

266266
<h2>Related project</h2>
267267

268-
<p class="field-note-callout">
268+
<p class="engineering-note-callout">
269269
This work was implemented as part of the
270270
<a href="../projects/csgl-lightsail-wordpress.html">
271271
WordPress on AWS Lightsail

‎engineering-notes/building-my-first-cicd-pipeline.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -59,29 +59,29 @@
5959

6060
<main>
6161

62-
<section class="hero field-note-article-hero">
63-
<div class="container field-note-container">
62+
<section class="hero engineering-note-article-hero">
63+
<div class="container engineering-note-container">
6464

65-
<p class="field-note-article-meta">
65+
<p class="engineering-note-article-meta">
6666
AWS • CI/CD • GitHub Actions
6767
</p>
6868

69-
<p class="field-note-date">
69+
<p class="engineering-note-date">
7070
Published 23 May 2026
7171
</p>
7272

7373
<h1>Building my first CI/CD pipeline</h1>
7474

75-
<p class="field-note-intro">
75+
<p class="engineering-note-intro">
7676
Moving from manual S3 uploads to a GitHub Actions deployment pipeline using OIDC, IAM roles and
7777
CloudFront invalidation.
7878
</p>
7979

8080
</div>
8181
</section>
8282

83-
<section class="field-note-featured-image">
84-
<div class="container field-note-container">
83+
<section class="engineering-note-featured-image">
84+
<div class="container engineering-note-container">
8585

8686
<a href="../assets/images/engineering-notes/building-my-first-cicd-pipeline/automated-deployment-pipeline.png"
8787
class="lightbox-trigger">
@@ -91,15 +91,15 @@ <h1>Building my first CI/CD pipeline</h1>
9191

9292
</a>
9393

94-
<p class="field-note-image-caption">
94+
<p class="engineering-note-image-caption">
9595
From local code changes to automated live deployment.
9696
</p>
9797

9898
</div>
9999
</section>
100100

101-
<section class="field-note-content-section">
102-
<div class="container field-note-container">
101+
<section class="engineering-note-content-section">
102+
<div class="container engineering-note-container">
103103

104104
<h2>The original workflow</h2>
105105
<p>
@@ -148,7 +148,7 @@ <h2>Security improvements</h2>
148148
(OIDC) to request temporary credentials directly from AWS.
149149
</p>
150150

151-
<div class="field-note-inline-image">
151+
<div class="engineering-note-inline-image">
152152

153153
<a href="../assets/images/engineering-notes/building-my-first-cicd-pipeline/github-actions-oidc-permissions.png"
154154
class="lightbox-trigger">
@@ -158,7 +158,7 @@ <h2>Security improvements</h2>
158158

159159
</a>
160160

161-
<p class="field-note-image-caption">
161+
<p class="engineering-note-image-caption">
162162
GitHub Actions workflow permissions for OIDC authentication.
163163
</p>
164164

@@ -199,7 +199,7 @@ <h2>Conclusion</h2>
199199

200200
<h2>Related project</h2>
201201

202-
<p class="field-note-callout">
202+
<p class="engineering-note-callout">
203203
This deployment pipeline was implemented as part of the
204204
<a href="../projects/csgl-lightsail-wordpress.html">
205205
WordPress on AWS Lightsail

‎engineering-notes/from-silent-failures-to-automated-alerting.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -77,20 +77,20 @@
7777

7878
<!-- HERO -->
7979

80-
<section class="hero field-note-article-hero">
81-
<div class="container field-note-container">
80+
<section class="hero engineering-note-article-hero">
81+
<div class="container engineering-note-container">
8282

83-
<p class="field-note-article-meta">
83+
<p class="engineering-note-article-meta">
8484
Operations • Monitoring • AWS
8585
</p>
8686

87-
<p class="field-note-date">
87+
<p class="engineering-note-date">
8888
Published May 2026
8989
</p>
9090

9191
<h1>From Silent Failures to Automated Alerting</h1>
9292

93-
<p class="field-note-intro">
93+
<p class="engineering-note-intro">
9494
After migrating a production WordPress site to the official AWS Lightsail WordPress blueprint, the
9595
site went down twice without any automatic warning. That changed how I thought about monitoring,
9696
stability and operational visibility.
@@ -101,8 +101,8 @@ <h1>From Silent Failures to Automated Alerting</h1>
101101

102102
<!-- FEATURED IMAGE -->
103103

104-
<section class="field-note-featured-image">
105-
<div class="container field-note-container">
104+
<section class="engineering-note-featured-image">
105+
<div class="container engineering-note-container">
106106

107107
<a href="../assets/images/engineering-notes/from-silent-failures-to-automated-alerting/csgl-lightsail-production-architecture.png"
108108
class="lightbox-trigger">
@@ -112,7 +112,7 @@ <h1>From Silent Failures to Automated Alerting</h1>
112112

113113
</a>
114114

115-
<p class="field-note-image-caption">
115+
<p class="engineering-note-image-caption">
116116
Production Lightsail WordPress architecture with Route 53 health checks, CloudWatch alarms, SNS
117117
notifications and snapshot-based recovery.
118118
</p>
@@ -122,8 +122,8 @@ <h1>From Silent Failures to Automated Alerting</h1>
122122

123123
<!-- ARTICLE CONTENT -->
124124

125-
<section class="field-note-content-section">
126-
<div class="container field-note-container">
125+
<section class="engineering-note-content-section">
126+
<div class="container engineering-note-container">
127127

128128
<h2>The problem with silent failures</h2>
129129

@@ -197,7 +197,7 @@ <h2>Testing the alerting path</h2>
197197

198198
<!-- OPTIONAL INLINE IMAGE -->
199199

200-
<div class="field-note-inline-image">
200+
<div class="engineering-note-inline-image">
201201

202202
<a href="../assets/images/engineering-notes/from-silent-failures-to-automated-alerting/cloudwatch-alarm-email-alert.png"
203203
class="lightbox-trigger">
@@ -207,7 +207,7 @@ <h2>Testing the alerting path</h2>
207207

208208
</a>
209209

210-
<p class="field-note-image-caption">
210+
<p class="engineering-note-image-caption">
211211
CloudWatch alarm email generated through SNS after validating the website-down alerting path.
212212
</p>
213213

@@ -251,7 +251,7 @@ <h2>Conclusion</h2>
251251

252252
<h2>Related project</h2>
253253

254-
<p class="field-note-callout">
254+
<p class="engineering-note-callout">
255255
This work was implemented as part of the
256256
<a href="../projects/csgl-lightsail-wordpress.html">
257257
WordPress on AWS Lightsail

‎engineering-notes/improving-my-local-development-workflow.html‎

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -67,29 +67,29 @@
6767

6868
<main>
6969

70-
<section class="hero field-note-article-hero">
71-
<div class="container field-note-container">
70+
<section class="hero engineering-note-article-hero">
71+
<div class="container engineering-note-container">
7272

73-
<p class="field-note-article-meta">
73+
<p class="engineering-note-article-meta">
7474
VS Code • Workflow • Static Sites
7575
</p>
7676

77-
<p class="field-note-date">
77+
<p class="engineering-note-date">
7878
Published 23 May 2026
7979
</p>
8080

8181
<h1>Improving my local development workflow</h1>
8282

83-
<p class="field-note-intro">
83+
<p class="engineering-note-intro">
8484
Discovering Live Server and automatic code formatting dramatically improved the speed, structure and
8585
efficiency of building the Cliffable website locally.
8686
</p>
8787

8888
</div>
8989
</section>
9090

91-
<section class="field-note-content-section">
92-
<div class="container field-note-container">
91+
<section class="engineering-note-content-section">
92+
<div class="container engineering-note-container">
9393

9494
<h2>The original workflow</h2>
9595

@@ -127,8 +127,8 @@ <h2>Discovering Live Server</h2>
127127
updates instantly in the browser directly from the local project files.
128128
</p>
129129

130-
<section class="field-note-featured-image">
131-
<div class="container field-note-container">
130+
<section class="engineering-note-featured-image">
131+
<div class="container engineering-note-container">
132132

133133
<a href="../assets/images/engineering-notes/improving-my-local-development-workflow/cliffable-live-server-preview.png"
134134
class="lightbox-trigger">
@@ -138,7 +138,7 @@ <h2>Discovering Live Server</h2>
138138

139139
</a>
140140

141-
<p class="field-note-image-caption">
141+
<p class="engineering-note-image-caption">
142142
Live Server preview of the Cliffable website during local development.
143143
</p>
144144

@@ -177,7 +177,7 @@ <h2>Discovering automatic code formatting</h2>
177177
to read and maintain.
178178
</p>
179179

180-
<div class="field-note-inline-image">
180+
<div class="engineering-note-inline-image">
181181

182182
<a href="../assets/images/engineering-notes/improving-my-local-development-workflow/vscode-automatic-html-formatting.png"
183183
class="lightbox-trigger">
@@ -187,7 +187,7 @@ <h2>Discovering automatic code formatting</h2>
187187

188188
</a>
189189

190-
<p class="field-note-image-caption">
190+
<p class="engineering-note-image-caption">
191191
Automatic formatting restoring clean HTML structure in Visual Studio Code.
192192
</p>
193193

@@ -236,7 +236,7 @@ <h2>Conclusion</h2>
236236

237237
<h2>Related project</h2>
238238

239-
<p class="field-note-callout">
239+
<p class="engineering-note-callout">
240240
This workflow was developed while building the
241241
<a href="../projects/static-site-on-aws.html">
242242
Static Website on AWS

0 commit comments

Comments
 (0)