1<!doctype html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" /> 6 <link rel="shortcut icon" href="/favicon-32.png" /> 7 <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> 8 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 9 <meta name="color-scheme" content="light dark"> 10 <meta name="supported-color-schemes" content="light dark"> 11 12
12<script src="/portfolio-theme.js"></script>
12 13 14 <!-- Primary SEO --> 15 <meta name="description" content="I build thoughtful software, small businesses, and the occasional unnecessary idea. Independent product builder based in the Netherlands."> 16 <link rel="canonical" href="https://mhyks.com"> 17 <link rel="alternate" type="application/rss+xml" title="Mirhad Rama Blog" href="https://mhyks.com/rss.xml"> 18 <link rel="alternate" type="application/rss+xml" title="Layr App Updates" href="https://mhyks.com/appcasts/layr.xml"> 19 <link rel="alternate" type="application/rss+xml" title="Cazzete App Updates" href="https://mhyks.com/appcasts/cazzete/appcast.xml"> 20 21 <!-- Open Graph --> 22 <meta property="og:site_name" content="Mirhad Rama"> 23 <meta property="og:type" content="website"> 24 <meta property="og:url" content="https://mhyks.com"> 25 <meta property="og:title" content="Mirhad Rama â Independent product builder"> 26 <meta property="og:description" content="I build thoughtful software, small businesses, and the occasional unnecessary idea. Independent product builder based in the Netherlands."> 27 <meta property="og:image" content="https://mhyks.com/api/og"> 28 <meta property="og:image:alt" content="Mirhad Rama â Independent product builder"> 29 <meta property="og:image:width" content="1200"> 30 <meta property="og:image:height" content="630"> 31 <meta property="og:locale" content="en_US"> 32 33 <!-- Twitter / X Card --> 34 <meta name="twitter:card" content="summary_large_image"> 35 <meta name="twitter:site" content="@Mhyksx"> 36 <meta name="twitter:creator" content="@Mhyksx"> 37 <meta name="twitter:title" content="Mirhad Rama â Independent product builder"> 38 <meta name="twitter:description" content="I build thoughtful software, small businesses, and the occasional unnecessary idea. Independent product builder based in the Netherlands."> 39 <meta name="twitter:image" content="https://mhyks.com/api/og"> 40 <meta name="twitter:image:alt" content="Mirhad Rama â Independent product builder"> 41 42 <!-- JSON-LD structured data (updated dynamically per page by React) --> 43
43<script id="json-ld" type="application/ld+json">{"@context":"https://schema.org","@type":"Person","name":"Mirhad Rama","url":"https://mhyks.com","image":"https://mhyks.com/api/og","sameAs":["https://github.com/infxmousrogue","https://bsky.app/profile/mhyks.com","https://x.com/Mhyksx"],"jobTitle":"Independent software maker","description":"Small software for everyday annoyances â thoughtful macOS and iOS products built by Mirhad Rama.","knowsAbout":["iOS development","macOS development","SwiftUI","product design"]}</script>
43 44 45 <!-- PWA and mobile optimizations --> 46 <meta name="mobile-web-app-capable" content="yes"> 47 <meta name="application-name" content="Mhyks Portfolio"> 48 49 <!-- Safari status bar styling - iOS specific --> 50 <meta name="apple-mobile-web-app-capable" content="yes"> 51 <meta name="apple-mobile-web-app-title" content="Mhyks Portfolio"> 52 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> 53 54 <!-- Let mobile browser chrome keep its native translucent overlay instead of tinting into a solid bar. --> 55 <meta name="theme-color" media="(prefers-color-scheme: light)" content="transparent"> 56 <meta name="theme-color" media="(prefers-color-scheme: dark)" content="transparent"> 57 <meta name="theme-color" id="app-theme-color" content="transparent"> 58 <style>html,body,#root{background-color:#101722}@media (prefers-color-scheme:dark){html,body,#root{background-color:#151511}}html[data-page=workbench],html[data-page=workbench] body,html[data-page=workbench] #root{background-color:#101722}</style> 59 60 <!-- Microsoft tiles --> 61 <meta name="msapplication-TileColor" content="#f7f6f1"> 62 <meta name="msapplication-navbutton-color" content="#f7f6f1"> 63 64 <!-- iOS Safari specific optimizations --> 65 <meta name="apple-touch-fullscreen" content="yes"> 66 67 <!-- Additional Safari optimization --> 68 <meta name="format-detection" content="telephone=no"> 69 70
70<script 71 defer 72 src="https://cdn.telemetrydeck.com/websdk/telemetrydeck.min.js" 73 data-app-id="5AA757D9-17F7-4694-B3A6-EA963DD8D763" 74 ></script>
74 75 76 <title>Mirhad Rama â Independent product builder</title> 77
77<script type="module" crossorigin src="/assets/index-A3urkjDi.js"></script>
77 78 <link rel="modulepreload" crossorigin href="/assets/use-reduced-motion-B-LXol6V.js"> 79 <link rel="stylesheet" crossorigin href="/assets/index-C8QmleT9.css"> 80 </head> 81 <body> 82 <div id="root"></div> 83 </body> 84</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.