Skip to content

Redesign site as hub-and-spoke multi-page layout #266

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
withinfocus merged 1 commit into from
May 16, 2026
Merged

Redesign site as hub-and-spoke multi-page layout #266

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
26 changes: 25 additions & 1 deletion .cspell.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,5 +14,29 @@
"/^```[\\s\\S]*?^```/gm",
"/\\w*\\_\\w*/g"
],
"words": ["withinfocus"]
"words": [
"withinfocus",
"dasharray",
"exfiltration",
"favicons",
"gatech",
"imobile",
"Inkscape",
"linecap",
"linejoin",
"Logomark",
"msapplication",
"mstile",
"noopener",
"OHMER",
"rarr",
"SDLC",
"Statiq",
"stylesheet",
"throughline",
"TSYS",
"nums",
"schooler",
"XNYTNNK"
]
}
7 changes: 4 additions & 3 deletions .stylelintrc.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
{
"rules": {
"at-rule-no-unknown": null
}
"customSyntax": "postcss-scss",
"rules": {
"at-rule-no-unknown": null
}
}
10 changes: 9 additions & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,11 @@
# withinfocus.com

Website for withinfocus.com.
Personal site for Matt Bishop. Statiq.Web deployed to GitHub Pages.

## Local development

```bash
dotnet run # build the site into ./output
dotnet run -- preview # build and preview locally (if enabled)
dotnet run -- deploy # build and deploy (used by CI)
```
20 changes: 11 additions & 9 deletions input/404.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,13 +1,15 @@
Title: "error"
NavKey: "404"
IncludeInSitemap: false
Description: "The page you were looking for isn't here."
---
<div class="p-5 mb-5 bg-light rounded jumbotron">
<div class="row">
<div class="col-md-12">
<h1 class="display-1">Oh No!</h1>
<p class="lead">
Seems you came to this page in error.
</p>
</div>
<section class="hero">
<div class="hero__inner">
<span class="kicker">404</span>
<h1>This page doesn't exist.</h1>
<p class="dek">
Either you followed a stale link or I moved a page while you weren't
looking. Try the <a href="/">homepage</a>.
</p>
</div>
</div>
</section>
100 changes: 100 additions & 0 deletions input/Career.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,100 @@
Title: "career"
NavKey: "career"
Description: "Matt Bishop's career -- Georgia Tech, iMobile3, Olo, and the cybersecurity practice he runs today through withinfocus, Inc."
---
<section class="hero">
<div class="hero__inner">
<span class="kicker">Career</span>
<h1>Twenty years of building.</h1>
<p class="dek">
From co-founding a payments company to scaling engineering through an IPO,
and now running a cybersecurity practice. One throughline: build systems that
people can trust, and the teams that keep them that way.
</p>
<p class="row">
<a href="https://www.linkedin.com/in/withinfocus" class="btn btn--primary">Full history on LinkedIn</a>
<a href="mailto:matt@@withinfocus.com" class="btn btn--ghost">Get in touch</a>
</p>
</div>
</section>

<section class="split">
<div class="split__text">
<h2>Georgia Tech</h2>
<p>
I graduated from <a href="https://www.gatech.edu">Georgia Tech</a> in 2006
with a BS in Computer Engineering (with high honor). I serve on the Georgia
Tech Alumni Association Board of Trustees (2024 - 2027).
</p>
</div>
<div class="split__media split__media--logo">
<img src="/assets/images/career-gatech.svg" alt="Georgia Tech" width="1200" height="900">
</div>
</section>

<section class="split split--reverse">
<div class="split__text">
<h2>iMobile3</h2>
<p>
I co-founded <strong>iMobile3</strong>, a mobile payments and loyalty company,
in 2008 and served as CTO through acquisition by TSYS in 2018. We built a
white-label POS and loyalty platform running across thousands of merchants,
which meant PCI DSS, tokenization, hardware terminals, and a level of paranoia
about failure modes that I still carry into every engagement. After the
acquisition I stayed on through the Global Payments merger as Director of
Platform Services, scaling the Vital POS platform across tens of thousands of
concurrent devices.
</p>
</div>
<div class="split__media split__media--logo">
<img src="/assets/images/career-imobile3.svg" alt="iMobile3" width="1200" height="900">
</div>
</section>

<section class="section">
<div class="pull-quote">
Startups teach you how to build something from nothing.
Public companies teach you not to break it. Both lessons matter.
</div>
</section>

<section class="split">
<div class="split__text">
<h2>Olo</h2>
<p>
I joined <a href="https://www.olo.com">Olo</a> as an engineering manager in
2019 and led the Guest Engagement group -- loyalty, SSO, and the platforms
that sat under millions of daily orders for 500+ restaurant brands. We took
the company public on the NYSE in March 2021, which is its own kind of
education: compliance, incident response, performance engineering, hiring,
and roadmap tension all change when the answer sheet is public.
</p>
</div>
<div class="split__media split__media--logo">
<img src="/assets/images/career-olo.svg" alt="Olo" width="1200" height="900">
</div>
</section>

<section class="section">
<div class="pull-quote">
Going public doesn't change the code. It changes everyone watching it.
</div>
</section>

<section class="split split--reverse">
<div class="split__text">
<h2>Now: withinfocus, Inc.</h2>
<p>
I run <a href="/work">withinfocus, Inc.</a>, a software consulting,
cybersecurity, and AI adoption practice. The work spans security architecture,
engineering leadership, and practical AI integration -- which in modern
engineering organizations is the same conversation three different ways.
Alongside that, I spend time inside large security and financial organizations
on architecture, platform modernization, and the engineering practices that
have to hold up at scale.
</p>
</div>
<div class="split__media split__media--logo">
<img src="/assets/images/career-withinfocus.svg" alt="withinfocus" width="1200" height="900">
</div>
</section>
121 changes: 58 additions & 63 deletions input/Index.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,72 +1,67 @@
Title: "home"
NavKey: "home"
Description: "Matt Bishop -- technology leader. Software consulting, cybersecurity, and AI adoption practice, based in Jacksonville."
---
<div class="p-5 mb-5 bg-light rounded jumbotron">
<div class="row">
<div class="col-md-9">
<h1 class="display-1">Hi, I'm Matt.</h1>
<p class="lead">
I'm a technology advisor and architect providing strategic guidance to enterprise organizations on
platform modernization, security architecture, and engineering leadership. Besides work I have a
pretty serious Jeep hobby, practice yoga, play a lot of <abbr title="frisbee">ultimate</abbr>,
and snap a few photos from time to time.
</p>
</div>
<div class="col-md-3">
<img src="/assets/me.webp" class="rounded pull-xs-right" alt="Me">
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2>Career</h2>
<p>
Growing up in New Jersey and Florida I graduated with an <a
href="https://www.ibo.org/programmes/diploma-programme/">IB diploma</a> from Stanton College Preparatory
School in 2003. I headed off to the <a href="https://www.gatech.edu">Georgia Institute of Technology</a>
and <abbr title="how Tech students describe graduation">got out</abbr> with a BS in Computer
Engineering in 2006, magna cum laude.
<section class="hero hero--home">
<div class="hero__inner">
<span class="kicker">Technology Leader</span>
<h1 class="hero__title">Hi, I'm Matt.</h1>
<p class="dek">
I spend my time working with engineering organizations, classic cars and Jeeps,
yoga students, and robotics teams.
</p>
<p>
I co-founded and was a partner / owner at iMobile3, a mobile payments company. We were acquired by TSYS, now
<a href="https://www.globalpayments.com">Global
Payments</a>, in June 2018.
Professionally, I lead <a href="/work">withinfocus, Inc.</a>, a software
consulting, cybersecurity, and AI adoption practice. Earlier I co-founded a
payments company called <a href="/career">iMobile3</a>, led it through
acquisition, then helped scale engineering at <a href="https://www.olo.com">Olo</a>
through its 2021 IPO. Along the way I've done architecture and leadership
work inside large security and financial organizations.
</p>
<p>After a successful transition I left Global and worked as an engineering manager at <a
href="https://www.olo.com">Olo</a> using my knowledge of customer loyalty and payments processing. Olo
successfully went public in March 2021.</p>
<p>My resumé is available on <a href="https://www.linkedin.com/in/withinfocus">LinkedIn</a>.</p>
</div>
<div class="col-md-4">
<h2>Hobbies</h2>
<p>I have always enjoyed photography (mostly portraits and landscapes) and maintain a <a
href="https://portfolio.withinfocus.com">small portfolio</a>. I have helped manage the image archives of
major publications and sports teams and spent a number of years on fields and courts for club and college
sports organizations.</p>
<p>My Jeep, a custom rock crawler based on a 2004 Wrangler, has been a <a
href="https://www.pirate4x4.com/forum/jeep-hardcore-tech/808300-project-yellow-jacket.html">long-term
project</a>.</p>
<p>I live in a home built in the 1890s with my family in <a
href="https://www.sparcouncil.org/where_are_we">historic Springfield</a> along with some backyard
chickens and a French bulldog.</p>
<p>
I own and operate a small classic auto restoration and service shop called <a
href="https://www.bishopclassicmotors.com">Bishop Classic Motors</a>, also in Springfield. My wife
Amanda and I, both <abbr title="RYT-200">certified teachers</abbr> and practitioners for over a decade own,
manage, and teach at
<a href="https://phoenixpower.yoga">Phoenix Power Yoga</a> in Neptune Beach, FL.
I studied Computer Engineering at
<a href="https://www.gatech.edu">Georgia Tech</a> and serve on the
Georgia Tech Alumni Association Board of Trustees. Outside of work I run
<a href="https://www.bishopclassicmotors.com">Bishop Classic Motors</a>,
mentor <a href="https://teamresistance.org">FRC Team 86 Resistance</a>, and co-own
<a href="https://phoenixpower.yoga">Phoenix Power Yoga</a> with my wife.
</p>
<p class="row">
<a href="/career" class="btn btn--ghost">Read the full story</a>
<a href="mailto:matt@@withinfocus.com" class="btn btn--primary">Get in touch</a>
</p>
</div>
<div class="col-md-4">
<h2>Links</h2>
<ul class="fa-ul">
<li><span class="fa-li"><i class="fab fa-facebook fa-lg"></i></span> <a
href="https://www.facebook.com/withinfocus">Friends-only, baby</a></li>
<li><span class="fa-li"><i class="fab fa-instagram fa-lg"></i></span> <a
href="https://www.instagram.com/withinfocus">Capturing moments</a></li>
<li><span class="fa-li"><i class="fab fa-github fa-lg"></i></span> <a
href="https://github.com/withinfocus">Open source or die</a></li>
<li><span class="fa-li"><i class="fab fa-stack-overflow fa-lg"></i></span> <a
href="https://stackoverflow.com/users/553125/matt-bishop">Helping the community</a></li>
</ul>
<img src="/assets/me.jpg" class="hero__portrait" alt="Matt Bishop">
</section>

<section class="section">
<div class="grid grid--3">
<a class="card" href="/career">
<span class="card__kicker">Career</span>
<h3 class="card__title">The arc</h3>
<p class="card__body">
Georgia Tech, co-founding iMobile3, the TSYS acquisition, scaling
engineering at Olo through IPO, and the work I'm doing now.
</p>
<span class="card__more" aria-hidden="true">&rarr;</span>
</a>
<a class="card" href="/work">
<span class="card__kicker">Work</span>
<h3 class="card__title">withinfocus, Inc.</h3>
<p class="card__body">
How I think about software consulting, security, and AI adoption, plus
how those show up in the practice I run today.
</p>
<span class="card__more" aria-hidden="true">&rarr;</span>
</a>
<a class="card" href="/life">
<span class="card__kicker">Life</span>
<h3 class="card__title">Outside the workplace</h3>
<p class="card__body">
Jeeps, cars, yoga, robots, Jacksonville, and the people I
share it with.
</p>
<span class="card__more" aria-hidden="true">&rarr;</span>
</a>
</div>
</div>
</section>
Loading