1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" /> 6 <title>07x.nl</title> 7 <meta name="description" content="07x.nl. Ahmet Kayra Kama. Links, projects, contact." /> 8 <link rel="canonical" href="https://07x.nl/" /> 9 <meta property="og:title" content="07x.nl" /> 10 <meta property="og:description" content="07x.nl. Ahmet Kayra Kama. Links, projects, contact." /> 11 <meta property="og:url" content="https://07x.nl/" /> 12 <meta property="og:type" content="website" /> 13 <meta name="theme-color" content="#12131a" /> 14 <meta name="referrer" content="strict-origin-when-cross-origin" /> 15 <meta name="color-scheme" content="dark" /> 16 <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%2312131a'/%3E%3Cpath d='M9 9L23 23M23 9L9 23' stroke='%23e8e6e1' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E" /> 17 <link rel="preload" href="fonts/dmmono-400-latin.woff2" as="font" type="font/woff2" crossorigin /> 18 <link rel="stylesheet" href="fonts/fonts.css" /> 19
19<script src="analytics.js" defer></script>
19 20 <style> 21 :root { 22 --bg: #12131a; 23 --text: #e8e6e1; 24 --muted: #8b8a84; 25 --faint: #5c5b56; 26 --line: rgba(232, 230, 225, 0.1); 27 --accent: #9bb0c7; 28 --font: "DM Mono", "SFMono-Regular", ui-monospace, "Cascadia Mono", "Segoe UI Mono", Menlo, Consolas, monospace; 29 } 30 31 * { box-sizing: border-box; } 32 33 html, body { 34 margin: 0; 35 padding: 0; 36 min-height: 100%; 37 background: var(--bg); 38 color: var(--text); 39 } 40 41 body { 42 font-family: var(--font); 43 font-size: 15px; 44 font-weight: 400; 45 line-height: 1.7; 46 -webkit-font-smoothing: antialiased; 47 text-rendering: optimizeLegibility; 48 -webkit-text-size-adjust: 100%; 49 text-size-adjust: 100%; 50 } 51 52 .page { 53 width: min(560px, calc(100% - 2.5rem)); 54 margin: 0 auto; 55 min-height: 100vh; 56 padding: 57 max(4.5rem, env(safe-area-inset-top)) 58 0 59 max(3.5rem, env(safe-area-inset-bottom)); 60 display: flex; 61 flex-direction: column; 62 justify-content: center; 63 } 64 65 .section { 66 margin: 0 0 2rem; 67 } 68 69 .label { 70 margin: 0 0 0.7rem; 71 color: var(--faint); 72 font-size: 0.75rem; 73 font-weight: 400; 74 letter-spacing: 0.08em; 75 text-transform: uppercase; 76 } 77 78 .links { 79 list-style: none; 80 margin: 0; 81 padding: 0; 82 display: grid; 83 gap: 0.15rem; 84 } 85 86 .links a { 87 display: flex; 88 justify-content: space-between; 89 gap: 1rem; 90 padding: 0.45rem 0; 91 color: var(--text); 92 text-decoration: none; 93 border-bottom: 1px solid transparent; 94 } 95 96 .links a:hover, 97 .links a:focus-visible { 98 color: var(--accent); 99 border-bottom-color: rgba(155, 176, 199, 0.35); 100 outline: none; 101 } 102 103 .links .meta { 104 color: var(--faint); 105 font-size: 0.82rem; 106 } 107 108 .projects { 109 display: grid; 110 gap: 1.35rem; 111 } 112 113 .project { 114 padding-top: 1rem; 115 border-top: 1px solid var(--line); 116 } 117 118 .project-name { 119 margin: 0 0 0.35rem; 120 font-weight: 500; 121 } 122 123 .project-desc { 124 margin: 0 0 0.85rem; 125 color: var(--muted); 126 font-size: 0.92rem; 127 } 128 129 .project-links { 130 display: flex; 131 flex-wrap: wrap; 132 gap: 0.85rem; 133 } 134 135 .project-links a { 136 color: var(--accent); 137 text-decoration: none; 138 border-bottom: 1px solid rgba(155, 176, 199, 0.3); 139 } 140 141 .project-links a:hover, 142 .project-links a:focus-visible { 143 color: var(--text); 144 border-bottom-color: var(--text); 145 outline: none; 146 } 147 148 @media (max-width: 520px) { 149 .page { width: calc(100% - 2rem); padding-top: 3rem; } 150 body { font-size: 14px; } 151 .links a { flex-direction: column; gap: 0.1rem; } 152 } 153 </style> 154</head> 155<body> 156 <main class="page"> 157 <section class="section"> 158 <h1 class="label">links</h1> 159 <ul class="links"> 160 <li> 161 <a href="https://github.com/Jorji49" target="_blank" rel="noopener noreferrer">github</a> 162 </li> 163 <li> 164 <a href="https://www.linkedin.com/in/ahmetkayrakama/" target="_blank" rel="noopener noreferrer">linkedin</a> 165 </li> 166 <li> 167 <a href="https://open.spotify.com/artist/62pyoe9mFrqOXrPx0C72NQ" target="_blank" rel="noopener noreferrer">spotify</a> 168 </li> 169 <li> 170 <a href="https://www.youtube.com/@kayratvr" target="_blank" rel="noopener noreferrer">youtube</a> 171 </li> 172 <li> 173 <a href="https://soundcloud.com/kayratvr" target="_blank" rel="noopener noreferrer">soundcloud</a> 174 </li> 175 <li> 176 <a href="/cdn-cgi/l/email-protection#4f262129200f7f7837612123"> 177 <span>email</span><span class="meta"><span class="__cf_email__" data-cfemail="f39a9d959cb3c3c48bdd9d9f">[email protected]</span></span> 178 </a> 179 </li> 180 </ul> 181 </section> 182 183 <section class="section"> 184 <h2 class="label">projects</h2> 185 <div class="projects"> 186 <div class="project"> 187 <p class="project-name">streamtop</p> 188 <p class="project-desc">live HLS, DASH, and IPTV stream diagnostics in the terminal</p> 189 <div class="project-links"> 190 <a href="https://github.com/Jorji49/streamtop" target="_blank" rel="noopener noreferrer">github</a> 191 </div> 192 </div> 193 <div class="project"> 194 <p class="project-name">cloudscout for steam</p> 195 <p class="project-desc">chrome extension · steam + epic · cloud gaming signals</p> 196 <div class="project-links"> 197 <a href="cloudscout/">
197details</a> 198 <a href="https://chromewebstore.google.com/detail/cloudscout-for-steam/oollmbjppnfihcdmjdgkgekedcikbmgd" target="_blank" rel="noopener noreferrer">chrome web store</a> 199 </div> 200 </div> 201 </div> 202 </section> 203 </main>
vendor: 109 bytes, lines 203-204
203 204<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
204<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"1d4bdc3fb7e8446a81e4e239dad4e152","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 204
204
205<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44020086bd9eaec',t:'MTc5MDkwNjU0OA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
205</body> 206</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.