chore: baseline of the live help4bis.com docroot as of 2026-10-23 (cockpit #168)
Excludes analytics/data, vendor, support, .env, ACME tokens. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,592 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- Version: 2.1.0 | Created: 2026-07-12 | Updated: 2026-08-16 -->
|
||||
<html lang="en-AU">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Your Third Week With AI: Find Your Goals, Skills & Blind Spots | HELP4BIS</title>
|
||||
<meta name="description" content="You know the mechanics and the toolkit. Now make it yours: a deep interview about your goals and skills, finding your blind spots, and a real roadmap. Plain English.">
|
||||
<meta name="keywords" content="AI goals interview, AI blind spot check, AI skills assessment, AI profile brief, AI roadmap for business, 30 60 90 day plan with AI">
|
||||
<meta name="author" content="HELP4BIS">
|
||||
<meta name="publisher" content="Dutch Digital Dynamics Pty Ltd">
|
||||
<meta name="copyright" content="Dutch Digital Dynamics Pty Ltd">
|
||||
<meta name="language" content="en-AU">
|
||||
<meta name="robots" content="index, follow">
|
||||
<link rel="canonical" href="https://help4bis.com/third-week-with-ai.html">
|
||||
<meta property="og:type" content="article">
|
||||
<meta property="og:url" content="https://help4bis.com/third-week-with-ai.html">
|
||||
<meta property="og:site_name" content="HELP4BIS">
|
||||
<meta property="og:title" content="Your Third Week With AI: Find Your Goals, Skills & Blind Spots">
|
||||
<meta property="og:description" content="A deep interview about your goals and skills, finding your blind spots, and a real roadmap, explained in plain English.">
|
||||
<meta property="og:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
|
||||
<meta property="og:locale" content="en_AU">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="Your Third Week With AI: Find Your Goals, Skills & Blind Spots">
|
||||
<meta name="twitter:description" content="A deep interview about your goals and skills, finding your blind spots, and a real roadmap, explained in plain English.">
|
||||
<meta name="twitter:image" content="https://help4bis.com/assets/images/og-social-card.jpg">
|
||||
|
||||
<link rel="icon" type="image/jpeg" href="assets/images/logo-favicon.jpg">
|
||||
<link rel="stylesheet" href="assets/css/style.css">
|
||||
|
||||
<style>
|
||||
/* Third Week With AI, page extras */
|
||||
.progress-row {
|
||||
display: flex; align-items: center; gap: var(--sp-3);
|
||||
margin-bottom: var(--sp-6);
|
||||
max-width: 720px;
|
||||
}
|
||||
.progress-track {
|
||||
flex: 1; height: 8px; border-radius: var(--r-full);
|
||||
background: var(--grey-100); overflow: hidden;
|
||||
}
|
||||
.progress-fill {
|
||||
height: 100%; width: 0%; border-radius: var(--r-full);
|
||||
background: linear-gradient(90deg, var(--green), #16a34a);
|
||||
transition: width .4s var(--ease-out);
|
||||
}
|
||||
.progress-label {
|
||||
font-family: var(--font-head); font-size: 13px; font-weight: 700;
|
||||
color: var(--grey-600); white-space: nowrap; font-variant-numeric: tabular-nums;
|
||||
}
|
||||
@media (prefers-reduced-motion: reduce) { .progress-fill { transition: none; } }
|
||||
|
||||
.step-item__left {
|
||||
display: flex; align-items: center; gap: var(--sp-3);
|
||||
flex: 1; min-width: 0;
|
||||
}
|
||||
.step-num {
|
||||
flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%;
|
||||
background: var(--grey-50); border: 1.5px solid var(--grey-200);
|
||||
color: var(--red); font-family: var(--font-head); font-weight: 800;
|
||||
font-size: 14px; display: flex; align-items: center; justify-content: center;
|
||||
font-variant-numeric: tabular-nums; transition: all .22s ease;
|
||||
}
|
||||
.faq-item:has(.step-check:checked) .step-num {
|
||||
background: var(--green); color: var(--white); border-color: transparent;
|
||||
}
|
||||
.faq-item:has(.step-check:checked) .step-item__left { opacity: .55; }
|
||||
.step-item__right { display: flex; align-items: center; gap: var(--sp-3); flex-shrink: 0; }
|
||||
.step-check { width: 20px; height: 20px; accent-color: var(--green); cursor: pointer; }
|
||||
|
||||
.prompt-box {
|
||||
background: var(--grey-50); border: 1px solid var(--grey-100);
|
||||
border-radius: var(--r-md); padding: 14px 16px;
|
||||
display: flex; gap: 12px; align-items: flex-start; margin: var(--sp-3) 0;
|
||||
max-width: 640px;
|
||||
}
|
||||
.prompt-box p {
|
||||
margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--grey-800);
|
||||
flex: 1; font-style: italic;
|
||||
}
|
||||
.prompt-copy {
|
||||
flex-shrink: 0; font-family: var(--font-head); font-size: 11px; font-weight: 700;
|
||||
letter-spacing: .05em; text-transform: uppercase; background: var(--white);
|
||||
color: var(--red); border: 1.5px solid var(--grey-200); border-radius: var(--r-sm);
|
||||
padding: 7px 12px; cursor: pointer; transition: all var(--trans);
|
||||
}
|
||||
.prompt-copy:hover { border-color: var(--red); background: var(--red-subtle); }
|
||||
.prompt-copy:focus-visible { outline: 2px solid var(--red); outline-offset: 2px; }
|
||||
|
||||
.why-callout {
|
||||
border-left: 3px solid var(--red); background: var(--red-subtle);
|
||||
padding: 12px 16px; border-radius: 0 var(--r-md) var(--r-md) 0;
|
||||
margin: var(--sp-3) 0; font-size: 14.5px; color: var(--grey-800); max-width: 640px;
|
||||
}
|
||||
.why-callout strong {
|
||||
display: block; font-family: var(--font-head); font-size: 11px;
|
||||
letter-spacing: .08em; text-transform: uppercase; color: var(--red); margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.reveal-grid {
|
||||
display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3);
|
||||
max-width: 640px; margin: var(--sp-4) 0;
|
||||
}
|
||||
@media (max-width: 560px) { .reveal-grid { grid-template-columns: 1fr; } }
|
||||
.reveal-card {
|
||||
background: var(--grey-50); border: 1px solid var(--grey-100);
|
||||
border-radius: var(--r-md); padding: 14px 16px;
|
||||
}
|
||||
.reveal-card .tag {
|
||||
display: inline-block; font-family: var(--font-head); font-size: 10px;
|
||||
font-weight: 800; letter-spacing: .06em; text-transform: uppercase;
|
||||
color: var(--red); margin-bottom: 6px;
|
||||
}
|
||||
.reveal-card h4 { font-family: var(--font-head); font-size: 14px; margin: 0 0 4px; color: var(--ink); }
|
||||
.reveal-card p { margin: 0; font-size: 13px; color: var(--grey-600); line-height: 1.55; }
|
||||
|
||||
.ladder {
|
||||
display: flex; flex-direction: column; gap: 0; max-width: 640px; margin: var(--sp-4) 0;
|
||||
}
|
||||
.ladder-step {
|
||||
display: flex; gap: var(--sp-3); align-items: flex-start;
|
||||
padding: 14px 0; border-bottom: 1px solid var(--grey-100);
|
||||
}
|
||||
.ladder-step:last-child { border-bottom: none; }
|
||||
.ladder-tier {
|
||||
flex-shrink: 0; font-family: var(--font-head); font-weight: 800; font-size: 11px;
|
||||
letter-spacing: .06em; text-transform: uppercase; color: var(--white);
|
||||
background: var(--ink); border-radius: var(--r-sm); padding: 4px 8px; margin-top: 2px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.ladder-step h4 { font-family: var(--font-head); font-size: 15px; margin: 0 0 2px; color: var(--ink); }
|
||||
.ladder-step p { margin: 0; font-size: 14px; color: var(--grey-600); }
|
||||
|
||||
.glossary-grid {
|
||||
display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
|
||||
gap: var(--sp-3); margin-top: var(--sp-5);
|
||||
}
|
||||
.glossary-card {
|
||||
background: var(--grey-50); border: 1px solid var(--grey-100);
|
||||
border-radius: var(--r-lg); padding: 18px 20px;
|
||||
}
|
||||
.glossary-card dt {
|
||||
font-family: var(--font-head); font-weight: 800; font-size: 15px;
|
||||
color: var(--red); margin-bottom: 4px;
|
||||
}
|
||||
.glossary-card dd { margin: 0; font-size: 14px; line-height: 1.6; color: var(--grey-600); }
|
||||
|
||||
.prereq-banner {
|
||||
display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
|
||||
background: var(--grey-50); border: 1px solid var(--grey-100); border-radius: var(--r-lg);
|
||||
padding: var(--sp-4) var(--sp-5); margin-bottom: var(--sp-8); flex-wrap: wrap;
|
||||
}
|
||||
.prereq-banner p { margin: 0; font-size: 14.5px; color: var(--grey-600); max-width: 460px; }
|
||||
.prereq-banner strong { color: var(--ink); }
|
||||
.prereq-banner .prereq-links { display: flex; gap: 8px; flex-wrap: wrap; }
|
||||
</style>
|
||||
|
||||
<script type="application/ld+json">
|
||||
{
|
||||
"@context": "https://schema.org",
|
||||
"@graph": [
|
||||
{
|
||||
"@type": "WebPage",
|
||||
"@id": "https://help4bis.com/third-week-with-ai.html#webpage",
|
||||
"url": "https://help4bis.com/third-week-with-ai.html",
|
||||
"name": "Your Third Week With AI: Build Your Profile & Roadmap",
|
||||
"isPartOf": {"@id": "https://help4bis.com/#website"},
|
||||
"breadcrumb": {
|
||||
"@type": "BreadcrumbList",
|
||||
"itemListElement": [
|
||||
{"@type": "ListItem", "position": 1, "name": "Home", "item": "https://help4bis.com/"},
|
||||
{"@type": "ListItem", "position": 2, "name": "Your First Week With AI", "item": "https://help4bis.com/your-first-week-with-ai.html"},
|
||||
{"@type": "ListItem", "position": 3, "name": "Your Second Week With AI", "item": "https://help4bis.com/second-week-with-ai.html"},
|
||||
{"@type": "ListItem", "position": 4, "name": "Your Third Week With AI", "item": "https://help4bis.com/third-week-with-ai.html"}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
"@type": "HowTo",
|
||||
"@id": "https://help4bis.com/third-week-with-ai.html#howto",
|
||||
"name": "Your Third Week With AI",
|
||||
"description": "Turning general AI skills into a personal setup: a deep interview about your goals and skills, finding your blind spots, a profile brief, a real roadmap, and a weekly check-in habit.",
|
||||
"step": [
|
||||
{"@type": "HowToStep", "name": "Let it interview you", "text": "Answer a structured set of questions about your goals, values, strengths, and weaknesses so AI can build a fuller picture of you."},
|
||||
{"@type": "HowToStep", "name": "Find what you can't see yourself", "text": "Feed it real samples of your own writing or work and ask what patterns, strengths, or blind spots show up that you might have missed."},
|
||||
{"@type": "HowToStep", "name": "Turn one goal into a real roadmap", "text": "State a specific goal and ask AI to design a 30, 60, and 90-day plan with concrete action items."},
|
||||
{"@type": "HowToStep", "name": "Write your profile brief", "text": "Combine the interview, the blind spots, and the roadmap into one document that travels with you into any chat."},
|
||||
{"@type": "HowToStep", "name": "Run a weekly check-in", "text": "Review what worked and what didn't each week, and update the profile brief accordingly."}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
NAVIGATION
|
||||
═══════════════════════════════════════════════ -->
|
||||
<nav class="nav" role="navigation" aria-label="Main navigation">
|
||||
<div class="container">
|
||||
<div class="nav__inner">
|
||||
<a class="nav__logo" href="index.html" aria-label="HELP4BIS home">
|
||||
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS Logo" width="160" height="44">
|
||||
</a>
|
||||
|
||||
<ul class="nav__links" id="nav-links" role="list">
|
||||
<li class="nav__dropdown">
|
||||
<button class="nav__trigger" aria-haspopup="true" aria-expanded="false">Services <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg></button>
|
||||
<ul class="nav__dropdown-menu" role="menu">
|
||||
<li class="nav__menu-group">WordPress</li>
|
||||
<li><a href="managed-wordpress.html" role="menuitem">Tailored Website Management</a></li>
|
||||
<li><a href="care-plans.html" role="menuitem">WP Care Plans <span class="menu-price">from $49/mo</span></a></li>
|
||||
<li><a href="sos-fix.html" role="menuitem">WP SOS Fix <span class="menu-price">$97 flat</span></a></li>
|
||||
<li><a href="ai-integration.html" role="menuitem">AI Integration</a></li>
|
||||
<li><a href="plugin-development.html" role="menuitem">Custom Plugin Development</a></li> </ul>
|
||||
</li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="index.html#portfolio">Our Work</a></li>
|
||||
<li><a href="index.html#pricing">Pricing</a></li>
|
||||
<li><a href="blog/index.html">Blog</a></li>
|
||||
<li><a href="your-first-week-with-ai.html">AI Guide</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
<li class="nav__cta-mobile" aria-hidden="true">
|
||||
<a href="contact.html" class="btn btn-primary">Get Started</a>
|
||||
<a href="sos-fix.html" class="btn btn-secondary">SOS Fix, $97</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="nav__cta">
|
||||
<a href="sos-fix.html" class="btn btn-secondary btn-sm">SOS Fix, $97</a>
|
||||
<a href="contact.html" class="btn btn-primary btn-sm">Get Started</a>
|
||||
</div>
|
||||
|
||||
<button class="nav__burger" id="nav-burger" aria-label="Open menu" aria-expanded="false" aria-controls="nav-links">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
PAGE HERO
|
||||
═══════════════════════════════════════════════ -->
|
||||
<section class="page-hero" aria-labelledby="hero-heading">
|
||||
<div class="container">
|
||||
<nav class="breadcrumb" aria-label="Breadcrumb">
|
||||
<ol>
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="your-first-week-with-ai.html">Part One</a></li>
|
||||
<li><a href="second-week-with-ai.html">Part Two</a></li>
|
||||
<li aria-current="page">Part Three</li>
|
||||
</ol>
|
||||
</nav>
|
||||
<p class="eyebrow">Free Guide, Part Three</p>
|
||||
<h1 id="hero-heading">Your Third Week With AI</h1>
|
||||
<p>You know how to talk to it, and you've built the toolkit. This is where it stops being generic and starts being yours, a proper look at your goals and skills, the blind spots you can't see on your own, and a document that carries all of it into every chat without you retyping it.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
STEPS
|
||||
═══════════════════════════════════════════════ -->
|
||||
<section class="section" aria-labelledby="steps-heading">
|
||||
<div class="container">
|
||||
|
||||
<div class="prereq-banner">
|
||||
<p><strong>New here?</strong> This page assumes you've already got a master prompt and a system prompt or two from part two. If you haven't, start earlier in the series.</p>
|
||||
<div class="prereq-links">
|
||||
<a href="your-first-week-with-ai.html" class="btn btn-secondary btn-sm">Part One</a>
|
||||
<a href="second-week-with-ai.html" class="btn btn-secondary btn-sm">Part Two</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="eyebrow">Make It Yours</p>
|
||||
<h2 id="steps-heading">Five steps to a personal setup</h2>
|
||||
<p class="section-subtitle">This is less about learning new features and more about giving AI an honest, complete picture of who you are, what you're aiming for, and what you're actually good at.</p>
|
||||
|
||||
<div class="progress-row" aria-live="polite" style="margin-top: var(--sp-6);">
|
||||
<span class="progress-label" id="progressLabel">0 of 5 done</span>
|
||||
<span class="progress-track"><span class="progress-fill" id="progressFill"></span></span>
|
||||
</div>
|
||||
|
||||
<div class="faq__list" role="list" id="stepList">
|
||||
|
||||
<details class="faq-item" role="listitem" open>
|
||||
<summary class="faq-item__question">
|
||||
<span class="step-item__left">
|
||||
<span class="step-num">1</span>
|
||||
<span>Let it interview you</span>
|
||||
</span>
|
||||
<span class="step-item__right">
|
||||
<input type="checkbox" class="step-check" aria-label="Mark step 1 done" onclick="event.stopPropagation()">
|
||||
<span class="faq-item__icon" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="faq-item__answer">
|
||||
<p>Part two's master prompt covered your business in a few lines. This goes deeper. Instead of writing a summary yourself, let AI ask you the questions, one at a time, and build the document from your answers. People are honest in conversation in ways they never are staring at a blank page.</p>
|
||||
<div class="reveal-grid">
|
||||
<div class="reveal-card">
|
||||
<span class="tag">Goals</span>
|
||||
<h4>Where you're actually trying to get to</h4>
|
||||
<p>Not vague ambition, specific, this-year and this-decade goals.</p>
|
||||
</div>
|
||||
<div class="reveal-card">
|
||||
<span class="tag">Values</span>
|
||||
<h4>What you won't compromise on</h4>
|
||||
<p>The principles that should quietly shape any advice you get back.</p>
|
||||
</div>
|
||||
<div class="reveal-card">
|
||||
<span class="tag">Strengths</span>
|
||||
<h4>What you're actually good at</h4>
|
||||
<p>Not your job title, the actual skills underneath it.</p>
|
||||
</div>
|
||||
<div class="reveal-card">
|
||||
<span class="tag">Weaknesses</span>
|
||||
<h4>Where you consistently struggle</h4>
|
||||
<p>The honest version, not the interview-safe version.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="prompt-box">
|
||||
<p>Help me build a proper profile of myself. Ask me questions, one at a time, to understand my goals, my values, my strengths, and my weaknesses. Once you've got a full picture, write it up.</p>
|
||||
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
|
||||
</div>
|
||||
<div class="why-callout">
|
||||
<strong>Why this matters</strong>
|
||||
Save the answer somewhere you'll actually find again. This is the foundation the rest of this page builds on.
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item" role="listitem">
|
||||
<summary class="faq-item__question">
|
||||
<span class="step-item__left">
|
||||
<span class="step-num">2</span>
|
||||
<span>Find what you can't see yourself</span>
|
||||
</span>
|
||||
<span class="step-item__right">
|
||||
<input type="checkbox" class="step-check" aria-label="Mark step 2 done" onclick="event.stopPropagation()">
|
||||
<span class="faq-item__icon" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="faq-item__answer">
|
||||
<p>Step 1 asked you to describe yourself. This step asks AI to describe you back, from evidence, not opinion. Paste in a batch of your own writing, work, or old messages and ask it to reflect what's actually there. This also happens to be how you get it writing in your voice instead of generic AI tone.</p>
|
||||
<div class="prompt-box">
|
||||
<p>Here's a batch of things I've written over the last few months: [paste them in]. What patterns, strengths, or blind spots do you notice that I might not see myself? Also describe my writing voice in one paragraph, sentence length, tone, quirks, words I overuse.</p>
|
||||
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
|
||||
</div>
|
||||
<div class="why-callout">
|
||||
<strong>Why this matters</strong>
|
||||
This is the step people skip because it feels exposing. It's also the one that produces the most useful sentence on the whole page, the blind spot you didn't know you had.
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item" role="listitem">
|
||||
<summary class="faq-item__question">
|
||||
<span class="step-item__left">
|
||||
<span class="step-num">3</span>
|
||||
<span>Turn one goal into a real roadmap</span>
|
||||
</span>
|
||||
<span class="step-item__right">
|
||||
<input type="checkbox" class="step-check" aria-label="Mark step 3 done" onclick="event.stopPropagation()">
|
||||
<span class="faq-item__icon" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="faq-item__answer">
|
||||
<p>Step 3 sits between the two before it. State one goal that actually matters to you right now, something you'd really like to be true in three months, and ask AI to break it into a real, time-bound plan instead of a vague intention.</p>
|
||||
<div class="prompt-box">
|
||||
<p>Here's a goal I have: [describe it]. Design a 30, 60, and 90-day roadmap to get there, with specific action items at each stage, not vague advice.</p>
|
||||
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
|
||||
</div>
|
||||
<div class="ladder">
|
||||
<div class="ladder-step">
|
||||
<span class="ladder-tier">30 days</span>
|
||||
<div><h4>The unglamorous first steps</h4><p>What actually has to happen first, even if it's boring, before anything else can move.</p></div>
|
||||
</div>
|
||||
<div class="ladder-step">
|
||||
<span class="ladder-tier">60 days</span>
|
||||
<div><h4>The part that requires momentum</h4><p>Building on the first 30 days, this is where the goal starts to feel real.</p></div>
|
||||
</div>
|
||||
<div class="ladder-step">
|
||||
<span class="ladder-tier">90 days</span>
|
||||
<div><h4>What "done" or "on track" actually looks like</h4><p>A concrete marker, not a feeling, so you know whether it worked.</p></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item" role="listitem">
|
||||
<summary class="faq-item__question">
|
||||
<span class="step-item__left">
|
||||
<span class="step-num">4</span>
|
||||
<span>Write your profile brief</span>
|
||||
</span>
|
||||
<span class="step-item__right">
|
||||
<input type="checkbox" class="step-check" aria-label="Mark step 4 done" onclick="event.stopPropagation()">
|
||||
<span class="faq-item__icon" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="faq-item__answer">
|
||||
<p>Part two's master prompt covered your business in a few lines. Your profile brief is the fuller version, everything from this page rolled into one document: the interview, the blind spots, your voice, the roadmap, and anything AI should never do without asking first.</p>
|
||||
<div class="prompt-box">
|
||||
<p>Here's my profile interview, my blind spots and voice description, and my 30/60/90 roadmap from earlier. Combine them into one clean profile brief I can paste at the start of any chat where the background matters.</p>
|
||||
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
|
||||
</div>
|
||||
<div class="why-callout">
|
||||
<strong>Why this matters</strong>
|
||||
This one document is what actually makes AI feel personal instead of generic. Keep it updated. It's worth more the longer you maintain it.
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item" role="listitem">
|
||||
<summary class="faq-item__question">
|
||||
<span class="step-item__left">
|
||||
<span class="step-num">5</span>
|
||||
<span>Run a weekly check-in</span>
|
||||
</span>
|
||||
<span class="step-item__right">
|
||||
<input type="checkbox" class="step-check" aria-label="Mark step 5 done" onclick="event.stopPropagation()">
|
||||
<span class="faq-item__icon" aria-hidden="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
|
||||
</span>
|
||||
</span>
|
||||
</summary>
|
||||
<div class="faq-item__answer">
|
||||
<p>Your profile brief isn't a finished document, it's a working one. Give it five minutes a week rather than letting it go stale.</p>
|
||||
<div class="prompt-box">
|
||||
<p>It's been a week since we built my profile brief and roadmap. Here's what's changed or what I've learned: [notes]. Update the profile brief based on this, and flag anything on the roadmap that needs adjusting.</p>
|
||||
<button class="prompt-copy" onclick="copyPrompt(this)">Copy</button>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
GLOSSARY
|
||||
═══════════════════════════════════════════════ -->
|
||||
<section class="section section--dark" aria-labelledby="glossary-heading">
|
||||
<div class="container">
|
||||
<p class="eyebrow">Reference, Not A Step</p>
|
||||
<h2 id="glossary-heading">A few more words you'll hit</h2>
|
||||
<p class="section-subtitle" style="color: rgba(255,255,255,.55);">Parts one and two covered the basics and the toolkit. These finish the set.</p>
|
||||
|
||||
<dl class="glossary-grid">
|
||||
<div class="glossary-card">
|
||||
<dt>Profile interview</dt>
|
||||
<dd>Letting AI ask you structured questions about your goals, values, strengths, and weaknesses, instead of writing a summary yourself.</dd>
|
||||
</div>
|
||||
<div class="glossary-card">
|
||||
<dt>Blind spot check</dt>
|
||||
<dd>Feeding an AI real samples of your own writing or work and asking it to reflect back patterns you might not see yourself.</dd>
|
||||
</div>
|
||||
<div class="glossary-card">
|
||||
<dt>Profile brief</dt>
|
||||
<dd>One document combining your interview, blind spots, voice, and roadmap, the fuller version of a master prompt.</dd>
|
||||
</div>
|
||||
<div class="glossary-card">
|
||||
<dt>30/60/90 roadmap</dt>
|
||||
<dd>A time-bound plan that breaks one real goal into concrete action items at 30, 60, and 90 days.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
CTA BAND
|
||||
═══════════════════════════════════════════════ -->
|
||||
<section class="cta-band" aria-labelledby="cta-heading">
|
||||
<div class="container">
|
||||
<div class="cta-band__content">
|
||||
<p class="eyebrow" style="color:rgba(255,255,255,.5)">Want the roadmap built for you?</p>
|
||||
<h2 id="cta-heading">We'll build your profile brief, your roadmap, and the AI tools to run it.</h2>
|
||||
<p>If you'd rather have this mapped and built into your business instead of doing it solo, submit a brief and we'll tell you what fits and what it costs.</p>
|
||||
<div class="cta-band__actions">
|
||||
<a href="contact.html?service=ai" class="btn btn-primary btn-lg">Submit a Brief</a>
|
||||
<a href="ai-integration.html" class="btn btn-outline-light btn-lg">See AI Integration</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════
|
||||
FOOTER
|
||||
═══════════════════════════════════════════════ -->
|
||||
<footer class="footer" aria-label="Site footer">
|
||||
<div class="container">
|
||||
<div class="footer__grid">
|
||||
|
||||
<div class="footer__brand">
|
||||
<img src="assets/images/logo-cropped.jpg" alt="HELP4BIS" width="140" height="38">
|
||||
<p>Managed WordPress hosting and maintenance for Australian small businesses. Brisbane-based, personal service, WordPress specialist, Brisbane.</p>
|
||||
<p style="font-size:13px; color:rgba(255,255,255,.4);">Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</p>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h4>Services</h4>
|
||||
<ul class="footer__links">
|
||||
<li><a href="managed-wordpress.html">Tailored Website Management</a></li>
|
||||
<li><a href="care-plans.html">WP Care Plans</a></li>
|
||||
<li><a href="sos-fix.html">WP SOS Fix</a></li>
|
||||
<li><a href="ai-integration.html">AI Integration</a></li>
|
||||
<li><a href="plugin-development.html">Plugin Development</a></li> </ul>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h4>Company</h4>
|
||||
<ul class="footer__links">
|
||||
<li><a href="about.html">About Us</a></li>
|
||||
<li><a href="index.html#portfolio">Our Work</a></li>
|
||||
<li><a href="blog/index.html">Blog</a></li>
|
||||
<li><a href="your-first-week-with-ai.html">Free AI Guide</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer__col">
|
||||
<h4>Contact</h4>
|
||||
<ul class="footer__links">
|
||||
<li><a href="mailto:project@help4bis.com">project@help4bis.com</a></li>
|
||||
<li><a href="contact.html">Submit a Brief</a></li>
|
||||
<li><a href="sos-fix.html">Emergency Fix</a></li>
|
||||
</ul>
|
||||
<p style="margin-top:1rem; font-size:13px; color:rgba(255,255,255,.4);">
|
||||
Brisbane, Queensland<br>
|
||||
Response within 24 business hours
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="footer__bottom">
|
||||
<span>© 2026 HELP4BIS, a trading name of Dutch Digital Dynamics Pty Ltd · ABN 86 081 237 087</span>
|
||||
<span>
|
||||
<a href="privacy.html">Privacy Policy</a> ·
|
||||
<a href="terms.html">Terms</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<button id="back-to-top" aria-label="Back to top" style="position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:var(--red);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;box-shadow:var(--shadow-md);">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="18 15 12 9 6 15"/></svg>
|
||||
</button>
|
||||
|
||||
<script src="assets/js/main.js"></script>
|
||||
<script src="/analytics/tracker.js" defer></script>
|
||||
|
||||
<script>
|
||||
(function () {
|
||||
var boxes = document.querySelectorAll('.step-check');
|
||||
var label = document.getElementById('progressLabel');
|
||||
var fill = document.getElementById('progressFill');
|
||||
function update() {
|
||||
var total = boxes.length;
|
||||
var done = document.querySelectorAll('.step-check:checked').length;
|
||||
label.textContent = done + ' of ' + total + ' done';
|
||||
fill.style.width = (total ? (done / total * 100) : 0) + '%';
|
||||
}
|
||||
boxes.forEach(function (box) { box.addEventListener('change', update); });
|
||||
update();
|
||||
})();
|
||||
|
||||
function copyPrompt(btn) {
|
||||
var text = btn.previousElementSibling.textContent;
|
||||
var original = btn.textContent;
|
||||
function done(ok) {
|
||||
btn.textContent = ok ? 'Copied' : 'Select & copy';
|
||||
setTimeout(function () { btn.textContent = original; }, 1500);
|
||||
}
|
||||
if (navigator.clipboard && navigator.clipboard.writeText) {
|
||||
navigator.clipboard.writeText(text).then(function () { done(true); }, function () { done(false); });
|
||||
} else {
|
||||
done(false);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user