-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy path404.html
More file actions
19 lines (19 loc) · 15.1 KB
/
404.html
File metadata and controls
19 lines (19 loc) · 15.1 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!doctype html><html lang=en><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>404 Page not found | swengin.io</title><meta name=description content="Helping organizations evolve toward Cloud Native platforms with scalable architecture, reliable operations, and production-grade observability."><meta name=author content="Mona Borham"><link rel=canonical href=https://swengin.io/404.html><meta property="og:type" content="website"><meta property="og:title" content="404 Page not found | swengin.io"><meta property="og:description" content="Helping organizations evolve toward Cloud Native platforms with scalable architecture, reliable operations, and production-grade observability."><meta property="og:url" content="https://swengin.io/404.html"><meta property="og:image" content><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:site_name" content="swengin.io"><meta name=twitter:card content="summary_large_image"><meta name=twitter:title content="404 Page not found | swengin.io"><meta name=twitter:description content="Helping organizations evolve toward Cloud Native platforms with scalable architecture, reliable operations, and production-grade observability."><meta name=twitter:image content><link rel=icon href=/favicon.ico><link rel=stylesheet href=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css><link rel=stylesheet href=https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css><style>:root{--color-primary:#06B6D4;--color-second:#FFF;--color-third:#06B6D4;--color-primary-light:color-mix(in srgb, var(--color-primary) 80%, white);--color-primary-dark:color-mix(in srgb, var(--color-primary) 80%, black);--color-primary-lighter:color-mix(in srgb, var(--color-primary) 20%, white);--color-second-light:color-mix(in srgb, var(--color-second) 80%, white);--color-second-dark:color-mix(in srgb, var(--color-second) 80%, black);--color-second-lighter:color-mix(in srgb, var(--color-second) 20%, white);--color-third-light:color-mix(in srgb, var(--color-third) 80%, white);--color-third-dark:color-mix(in srgb, var(--color-third) 80%, black);--color-third-lighter:color-mix(in srgb, var(--color-third) 20%, white);--color-gray-50:color-mix(in srgb, var(--color-primary) 5%, white);--color-gray-100:color-mix(in srgb, var(--color-primary) 10%, white);--color-gray-300:color-mix(in srgb, var(--color-primary) 20%, white);--color-gray-400:color-mix(in srgb, var(--color-primary) 30%, white);--color-gray-500:color-mix(in srgb, var(--color-primary) 40%, white);--color-gray-600:color-mix(in srgb, var(--color-primary) 50%, black);--color-gray-700:color-mix(in srgb, var(--color-primary) 60%, black);--color-gray-800:color-mix(in srgb, var(--color-primary) 80%, black);--color-gray-900:color-mix(in srgb, var(--color-primary) 90%, black);--color-white:#ffffff;--color-black:#000000;--color-shadow-light:rgba(0, 0, 0, 0.1);--color-shadow-lighter:rgba(0, 0, 0, 0.05);--color-shadow-dark:rgba(0, 0, 0, 0.3);--color-text-muted:var(--color-gray-500);--color-border-secondary:var(--color-gray-300);--color-success:var(--color-second);--color-bg:var(--color-white);--color-bg-secondary:var(--color-gray-100);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-700);--color-border:var(--color-gray-300)}.dark{--color-bg:color-mix(in srgb, var(--color-primary) 50%, black);--color-bg-secondary:color-mix(in srgb, var(--color-primary) 30%, black);--color-bg-tertiary:color-mix(in srgb, var(--color-primary) 40%, black);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--color-border:var(--color-gray-700);--color-text-muted:var(--color-gray-400);--color-border-secondary:var(--color-gray-600)}</style><link rel=stylesheet type=text/css href=https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css><link rel=stylesheet href="/css/main.min.b5f55283e6d17b82a7177b4735f3a3ef2917b935a474675ca4771ca1a6f256bf.css?v=1775647535" data-version=1775647535><style>body{visibility:hidden}.dark body{visibility:hidden}</style></head><body class="bg-bg dark:bg-bg text-text-primary dark:text-text-primary flex flex-col min-h-screen transition-colors duration-200"><nav class="fixed w-full bg-bg dark:bg-bg shadow-md z-50" role=banner><div class="max-w-7xl mx-auto px-3 sm:px-4 lg:px-6"><div class="flex justify-between h-16"><div class="flex items-center"><a href=/ class="text-3xl font-bold text-text-primary dark:text-text-primary font-heading">Mona Borham</a></div><div class="hidden lg:flex items-center space-x-6"><a href=/#about class="nav-link text-text-primary dark:text-text-primary">About</a>
<a href=/#skills class="nav-link text-text-primary dark:text-text-primary">Expertise</a>
<a href=/#work-with-me class="nav-link text-text-primary dark:text-text-primary">Engagement Models</a>
<a href=/#contact class="nav-link text-text-primary dark:text-text-primary">Contact</a><div class="flex items-center space-x-4" data-animation=social><a href=https://www.linkedin.com/in/swengin target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125"><i class="fab fa-linkedin-in text-xl"></i>
</a><a href=https://github.com/swengin target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125"><i class="fab fa-github text-xl"></i>
</a><a href=https://calendly.com/mona-swengin/30min target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125" aria-label="Book a meeting on Calendly"><img src=/images/calendly-icon.svg alt class="w-6 h-6" width=24 height=24></a></div></div><div class="lg:hidden flex items-center space-x-4"><button id=menu-btn class="text-text-primary dark:text-text-primary">
<i class="fas fa-bars text-2xl"></i></button></div></div></div><div id=mobile-menu class="hidden lg:hidden bg-bg dark:bg-bg shadow-lg"><div class="px-2 pt-2 pb-3 space-y-1 sm:px-3"><a href=/#about class="nav-link block px-3 py-2 rounded-md text-base font-medium text-text-primary dark:text-text-primary">About
</a><a href=/#skills class="nav-link block px-3 py-2 rounded-md text-base font-medium text-text-primary dark:text-text-primary">Expertise
</a><a href=/#work-with-me class="nav-link block px-3 py-2 rounded-md text-base font-medium text-text-primary dark:text-text-primary">Engagement Models
</a><a href=/#contact class="nav-link block px-3 py-2 rounded-md text-base font-medium text-text-primary dark:text-text-primary">Contact</a><div class="flex items-center space-x-6 px-3 py-3 border-t border-border-primary dark:border-border-primary mt-2" data-animation=social><a href=https://www.linkedin.com/in/swengin target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125"><i class="fab fa-linkedin-in text-2xl"></i>
</a><a href=https://github.com/swengin target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125"><i class="fab fa-github text-2xl"></i>
</a><a href=https://calendly.com/mona-swengin/30min target=_blank rel="noopener noreferrer" class="text-text-primary dark:text-text-primary transition-transform duration-300 hover:scale-125" aria-label="Book a meeting on Calendly"><img src=/images/calendly-icon.svg alt class="w-7 h-7" width=28 height=28></a></div></div></div><style>.group.open .submenu{opacity:1!important;visibility:visible!important}</style><script>document.addEventListener("DOMContentLoaded",function(){console.log("Navigation script loaded");const n=document.querySelectorAll(".section-link");console.log("Found section links:",n.length);const e="/";n.forEach(t=>{t.addEventListener("click",function(t){t.preventDefault(),console.log("Section link clicked:",this.getAttribute("data-section"));const n=this.getAttribute("data-section"),s=window.location.pathname===e||window.location.pathname===e+"index.html"||window.location.pathname===e.replace(/\/$/,"");if(console.log("Is home page:",s),s){const e=document.querySelector(n);console.log("Target element found:",!!e),e&&e.scrollIntoView({behavior:"instant",block:"start"})}else console.log("Navigating to:",e+n),window.location.href=e+n})});function t(){if(console.log("Checking for hash:",window.location.hash),window.location.hash){const e=document.querySelector(window.location.hash);console.log("Hash target element found:",!!e),e&&setTimeout(()=>{console.log("Scrolling to hash target"),e.scrollIntoView({behavior:"instant",block:"start"})},100)}}t(),setTimeout(t,500),setTimeout(t,1e3),window.addEventListener("hashchange",function(){console.log("Hash changed to:",window.location.hash),t()}),window.addEventListener("load",function(){console.log("Window loaded, checking hash"),setTimeout(t,200)})}),document.querySelectorAll(".group > a.nav-link, .group > button.nav-link").forEach(e=>{e.addEventListener("click",function(e){e.preventDefault();const t=this.closest(".group"),n=t.classList.contains("open");document.querySelectorAll(".group").forEach(e=>e.classList.remove("open")),n||t.classList.add("open")}),document.addEventListener("click",function(t){const n=e.closest(".group");n.contains(t.target)||n.classList.remove("open")})});function toggleDarkMode(){const e=document.documentElement.classList.toggle("dark");localStorage.setItem("darkMode",e)}document.getElementById("darkModeToggle").addEventListener("click",toggleDarkMode),document.getElementById("darkModeToggleMobile").addEventListener("click",toggleDarkMode),document.querySelectorAll("#mobile-menu a").forEach(e=>{e.addEventListener("click",function(){document.getElementById("mobile-menu").classList.add("hidden")})})</script></nav><div class="w-full h-16"></div><main class=flex-grow><section id=404 class="pt-24 pb-16 md:pt-32 md:pb-24 gradient-bg dark:gradient-bg-dark text-text-primary"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row items-center"><div class="md:w-1/2 mb-10 md:mb-0"><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold mb-4 font-heading leading-tight text-text-primary">404</h1><h2 class="text-2xl md:text-3xl mb-6 text-text-primary">Page Not Found</h2><p class="text-lg mb-8 max-w-lg text-text-secondary">The page you are looking for does not exist.</p><div class="flex space-x-4"><a href=/ class="bg-bg dark:bg-bg text-primary dark:text-primary-light px-6 py-3 rounded-lg font-medium hover:bg-bg-secondary dark:hover:bg-bg-secondary transition duration-300">Go home</a>
<a href target=_blank rel=noopener class="bg-primary text-text-primary px-6 py-3 rounded-lg font-medium hover:bg-primary-dark transition duration-300"></a></div></div></div></div></section></main><footer class="bg-bg-secondary dark:bg-bg-secondary text-text-primary py-12 border-t border-border-primary"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex flex-col md:flex-row justify-between items-center"><div class="mb-4 md:mb-0"><a href=/#home class="text-xl font-bold text-text-primary font-heading">Mona Borham</a><p class="text-text-secondary dark:text-text-muted mt-1">Enterprise Ready AI. Cloud Native Modernization. Platform Architecture.</p><p class="text-text-secondary dark:text-text-muted mt-2">Architecting Sovereign AI Backbones and Cloud Native Platforms. I bridge the gap between legacy and production-grade Intelligence through automated, resilient, and secure Platform Architecture.</p><p class="text-text-secondary dark:text-text-muted mt-1"><i class="fas fa-map-marker-alt mr-2"></i>Germany</p><a href=mailto:mona@swengin.com class="text-text-secondary dark:text-text-muted text-primary dark:text-primary-light mt-1 inline-block"><i class="fas fa-envelope mr-2"></i>mona@swengin.com</a><div class="flex space-x-8 mt-6 items-center" data-animation=social><a href=https://www.linkedin.com/in/swengin/ target=_blank rel="noopener noreferrer" class="text-text-secondary dark:text-text-muted text-third dark:text-third-light transition-transform duration-300 hover:scale-125"><i class="fab fa-linkedin-in text-3xl text-text-primary dark:text-text-primary"></i>
</a><a href=https://github.com/swengin target=_blank rel="noopener noreferrer" class="text-text-secondary dark:text-text-muted text-third dark:text-third-light transition-transform duration-300 hover:scale-125"><i class="fab fa-github text-3xl text-text-primary dark:text-text-primary"></i>
</a><button type=button class="calendly-open-trigger text-text-secondary dark:text-text-muted text-third dark:text-third-light transition-transform duration-300 hover:scale-125" aria-label="Book a meeting on Calendly">
<img src=/images/calendly-icon.svg alt class="w-8 h-8" width=32 height=32></button></div></div><div class="flex flex-col items-end"><div class="flex flex-wrap gap-2 justify-end"><span class="bg-bg dark:bg-bg text-text-primary px-3 py-1 rounded-full text-sm font-semibold shadow-md">Enterprise Ready AI</span>
<span class="bg-bg dark:bg-bg text-text-primary px-3 py-1 rounded-full text-sm font-semibold shadow-md">Cloud Native Modernization</span>
<span class="bg-bg dark:bg-bg text-text-primary px-3 py-1 rounded-full text-sm font-semibold shadow-md">Platform Architecture</span></div></div></div><div class="mt-8 pt-8 border-t border-border-primary text-center text-text-secondary dark:text-text-muted text-sm"><p>© 2026 | Mona Borham | <a href=/impressum/ class="text-text-secondary dark:text-text-muted text-primary dark:text-primary-light mt-1 inline-block">Legal Notice
</a>| <a href=/privacy/ class="text-text-secondary dark:text-text-muted text-primary dark:text-primary-light mt-1 inline-block">Privacy Policy</a></p></div></div></footer><div id=pexels-config data-queries='["solar system","black hole","constellation","meteor"]' data-pexels-api-key data-formspree-endpoint=https://formspree.io/f/mkovkerq style=display:none></div><script>(function(){var e=document.getElementById("pexels-config");if(e){window.PEXELS_API_KEY=e.getAttribute("data-pexels-api-key")||"",window.FORMSPREE_ENDPOINT=e.getAttribute("data-formspree-endpoint")||"";try{window.PEXELS_QUERIES=JSON.parse(e.getAttribute("data-queries"))}catch{window.PEXELS_QUERIES=[]}}else window.PEXELS_API_KEY=window.FORMSPREE_ENDPOINT="",window.PEXELS_QUERIES=[]})()</script><script>window.HUGO_COLOR_PALETTES=[{name:"ocean",main_color:"#06B6D4",second_color:"#FFF",third_color:"#06B6D4"}],window.HUGO_COLOR_PALETTES&&window.HUGO_COLOR_PALETTES.length>0&&console.log("🎨 Using color palettes from Hugo config:",window.HUGO_COLOR_PALETTES.length,"palettes")</script><script src=/js/scripts.min.b6e79814155cf02c33cf809dde2d11276e3a6e63f9671f039a78ce333e82ecbe.js></script><script src=/js/dynamic-colors.min.6a387c448192ede54f610667cc57e48efd8a1b5a4ff417cee74f1860886f5e25.js></script><script src=/js/gsap-animations.min.8d4514b912ddd23fdf965b784542b279d8db50daad1aaa856e8204dd69252297.js></script><script src=/js/pexels-background.min.edae409d0d812424b335f7cdc22a70cd71e43cd73b76fe0d40de1f40a5f810ad.js></script><script src=https://cdn.jsdelivr.net/npm/fslightbox/index.js></script><script>document.documentElement.classList.remove("dark"),window.addEventListener("load",function(){document.body.style.visibility="visible"})</script></body></html>