kenschae/fractional-insight-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add first business article and article layout

Browse Source
This commit is contained in:
Ken Schaefer
2026-05-21 12:14:46 -05:00
parent 200e14e2e9
commit 4735704c6f
9617 changed files with 988627 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
dist/blog/index.html vendored Normal file
View File

@@ -0,0 +1,7 @@
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><title>Articles | Fractional Insight CIO LLC</title><meta name="description" content="Articles and practical guidance on IT strategy, infrastructure, security, and technology leadership."><style>:root{--bg: #f7f8fa;--text: #172033;--muted: #5f6b7a;--panel: #ffffff;--accent: #1d4f91;--accent-dark: #12345f;--border: #d9dee7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--border);padding:20px 0}.site-nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;color:var(--text)}.nav-links{display:flex;gap:24px}.hero{padding:88px 0;background:linear-gradient(135deg,#10233f,#1d4f91);color:#fff}.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;max-width:850px}.hero p{font-size:1.25rem;max-width:720px;color:#dbe6f5}.button{display:inline-block;margin-top:24px;padding:12px 20px;background:#fff;color:var(--accent-dark);border-radius:6px;font-weight:700}.section{padding:64px 0}.section h2{font-size:2.2rem;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:26px}.card h3{margin-top:0}.contact-box{max-width:720px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:32px}.form-grid{display:grid;gap:16px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font:inherit}textarea{min-height:160px}button{width:fit-content;padding:12px 20px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}@media(max-width:800px){.service-grid{grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:12px;flex-direction:column}}.article-hero{padding:56px 0 24px;background:#fff;border-bottom:1px solid var(--border)}.article-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;max-width:900px}.article-meta{color:var(--muted);font-weight:600}.article-excerpt{max-width:760px;font-size:1.2rem;color:var(--muted)}.article-banner{width:100%;max-height:420px;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin-top:32px}.article-content{max-width:820px;padding:56px 0}.article-content h2{margin-top:42px}.article-content p,.article-content li{font-size:1.08rem}
</style></head> <body> <header class="site-header"> <div class="site-shell site-nav"> <a class="brand" href="/">Fractional Insight CIO</a> <nav class="nav-links"> <a href="/">Services</a> <a href="/blog/">Articles</a> <a href="/contact/">Contact</a> </nav> </div> </header> <main> <section class="hero"> <div class="site-shell"> <h1>Articles and Field Notes</h1> <p>
Practical observations on IT leadership, infrastructure, security,
governance, and the operational realities behind technology decisions.
</p> </div> </section> <section class="site-shell section"> <h2>Latest Articles</h2> <div class="service-grid"> <article class="card"> <h3><a href="/blog/why-small-organizations-need-it-leadership/">Why Small Organizations Still Need IT Leadership</a></h3> <p><strong>2026-05-21T00:00:00.000Z</strong></p> <p>Small organizations may not need a full-time CIO, but they still need clear technology leadership, practical governance, and a roadmap that keeps systems aligned with the business.</p> <p><a href="/blog/why-small-organizations-need-it-leadership/">Read article →</a></p> </article> </div> </section> </main> <footer class="site-footer"> <div class="site-shell">
© 2026 Fractional Insight CIO LLC
</div> </footer> </body></html>

70
dist/blog/why-small-organizations-need-it-leadership/index.html vendored Normal file
View File

@@ -0,0 +1,70 @@
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><title>Why Small Organizations Still Need IT Leadership | Fractional Insight CIO LLC</title><meta name="description" content="Small organizations may not need a full-time CIO, but they still need clear technology leadership, practical governance, and a roadmap that keeps systems aligned with the business."><style>:root{--bg: #f7f8fa;--text: #172033;--muted: #5f6b7a;--panel: #ffffff;--accent: #1d4f91;--accent-dark: #12345f;--border: #d9dee7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--border);padding:20px 0}.site-nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;color:var(--text)}.nav-links{display:flex;gap:24px}.hero{padding:88px 0;background:linear-gradient(135deg,#10233f,#1d4f91);color:#fff}.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;max-width:850px}.hero p{font-size:1.25rem;max-width:720px;color:#dbe6f5}.button{display:inline-block;margin-top:24px;padding:12px 20px;background:#fff;color:var(--accent-dark);border-radius:6px;font-weight:700}.section{padding:64px 0}.section h2{font-size:2.2rem;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:26px}.card h3{margin-top:0}.contact-box{max-width:720px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:32px}.form-grid{display:grid;gap:16px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font:inherit}textarea{min-height:160px}button{width:fit-content;padding:12px 20px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}@media(max-width:800px){.service-grid{grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:12px;flex-direction:column}}.article-hero{padding:56px 0 24px;background:#fff;border-bottom:1px solid var(--border)}.article-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;max-width:900px}.article-meta{color:var(--muted);font-weight:600}.article-excerpt{max-width:760px;font-size:1.2rem;color:var(--muted)}.article-banner{width:100%;max-height:420px;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin-top:32px}.article-content{max-width:820px;padding:56px 0}.article-content h2{margin-top:42px}.article-content p,.article-content li{font-size:1.08rem}
</style></head> <body> <header class="site-header"> <div class="site-shell site-nav"> <a class="brand" href="/">Fractional Insight CIO</a> <nav class="nav-links"> <a href="/">Services</a> <a href="/blog/">Articles</a> <a href="/contact/">Contact</a> </nav> </div> </header> <section class="article-hero"> <div class="site-shell"> <p class="article-meta">2026-05-21T00:00:00.000Z</p> <h1>Why Small Organizations Still Need IT Leadership</h1> <p class="article-excerpt">Small organizations may not need a full-time CIO, but they still need clear technology leadership, practical governance, and a roadmap that keeps systems aligned with the business.</p> <img class="article-banner" src="/images/blog/fractional-cio-leadership.png" alt="Why Small Organizations Still Need IT Leadership"> </div> </section> <main class="site-shell article-content"> <article> <p>Small organizations often make technology decisions out of necessity.</p>
<p>A file sharing problem appears, so a platform is chosen.<br>
Email becomes painful, so a provider is selected.<br>
Security concerns increase, so MFA is added.<br>
A vendor recommends a solution, and the organization moves forward because the problem needs to be solved.</p>
<p>None of these decisions are wrong by themselves. In fact, many are reasonable responses to immediate needs. The problem is that, over time, these decisions begin to form an accidental architecture.</p>
<h2 id="technology-becomes-infrastructure-before-anyone-names-it">Technology Becomes Infrastructure Before Anyone Names It</h2>
<p>Most growing organizations do not set out to build an IT environment. They accumulate one.</p>
<p>A few cloud accounts become the collaboration platform. A handful of SaaS tools become the operational backbone. User permissions become security policy. Vendor defaults become governance. Backups are assumed to exist because the platform feels professional.</p>
<p>Eventually, the organization depends on systems that no one has fully mapped, documented, or aligned to business risk.</p>
<p>That is the point where IT leadership becomes necessary.</p>
<h2 id="a-fractional-cio-is-not-just-extra-it-help">A Fractional CIO Is Not Just “Extra IT Help”</h2>
<p>Technical support is important, but support is usually reactive. It answers the question:</p>
<blockquote>
<p>What is broken today?</p>
</blockquote>
<p>IT leadership asks different questions:</p>
<blockquote>
<p>Where is this environment going?<br>
What risk are we carrying?<br>
Are our tools aligned with how the business actually works?<br>
What should we standardize, secure, simplify, or retire?</p>
</blockquote>
<p>A fractional CIO helps bring structure to those questions without requiring the organization to hire a full-time executive.</p>
<h2 id="the-real-need-is-decision-quality">The Real Need Is Decision Quality</h2>
<p>Small businesses often do not suffer from a lack of technology options. They suffer from too many options with too little context.</p>
<p>Microsoft 365, Google Workspace, Nextcloud, hosted email, cloud storage, password managers, endpoint security, backup platforms, identity providers, compliance tools, and vendor-managed applications can all be valid choices.</p>
<p>The harder question is not whether a product is good.</p>
<p>The harder question is whether it is the right fit for the organization’s size, risk profile, budget, workflow, and operational maturity.</p>
<p>That is where strategic technology guidance matters.</p>
<h2 id="security-is-an-operating-model">Security Is an Operating Model</h2>
<p>Security is often treated as a product category. Buy the right tool, enable the right feature, and the organization is safer.</p>
<p>Tools matter, but security is also an operating model.</p>
<p>Who has admin access?<br>
How is MFA enforced?<br>
What happens when an employee leaves?<br>
Where is sensitive data stored?<br>
Who reviews backups?<br>
What systems are exposed to the internet?<br>
Which vendors can access business-critical data?</p>
<p>These are not purely technical questions. They are governance questions.</p>
<h2 id="the-goal-is-practical-maturity">The Goal Is Practical Maturity</h2>
<p>Not every organization needs enterprise complexity.</p>
<p>In fact, small organizations can be harmed by overbuilt systems just as easily as they can be harmed by underbuilt ones. The goal is not to imitate a large enterprise. The goal is to adopt the right level of structure for the business.</p>
<p>That usually means:</p>
<ul>
<li>clear ownership of systems</li>
<li>documented administrative access</li>
<li>MFA and password standards</li>
<li>backup expectations</li>
<li>vendor and platform review</li>
<li>basic incident response planning</li>
<li>a roadmap for future improvements</li>
</ul>
<p>These are not glamorous activities, but they reduce confusion and risk.</p>
<h2 id="technology-should-serve-the-business">Technology Should Serve the Business</h2>
<p>Good IT leadership does not begin with tools. It begins with the business.</p>
<p>What does the organization need to protect?<br>
How does work actually get done?<br>
Where are the bottlenecks?<br>
Which systems create confidence, and which create friction?<br>
What would happen if a key platform went offline tomorrow?</p>
<p>When technology decisions are made in isolation, systems drift. When they are made within a business context, they become part of the organization’s operating discipline.</p>
<h2 id="closing-thought">Closing Thought</h2>
<p>A small organization may not need a full-time CIO.</p>
<p>But it still needs someone asking the CIO-level questions.</p>
<p>Without that perspective, technology grows in fragments. With it, the organization can make calmer, clearer decisions about the systems it depends on.</p> </article> </main> <footer class="site-footer"> <div class="site-shell">
© 2026 Fractional Insight CIO LLC
</div> </footer> </body></html>

15
dist/contact/index.html vendored Normal file
View File

@@ -0,0 +1,15 @@
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><title>Contact | Fractional Insight CIO LLC</title><style>:root{--bg: #f7f8fa;--text: #172033;--muted: #5f6b7a;--panel: #ffffff;--accent: #1d4f91;--accent-dark: #12345f;--border: #d9dee7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--border);padding:20px 0}.site-nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;color:var(--text)}.nav-links{display:flex;gap:24px}.hero{padding:88px 0;background:linear-gradient(135deg,#10233f,#1d4f91);color:#fff}.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;max-width:850px}.hero p{font-size:1.25rem;max-width:720px;color:#dbe6f5}.button{display:inline-block;margin-top:24px;padding:12px 20px;background:#fff;color:var(--accent-dark);border-radius:6px;font-weight:700}.section{padding:64px 0}.section h2{font-size:2.2rem;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:26px}.card h3{margin-top:0}.contact-box{max-width:720px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:32px}.form-grid{display:grid;gap:16px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font:inherit}textarea{min-height:160px}button{width:fit-content;padding:12px 20px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}@media(max-width:800px){.service-grid{grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:12px;flex-direction:column}}.article-hero{padding:56px 0 24px;background:#fff;border-bottom:1px solid var(--border)}.article-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;max-width:900px}.article-meta{color:var(--muted);font-weight:600}.article-excerpt{max-width:760px;font-size:1.2rem;color:var(--muted)}.article-banner{width:100%;max-height:420px;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin-top:32px}.article-content{max-width:820px;padding:56px 0}.article-content h2{margin-top:42px}.article-content p,.article-content li{font-size:1.08rem}
</style></head> <body> <header class="site-header"> <div class="site-shell site-nav"> <a class="brand" href="/">Fractional Insight CIO</a> <nav class="nav-links"> <a href="/">Services</a> <a href="/blog/">Articles</a> <a href="/contact/">Contact</a> </nav> </div> </header> <main class="site-shell section"> <h1>Contact</h1> <p>
Use the form below to start a conversation about IT strategy,
infrastructure, security, or advisory support.
</p> <div class="contact-box"> <form action="mailto:contact@fractionalinsightcio.com" method="post" enctype="text/plain" class="form-grid"> <label>
Name
<input type="text" name="name" required> </label> <label>
Email
<input type="email" name="email" required> </label> <label>
Organization
<input type="text" name="organization"> </label> <label>
Message
<textarea name="message" required></textarea> </label> <button type="submit">Send Message</button> </form> </div> </main> <footer class="site-footer"> <div class="site-shell">
© 2026 Fractional Insight CIO LLC
</div> </footer> </body></html>

BIN
dist/favicon.ico vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 655 B

9
dist/favicon.svg vendored Normal file
View File

@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
<path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
<style>
path { fill: #000; }
@media (prefers-color-scheme: dark) {
path { fill: #FFF; }
}
</style>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 749 B

BIN
dist/images/blog/fractional-cio-leadership.png vendored Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

11
dist/index.html vendored Normal file
View File

@@ -0,0 +1,11 @@
<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><title>Fractional Insight CIO LLC</title><meta name="description" content="Fractional CIO, IT strategy, security, compliance, and infrastructure advisory services."><style>:root{--bg: #f7f8fa;--text: #172033;--muted: #5f6b7a;--panel: #ffffff;--accent: #1d4f91;--accent-dark: #12345f;--border: #d9dee7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}.site-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header{background:#fff;border-bottom:1px solid var(--border);padding:20px 0}.site-nav{display:flex;justify-content:space-between;align-items:center}.brand{font-weight:700;color:var(--text)}.nav-links{display:flex;gap:24px}.hero{padding:88px 0;background:linear-gradient(135deg,#10233f,#1d4f91);color:#fff}.hero h1{font-size:clamp(2.8rem,6vw,5.2rem);line-height:1;max-width:850px}.hero p{font-size:1.25rem;max-width:720px;color:#dbe6f5}.button{display:inline-block;margin-top:24px;padding:12px 20px;background:#fff;color:var(--accent-dark);border-radius:6px;font-weight:700}.section{padding:64px 0}.section h2{font-size:2.2rem;margin-bottom:12px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:26px}.card h3{margin-top:0}.contact-box{max-width:720px;background:#fff;border:1px solid var(--border);border-radius:10px;padding:32px}.form-grid{display:grid;gap:16px}input,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:6px;font:inherit}textarea{min-height:160px}button{width:fit-content;padding:12px 20px;border:0;border-radius:6px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer}.site-footer{border-top:1px solid var(--border);padding:32px 0;color:var(--muted)}@media(max-width:800px){.service-grid{grid-template-columns:1fr}.site-nav{align-items:flex-start;gap:12px;flex-direction:column}}.article-hero{padding:56px 0 24px;background:#fff;border-bottom:1px solid var(--border)}.article-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.05;max-width:900px}.article-meta{color:var(--muted);font-weight:600}.article-excerpt{max-width:760px;font-size:1.2rem;color:var(--muted)}.article-banner{width:100%;max-height:420px;object-fit:cover;border-radius:12px;border:1px solid var(--border);margin-top:32px}.article-content{max-width:820px;padding:56px 0}.article-content h2{margin-top:42px}.article-content p,.article-content li{font-size:1.08rem}
</style></head> <body> <header class="site-header"> <div class="site-shell site-nav"> <a class="brand" href="/">Fractional Insight CIO</a> <nav class="nav-links"> <a href="/">Services</a> <a href="/blog/">Articles</a> <a href="/contact/">Contact</a> </nav> </div> </header> <section class="hero"> <div class="site-shell"> <h1>Enterprise-grade IT leadership for growing organizations.</h1> <p>
Fractional CIO advisory, infrastructure strategy, security planning,
vendor guidance, and practical technology leadership without the cost
of a full-time executive.
</p> <a class="button" href="/contact/">Schedule a Conversation</a> </div> </section> <main> <section class="site-shell section"> <h2>Services</h2> <p>
Practical technology leadership for organizations that need structure,
security, and direction without unnecessary complexity.
</p> <div class="service-grid"> <div class="card"> <h3>Fractional CIO Advisory</h3> <p>Technology roadmap, executive guidance, budgeting, governance, and strategic planning.</p> </div> <div class="card"> <h3>Infrastructure Architecture</h3> <p>Cloud, hybrid, self-hosted, identity, backup, networking, and systems design.</p> </div> <div class="card"> <h3>Security & Risk</h3> <p>Security baselines, MFA strategy, breach risk analysis, access control, and operational safeguards.</p> </div> <div class="card"> <h3>Microsoft 365 Strategy</h3> <p>Tenant planning, collaboration architecture, identity, Exchange, Teams, SharePoint, and governance.</p> </div> <div class="card"> <h3>Vendor & Platform Selection</h3> <p>Evaluate SaaS, cloud, open-source, and self-hosted options with practical implementation guidance.</p> </div> <div class="card"> <h3>Operational Runbooks</h3> <p>Daily, weekly, and monthly operating procedures for small teams and managed environments.</p> </div> </div> </section> </main> <footer class="site-footer"> <div class="site-shell">
© 2026 Fractional Insight CIO LLC
</div> </footer> </body></html>