about page, almost
This commit is contained in:
Flatlogic Bot
parent
7e3eed108f
commit
86467c9e01
BIN
assets/pasted-20260326-220714-454e3e7e.png
Normal file
BIN
assets/pasted-20260326-220714-454e3e7e.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 505 KiB |
BIN
assets/pasted-20260326-221544-2cd2854c.png
Normal file
BIN
assets/pasted-20260326-221544-2cd2854c.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 505 KiB |
BIN
assets/pasted-20260326-221717-0a88a13f.png
Normal file
BIN
assets/pasted-20260326-221717-0a88a13f.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 505 KiB |
BIN
assets/pasted-20260326-223012-5e46ace3.png
Normal file
BIN
assets/pasted-20260326-223012-5e46ace3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 752 KiB |
BIN
assets/vm-shot-2026-03-26T22-02-09-664Z.jpg
Normal file
BIN
assets/vm-shot-2026-03-26T22-02-09-664Z.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 99 KiB |
BIN
assets/vm-shot-2026-03-26T22-02-23-316Z.jpg
Normal file
BIN
assets/vm-shot-2026-03-26T22-02-23-316Z.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
BIN
assets/vm-shot-2026-03-26T22-02-39-447Z.jpg
Normal file
BIN
assets/vm-shot-2026-03-26T22-02-39-447Z.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
355
current_about.html
Normal file
355
current_about.html
Normal file
@ -0,0 +1,355 @@
|
||||
<!-- wp:html -->
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css2?family=Cardo:wght@400;700&family=Inter:wght@400;500;600;700&display=swap');
|
||||
|
||||
/* Reset and Core for About Page */
|
||||
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(1200px, calc(100% - 48px));
|
||||
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;
|
||||
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;
|
||||
}
|
||||
|
||||
/* --- Middle Section --- */
|
||||
.about-middle {
|
||||
background-color: #F0EEE9;
|
||||
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: 24px;
|
||||
padding: 40px;
|
||||
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-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-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-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-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;
|
||||
}
|
||||
|
||||
/* --- 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">
|
||||
<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>
|
||||
|
||||
<!-- 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"><path d="M12 2L3 9h18L12 2zm0 0v7M5 9v13h14V9" 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"><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>
|
||||
</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 -->
|
||||
325
current_about_post.html
Normal file
325
current_about_post.html
Normal file
@ -0,0 +1,325 @@
|
||||
<!-- 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;
|
||||
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;
|
||||
}
|
||||
|
||||
/* --- 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: 32px; padding: 48px; 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-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;
|
||||
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-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: 32px; 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">
|
||||
<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>
|
||||
|
||||
<!-- 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" /><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" 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 -->
|
||||
67
fix_about_css.php
Normal file
67
fix_about_css.php
Normal file
@ -0,0 +1,67 @@
|
||||
<?php
|
||||
$post_id = 48;
|
||||
$post = get_post($post_id);
|
||||
$content = $post->post_content;
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-middle\s*\{[^}]+\}/',
|
||||
".about-middle { background-color: #F5F2EC; padding: 100px 0; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-card\s*\{[^}]+\}/',
|
||||
".about-card { background: #FFFFFF; border-radius: 32px; padding: 48px; box-shadow: 0 4px 24px rgba(0,0,0,0.03); }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-card-title\s*\{[^}]+\}/',
|
||||
".about-card-title { font-family: 'Cardo', serif; font-size: 42px; font-weight: 700; margin: 0 0 40px; color: #1C3434; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-list\s*\{[^}]+\}/',
|
||||
".about-list { display: flex; flex-direction: column; gap: 32px; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-list-item\s*\{[^}]+\}/',
|
||||
".about-list-item { display: flex; align-items: center; gap: 24px; font-family: 'Inter', sans-serif; font-size: 18px; font-weight: 700; color: #1C3434; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-connect-card\s*\{[^}]+\}/',
|
||||
".about-connect-card { display: flex; align-items: center; justify-content: flex-start; gap: 24px; padding: 32px 48px; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-social-icon\s*\{[^}]+/',
|
||||
".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;",
|
||||
$content
|
||||
);
|
||||
|
||||
$content = preg_replace(
|
||||
'/\.about-middle-image\s*\{[^}]+\}/',
|
||||
".about-middle-image { width: 100%; height: 100%; object-fit: cover; border-radius: 32px; min-height: 400px; }",
|
||||
$content
|
||||
);
|
||||
|
||||
$old_icon1 = '<svg viewBox="0 0 24 24"><path d="M12 2L3 9h18L12 2zm0 0v7M5 9v13h14V9" stroke-linecap="round" stroke-linejoin="round"/></svg>';
|
||||
$new_icon1 = '<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>';
|
||||
$content = str_replace($old_icon1, $new_icon1, $content);
|
||||
|
||||
$old_icon2 = '<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>';
|
||||
$new_icon2 = '<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>';
|
||||
$content = str_replace($old_icon2, $new_icon2, $content);
|
||||
|
||||
wp_update_post([
|
||||
'ID' => $post_id,
|
||||
'post_content' => $content
|
||||
]);
|
||||
|
||||
echo "Updated successfully.";
|
||||
29
fix_all_max_width.py
Normal file
29
fix_all_max_width.py
Normal file
@ -0,0 +1,29 @@
|
||||
import re
|
||||
|
||||
with open('current_about_post.html', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
robust_reset = """/* 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;
|
||||
}
|
||||
"""
|
||||
|
||||
if "Super Aggressive Layout Reset for Full Width" not in content:
|
||||
content = content.replace("/* Reset and Core for About Page */", robust_reset + "\n/* Reset and Core for About Page */")
|
||||
|
||||
with open('current_about_post.html', 'w', encoding='utf-8') as f:
|
||||
f.write(content)
|
||||
|
||||
14
fix_margin.php
Normal file
14
fix_margin.php
Normal file
@ -0,0 +1,14 @@
|
||||
<?php
|
||||
$post_id = 48;
|
||||
$post = get_post($post_id);
|
||||
$content = $post->post_content;
|
||||
|
||||
$content = str_replace(
|
||||
".about-connect-card .about-card-title { font-family: 'Cardo', serif; font-size: 42px; font-weight: 700; margin: 0 0 40px; color: #1C3434; }",
|
||||
".about-connect-card .about-card-title { margin: 0; font-size: 42px; line-height: 1; }",
|
||||
$content
|
||||
);
|
||||
|
||||
wp_update_post(['ID' => $post_id, 'post_content' => $content]);
|
||||
echo "Fixed margin.\n";
|
||||
|
||||
10
fix_radius.php
Normal file
10
fix_radius.php
Normal file
@ -0,0 +1,10 @@
|
||||
<?php
|
||||
$post_id = 48;
|
||||
$post = get_post($post_id);
|
||||
$content = $post->post_content;
|
||||
|
||||
$content = str_replace("border-radius: 32px;", "border-radius: 40px;", $content);
|
||||
|
||||
wp_update_post(['ID' => $post_id, 'post_content' => $content]);
|
||||
echo "Fixed border radius.\n";
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
21
update_about_structure.py
Normal file
21
update_about_structure.py
Normal file
@ -0,0 +1,21 @@
|
||||
import re
|
||||
|
||||
with open('current_about_post.html', 'r', encoding='utf-8') as f:
|
||||
content = f.read()
|
||||
|
||||
# Fix layout constraints
|
||||
layout_fixes = """/* 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; }
|
||||
"""
|
||||
content = re.sub(r'/\* Reset and Core for About Page \*/', layout_fixes, content)
|
||||
|
||||
# Update container width to match main page
|
||||
content = re.sub(
|
||||
r'\.about-container \{\s*width: min\(1200px, calc\(100% - 48px\)\);\s*margin: 0 auto;\s*\}',
|
||||
'.about-container { width: min(1440px, calc(100% - 72px)); margin: 0 auto; }',
|
||||
content
|
||||
)
|
||||
|
||||
with open('current_about_post.html', 'w', encoding='utf-8') as f:
|
||||
f.write(content)
|
||||
104
update_about_ui.py
Normal file
104
update_about_ui.py
Normal file
@ -0,0 +1,104 @@
|
||||
import re
|
||||
|
||||
with open("current_about_post.html", "r", encoding="utf-8") as f:
|
||||
content = f.read()
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-middle\s*{\s*background-color:\s*#[0-9A-Fa-f]+;\s*padding:\s*100px 0;\s*}',
|
||||
'.about-middle {
|
||||
background-color: #F5F2EC;
|
||||
padding: 100px 0;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-card\s*{\s*background:\s*#FFFFFF;\s*border-radius:\s*24px;\s*padding:\s*40px;\s*box-shadow:\s*0 4px 24px rgba\(0,0,0,0\.03\);\s*}',
|
||||
'.about-card {
|
||||
background: #FFFFFF;
|
||||
border-radius: 32px;
|
||||
padding: 48px;
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.03);
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-card-title\s*{\s*font-family:\s*\'Cardo\',\s*serif;\s*font-size:\s*32px;\s*font-weight:\s*700;\s*margin:\s*0 0 32px;\s*color:\s*#1C3434;\s*}',
|
||||
'.about-card-title {
|
||||
font-family: \'Cardo\', serif;
|
||||
font-size: 44px;
|
||||
font-weight: 700;
|
||||
margin: 0 0 40px;
|
||||
color: #1C3434;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-list\s*{\s*display:\s*flex;\s*flex-direction:\s*column;\s*gap:\s*24px;\s*}',
|
||||
'.about-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 32px;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-list-item\s*{\s*display:\s*flex;\s*align-items:\s*center;\s*gap:\s*16px;\s*font-size:\s*18px;\s*font-weight:\s*600;\s*color:\s*#1C3434;\s*}',
|
||||
'.about-list-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 24px;
|
||||
font-family: \'Inter\', sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
color: #1C3434;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-connect-card\s*{\s*display:\s*flex;\s*align-items:\s*center;\s*justify-content:\s*space-between;\s*}',
|
||||
'.about-connect-card {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-start;
|
||||
gap: 24px;
|
||||
padding: 32px 48px;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-social-icon\s*{\s*width:\s*56px;\s*height:\s*56px;',
|
||||
'.about-social-icon {
|
||||
width: 48px;
|
||||
height: 48px;',
|
||||
content
|
||||
)
|
||||
|
||||
content = re.sub(
|
||||
r'\.about-middle-image\s*{\s*width:\s*100%;\s*height:\s*100%;\s*object-fit:\s*cover;\s*border-radius:\s*24px;\s*min-height:\s*400px;\s*}',
|
||||
'.about-middle-image {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
border-radius: 32px;
|
||||
min-height: 400px;
|
||||
}',
|
||||
content
|
||||
)
|
||||
|
||||
icon1_old = '<svg viewBox="0 0 24 24"><path d="M12 2L3 9h18L12 2zm0 0v7M5 9v13h14V9" stroke-linecap="round" stroke-linejoin="round"/></svg>'
|
||||
icon1_new = '<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>'
|
||||
|
||||
icon2_old = '<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>'
|
||||
icon2_new = '<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>'
|
||||
|
||||
content = content.replace(icon1_old, icon1_new)
|
||||
content = content.replace(icon2_old, icon2_new)
|
||||
|
||||
with open("current_about_post.html", "w", encoding="utf-8") as f:
|
||||
f.write(content)
|
||||
Loading…
x
Reference in New Issue
Block a user