1<!DOCTYPE html> 2<html lang="nl"> 3 <head> 4 <meta http-equiv="origin-trial" 5 content="Az520Inasey3TAyqLyojQa8MnmCALSEU29yQFW8dePZ7xQTvSt73pHazLFTK5f7SyLUJSo2uKLesEtEa9aUYcgMAAACPeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZS5jb206NDQzIiwiZmVhdHVyZSI6IkRpc2FibGVUaGlyZFBhcnR5U3RvcmFnZVBhcnRpdGlvbmluZyIsImV4cGlyeSI6MTcyNTQwNzk5OSwiaXNTdWJkb21haW4iOnRydWUsImlzVGhpcmRQYXJ0eSI6dHJ1ZX0="> 6 <meta charset="UTF-8"> 7 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 8 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 9 <title>OSAsense</title> 10 <meta name="csrf-token" content="HeeohL2wsCLzyRbBYkdqWjnqPMNDKoTglgHSyNgQ"> 11 <meta name="keywords" content="OSAsense, Haaksbergen, Slaapapneu, Gevalideerde screeningstool, DiagnOSAS"> 12 <meta name="description" content="Een klinisch gevalideerde screeningstool voor slaapapneu."> 13 <meta name="subject" content="Een klinisch gevalideerde screeningstool voor slaapapneu."> 14 <meta name="copyright" content="OSAsense"> 15 <meta name="language" content="NL"> 16 <meta name="author" content="OSAsense, [email protected]"> 17 <meta name="reply-to" content="[email protected]"> 18 <meta name="owner" content="OSAsense"> 19 <link rel="icon" href="/assets/favicon.png" type="image/x-icon" /> 20 <link rel="shortcut icon" href="/assets/favicon.png" type="image/x-icon" /> 21 <link rel="stylesheet" href="/assets/css/all.css"> 22 <title>OSAsense</title> 23 <meta name="description" content="OSAsense"> 24<meta property="og:title" content="OSAsense | Ons" /> 25<meta property="og:description" content="OSAsense" /> 26 27 28 <link rel="preload" as="style" href="https://www.osasense.com/build/assets/site-bcc181e9.css" /><link rel="modulepreload" href="https://www.osasense.com/build/assets/site-3a95a435.js" /><link rel="stylesheet" href="https://www.osasense.com/build/assets/site-bcc181e9.css" />
28<script type="module" src="https://www.osasense.com/build/assets/site-3a95a435.js"></script>
28 29 </head> 30 31 <body class="flex flex-col min-h-screen overflow-x-hidden"> 32 <header> 33 <div class="relative"> 34 <div class="relative flex justify-center h-20 z-30 px-8 shadow-md"> 35 <nav x-data="{ isMobile: false, showMobileNav: false }" x-screen="isMobile = ($width < 1024)" x-cloak 36 class="container flex flex-wrap content-center items-center justify-between py-10 lg:py-6"> 37 <div class="lg:mt-2 antialiased font-medium text-md max-w-[200px] lg:w-[140px] xl:w-[200px]"> 38 <a href="/" aria-label="OSAsense" class="block mr-12 text-xl font-black lg:inline-block"> 39 40 <img src="/assets/logo.svg" alt="Logo" class="max-h-8"> 41 42</a> 43 44 </div> 45 46 <!-- Toggle Button (mobile) --> 47 <div class="block lg:hidden flex items-center"> 48 <div class="w-8 cursor-pointer inline-block relative text-center"> 49 <li class="flex justify-center items-center" x-cloak> 50 <img alt="Language selector" 51 src="/assets/flags/nl.svg" 52 class="inline self-center w-6" 53 id="current-language-btn-mobile"> 54 </li> 55 <div id="language-options-mobile" class="hidden cursor-pointer absolute right-0 mt-2 w-full bg-white rounded-sm border-1 border-gray-400 ring-opacity-5 shadow-lg" x-cloak> 56 <div class="my-1 flex flex-col space-y-1"> 57 58 59 60 61 <a href="/en/about"> 62 <img alt="en" 63 src="/assets/flags/en.svg" 64 class="inline self-center w-6"> 65 </a> 66 67 68 69 <a href="/de/about"> 70 <img alt="de" 71 src="/assets/flags/de.svg" 72 class="inline self-center w-6"> 73 </a> 74 75 76 </div> 77 </div> 78 </div> 79 80 <button id="open-toggle" class="flex items-center p-3 text-gray-800" x-bind:class="{ 'hidden': showMobileNav }" 81 @click="showMobileNav = true"> 82 <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 83 <title>Open Menu</title> 84 <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" /> 85 </svg> 86 </button> 87 88 <button class="items-center p-3 text-gray-800" x-bind:class="{ 'flex': showMobileNav, 'hidden': ! showMobileNav }" 89 @click="showMobileNav = false" x-cloak> 90 <svg class="w-5 h-5 fill-current" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> 91 <title>Close Menu</title> 92 <path 93 d="M10 8.586L2.929 1.515 1.515 2.929 8.586 10l-7.071 7.071 1.414 1.414L10 11.414l7.071 7.071 1.414-1.414L11.414 10l7.071-7.071-1.414-1.414L10 8.586z" /> 94 </svg> 95 </button> 96</div> 97
98<script> 99 document.addEventListener('DOMContentLoaded', function () { 100 document.getElementById('current-language-btn-mobile').addEventListener('click', function () { 101 toggleLanguageOptions('language-options-mobile'); 102 }); 103 104 document.getElementById('open-toggle').addEventListener('click', function () { 105 const optionsElement = document.getElementById('language-options-mobile'); 106 let hidden = optionsElement.classList.contains('hidden'); 107 if (!hidden) { 108 toggleLanguageOptions('language-options-mobile'); 109 } 110 }); 111 }); 112</script>
112 113 114 115 <!-- Mobile --> 116 <div id="mobile-nav" class="items-center h-full w-full lg:hidden" x-cloak x-show="showMobileNav" @click.outside="showMobileNav = false"> 117 <div class="bg-white mt-1 -mx-8 px-10 pb-8 shadow-md border-t-1 border-gray-300"> 118 <ul class="divide-y mt-4 mb-6"> 119 120 <li> 121 <a href="/" aria-label="Home" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 122 block "> 123 Home 124 125 </a> 126 </li> 127 128 <li> 129 <a href=" javascript:void(0) " aria-label="Over" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 130 block text-[#7371b5]"> 131 Over 132 133 <div class="ml-5 pt-4 -mb-4 flex flex-col items-start"> 134 135 <button onclick="redirectToPage(this, event, '/about', '/')" class="flex flex-nowrap lg:text-sm font-sans text-gray-600 py-3"> 136 <span class=" text-[#7371b5]"><i class="mr-5 fas fa-angle-right"></i> 137 Ons</span> 138 </button> 139 140 <button onclick="redirectToPage(this, event, '/collaborations', '/')" class="flex flex-nowrap lg:text-sm font-sans text-gray-600 py-3"> 141 <span class=" "><i class="mr-5 fas fa-angle-right"></i> 142 Samenwerkingen</span> 143 </button> 144 145 </div> 146 147 </a> 148 </li> 149 150 <li> 151 <a href="/services" aria-label="Diensten" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 152 block "> 153 Diensten 154 155 </a> 156 </li> 157 158 <li> 159 <a href="/support" aria-label="Ondersteuning" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 160 block "> 161 Ondersteuning 162 163 </a> 164 </li> 165 166 <li> 167 <a href="/patient-information" aria-label="Patiënteninformatie" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 168 block "> 169 Patiënteninformatie 170 171 </a> 172 </li> 173 174 <li> 175 <a href="/join" aria-label="Aanmelden" class="pr-5 py-4 border-b-1 border-gray-300 last:border-b-0 font-medium text-[#4a5568] transition-all 176 block "> 177 Aanmelden 178 179 </a> 180 </li> 181 182 </ul> 183 184 <div class="inline lg:px-2 py-2 text-lg font-medium tracking-wider text-gray-700 cursor-pointer trans whitespace-no-wrap"> 185 <a href="https://app.osasense.com/login" 186 target="_blank" 187 aria-label="Login to our client panel!" 188 rel="noreferrer" 189 class="px-4 py-2 text-white rounded-lg bg-gradient-purple trans focus:outline-none hover:shadow-md hover:opacity-85"> 190 <span class="mr-2 fas fa-user"></span>Inloggen 191 </a> 192 </div> 193 </div> 194</div> 195 196 197 198 199 <!-- Desktop --> 200 <!-- Desktop --> 201<template x-if="!isMobile"> 202 <ul class="hidden lg:w-auto lg:flex lg:items-center md:text-xs xl:text-sm"> 203 204 <li> 205 <a href="/" aria-label="Home" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 206 block text-[#4a5568] cursor-pointer"> 207 Home 208 209 210 </a> 211 </li> 212 213 <li> 214 <a href=" javascript:void(0) " aria-label="Over" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 215 block text-[#4a5568] text-[#7371b5] cursor-default"> 216 Over 217
218 <span><i class="ml-1 fas fa-angle-down text-[#4a5568] group-hover:text-[#7371b5] text-[#7371b5]"></i></span> 219 220 221 <div class="absolute hidden z-10 bg-grey-200 group-hover:block"> 222 <div class="-ml-12 bg-white shadow-md mt-10 border-1 border-gray-300 rounded-[4px]"> 223 <div class="grid grid-cols-1 px-6"> 224 225 <button onclick="redirectToPage(this, event, '/about', '/')" class="lg:text-sm font-sans py-3 hover:text-[#7371b5] border-b-1 border-gray-300 text-[#7371b5] "> 226 Ons 227 </button> 228 229 <button onclick="redirectToPage(this, event, '/collaborations', '/')" class="lg:text-sm font-sans py-3 hover:text-[#7371b5] text-gray-600 "> 230 Samenwerkingen 231 </button> 232 233 </div> 234 </div> 235 </div> 236 237 </a> 238 </li> 239 240 <li> 241 <a href="/services" aria-label="Diensten" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 242 block text-[#4a5568] cursor-pointer"> 243 Diensten 244 245 246 </a> 247 </li> 248 249 <li> 250 <a href="/support" aria-label="Ondersteuning" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 251 block text-[#4a5568] cursor-pointer"> 252 Ondersteuning 253 254 255 </a> 256 </li> 257 258 <li> 259 <a href="/patient-information" aria-label="Patiënteninformatie" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 260 block text-[#4a5568] cursor-pointer"> 261 Patiënteninformatie 262 263 264 </a> 265 </li> 266 267 <li> 268 <a href="/join" aria-label="Aanmelden" class="group px-5 py-2 font-medium text-[#4a5568] hover:text-[#7371b5] transition-all 269 block text-[#4a5568] cursor-pointer"> 270 Aanmelden 271 272 273 </a> 274 </li> 275 276 </ul> 277</template> 278 279<template x-if="!isMobile"> 280 <div class="w-8 cursor-pointer inline-block relative text-center"> 281 <li class="flex justify-center"> 282 <img alt="nl" 283 src="/assets/flags/nl.svg" 284 class="inline self-center w-6" 285 id="current-language-btn"> 286 </li> 287 <div id="language-options" class="hidden cursor-pointer absolute right-0 mt-2 w-full bg-white rounded-sm border-1 border-gray-400 ring-opacity-5 shadow-lg"> 288 <div class="my-1 flex flex-col space-y-1"> 289 290 291 292 293 <a href="/en/about"> 294 <img alt="en" 295 src="/assets/flags/en.svg" 296 class="inline self-center w-6"> 297 </a> 298 299 300 301 <a href="/de/about"> 302 <img alt="de" 303 src="/assets/flags/de.svg" 304 class="inline self-center w-6"> 305 </a> 306 307 308 </div> 309 </div> 310 </div> 311</template> 312 313<!-- Desktop Login Button --> 314<template x-if="!isMobile"> 315 <div id="desktop-login-btn" class="inline py-2 text-lg font-medium tracking-wider text-gray-700 cursor-pointer trans whitespace-no-wrap"> 316 <a href="https://app.osasense.com/login" 317 target="_blank" 318 aria-label="Login to our client panel!" 319 rel="noreferrer" 320 class="px-4 py-2 text-white rounded-lg bg-gradient-purple trans focus:outline-none hover:shadow-md hover:opacity-85">
321 <span class="mr-2 fas fa-user"></span>Inloggen 322 </a> 323 </div> 324</template>
325<script> 326 document.addEventListener('DOMContentLoaded', function () { 327 handleResize(); 328 window.addEventListener('resize', handleResize); 329 330 document.getElementById('current-language-btn').addEventListener('click', function () { 331 toggleLanguageOptions('language-options'); 332 }); 333 }); 334 function handleResize() { 335 const loginButtonElement = document.getElementById('desktop-login-btn'); 336 const languageElement = document.getElementById('current-language-btn'); 337 let isTablet = window.innerWidth < 1024; 338 339 if (isTablet) { 340 if(loginButtonElement !== null && languageElement !== null) { 341 loginButtonElement.classList.add('hidden'); 342 languageElement.classList.add('hidden'); 343 } 344 } else { 345 if(loginButtonElement !== null && languageElement !== null) { 346 loginButtonElement.classList.remove('hidden'); 347 languageElement.classList.remove('hidden'); 348 } 349 } 350 } 351 352 function toggleLanguageOptions(optionsElementId) { 353 const optionsElement = document.getElementById(optionsElementId); 354 let hidden = optionsElement.classList.contains('hidden'); 355 if (!hidden) { 356 optionsElement.classList.add('hidden'); 357 document.removeEventListener('click', handleClickOutside); 358 } else { 359 optionsElement.classList.remove('hidden'); 360 setTimeout(() => { 361 document.addEventListener('click', handleClickOutside); 362 }, 100); 363 } 364 } 365 366 function handleClickOutside(event) { 367 let isTablet = window.innerWidth < 1024; 368 let optionsElement; 369 if (isTablet) { 370 optionsElement = document.getElementById('language-options-mobile'); 371 } else { 372 optionsElement = document.getElementById('language-options'); 373 } 374 if (!optionsElement.classList.contains('hidden')) { 375 const isClickInside = optionsElement.contains(event.target); 376 if (!isClickInside) { 377 optionsElement.classList.add('hidden'); 378 document.removeEventListener('click', handleClickOutside); 379 } 380 } 381 } 382 383 function redirectToPage(button, event, url, lang) { 384 if (lang === '/en' || lang === '/de') { 385 if (!url.startsWith('/en') && !url.startsWith('/de')) { 386 url = lang + url; 387 } 388 } 389 event.preventDefault(); 390 window.location.href = url; 391 } 392</script>
392 393 394 </nav> 395 </div> 396</div> 397 398 </header> 399 400 <div class="bg-gray-100 pt-8 pb-16 px-8 text-lg leading-relaxed text-gray-800"> 401 <!-- About us section --> 402 <div class="container mx-auto space-y-3"> 403 <div> 404 <h1 class="text-3xl font-bold tracking-wide text-black leading-loose-xl"> 405 Over OSAsense B.V. 406 </h1> 407 <p>OSAsense is ontstaan uit de constatering dat de diagnose van slaapapneu voor patiënten aanzienlijk verbeterd kan worden. Momenteel blijkt dat 20% tot 35% van de patiënten die naar het ziekenhuis worden verwezen met een verdenking op slaapapneu, uiteindelijk geen slaapapneu heeft. Tegelijkertijd wijzen onderzoeken uit dat er in Nederland veel mensen zijn die lijden aan slaapapneu zonder daarvoor behandeld te worden, terwijl zij vaak wel negatieve gezondheidseffecten ondervinden. De huidige methode (poly(somno)grafie) om slaapapneu vast te stellen is complex, tijdrovend en kostbaar.</p> 408 </div> 409 410 <section> 411 <h3 class="text-xl font-semibold text-main leading-loose-xl"> 412 Onze oplossing 413 </h3> 414 <p>We hebben het OSAsense platform ontwikkeld met als voornaamste doel het bieden van een oplossing waarmee patiënten thuis op een laagdrempelige, snelle en kosteneffectieve manier uitgesloten kunnen worden op de waarschijnlijkheid van slaapapneu. Dit door middel van een nachtelijke saturatiemeting en een gevalideerde vragenlijst.</p> 415 </section> 416 417 <section> 418 <h3 class="text-xl font-semibold text-main leading-loose-xl"> 419 Onze aanpak 420 </h3> 421 <p>Onze handelwijze is gebaseerd op evidence-based principes, waarbij we de richtlijnen voor ethisch medisch handelen volgen. Daarnaast streven we ernaar een rol te spelen in het vergroten van het bewustzijn onder huisartsen en patiënten over diverse aspecten, waaronder slaaphygiëne, symptomen, diagnostiek en behandeling van slaapapneu. Voor meer informatie verwijzen we u door naar onze <a href="/services"><span class="text-color" style="color: #7371b5">Diensten</span></a><span class="text-color" style="color: #7371b5"> </span>pagina.</p> 422 </section> 423 424 </div> 425 <!-- Our team section --> 426 <div class="py-8 my-12 -mx-8 " style="background-image: url(' /assets/banners/banner_about_us.png '); background-size: cover" > 427 <section class="fade-in container px-8 pb-8 mx-auto sm:px-2 xl:px-0 overflow-x-hidden"> 428 <h1 class="mb-2 sm:px-6 xl:px-0 text-3xl text-shadow-md font-bold tracking-wide text-white leading-loose-xl"> 429 Ons team 430 </h1> 431 <div id="staff" class="group flex"> 432 433 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 434 style="box-sizing: border-box;"> 435 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 436 <div class="w-full"> 437 438 439 <img alt="" 440 src="/assets/staff/37.png" 441 class="block w-full rounded-t trans"> 442 443 </div> 444 <div class="px-1 py-4"> 445 <p class="text-main"> 446 Dr.Ir. R.J. Mentink 447 </p> 448 <span class="text-sm text-gray-600">CEO - Directeur</span> 449 450 <ul class="mt-2"> 451 <li> 452 <a href="https://www.linkedin.com/in/rjmentink/" 453 target="_blank" 454 rel="noreferrer" 455 class="text-gray-800 cursor-pointer trans hover:text-main"> 456 <i class="fab fa-linkedin-in "></i> 457 </a> 458 </li> 459 </ul> 460 461 </div> 462 </div> 463 </div> 464 465 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 466 style="box-sizing: border-box;"> 467 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 468 <div class="w-full"> 469 470 471 <img alt="" 472 src="/assets/staff/djoni.png" 473 class="block w-full rounded-t trans"> 474 475 </div> 476 <div class="px-1 py-4"> 477 <p class="text-main"> 478 Mevr. D. Wichman 479 </p>
480 <span class="text-sm text-gray-600">COO - Operationeel Directeur</span> 481 482 <ul class="mt-2"> 483 <li> 484 <a href="https://www.linkedin.com/in/djoni-wichman-a46951195/" 485 target="_blank" 486 rel="noreferrer" 487 class="text-gray-800 cursor-pointer trans hover:text-main"> 488 <i class="fab fa-linkedin-in "></i> 489 </a> 490 </li> 491 </ul> 492 493 </div> 494 </div> 495 </div> 496 497 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 498 style="box-sizing: border-box;"> 499 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 500 <div class="w-full"> 501 502 503 <img alt="" 504 src="/assets/staff/9.png" 505 class="block w-full rounded-t trans"> 506 507 </div> 508 <div class="px-1 py-4"> 509 <p class="text-main"> 510 Dr. R. Pleijhuis 511 </p> 512 <span class="text-sm text-gray-600">CMO - Medisch Directeur</span> 513 514 <ul class="mt-2"> 515 <li> 516 <a href="https://www.linkedin.com/in/rick-pleijhuis-11349411/" 517 target="_blank" 518 rel="noreferrer" 519 class="text-gray-800 cursor-pointer trans hover:text-main"> 520 <i class="fab fa-linkedin-in "></i> 521 </a> 522 </li> 523 </ul> 524 525 </div> 526 </div> 527 </div> 528 529 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 530 style="box-sizing: border-box;"> 531 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 532 <div class="w-full"> 533 534 535 <img alt="" 536 src="/assets/staff/6.png" 537 class="block w-full rounded-t trans"> 538 539 </div> 540 <div class="px-1 py-4"> 541 <p class="text-main"> 542 Dr. T.A. Hueting 543 </p> 544 <span class="text-sm text-gray-600">CSO - Wetenschappelijk Manager</span> 545 546 <ul class="mt-2"> 547 <li> 548 <a href="https://www.linkedin.com/in/tom-hueting-814398a3/" 549 target="_blank" 550 rel="noreferrer" 551 class="text-gray-800 cursor-pointer trans hover:text-main"> 552 <i class="fab fa-linkedin-in "></i> 553 </a> 554 </li> 555 </ul> 556 557 </div> 558 </div> 559 </div> 560 561 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 562 style="box-sizing: border-box;"> 563 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 564 <div class="w-full"> 565 566 567 <img alt="" 568 src="/assets/staff/43.png" 569 class="block w-full rounded-t trans"> 570 571 </div> 572 <div class="px-1 py-4"> 573 <p class="text-main"> 574 Mevr. D.S. Moejes 575 </p>
576 <span class="text-sm text-gray-600">Kwaliteitsmedewerker</span> 577 578 <ul class="mt-2"> 579 <li> 580 <a href="https://www.linkedin.com/in/ditte-moejes-02aa30bb/" 581 target="_blank" 582 rel="noreferrer" 583 class="text-gray-800 cursor-pointer trans hover:text-main"> 584 <i class="fab fa-linkedin-in "></i> 585 </a> 586 </li> 587 </ul> 588 589 </div> 590 </div> 591 </div> 592 593 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 594 style="box-sizing: border-box;"> 595 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 596 <div class="w-full"> 597 598 599 <img alt="" 600 src="/assets/staff/jean-luc.png" 601 class="block w-full rounded-t trans"> 602 603 </div> 604 <div class="px-1 py-4"> 605 <p class="text-main"> 606 Hr. J.L. De Comarmond 607 </p> 608 <span class="text-sm text-gray-600">Software ontwikkelaar</span> 609 610 <ul class="mt-2"> 611 <li> 612 <a href="https://www.linkedin.com/in/jean-luc-de-comarmond-770ab919a/" 613 target="_blank" 614 rel="noreferrer" 615 class="text-gray-800 cursor-pointer trans hover:text-main"> 616 <i class="fab fa-linkedin-in "></i> 617 </a> 618 </li> 619 </ul> 620 621 </div> 622 </div> 623 </div> 624 625 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 626 style="box-sizing: border-box;"> 627 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 628 <div class="w-full"> 629 630 631 <img alt="" 632 src="/assets/staff/lydianne2.png" 633 class="block w-full rounded-t trans"> 634 635 </div> 636 <div class="px-1 py-4"> 637 <p class="text-main"> 638 Mevr. L.D. De Comarmond 639 </p> 640 <span class="text-sm text-gray-600">Software ontwikkelaar</span> 641 642 <ul class="mt-2"> 643 <li> 644 <a href="https://www.linkedin.com/in/lydianne-d-06267a14a/" 645 target="_blank" 646 rel="noreferrer" 647 class="text-gray-800 cursor-pointer trans hover:text-main"> 648 <i class="fab fa-linkedin-in "></i> 649 </a> 650 </li> 651 </ul> 652 653 </div> 654 </div> 655 </div> 656 657 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 658 style="box-sizing: border-box;"> 659 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 660 <div class="w-full"> 661 662 663 <img alt="" 664 src="/assets/staff/foto-s-website-.png" 665 class="block w-full rounded-t trans"> 666 667 </div> 668 <div class="px-1 py-4"> 669 <p class="text-main"> 670 Mevr. S. Nijhuis 671 </p>
672 <span class="text-sm text-gray-600">Medisch Support Specialist</span> 673 674 <ul class="mt-2"> 675 <li> 676 <a href="https://www.linkedin.com/in/sanne-nijhuis-69b20b225/" 677 target="_blank" 678 rel="noreferrer" 679 class="text-gray-800 cursor-pointer trans hover:text-main"> 680 <i class="fab fa-linkedin-in "></i> 681 </a> 682 </li> 683 </ul> 684 685 </div> 686 </div> 687 </div> 688 689 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 690 style="box-sizing: border-box;"> 691 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 692 <div class="w-full"> 693 694 695 <img alt="" 696 src="/assets/staff/gijs.png" 697 class="block w-full rounded-t trans"> 698 699 </div> 700 <div class="px-1 py-4"> 701 <p class="text-main"> 702 Hr. G.T. Ariens 703 </p> 704 <span class="text-sm text-gray-600">Support medewerker</span> 705 706 <ul class="mt-2"> 707 <li> 708 <a href="https://www.linkedin.com/in/gijs-ari%C3%ABns-5b6194292/" 709 target="_blank" 710 rel="noreferrer" 711 class="text-gray-800 cursor-pointer trans hover:text-main"> 712 <i class="fab fa-linkedin-in "></i> 713 </a> 714 </li> 715 </ul> 716 717 </div> 718 </div> 719 </div> 720 721 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 722 style="box-sizing: border-box;"> 723 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 724 <div class="w-full"> 725 726 727 <img alt="" 728 src="/assets/staff/nieke.png" 729 class="block w-full rounded-t trans"> 730 731 </div> 732 <div class="px-1 py-4"> 733 <p class="text-main"> 734 Mevr. N. Miskotte 735 </p> 736 <span class="text-sm text-gray-600">BML Student</span> 737 738 <ul class="mt-2"> 739 <li> 740 <a href="www.linkedin.com/in/nické-miskotte-7a955b361" 741 target="_blank" 742 rel="noreferrer" 743 class="text-gray-800 cursor-pointer trans hover:text-main"> 744 <i class="fab fa-linkedin-in "></i> 745 </a> 746 </li> 747 </ul> 748 749 </div> 750 </div> 751 </div> 752 753 <div class="carousel-item member w-full sm:w-1/2 md:w-1/3 xl:w-1/4 mr-8 md:mr-0 xl:mr-0 xl:pr-8 sm:px-2 xl:px-0 text-base flex-shrink-0 border-box overflow-x-hidden trans" 754 style="box-sizing: border-box;"> 755 <div class="w-full p-2 leading-relaxed text-center bg-white rounded-lg shadow-lg trans md:h-full xl:h-auto"> 756 <div class="w-full"> 757 758 759 <img alt="" 760 src="/assets/staff/ontwerp-zonder-titel.png" 761 class="block w-full rounded-t trans"> 762 763 </div> 764 <div class="px-1 py-4"> 765 <p class="text-main"> 766 Hr. Yeti 767 </p>
768 <span class="text-sm text-gray-600">DOG (Designated Office Guard)</span> 769 770 <ul class="mt-2"> 771 <li> 772 <a href="" 773 target="_blank" 774 rel="noreferrer" 775 class="text-gray-800 cursor-pointer trans hover:text-main"> 776 <i class="fab fa-linkedin-in text-white "></i> 777 </a> 778 </li> 779 </ul> 780 781 </div> 782 </div> 783 </div> 784 785 </div> 786 </section> 787 </div> 788 <!-- Vacancies section --> 789 <div id="leading"> 790 <div class="container mx-auto"> 791 <section> 792 <div class="fade-in block mb-4 text-center md:mb-8"> 793 <h1 class="inline text-3xl font-semibold tracking-wider text-center text-gray-800 md:text-4xl md:pb-1 md:border-b-3 md:border-main"> 794 Onze Vacatures 795 </h1> 796 </div> 797 798 <div class="flex flex-col py-2 space-y-4"> 799 800 <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0"> 801 <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3"> 802 Wij zijn op zoek naar een (Embedded) Software Engineer (32-40 uur) 803 </h3> 804 <p class="text-left text-gray-900 opacity-75"> 805 <p><strong>Bouw mee aan onze software én de firmware voor onze e-health innovaties</strong></p><p>Krijg jij energie van de combinatie tussen webdevelopment en embedded software, en bedenk je graag slimme technische oplossingen voor de zorg? Dan past deze functie binnen onze groep goed bij jou!<br><br>Bij OSAsense ontwikkelen en leveren we innovatieve e-healthoplossingen en digitale zorgdiensten. We ondersteunen zorgverleners met slimme, gebruiksvriendelijke platforms om de zorg efficiënter en beter in te richten. Daarnaast ontwikkelen we medische hardware, waaronder onze specifieke smartwatch.<br><br>Ter versterking van ons ontwikkelteam zoeken wij een (Embedded) Software Engineer <br></p><p><strong>Over ons </strong></p><p>Ons kantoor is gevestigd aan Thermen 1 op het Kennispark in Enschede. We werken allemaal op locatie, houden van korte lijnen en een informele werksfeer met een vleugje humor.<br><br><strong>Jouw rol </strong></p><p>In deze veelzijdige functie werk je aan de volle breedte van onze technologie. Aan de ene kant bouw en onderhoud je de back-end en front-end van ons webplatform. Aan de andere kant ben je verantwoordelijk voor het ontwikkelen en optimaliseren van de C-firmware voor de OSAsense smartwatch.</p><p>Je schrijft niet alleen code, maar denkt ook actief mee over functionele en technische oplossingen. Omdat we werken met gevoelige medische gegevens, staat de veiligheid van klantinformatie bij al jouw werkzaamheden voorop.<br><br><strong>Wat ga je doen?</strong></p><p><em>Web & Platform Development</em></p><p>⢠Het ontwikkelen, uitbreiden en onderhouden van ons webplatform. Bedenken en realiseren van zowel back-end als front-end oplossingen die aansluiten op de wensen van de gebruikers.</p><p>⢠Meedenken over de technische architectuur, de veiligheid van data en het optimaliseren van de code.<br><br><em>Firmware & Hardware </em></p><p>⢠Ontwikkelen en onderhouden van de C-firmware voor de OSAsense smartwatch.</p><p>⢠Zorgen voor een betrouwbare en veilige meting en gegevensoverdracht van de smartwatch naar onze platforms.</p><p>⢠Testen en optimaliseren van de firmware-functionaliteiten in nauwe samenwerking met het team.<br><br><strong>Wat neem je mee?</strong></p><p>⢠Voldoende technische kennis van PHP, HTML, CSS, JavaScript, Laravel, Vue,js en MySQL.</p><p>⢠Ervaring met of kennis van C voor het ontwikkelen van firmware.</p><p>⢠Ervaring met Dev-ops en cloudhosting (bij voorkeur AWS)</p><p>⢠Je wilt meer dan alleen code schrijven: je bent een multi-talent met passie voor ontwikkelen en denkt graag mee over technische en functionele oplossingen.</p><p>⢠Je staat open voor en werkt graag met moderne AI-coding assistenten (zoals Claude) om slimmer en efficiënter te bouwen.</p><p>⢠Je bent assertief en trekt tijdig aan de bel als je knelpunten of problemen ziet ontstaan.</p><p>⢠Je werkt nauwkeurig en vindt de veiligheid van klantinformatie en medische data van groot belang.</p><p>⢠Je bent sterk, zelfstandig én in teamverband, en spreekt en schrijft goed Nederlands en Engels.<br><br><strong>Wat bieden wij jou?</strong></p><p>⢠Een arbeidsovereenkomst met een marktconform salaris dat aansluit bij jouw opleiding en ervaring.</p><p>⢠Goede secundaire arbeidsvoorwaarden, waaronder reiskostenvergoeding, vakantiegeld en een pensioenregeling.</p><p>⢠Een prettige werkplek op het Kennispark in Enschede (Thermen 1).</p><p>⢠Werken in een kleinschalig en groeiend team met korte lijnen, humor en een informele werksfeer.</p><p>⢠Ruimte en waardering voor eigen initiatief, ideeën en persoonlijke ontwikkeling.<br><br>Ben je geïnteresseerd in deze functie? Mooi! Stuur dan een e-mail inclusief CV en motivatie naar <a href="[email protected]">[email protected] </a>of bel naar <a href="tel:+31534787529">053-4787529</a>.</p> 806 </p> 807 </div> 808 809 <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0"> 810 <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3"> 811 Open vacatures 812 </h3> 813 <p class="text-left text-gray-900 opacity-75"> 814 <p>U bent altijd welkom om interesse te tonen in OSAsense als werkgever. Geïnteresseerd of wilt u meer weten over hoe het is om bij ons te werken? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar <a href="tel:+31534787529"><span class="text-color" style="color: #7371b5">053-4787529</span></a>.</p> 815 </p> 816 </div> 817 818 <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0"> 819 <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3"> 820 BML stage 821 </h3> 822 <p class="text-left text-gray-900 opacity-75"> 823 <p>
823Bij OSAsense werken wij graag samen met stagiaires! Als stagiair krijg je bij ons de mogelijkheid om zowel zelfstandig als in teamverband aan verschillende opdrachten/taken te werken. We moedigen je aan om jouw kwaliteiten als toekomstig BMLâer te ontwikkelen.<br><br>Binnen OSAsense maak je deel uit van een dynamisch team bestaande uit diverse disciplines. Samen zorgen we voor een fijne en leerzame werkomgeving. Wij bieden een veelzijdige stage aan, waarin er ruimte is voor jouw eigen inbreng en ideeën. Jij gaat bezig met oplossingen die technologie en zorg samenbrengen. Ondanks het ontbreken van nat labwerk komen diverse analytische, probleemoplossende en communicatieve vaardigheden aan bod binnen OSAsense, die essentieel zijn voor een professional in het werkveld.<br><br><strong>Wat kan je verwachten?</strong></p><p>⢠50% van je tijd besteed je aan uitdagende, zelfstandige taken, waarmee je volledig werkzaam bent binnen het OSAsense team;</p><p>⢠50% van je tijd besteed je aan onderzoek binnen OSAsense;</p><p>⢠Professionele begeleiding;</p><p>⢠Een leeromgeving waarin jouw ideeën tellen.<br><br>Ben je geïnteresseerd in een fijne en leerzame stage bij ons? Mooi! Stuur ons een e-mail inclusief CV en motivatie naar<span class="text-color" style="color: #7371b5"> <a href="mailto:[email protected]">[email protected]</a></span>. Heb je twijfels of wil je meer weten over hoe het is om bij ons stage te lopen? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar<span class="text-color" style="color: #7371b5"> <a href="tel:+31534787529">053-4787529</a></span>.</p> 824 </p> 825 </div> 826 827 <div class="fade-in flex-auto flex-col flex-wrap w-full mb-6 md:mb-0"> 828 <h3 class="mb-1 text-xl font-medium text-left md:text-2xl md:mb-3"> 829 Stageplekken software developer 830 </h3> 831 <p class="text-left text-gray-900 opacity-75"> 832 <p>Bij OSAsense werken wij graag met stagiaires! Als stagiair krijg je bij ons de mogelijkheid om zowel zelfstandig als in teamverband aan verschillende opdrachten te werken. We moedigen je aan om jouw developing- en scripting-skills te verbreden.<br><br>Binnen OSAsense maak je deel uit van een dynamisch team bestaande uit diverse disciplines. Samen zorgen we voor een fijne en leerzame werkomgeving. Wij bieden een veelzijdige stage aan, waarin er ruimte is voor jouw eigen inbreng en innovatieve ideeën. Kortom, een stageplek waar jij als software developer kunt groeien!<br><br>Ben je geïnteresseerd in een fijne en leerzame stage bij ons? Mooi! Stuur ons een e-mail inclusief CV en motivatie naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a>. Heb je twijfels of wil je meer weten over hoe het is om bij ons stage te lopen? Mail dan naar <a href="mailto:[email protected]"><span class="text-color" style="color: #7371b5">[email protected]</span></a> of bel naar <a href="tel:+31534787529"><span class="text-color" style="color: #7371b5">053-4787529</span></a>.</p> 833 </p> 834 </div> 835 836 </div> 837 </section> 838 </div> 839 </div> 840 <!-- Reviews section --> 841 842</div> 843
844<script> 845 let slideDuration = 2500; 846 let slideInterval; 847 848 function startCarousel() { 849 slideInterval = setInterval(function () { 850 nextSlide(); 851 }, slideDuration); 852 } 853 854 function nextSlide() { 855 let carousel = document.getElementById('staff'); 856 let firstItem = carousel.children[0]; 857 const screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 858 carousel.style.transition = 'transform 0.6s ease-in-out'; 859 let margin = 0; 860 if (screenWidth <= 450) { 861 margin = 30; 862 } 863 carousel.style.transform = 'translateX(' + (-firstItem.offsetWidth - margin) + 'px)'; 864 setTimeout(function () { 865 carousel.style.transition = 'none'; 866 carousel.style.transform = 'translateX(0)'; 867 carousel.appendChild(firstItem.cloneNode(true)); 868 carousel.removeChild(firstItem); 869 void carousel.offsetWidth; 870 carousel.style.transition = 'transform 0.6s ease-in-out'; 871 carousel.style.transform = 'translateX(0)'; 872 }, 600); 873 874 } 875 876 function changeReview(index, total) { 877 const reviewElement = document.getElementById(`review-${index}`); 878 const reviewBtn = document.getElementById(`review-btn-${index}`); 879 let rElement = reviewElement.querySelector('.review'); 880 let rvElement = reviewElement.querySelector('.reviewer'); 881 882 for (let i = 0; i < total; i++) { 883 if (i !== Number(index)) { 884 let otherReviewElement = document.getElementById(`review-${i}`); 885 let otherBtn = document.getElementById(`review-btn-${i}`); 886 let rElement = otherReviewElement.querySelector('.review'); 887 let rvElement = otherReviewElement.querySelector('.reviewer'); 888 rElement.style.opacity = 0; 889 rvElement.style.opacity = 0; 890 otherBtn.classList.remove('bg-[#48C4D0]'); 891 otherBtn.classList.add('bg-gray-400'); 892 otherBtn.classList.add('hover:bg-gray-300'); 893 setTimeout(function () { 894 otherReviewElement.classList.add('hidden'); 895 }, 300); 896 } 897 } 898 899 setTimeout(function () { 900 reviewElement.classList.remove('hidden'); 901 rElement.style.opacity = 1; 902 rvElement.style.opacity = 1; 903 904 reviewBtn.classList.remove('hover:bg-gray-300'); 905 reviewBtn.classList.remove('bg-gray-400'); 906 reviewBtn.classList.add('bg-[#48C4D0]'); 907 }, 300); 908 } 909 910 window.addEventListener('load', function () { 911 startCarousel(); 912 }); 913 914 document.addEventListener('DOMContentLoaded', function () { 915 const reviewElement = document.getElementById('review-0'); 916 const reviewBtn = document.getElementById('review-btn-0'); 917 if (reviewElement) { 918 reviewElement.classList.remove('hidden'); 919 reviewBtn.classList.remove('bg-gray-400'); 920 reviewBtn.classList.add('bg-[#48C4D0]'); 921 reviewBtn.classList.remove('hover:bg-gray-300'); 922 } 923 }) 924 925</script>
925 926 927 928 <!DOCTYPE html> 929<html lang="nl"> 930<head> 931 <meta charset="UTF-8"> 932 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 933 <link rel="stylesheet" href="/assets/css/all.css"> 934 <title></title> 935</head> 936<body> 937<footer class="py-4 bg-white"> 938 <div class="container flex flex-col mx-auto lg:flex-row"> 939 <div class="flex-auto px-8 py-4 md:px-4"> 940 <h3 class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400"> 941 Navigatie 942 </h3> 943 <div class="mt-3 text-lg"> 944 <div class="block mb-1 last:mb-0"> 945 <a href="/" 946 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"> 947 Home 948 </a> 949 </div> 950 <div class="block mb-1 last:mb-0"> 951 <a href="/about" 952 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"> 953 Over 954 </a> 955 </div> 956 <div class="block mb-1 last:mb-0"> 957 <a href="/services" 958 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"> 959 Diensten 960 </a> 961 </div> 962 <div class="block mb-1 last:mb-0"> 963 <a href="/support" 964 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"> 965 Ondersteuning 966 </a> 967 </div> 968 <div class="block mb-1 last:mb-0"> 969 <a href="/news" 970 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1"> 971 Nieuws 972 </a> 973 </div> 974 </div> 975 </div> 976 <div class="flex-auto px-8 py-4 md:px-4"> 977 <h3 978 class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400"> 979 Inloggen / Aanmelden 980 </h3> 981 <div class="mt-3 text-lg"> 982 <div class="block mb-1 last:mb-0"> 983 <a 984 href="https://app.osasense.com/login" 985 target="_blank" 986 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1" 987 aria-label="Login to our client panel!" 988 rel="noreferrer"> 989 Inloggen 990 </a> 991 </div> 992 <div class="block mb-1 last:mb-0"> 993 <a href="/join" 994 class="block font-light tracking-wide text-gray-800 trans hover:underline hover:decoration-1" 995 aria-label="Sign up on our client panel!" 996 rel="noreferrer"> 997 Aanmelden huisarts / praktijk 998 </a> 999 </div> 1000 </div> 1001 </div> 1002 <div class="flex-auto px-8 py-4 md:px-4"> 1003 <h3 class="block pb-2 w-full text-xl font-semibold tracking-wide uppercase border-b-1 border-gray-400"> 1004 Support 1005 </h3> 1006 <div class="mt-3 flex flex-col text-lg"> 1007 <div class="block mb-2 last:mb-0"> 1008 <a id="teamViewerLink" 1009 class="inline-block w-full rounded-lg border shadow md:m-1 md:p-2 sm:w-1/2 lg:w-4/5 trans hover:shadow-lg" 1010 aria-label="Install the Teamviewer software" 1011 rel="noreferrer"> 1012 <img 1013 alt="Download Teamviewer" 1014 src="/assets/download-teamviewer.svg" 1015 /> 1016 </a> 1017 </div> 1018 <p class="px-3 font-light tracking-wide text-gray-800">Tel: <a href="tel:+31 053 478 75 29" class="text-main">053 478 75 29</a></p> 1019 <p class="px-3 font-light tracking-wide text-gray-800">
1019E-mail: 1020 <a href="mailto:[email protected]" 1021 rel="noreferrer" 1022 class="text-main"> 1023 [email protected] 1024 </a></p> 1025 </div> 1026 </div> 1027 <div class="flex justify-center md:justify-start space-x-5 sm:space-x-2 px-6 py-6"> 1028 <a href="/assets/pdfs/certificate_k-0203772_iso-27001_2017_en-gb_web.pdf" 1029 rel="noreferrer" 1030 target="_blank"> 1031 <img 1032 alt="Kiwa ISO 27001" 1033 src="/assets/kiwa-iso-iec-27001.jpg" 1034 class="self-start mx-auto w-20 no-dragging" 1035 /> 1036 </a> 1037 <a href="/assets/pdfs/certificate_k-0203699_nen7510-1_-2017-a1_2020_en-gb_web.pdf" 1038 rel="noreferrer" 1039 target="_blank"> 1040 <img 1041 alt="Kiwa ISO 27001" 1042 src="/assets/kiwa-nen-7510.jpg" 1043 class="self-start mx-auto w-20 no-dragging" 1044 /> 1045 </a> 1046 </div> 1047 </div> 1048 <div class="container flex justify-center px-4 mx-auto my-2 text-lg"> 1049 <ul class="inline"> 1050 <li class="inline mr-5 last:mr-0"> 1051 <a 1052 href="https://www.facebook.com/osasense" 1053 target="_blank" 1054 class="inline text-gray-800 cursor-pointer trans hover:text-main" 1055 aria-label="Visit our Facebook page to know more about OSAsense!" 1056 rel="noreferrer"> 1057 <i class="fab fa-facebook-f"></i> 1058 </a> 1059 </li> 1060 <li class="inline mr-5 last:mr-0"> 1061 <a 1062 href="https://twitter.com/OSAsense" 1063 target="_blank" 1064 class="inline text-gray-800 cursor-pointer trans hover:text-main" 1065 aria-label="Visit our Twitter page to know more about OSAsense!" 1066 rel="noreferrer"> 1067 <i class="fab fa-x-twitter"></i> 1068 </a> 1069 </li> 1070 <li class="inline mr-5 last:mr-0"> 1071 <a 1072 href="https://nl.linkedin.com/company/osasense" 1073 target="_blank" 1074 class="inline text-gray-800 cursor-pointer trans hover:text-main" 1075 aria-label="Visit our Linkedin page to know more about OSAsense!" 1076 rel="noreferrer"> 1077 <i class="fab fa-linkedin-in"></i> 1078 </a> 1079 </li> 1080 </ul> 1081 </div> 1082 <div class="container flex justify-center px-4 mx-auto mt-4"> 1083 <ul class="inline flex flex-col md:flex-row"> 1084 <li class="inline mb-2 text-center md:text-left md:mb-0"> 1085 <a href="/terms" 1086 class="text-main trans-fast hover:text-gray-700"> 1087 Algemene voorwaarden 1088 </a> 1089 </li> 1090 <li class="hidden px-2 font-semibold text-gray-700 md:inline"> 1091 <span>|</span> 1092 </li> 1093 <li class="inline mb-2 text-center md:text-left md:mb-0"> 1094 <a href="/privacy" 1095 class="text-main trans-fast hover:text-gray-700"> 1096 Privacy 1097 </a> 1098 </li> 1099 <li class="hidden px-2 font-semibold text-gray-700 md:inline"> 1100 <span>|</span> 1101 </li> 1102 <li class="inline mb-2 text-center md:text-left md:mb-0"> 1103 <a href="/disclaimer" 1104 class="text-main trans-fast hover:text-gray-700"> 1105 Disclaimer 1106 </a> 1107 </li> 1108 </ul> 1109 </div> 1110 <div class="container flex justify-center px-4 mx-auto my-2 text-sm text-center md:text-lgt"> 1111 <div> 1112 <span>Copyright 2017 - <span id="copyright-year"></span> - OSAsense B.V. - Alle rechten voorbehouden - KVK: 90006402</span> 1113 </div> 1114 </div> 1115</footer> 1116</body> 1117</html> 1118
1119<script> 1120 document.addEventListener('DOMContentLoaded', function() { 1121 // Sets correct link for teamviewer 1122 let teamViewerLink = document.getElementById('teamViewerLink'); 1123 let isMacOS = navigator.userAgent.indexOf('Mac OS X') !== -1; 1124 1125 if (isMacOS) { 1126 teamViewerLink.href = 'https://download.teamviewer.com/download/TeamViewerQS.dmg'; 1127 } else { 1128 teamViewerLink.href = 'https://www.teamviewer.com/link/?url=505374&id=716114372'; 1129 } 1130 1131 // Sets correct copyright year 1132 document.getElementById('copyright-year').textContent = new Date().getFullYear().toString(); 1133 }); 1134</script>
1134 1135 1136 </body> 1137</html> 1138 1139
1140<script> 1141 const debounce = (fn) => { 1142 let frame; 1143 1144 return (...params) => { 1145 if (frame) { 1146 cancelAnimationFrame(frame); 1147 } 1148 1149 frame = requestAnimationFrame(() => { 1150 fn(...params); 1151 }); 1152 }; 1153 }; 1154 1155 let triggered = false; 1156 let triggerDistance = 300; 1157 const navElement = document.getElementById('mobile-nav'); 1158 1159 const updateHeader = () => { 1160 const scrollPosition = window.scrollY; 1161 const htmlElement = document.documentElement; 1162 const headerElement = document.querySelector('header'); 1163 1164 if (scrollPosition <= triggerDistance) { 1165 htmlElement.dataset.scroll = 'past-trigger'; 1166 headerElement.style.zIndex = 20; 1167 triggered = false; 1168 triggerDistance = 300; 1169 } else { 1170 if (!triggered) { 1171 triggered = true; 1172 triggerDistance = 0; 1173 1174 navElement.setAttribute('x-show', 'false'); 1175 headerElement.style.transition = 'none'; 1176 headerElement.style.transform = 'translateY(-100%)'; 1177 htmlElement.dataset.scroll = 'before-trigger'; 1178 1179 setTimeout(function () { 1180 headerElement.style.transition = 'transform 0.5s ease-in-out'; 1181 headerElement.style.transform = 'translateY(0)'; 1182 navElement.setAttribute('x-show', 'showMobileNav'); 1183 }, 200); 1184 } 1185 } 1186 }; 1187 1188 document.addEventListener('scroll', debounce(updateHeader), { passive: true }); 1189 updateHeader(); 1190</script>
1190 1191 1192<style> 1193 html:not([data-scroll='past-trigger']) body { 1194 padding-top: 5em; 1195 } 1196 1197 html:not([data-scroll='past-trigger']) header { 1198 position: fixed; 1199 top: 0; 1200 padding: 0; 1201 width: 100%; 1202 background-color: rgba(255, 255, 255, 0.90); 1203 z-index: 100; 1204 } 1205 1206 .fade-in { 1207 opacity: 0; 1208 transition: opacity 0.5s ease-in-out; 1209 } 1210 1211 .fade-in.show { 1212 opacity: 1; 1213 } 1214</style>
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.