block 8 almost ready. still need to polish
This commit is contained in:
Flatlogic Bot
parent
d139836d94
commit
3d66449b56
BIN
assets/pasted-20260326-193455-7c6e69f4.png
Normal file
BIN
assets/pasted-20260326-193455-7c6e69f4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 84 KiB |
BIN
assets/pasted-20260326-193534-9cfa0ff9.png
Normal file
BIN
assets/pasted-20260326-193534-9cfa0ff9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 427 KiB |
BIN
assets/pasted-20260326-193738-f03a3c56.png
Normal file
BIN
assets/pasted-20260326-193738-f03a3c56.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
BIN
assets/pasted-20260326-194622-5ae229f6.png
Normal file
BIN
assets/pasted-20260326-194622-5ae229f6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 427 KiB |
@ -1355,8 +1355,8 @@ body { background: #1C3434; }
|
||||
|
||||
<style>
|
||||
.kmc-eighth-section{
|
||||
background:#ECEBE8;
|
||||
padding:68px 0 78px;
|
||||
background:#FFFFFF;
|
||||
padding:88px 0 98px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{
|
||||
width:min(1280px, calc(100% - 120px)) !important;
|
||||
@ -1366,11 +1366,10 @@ body { background: #1C3434; }
|
||||
align-items:center;
|
||||
gap:64px !important;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:700px;text-align:left;}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:640px;text-align:left;}
|
||||
.kmc-eighth-section .kmc-eighth-title{
|
||||
margin:0;
|
||||
color:#1C3434;
|
||||
max-width:560px;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(52px,4.8vw,68px) !important;
|
||||
line-height:1.04 !important;
|
||||
@ -1381,19 +1380,18 @@ body { background: #1C3434; }
|
||||
margin:28px 0 0;
|
||||
max-width:740px;
|
||||
color:#1C3434;
|
||||
opacity:.95;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(24px,1.85vw,36px) !important;
|
||||
line-height:1.2 !important;
|
||||
font-weight:400;
|
||||
line-height:1.3 !important;
|
||||
font-weight:700;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-actions{
|
||||
margin-top:38px;
|
||||
margin-top:44px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:flex-start;
|
||||
gap:26px;
|
||||
flex-wrap:nowrap;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-btn{
|
||||
display:inline-flex;
|
||||
@ -1407,6 +1405,10 @@ body { background: #1C3434; }
|
||||
color:#fff;
|
||||
font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
|
||||
letter-spacing:-0.01em;
|
||||
transition:opacity 0.2s ease;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-btn:hover {
|
||||
opacity:0.9;
|
||||
}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{
|
||||
width:44px;
|
||||
@ -1417,10 +1419,13 @@ body { background: #1C3434; }
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
font-size:28px;
|
||||
line-height:1;
|
||||
flex:0 0 44px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-assessment-arrow svg {
|
||||
display:block;
|
||||
width:20px;
|
||||
height:20px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
@ -1428,7 +1433,16 @@ body { background: #1C3434; }
|
||||
text-decoration:none;
|
||||
color:#1C3434;
|
||||
white-space:nowrap;
|
||||
font:500 clamp(14px,0.9vw,17px)/1.2 "Inter",sans-serif !important;
|
||||
font:600 clamp(16px,0.9vw,19px)/1.2 "Inter",sans-serif !important;
|
||||
transition:opacity 0.2s ease;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link:hover {
|
||||
opacity:0.7;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link svg {
|
||||
display:block;
|
||||
width:20px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.kmc-eighth-section .kmc-eighth-visual{
|
||||
@ -1442,10 +1456,10 @@ body { background: #1C3434; }
|
||||
.kmc-eighth-section .kmc-eighth-bg{
|
||||
width:100%;
|
||||
max-width:560px;
|
||||
aspect-ratio:16 / 9;
|
||||
aspect-ratio:16 / 10;
|
||||
border-radius:32px;
|
||||
overflow:hidden;
|
||||
background-image:url('/wp-content/uploads/2026/03/pasted-20260324-203847-f313931c.jpg');
|
||||
background-image:url('/wp-content/uploads/2026/03/loft-image-20260326.png');
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
@ -1453,66 +1467,73 @@ body { background: #1C3434; }
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{
|
||||
position:absolute;
|
||||
left:-28px;
|
||||
bottom:-28px;
|
||||
width:196px;
|
||||
left:-40px;
|
||||
bottom:-40px;
|
||||
width:240px;
|
||||
aspect-ratio:1 / 1;
|
||||
border-radius:32px;
|
||||
overflow:hidden;
|
||||
border:10px solid #fff;
|
||||
border:14px solid #FFFFFF;
|
||||
background-image:url('/wp-content/uploads/2026/03/coach-portrait-20260325.png');
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
box-shadow:0 10px 20px rgba(13,40,40,.18);
|
||||
box-shadow:none;
|
||||
}
|
||||
|
||||
@media (max-width:1080px){
|
||||
.kmc-eighth-section{padding:58px 0 72px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:36px !important;}
|
||||
.kmc-eighth-section{padding:68px 0 82px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:48px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
|
||||
.kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
|
||||
.kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{max-width:100%;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{left:-12px;bottom:-16px;width:168px;border-width:9px;}
|
||||
.kmc-eighth-section .kmc-eighth-visual{max-width:720px;min-height:332px; margin-top:32px;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{max-width:100%; aspect-ratio: 16 / 9;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{left:-12px;bottom:-16px;width:180px;border-width:10px;}
|
||||
}
|
||||
|
||||
@media (max-width:680px){
|
||||
.kmc-eighth-section{padding:48px 0 62px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:30px !important;}
|
||||
.kmc-eighth-section{padding:54px 0 72px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:36px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
|
||||
.kmc-eighth-section .kmc-eighth-actions{margin-top:28px;gap:14px;flex-wrap:wrap;}
|
||||
.kmc-eighth-section .kmc-eighth-actions{margin-top:32px;gap:16px;flex-wrap:wrap;}
|
||||
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;font-size:22px;flex-basis:36px;}
|
||||
.kmc-eighth-section .kmc-eighth-link{font-size:17px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{width:132px;border-width:8px;left:-4px;bottom:-12px;}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;flex-basis:36px;}
|
||||
.kmc-eighth-section .kmc-eighth-link{font-size:16px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{width:140px;border-width:8px;left:-4px;bottom:-12px;}
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="kmc-eighth-section" aria-labelledby="kmc-eighth-title">
|
||||
<div class="kmc-eighth-wrap">
|
||||
<div class="kmc-eighth-copy">
|
||||
<h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching</h2>
|
||||
<p class="kmc-eighth-body">Start with a 30-minute call to assess alignment and goals to see if we're a fit</p>
|
||||
<h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching?</h2>
|
||||
<p class="kmc-eighth-body">Start with a 30-minute fit call to assess alignment, goals, and the best coaching path</p>
|
||||
|
||||
<div class="kmc-eighth-actions">
|
||||
<a class="kmc-eighth-btn" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Schedule an assessment">
|
||||
<span>Schedule an assessment</span>
|
||||
<span class="kmc-assessment-arrow" aria-hidden="true">→</span>
|
||||
<span class="kmc-assessment-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a class="kmc-eighth-link" href="/pricing/" aria-label="View coaching options">
|
||||
<span>View coaching options</span>
|
||||
<span class="kmc-sixth-link-arrow" aria-hidden="true">→</span>
|
||||
<span class="kmc-sixth-link-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="kmc-eighth-visual" aria-hidden="true">
|
||||
<div class="kmc-eighth-bg"></div>
|
||||
<div class="kmc-eighth-portrait"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- KMC EIGHTH SECTION END -->
|
||||
|
||||
</div>
|
||||
|
||||
186
new_block8.html
Normal file
186
new_block8.html
Normal file
@ -0,0 +1,186 @@
|
||||
<!-- KMC EIGHTH SECTION START -->
|
||||
|
||||
<style>
|
||||
.kmc-eighth-section{
|
||||
background:#FFFFFF;
|
||||
padding:88px 0 98px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{
|
||||
width:min(1280px, calc(100% - 120px)) !important;
|
||||
margin:0 auto;
|
||||
display:grid;
|
||||
grid-template-columns:minmax(0,1fr) minmax(0,600px);
|
||||
align-items:center;
|
||||
gap:64px !important;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:640px;text-align:left;}
|
||||
.kmc-eighth-section .kmc-eighth-title{
|
||||
margin:0;
|
||||
color:#1C3434;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(52px,4.8vw,68px) !important;
|
||||
line-height:1.04 !important;
|
||||
font-weight:700;
|
||||
letter-spacing:-0.01em;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-body{
|
||||
margin:28px 0 0;
|
||||
max-width:740px;
|
||||
color:#1C3434;
|
||||
font-family:"Cardo",serif;
|
||||
font-size:clamp(24px,1.85vw,36px) !important;
|
||||
line-height:1.3 !important;
|
||||
font-weight:700;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-actions{
|
||||
margin-top:44px;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:flex-start;
|
||||
gap:26px;
|
||||
flex-wrap:wrap;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-btn{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
gap:14px;
|
||||
padding:9px 9px 9px 24px !important;
|
||||
min-height:54px !important;
|
||||
border-radius:999px;
|
||||
text-decoration:none;
|
||||
background:#1C3434;
|
||||
color:#fff;
|
||||
font:700 clamp(17px,1.06vw,22px)/1 "Inter",sans-serif !important;
|
||||
letter-spacing:-0.01em;
|
||||
transition:opacity 0.2s ease;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-btn:hover {
|
||||
opacity:0.9;
|
||||
}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{
|
||||
width:44px;
|
||||
height:44px;
|
||||
border-radius:999px;
|
||||
background:#90F1AE;
|
||||
color:#1C3434;
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
flex:0 0 44px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-assessment-arrow svg {
|
||||
display:block;
|
||||
width:20px;
|
||||
height:20px;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link{
|
||||
display:inline-flex;
|
||||
align-items:center;
|
||||
gap:8px;
|
||||
text-decoration:none;
|
||||
color:#1C3434;
|
||||
white-space:nowrap;
|
||||
font:600 clamp(16px,0.9vw,19px)/1.2 "Inter",sans-serif !important;
|
||||
transition:opacity 0.2s ease;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link:hover {
|
||||
opacity:0.7;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-link svg {
|
||||
display:block;
|
||||
width:20px;
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.kmc-eighth-section .kmc-eighth-visual{
|
||||
position:relative;
|
||||
width:100%;
|
||||
aspect-ratio: 600 / 460;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-bg{
|
||||
position:absolute;
|
||||
right:0;
|
||||
top:0;
|
||||
width:88%;
|
||||
height:80%;
|
||||
border-radius:32px;
|
||||
overflow:hidden;
|
||||
background-image:url('/wp-content/uploads/2026/03/loft-image-20260326.png');
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{
|
||||
position:absolute;
|
||||
left:0;
|
||||
bottom:0;
|
||||
width:42%;
|
||||
aspect-ratio:1 / 1;
|
||||
border-radius:32px;
|
||||
overflow:hidden;
|
||||
border:14px solid #FFFFFF;
|
||||
background-image:url('/wp-content/uploads/2026/03/coach-portrait-20260325.png');
|
||||
background-repeat:no-repeat;
|
||||
background-size:cover;
|
||||
background-position:center center;
|
||||
box-shadow:none;
|
||||
box-sizing: content-box;
|
||||
}
|
||||
|
||||
@media (max-width:1080px){
|
||||
.kmc-eighth-section{padding:68px 0 82px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 56px) !important;grid-template-columns:1fr;gap:48px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-copy{max-width:760px;}
|
||||
.kmc-eighth-section .kmc-eighth-title{max-width:520px;font-size:clamp(44px,8.4vw,62px) !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{font-size:clamp(22px,3.9vw,34px) !important;max-width:100%;}
|
||||
|
||||
.kmc-eighth-section .kmc-eighth-visual{max-width:600px; margin:32px auto 0; aspect-ratio: 600 / 420;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{width: 90%; height: 85%;}
|
||||
.kmc-eighth-section .kmc-eighth-portrait{width: 45%; border-width: 10px;}
|
||||
}
|
||||
|
||||
@media (max-width:680px){
|
||||
.kmc-eighth-section{padding:54px 0 72px;}
|
||||
.kmc-eighth-section .kmc-eighth-wrap{width:calc(100% - 28px) !important;gap:36px !important;}
|
||||
.kmc-eighth-section .kmc-eighth-body{line-height:1.28 !important;margin-top:18px;}
|
||||
.kmc-eighth-section .kmc-eighth-actions{margin-top:32px;gap:16px;flex-wrap:wrap;}
|
||||
.kmc-eighth-section .kmc-eighth-btn{min-height:52px !important;padding:8px 8px 8px 18px !important;font-size:16px !important;}
|
||||
.kmc-eighth-section .kmc-assessment-arrow{width:36px;height:36px;flex-basis:36px;}
|
||||
.kmc-eighth-section .kmc-eighth-link{font-size:16px !important;}
|
||||
|
||||
.kmc-eighth-section .kmc-eighth-portrait{border-width:8px; border-radius: 24px;}
|
||||
.kmc-eighth-section .kmc-eighth-bg{border-radius: 24px;}
|
||||
}
|
||||
</style>
|
||||
|
||||
<section class="kmc-eighth-section" aria-labelledby="kmc-eighth-title">
|
||||
<div class="kmc-eighth-wrap">
|
||||
<div class="kmc-eighth-copy">
|
||||
<h2 id="kmc-eighth-title" class="kmc-eighth-title">Ready to explore coaching?</h2>
|
||||
<p class="kmc-eighth-body">Start with a 30-minute fit call to assess alignment, goals, and the best coaching path</p>
|
||||
|
||||
<div class="kmc-eighth-actions">
|
||||
<a class="kmc-eighth-btn" href="https://calendly.com/ktmckeand/coaching-assessment" aria-label="Schedule an assessment">
|
||||
<span>Schedule an assessment</span>
|
||||
<span class="kmc-assessment-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<a class="kmc-eighth-link" href="/pricing/" aria-label="View coaching options">
|
||||
<span>View coaching options</span>
|
||||
<span class="kmc-eighth-link-arrow" aria-hidden="true">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="kmc-eighth-visual" aria-hidden="true">
|
||||
<div class="kmc-eighth-bg"></div>
|
||||
<div class="kmc-eighth-portrait"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- KMC EIGHTH SECTION END -->
|
||||
899
tmp_home.html
899
tmp_home.html
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
14
update_block8.py
Normal file
14
update_block8.py
Normal file
@ -0,0 +1,14 @@
|
||||
import re
|
||||
|
||||
with open("tmp_home.html", "r", encoding="utf-8") as f:
|
||||
content = f.read()
|
||||
|
||||
block8_pattern = re.compile(r'<!-- KMC EIGHTH SECTION START -->.*?<!-- KMC EIGHTH SECTION END -->', re.DOTALL)
|
||||
|
||||
with open("new_block8.html", "r", encoding="utf-8") as f:
|
||||
block8_new = f.read()
|
||||
|
||||
new_content = block8_pattern.sub(block8_new, content)
|
||||
|
||||
with open("tmp_home_updated.html", "w", encoding="utf-8") as f:
|
||||
f.write(new_content)
|
||||
BIN
wp-content/uploads/2026/03/loft-image-20260326.png
Normal file
BIN
wp-content/uploads/2026/03/loft-image-20260326.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Loading…
x
Reference in New Issue
Block a user