admin/39292-vm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

about - almost

Browse Source
This commit is contained in:
Flatlogic Bot 2026-03-26 23:22:13 +00:00
parent 86467c9e01
commit ed520d289f
10 changed files with 576 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/pasted-20260326-224107-4bd652c0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 560 KiB

BIN
assets/pasted-20260326-225143-4201c850.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
assets/pasted-20260326-231415-aecafce6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 873 KiB

95
current_about.html → check_db.html
View File

@ -2,7 +2,27 @@
<style>
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');
/* Super Aggressive Layout Reset for Full Width */
body.page-id-48 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
}
body.page-id-48 .wp-site-blocks,
body.page-id-48 main,
body.page-id-48 .entry-content,
body.page-id-48 .wp-block-post-content {
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-48 .about-page {
max-width: none !important;
width: 100% !important;
}
/* Reset and Core for About Page */
body.page-id-48 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-48 .entry-content.wp-block-post-content.is-layout-constrained > .about-page { max-width: none !important; }
body.page-id-48 .wp-block-post-title,
body.page-id-48 h1.entry-title { display: none !important; }
body.page-id-48 .wp-site-blocks { padding-top: 0 !important; margin-top: 0 !important; }
@ -32,10 +52,7 @@ body.page-id-48 {
}
/* Reusable Container */
.about-container {
width: min(1200px, calc(100% - 48px));
margin: 0 auto;
}
.about-container { width: min(1440px, calc(100% - 72px)); margin: 0 auto; }
/* Typography */
.about-h2 {
@ -73,10 +90,7 @@ body.page-id-48 {
}
/* --- Middle Section --- */
.about-middle {
background-color: #F0EEE9;
padding: 100px 0;
}
.about-middle { background-color: #F5F2EC; padding: 100px 0; }
.about-middle-grid {
display: grid;
grid-template-columns: 1fr 1fr;
@ -94,34 +108,12 @@ body.page-id-48 {
justify-content: center;
}
.about-card {
background: #FFFFFF;
border-radius: 24px;
padding: 40px;
box-shadow: 0 4px 24px rgba(0,0,0,0.03);
}
.about-card { background: #FFFFFF; border-radius: 32px; padding: 48px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }
.about-card-title {
font-family: 'Cardo', serif;
font-size: 32px;
font-weight: 700;
margin: 0 0 32px;
color: #1C3434;
}
.about-card-title { font-family: 'Cardo', serif; font-size: 42px; font-weight: 700; margin: 0 0 40px; color: #1C3434; }
.about-list {
display: flex;
flex-direction: column;
gap: 24px;
}
.about-list-item {
display: flex;
align-items: center;
gap: 16px;
font-size: 18px;
font-weight: 600;
color: #1C3434;
}
.about-list { display: flex; flex-direction: column; gap: 32px; }
.about-list-item { display: flex; align-items: center; gap: 24px; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; color: #1C3434; }
.about-icon-circle {
width: 48px;
@ -141,38 +133,16 @@ body.page-id-48 {
stroke-width: 1.5;
}
.about-connect-card {
display: flex;
align-items: center;
justify-content: space-between;
}
.about-connect-card .about-card-title {
margin: 0;
}
.about-social-icon {
width: 56px;
height: 56px;
border-radius: 50%;
background-color: #1C3434;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
flex-shrink: 0;
}
.about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 24px; padding: 32px 48px; }
.about-connect-card .about-card-title { margin: 0; font-size: 42px; line-height: 1; }
.about-social-icon { width: 48px; height: 48px; border-radius: 50%; background-color: #1C3434; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0;}
.about-social-icon svg {
width: 24px;
height: 24px;
fill: #FFFFFF;
}
.about-middle-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 24px;
min-height: 400px;
}
.about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 32px; min-height: 400px; }
/* --- Lower Section --- */
.about-lower {
@ -291,13 +261,13 @@ body.page-id-48 {
<div class="about-list">
<div class="about-list-item">
<div class="about-icon-circle">
<svg viewBox="0 0 24 24"><path d="M12 2L3 9h18L12 2zm0 0v7M5 9v13h14V9" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14h4v7h-4z" /><path d="M14 17h5v4h-5z" /><path d="M5 19h5v2H5z" /><path d="M12 4l1.5 3.5 3.5 1.5-3.5 1.5L12 14l-1.5-3.5-3.5-1.5 3.5-1.5z"/></svg>
</div>
Adaptive Leadership Styles
</div>
<div class="about-list-item">
<div class="about-icon-circle">
<svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 4-7 8-7s8 3 8 7" stroke-linecap="round" stroke-linejoin="round"/></svg>
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 4-7 8-7s8 3 8 7"/></svg>
</div>
Personal and Professional Transformations
</div>
@ -353,3 +323,4 @@ body.page-id-48 {
</div>
<!-- /wp:html -->

66
current_about_post.html
View File

@ -68,9 +68,17 @@ body.page-id-48 {
.about-hero {
background-color: #1C3434;
color: #FFFFFF;
text-align: center;
padding: 80px 0 100px;
}
.about-hero-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 60px;
align-items: center;
}
@media (max-width: 900px) {
.about-hero-grid { grid-template-columns: 1fr; text-align: center; }
}
.about-hero-title {
font-family: 'Cardo', serif;
font-size: clamp(48px, 5vw, 64px);
@ -84,10 +92,16 @@ body.page-id-48 {
font-size: clamp(18px, 2vw, 24px);
line-height: 1.5;
max-width: 800px;
margin: 0 auto;
margin: 0;
font-family: 'Cardo', serif;
font-weight: 400;
}
.about-hero-image {
width: 100%;
height: auto;
border-radius: 40px;
object-fit: cover;
}
/* --- Middle Section --- */
.about-middle { background-color: #F5F2EC; padding: 100px 0; }
@ -108,41 +122,22 @@ body.page-id-48 {
justify-content: center;
}
.about-card { background: #FFFFFF; border-radius: 32px; padding: 48px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }
.about-card { background: #FFFFFF; border-radius: 40px; padding: 64px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }
.about-card-title { font-family: 'Cardo', serif; font-size: 42px; font-weight: 700; margin: 0 0 40px; color: #1C3434; }
.about-card-title { font-family: 'Cardo', serif; font-size: 56px; font-weight: 700; margin: 0 0 48px; color: #1C3434; line-height: 1.1; }
.about-list { display: flex; flex-direction: column; gap: 32px; }
.about-list-item { display: flex; align-items: center; gap: 24px; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; color: #1C3434; }
.about-list { display: flex; flex-direction: column; gap: 40px; }
.about-list-item { display: flex; align-items: center; gap: 32px; font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 700; color: #1C3434; line-height: 1.3; }
.about-icon-circle {
width: 48px;
height: 48px;
border-radius: 50%;
background-color: #90F1AE;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.about-icon-circle svg {
width: 24px;
height: 24px;
fill: none;
stroke: #1C3434;
stroke-width: 1.5;
}
.about-icon-circle { width: 64px; height: 64px; border-radius: 50%; background-color: #90F1AE; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.about-icon-circle svg { width: 32px; height: 32px; fill: none; stroke: #1C3434; stroke-width: 1.5; }
.about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 24px; padding: 32px 48px; }
.about-connect-card .about-card-title { margin: 0; font-size: 42px; line-height: 1; }
.about-social-icon { width: 48px; height: 48px; border-radius: 50%; background-color: #1C3434; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0;}
.about-social-icon svg {
width: 24px;
height: 24px;
fill: #FFFFFF;
}
.about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 48px 64px; }
.about-connect-card .about-card-title { margin: 0; font-size: 44px; line-height: 1; }
.about-social-icon { width: 64px; height: 64px; border-radius: 50%; background-color: #1C3434; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; }
.about-social-icon svg { width: 28px; height: 28px; fill: #FFFFFF; }
.about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 32px; min-height: 400px; }
.about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; min-height: 400px; }
/* --- Lower Section --- */
.about-lower {
@ -261,7 +256,7 @@ body.page-id-48 {
<div class="about-list">
<div class="about-list-item">
<div class="about-icon-circle">
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14h4v7h-4z" /><path d="M14 17h5v4h-5z" /><path d="M5 19h5v2H5z" /><path d="M12 4l1.5 3.5 3.5 1.5-3.5 1.5L12 14l-1.5-3.5-3.5-1.5 3.5-1.5z"/></svg>
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14h4v7h-4z" /><path d="M14 17h5v4h-5z" /><path d="M5 19h5v2H5z" /><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" stroke-linecap="round" stroke-linejoin="round" /></svg>
</div>
Adaptive Leadership Styles
</div>
@ -284,7 +279,7 @@ body.page-id-48 {
<!-- Replace with correct image from assets -->
<div>
<img src="/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg" alt="Collaborative team high-fiving" class="about-middle-image" loading="lazy">
<img src="/wp-content/uploads/2026/03/pasted-20260326-225143-4201c850.png" alt="Collaborative team high-fiving" class="about-middle-image" loading="lazy">
</div>
</div>
@ -323,3 +318,6 @@ body.page-id-48 {
</div>
<!-- /wp:html -->

39
parse_img.php Normal file
View File

@ -0,0 +1,39 @@
<?php
$img = imagecreatefrompng('./assets/pasted-20260326-224107-4bd652c0.png');
$w = imagesx($img);
$h = imagesy($img);
echo "Image: ${w}x${h}\n";
$y = $h / 2;
$colors = [];
for ($x = 0; $x < $w; $x++) {
$c = imagecolorat($img, $x, $y);
$rgb = imagecolorsforindex($img, $c);
$color_str = sprintf("%02x%02x%02x", $rgb['red'], $rgb['green'], $rgb['blue']);
if (empty($colors) || $colors[count($colors)-1]['color'] !== $color_str) {
$colors[] = ['x' => $x, 'color' => $color_str];
}
}
// Compact similar colors to find major blocks
$blocks = [];
$threshold = 5;
foreach ($colors as $c) {
if (empty($blocks)) {
$blocks[] = $c;
} else {
$last = $blocks[count($blocks)-1];
if (abs(hexdec(substr($last['color'],0,2)) - hexdec(substr($c['color'],0,2))) > $threshold ||
abs(hexdec(substr($last['color'],2,2)) - hexdec(substr($c['color'],2,2))) > $threshold ||
abs(hexdec(substr($last['color'],4,2)) - hexdec(substr($c['color'],4,2))) > $threshold) {
$blocks[] = $c;
}
}
}
foreach ($blocks as $i => $b) {
$width = ($i < count($blocks)-1 ? $blocks[$i+1]['x'] : $w) - $b['x'];
if ($width > 10) {
echo "x: {$b['x']}, width: {$width}, color: #{$b['color']}\n";
}
}

330
tmp_verify_about.html Normal file
View File

@ -0,0 +1,330 @@
<!-- wp:html -->
<style>
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');
/* Super Aggressive Layout Reset for Full Width */
body.page-id-48 .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
}
body.page-id-48 .wp-site-blocks,
body.page-id-48 main,
body.page-id-48 .entry-content,
body.page-id-48 .wp-block-post-content {
max-width: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.page-id-48 .about-page {
max-width: none !important;
width: 100% !important;
}
/* Reset and Core for About Page */
body.page-id-48 .entry-content.wp-block-post-content.has-global-padding.is-layout-constrained { padding-left: 0 !important; padding-right: 0 !important; }
body.page-id-48 .entry-content.wp-block-post-content.is-layout-constrained > .about-page { max-width: none !important; }
body.page-id-48 .wp-block-post-title,
body.page-id-48 h1.entry-title { display: none !important; }
body.page-id-48 .wp-site-blocks { padding-top: 0 !important; margin-top: 0 !important; }
body.page-id-48 .entry-content.wp-block-post-content { padding: 0 !important; margin: 0 !important; max-width: none !important; }
body.page-id-48 main.wp-block-group > .wp-block-group { padding: 0 !important; margin: 0 !important; }
body.page-id-48 main.wp-block-group { padding: 0 !important; margin: 0 !important; }
body.page-id-48 main > .wp-block-group.has-global-padding:first-child { display:none !important; }
/* Override global teal shell for content sections */
body.page-id-48 .wp-site-blocks > main,
body.page-id-48 .wp-block-post-content,
body.page-id-48 .entry-content {
background: transparent !important;
}
body.page-id-48 {
background: #1C3434 !important; /* Keeps header/footer teal */
}
/* Base Styles */
.about-page {
font-family: 'Inter', sans-serif;
color: #1C3434;
width: 100%;
}
.about-page * {
box-sizing: border-box;
}
/* Reusable Container */
.about-container { width: min(1440px, calc(100% - 72px)); margin: 0 auto; }
/* Typography */
.about-h2 {
font-family: 'Cardo', serif;
font-size: clamp(40px, 4vw, 56px);
font-weight: 700;
line-height: 1.1;
margin: 0 0 24px;
color: #1C3434;
}
/* --- Hero Section --- */
.about-hero {
background-color: #1C3434;
color: #FFFFFF;
padding: 80px 0 100px;
}
.about-hero-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 60px;
align-items: center;
}
@media (max-width: 900px) {
.about-hero-grid { grid-template-columns: 1fr; text-align: center; }
}
.about-hero-title {
font-family: 'Cardo', serif;
font-size: clamp(48px, 5vw, 64px);
font-weight: 700;
margin: 0 0 32px;
}
.about-hero-title span {
color: #90F1AE;
}
.about-hero-desc {
font-size: clamp(18px, 2vw, 24px);
line-height: 1.5;
max-width: 800px;
margin: 0;
font-family: 'Cardo', serif;
font-weight: 400;
}
.about-hero-image {
width: 100%;
height: auto;
border-radius: 40px;
object-fit: cover;
}
/* --- Middle Section --- */
.about-middle { background-color: #F5F2EC; padding: 100px 0; }
.about-middle-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: stretch;
}
@media (max-width: 900px) {
.about-middle-grid { grid-template-columns: 1fr; }
}
.about-cards-col {
display: flex;
flex-direction: column;
gap: 24px;
justify-content: center;
}
.about-card { background: #FFFFFF; border-radius: 40px; padding: 64px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }
.about-card-title { font-family: 'Cardo', serif; font-size: 56px; font-weight: 700; margin: 0 0 48px; color: #1C3434; line-height: 1.1; }
.about-list { display: flex; flex-direction: column; gap: 40px; }
.about-list-item { display: flex; align-items: center; gap: 32px; font-family: 'Inter', sans-serif; font-size: 22px; font-weight: 700; color: #1C3434; line-height: 1.3; }
.about-icon-circle { width: 64px; height: 64px; border-radius: 50%; background-color: #90F1AE; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.about-icon-circle svg { width: 32px; height: 32px; fill: none; stroke: #1C3434; stroke-width: 1.5; }
.about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 48px 64px; }
.about-connect-card .about-card-title { margin: 0; font-size: 44px; line-height: 1; }
.about-social-icon { width: 64px; height: 64px; border-radius: 50%; background-color: #1C3434; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; }
.about-social-icon svg { width: 28px; height: 28px; fill: #FFFFFF; }
.about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; min-height: 400px; }
/* --- Lower Section --- */
.about-lower {
background-color: #FFFFFF;
padding: 100px 0;
}
.about-lower-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
@media (max-width: 900px) {
.about-lower-grid { grid-template-columns: 1fr; gap: 60px; }
}
.about-lower-text {
font-size: 18px;
line-height: 1.6;
color: #4A5555;
margin-bottom: 40px;
}
.about-buttons {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.kmc-main-cta {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 8px 8px 24px;
border-radius: 999px;
background: #1C3434;
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
.kmc-main-cta .kmc-assessment-arrow {
width: 36px;
height: 36px;
border-radius: 50%;
background: #90F1AE;
color: #1C3434;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 18px;
}
.kmc-secondary-cta {
display: inline-flex;
align-items: center;
gap: 8px;
color: #1C3434;
text-decoration: none;
font-size: 16px;
font-weight: 600;
}
.about-overlapping-images {
position: relative;
width: 100%;
aspect-ratio: 16 / 10;
}
.about-img-back {
position: absolute;
top: 0;
right: 0;
width: 80%;
height: 90%;
object-fit: cover;
border-radius: 24px;
}
.about-img-front {
position: absolute;
bottom: 0;
left: 0;
width: 45%;
height: auto;
aspect-ratio: 1 / 1.1;
object-fit: cover;
border-radius: 24px;
border: 12px solid #FFFFFF;
box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}
@media (max-width: 900px) {
.about-overlapping-images { aspect-ratio: 1; }
.about-img-back { top: 0; width: 90%; height: 90%; }
.about-img-front { bottom: 0; width: 55%; }
}
</style>
<div class="about-page">
<!-- Hero Section -->
<section class="about-hero">
<div class="about-container">
<div class="about-hero-grid">
<div class="about-hero-text">
<h1 class="about-hero-title">About Your <span>Coach</span></h1>
<p class="about-hero-desc">I am an ICF PCC Certified Executive and Life Coach. My purpose is to enable others to achieve their potential by creating space for clarity, courage, and consistent action.</p>
</div>
<div>
<img src="/wp-content/uploads/2026/03/pasted-20260326-225143-4201c850.png" alt="About Your Coach" class="about-hero-image" loading="lazy">
</div>
</div>
</div>
</section>
<!-- Middle Section -->
<section class="about-middle">
<div class="about-container">
<div class="about-middle-grid">
<div class="about-cards-col">
<div class="about-card">
<h2 class="about-card-title">My Training Include</h2>
<div class="about-list">
<div class="about-list-item">
<div class="about-icon-circle">
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M10 14h4v7h-4z" /><path d="M14 17h5v4h-5z" /><path d="M5 19h5v2H5z" /><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" stroke-linecap="round" stroke-linejoin="round" /></svg>
</div>
Adaptive Leadership Styles
</div>
<div class="about-list-item">
<div class="about-icon-circle">
<svg viewBox="0 0 24 24" fill="none" stroke="#1C3434" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="8" r="4"/><path d="M4 20c0-4 4-7 8-7s8 3 8 7"/></svg>
</div>
Personal and Professional Transformations
</div>
</div>
</div>
<div class="about-card about-connect-card">
<h2 class="about-card-title">Connect With Me On</h2>
<a href="https://www.linkedin.com/in/kevinmckeand/" class="about-social-icon" target="_blank" rel="noopener">
<svg viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
</a>
</div>
</div>
<!-- Replace with correct image from assets -->
<div>
<img src="/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg" alt="Collaborative team high-fiving" class="about-middle-image" loading="lazy">
</div>
</div>
</div>
</section>
<!-- Lower Section -->
<section class="about-lower">
<div class="about-container">
<div class="about-lower-grid">
<div>
<h2 class="about-h2">Coaching Philosophy</h2>
<p class="about-lower-text">We explore the story you're living into, identify the leadership challenge underneath the surface, and design experiments that build capability. You'll leave with clarity, accountability, and measurable progress.</p>
<div class="about-buttons">
<a href="/schedule" class="kmc-main-cta">
Schedule an assessment
<span class="kmc-assessment-arrow">→</span>
</a>
<a href="/pricing" class="kmc-secondary-cta">
View coaching options <span>→</span>
</a>
</div>
</div>
<div class="about-overlapping-images">
<!-- Replace with correct image from assets -->
<img src="/wp-content/uploads/2026/03/pasted-20260324-203420-829e4248.jpg" alt="Sticky notes on board" class="about-img-back" loading="lazy">
<img src="/wp-content/uploads/2026/03/coach-portrait-20260325.png" alt="Portrait of Kevin McKeand" class="about-img-front" loading="lazy" onerror="this.src='/wp-content/uploads/2026/03/pasted-20260324-204916-868024dd.jpg'">
</div>
</div>
</div>
</section>
</div>
<!-- /wp:html -->

50
update_about_block1_block2.py Normal file
View File

@ -0,0 +1,50 @@
import re
with open('current_about_post.html', 'r', encoding='utf-8') as f:
content = f.read()
new_hero_css = """/* --- Hero Section --- */
.about-hero {
background-color: #1C3434;
color: #FFFFFF;
text-align: center;
padding: 80px 0 100px;
}
.about-hero-title {
font-family: 'Cardo', serif;
font-size: clamp(48px, 5vw, 64px);
font-weight: 700;
margin: 0 0 32px;
}
.about-hero-title span {
color: #90F1AE;
}
.about-hero-desc {
font-size: clamp(18px, 2vw, 24px);
line-height: 1.5;
max-width: 800px;
margin: 0 auto;
font-family: 'Cardo', serif;
font-weight: 400;
}"""
content = re.sub(r'/* --- Hero Section --- */.*?(?=/* --- Middle Section --- */)', new_hero_css + '\n\n', content, flags=re.DOTALL)
new_hero_html = """<!-- Hero Section -->
<section class="about-hero">
<div class="about-container">
<h1 class="about-hero-title">About Your <span>Coach</span></h1>
<p class="about-hero-desc">I am an ICF PCC Certified Executive and Life Coach. My purpose is to enable others to achieve their potential by creating space for clarity, courage, and consistent action.</p>
</div>
</section>"""
content = re.sub(r'<!-- Hero Section -->.*?<section class="about-hero">.*?</section>', new_hero_html, content, flags=re.DOTALL)
content = content.replace(
'<img src="/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg"',
'<img src="/wp-content/uploads/2026/03/pasted-20260326-225143-4201c850.png"'
)
with open('current_about_post.html', 'w', encoding='utf-8') as f:
f.write(content)

92
update_about_block2.py Normal file
View File

@ -0,0 +1,92 @@
import re
with open("current_about_post.html", "r", encoding="utf-8") as f:
content = f.read()
# Update about-card
content = re.sub(
r'\.about-card\s*\{[^}]*\}',
'.about-card { background: #FFFFFF; border-radius: 40px; padding: 64px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }',
content
)
# Update about-card-title
content = re.sub(
r'\.about-card-title\s*\{[^}]*\}',
'.about-card-title { font-family: \'Cardo\', serif; font-size: 56px; font-weight: 700; margin: 0 0 48px; color: #1C3434; line-height: 1.1; }',
content
)
# Update about-list
content = re.sub(
r'\.about-list\s*\{[^}]*\}',
'.about-list { display: flex; flex-direction: column; gap: 40px; }',
content
)
# Update about-list-item
content = re.sub(
r'\.about-list-item\s*\{[^}]*\}',
'.about-list-item { display: flex; align-items: center; gap: 32px; font-family: \'Inter\', sans-serif; font-size: 22px; font-weight: 700; color: #1C3434; line-height: 1.3; }',
content
)
# Update about-icon-circle
content = re.sub(
r'\.about-icon-circle\s*\{[^}]*\}',
'.about-icon-circle { width: 64px; height: 64px; border-radius: 50%; background-color: #90F1AE; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }',
content
)
# Update about-icon-circle svg
content = re.sub(
r'\.about-icon-circle\s*svg\s*\{[^}]*\}',
'.about-icon-circle svg { width: 32px; height: 32px; fill: none; stroke: #1C3434; stroke-width: 1.5; }',
content
)
# Update about-connect-card
content = re.sub(
r'\.about-connect-card\s*\{[^}]*\}',
'.about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 32px; padding: 48px 64px; }',
content
)
# Add override for connect card title font size if missing
if '.about-connect-card .about-card-title' in content:
content = re.sub(
r'\.about-connect-card\s*\.about-card-title\s*\{[^}]*\}',
'.about-connect-card .about-card-title { margin: 0; font-size: 44px; line-height: 1; }',
content
)
# Update about-social-icon
content = re.sub(
r'\.about-social-icon\s*\{[^}]*\}',
'.about-social-icon { width: 64px; height: 64px; border-radius: 50%; background-color: #1C3434; display: flex; align-items: center; justify-content: center; text-decoration: none; flex-shrink: 0; }',
content
)
# Update about-social-icon svg
content = re.sub(
r'\.about-social-icon\s*svg\s*\{[^}]*\}',
'.about-social-icon svg { width: 28px; height: 28px; fill: #FFFFFF; }',
content
)
# Update about-middle-image
content = re.sub(
r'\.about-middle-image\s*\{[^}]*\}',
'.about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 40px; min-height: 400px; }',
content
)
# Check the star icon. Change it to a filled/standard star if it was spark-like.
old_star_path = '<path d="M12 4l1.5 3.5 3.5 1.5-3.5 1.5L12 14l-1.5-3.5-3.5-1.5 3.5-1.5z"/>'
new_star_path = '<polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" stroke-linecap="round" stroke-linejoin="round" />'
content = content.replace(old_star_path, new_star_path)
with open("current_about_post.html", "w", encoding="utf-8") as f:
f.write(content)
print("Updated HTML.")

BIN
wp-content/uploads/2026/03/pasted-20260326-225143-4201c850.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB