Skip to content

fix: serve route-specific OG previews #82

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
romahawk merged 2 commits into from
Aug 4, 2026
Merged

fix: serve route-specific OG previews #82

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
aa7497c
feat: deep link medtech workflow cards
romahawk Aug 3, 2026
ce00374
fix: serve route-specific og previews
romahawk Aug 4, 2026
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
4 changes: 2 additions & 2 deletions ai-workflow/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<meta property="og:type" content="website" />
<meta property="og:title" content="AI Workflow Library" />
<meta property="og:description" content="Practical examples of AI-assisted workflow systems for MedTech, HealthTech, and regulated operations." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og-ai-workflows.png" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai-workflows.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
Expand All @@ -32,7 +32,7 @@
<meta property="twitter:url" content="https://www.mazuryk.dev/ai-workflow" />
<meta name="twitter:title" content="AI Workflow Library" />
<meta name="twitter:description" content="Practical examples of AI-assisted workflow systems for MedTech, HealthTech, and regulated operations." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-ai-workflows.png" />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai-workflows.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
Expand Down
45 changes: 45 additions & 0 deletions ai/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
<link rel="canonical" href="https://www.mazuryk.dev/ai" />

<title>AI Workflow Systems and Automation for SMEs - Roman Mazuryk</title>
<meta
name="description"
content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs."
/>

<meta property="og:url" content="https://www.mazuryk.dev/ai" />
<meta property="og:type" content="website" />
<meta property="og:title" content="AI Workflow Systems and Automation for SMEs - Roman Mazuryk" />
<meta property="og:description" content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="AI workflow automation systems preview for Roman Mazuryk." />

<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="mazuryk.dev" />
<meta property="twitter:url" content="https://www.mazuryk.dev/ai" />
<meta name="twitter:title" content="AI Workflow Systems and Automation for SMEs - Roman Mazuryk" />
<meta name="twitter:description" content="AI Workflow Opportunity Audits, automation pilots, internal assistants, SOP systems, dashboards, and implementation roadmaps for operations-heavy SMEs." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
document.documentElement.setAttribute('data-theme',t);
})();
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions collaborate/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<meta property="og:type" content="website" />
<meta property="og:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
<meta property="og:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og-services.png" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
Expand All @@ -32,7 +32,7 @@
<meta property="twitter:url" content="https://www.mazuryk.dev/collaborate" />
<meta name="twitter:title" content="AI-Assisted Workflow Collaboration for MedTech Teams" />
<meta name="twitter:description" content="Workflow audits, discovery sprints, prototypes, SOP systems, and compliance-aware automation support for MedTech, HealthTech, and regulated operations teams." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-services.png" />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-ai.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
Expand Down
45 changes: 45 additions & 0 deletions fullstack/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
<link rel="canonical" href="https://www.mazuryk.dev/fullstack" />

<title>From Audit to Working System - Roman Mazuryk</title>
<meta
name="description"
content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications."
/>

<meta property="og:url" content="https://www.mazuryk.dev/fullstack" />
<meta property="og:type" content="website" />
<meta property="og:title" content="From Audit to Working System - Roman Mazuryk" />
<meta property="og:description" content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-fullstack.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Full-stack implementation proof preview for Roman Mazuryk." />

<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="mazuryk.dev" />
<meta property="twitter:url" content="https://www.mazuryk.dev/fullstack" />
<meta name="twitter:title" content="From Audit to Working System - Roman Mazuryk" />
<meta name="twitter:description" content="Implementation proof for AI workflow consulting: prototypes, dashboards, internal tools, automations, and deployed workflow applications." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-fullstack.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
document.documentElement.setAttribute('data-theme',t);
})();
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<meta property="og:type" content="website">
<meta property="og:title" content="Roman Mazuryk — MedTech Product &amp; Workflow Systems">
<meta property="og:description" content="MedTech operator and product systems builder combining real implementation experience with AI-assisted discovery, prototyping, documentation, and delivery.">
<meta property="og:image" content="https://www.mazuryk.dev/images/og-home.png">
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-home.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta
Expand All @@ -32,7 +32,7 @@
<meta property="twitter:url" content="https://www.mazuryk.dev/">
<meta name="twitter:title" content="Roman Mazuryk — MedTech Product &amp; Workflow Systems">
<meta name="twitter:description" content="MedTech operator and product systems builder combining real implementation experience with AI-assisted discovery, prototyping, documentation, and delivery.">
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-home.png">
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-home.png">
<script>
(function(){
var m=localStorage.getItem('theme');
Expand Down
45 changes: 45 additions & 0 deletions medtech-ai-systems/clinical-evidence-workflow/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
<link rel="canonical" href="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />

<title>AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev</title>
<meta
name="description"
content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system."
/>

<meta property="og:url" content="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />
<meta property="og:type" content="website" />
<meta property="og:title" content="AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev" />
<meta property="og:description" content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="AI-assisted clinical evidence workflow preview for MedTech teams." />

<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="mazuryk.dev" />
<meta property="twitter:url" content="https://www.mazuryk.dev/medtech-ai-systems/clinical-evidence-workflow" />
<meta name="twitter:title" content="AI-Assisted Clinical Evidence Workflow for MedTech Teams | mazuryk.dev" />
<meta name="twitter:description" content="Compliance-aware workflow concept for turning scattered clinical evidence, product claims, PDFs, studies, and internal knowledge into a structured, traceable review system." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
document.documentElement.setAttribute('data-theme',t);
})();
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
45 changes: 45 additions & 0 deletions medtech/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preload" as="image" href="/images/profile.jpg" fetchpriority="high" />
<link rel="canonical" href="https://www.mazuryk.dev/medtech" />

<title>MedTech and Regulated Operations Proof - Roman Mazuryk</title>
<meta
name="description"
content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments."
/>

<meta property="og:url" content="https://www.mazuryk.dev/medtech" />
<meta property="og:type" content="website" />
<meta property="og:title" content="MedTech and Regulated Operations Proof - Roman Mazuryk" />
<meta property="og:description" content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="MedTech and regulated operations proof preview for Roman Mazuryk." />

<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="mazuryk.dev" />
<meta property="twitter:url" content="https://www.mazuryk.dev/medtech" />
<meta name="twitter:title" content="MedTech and Regulated Operations Proof - Roman Mazuryk" />
<meta name="twitter:description" content="Real MedTech implementation experience used as authority for AI workflow consulting in regulated, documentation-heavy, and handover-heavy environments." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-medtech.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
var t=m?m:(window.matchMedia('(prefers-color-scheme: dark)').matches?'dark':'light');
document.documentElement.setAttribute('data-theme',t);
})();
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
</body>
</html>
4 changes: 2 additions & 2 deletions proof-of-work/or-integration/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
property="og:description"
content="Real-world MedTech implementation experience across operating room infrastructure, surgical equipment integration, video/audio workflows, clinical handover, and hospital stakeholder coordination."
/>
<meta property="og:image" content="https://www.mazuryk.dev/images/og-or_workflow.png" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-or_workflow.png" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta
Expand All @@ -37,7 +37,7 @@
name="twitter:description"
content="Real-world MedTech implementation experience across operating room infrastructure, surgical equipment integration, video/audio workflows, clinical handover, and hospital stakeholder coordination."
/>
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-or_workflow.png" />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-or_workflow.png" />
<script>
(function(){
var m=localStorage.getItem('theme');
Expand Down
Binary file removed public/images/og-ai-workflows.png
View file
Open in desktop
Binary file not shown.
Binary file removed public/images/og-home.png
View file
Open in desktop
Binary file not shown.
Binary file removed public/images/og-services.png
View file
Open in desktop
Binary file not shown.
Binary file added public/images/og/og-ai-workflows.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/og/og-ai.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/og/og-fullstack.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/images/og/og-home.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 public/images/og-livesurgery.jpg → public/images/og/og-livesurgery.jpg
View file
Open in desktop
File renamed without changes
Binary file added public/images/og/og-medtech.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
0 public/images/og-or_workflow.png → public/images/og/og-or_workflow.png
View file
Open in desktop
File renamed without changes
4 changes: 2 additions & 2 deletions public/livesurgery/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,14 +14,14 @@
<meta property="og:url" content="https://www.mazuryk.dev/livesurgery" />
<meta property="og:title" content="LiveSurgery | Product System" />
<meta property="og:description" content="LiveSurgery: real-time MedTech collaboration system exploring multi-source video orchestration, workflow integrity, and regulated delivery constraints." />
<meta property="og:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="LiveSurgery | Product System" />
<meta name="twitter:description" content="LiveSurgery: real-time MedTech collaboration system exploring multi-source video orchestration, workflow integrity, and regulated delivery constraints." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
<style>
:root {
--bg: #060b16;
Expand Down
4 changes: 2 additions & 2 deletions public/projects/livesurgery/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,11 @@
<meta property="og:title" content="LiveSurgery - Real-Time Surgical Collaboration System — mazuryk.dev" />
<meta property="og:description" content="Founder-led MedTech product initiative unifying multi-source video, role-based interaction, and session governance into one OR workflow designed for reliability under clinical constraints." />
<meta property="og:url" content="https://www.mazuryk.dev/projects/livesurgery" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
<meta property="og:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="LiveSurgery - Real-Time Surgical Collaboration System — mazuryk.dev" />
<meta name="twitter:description" content="Founder-led MedTech product initiative unifying multi-source video, role-based interaction, and session governance into one OR workflow designed for reliability under clinical constraints." />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og-livesurgery.jpg" />
<meta name="twitter:image" content="https://www.mazuryk.dev/images/og/og-livesurgery.jpg" />
<script>window.location.replace("/#projects/livesurgery");</script>
</head>
<body></body>
Expand Down
Loading
Loading