1<!doctype html> 2<html lang="fi"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta content="IE=edge" http-equiv="X-UA-Compatible"> 7 <meta content="width=device-width, initial-scale=1, viewport-fit=cover" name="viewport"> 8 <meta content="#ffffff" name="theme-color"> 9 10 11 12 <title>Motivaattorimme | Inrego</title> 13 <meta name="description" content="Meitä motivoi ilmastotavoitteiden saavuttaminen ja maailmanlaajuisesti kiertävä IT."> 14 <link rel="canonical" href="https://inrego.fi/motivaattorimme"> 15 <meta property="og:url" content="https://inrego.fi/motivaattorimme"> 16 <link rel='alternate' href="https://inrego.se/var-drivkraft" hreflang="x-default" > 17 <link rel='alternate' href="https://inrego.se/var-drivkraft" hreflang="sv" > 18 <link rel='alternate' href="https://inrego.com/our-purpose" hreflang="en" > 19 <link rel='alternate' href="https://inrego.fi/motivaattorimme" hreflang="fi" > 20<link rel="shortcut icon" href="https://inrego.fi/assets/graphics-and-logotypes/inrego-logo/g_dark_blue2.png"> 21 <meta property="og:site_name" content="Inrego"> 22 <meta property="og:title" content="Motivaattorimme | Inrego"> 23 <meta property="og:description" content="Meitä motivoi ilmastotavoitteiden saavuttaminen ja maailmanlaajuisesti kiertävä IT."> 24 <meta property="og:type" content="website"> 25 <meta property="og:locale" content="fi"> 26 <meta name="twitter:card" content="summary">
27<script>
vendor: 356 bytes, line 27
27(function (w, d, s, l, i){w[l]=w[l] || []; w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'}); var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l !='dataLayer' ? '&l=' + l : ''; j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);})(window, document, 'script', 'dataLayer', '
27GTM-P9G6T48
vendor: 3 bytes, line 27
27');
27</script>
vendor: 1 bytes, line 27
27
28<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","name":"Inrego","logo":{"@type":"ImageObject","url":"https://inrego.fi/assets/graphics-and-logotypes/inrego-logo/inrego-logo.png","width":500,"height":93},"@id":"https://inrego.fi#site-owner","url":"https://inrego.fi"},{"@type":"WebSite","url":"https://inrego.fi","publisher":{"@id":"https://inrego.fi#site-owner"},"@id":"https://inrego.fi#website","name":"Inrego"},{"@type":"WebPage","@id":"https://inrego.fi#web_page","url":"https://inrego.fi/motivaattorimme","name":"","isPartOf":{"@id":"https://inrego.fi#website"},"inLanguage":"fi","datePublished":"2022-12-02T00:00:00+00:00","dateModified":"2022-12-02T00:00:00+00:00","breadcrumb":{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"Thing","name":"Kiertotalouden ja vastuullisen IT:n asiantuntija","id":"https://inrego.fi/"}},{"@type":"ListItem","position":2,"item":{"@type":"Thing","name":"Motivaattorimme","id":"https://inrego.fi/motivaattorimme"}}]}}]}</script>
28 29 30 <meta name="facebook-domain-verification" content="uiwayow4ang6g2f3kxe4pdrh13y8sp" />
31<script type='text/javascript' src='https://vine.eu/track/t.js?sg=440502025' data-cookieconsent='ignore'></script>
vendor: 99 bytes, lines 31-32
31 32<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback" async defer></script>
33<script> 34 function onloadCallback() { 35 function renderCaptcha(id) { 36 grecaptcha.render(id, { 37 sitekey: '6LdhlGspAAAAAKrSY0t1Mg_-rxGtEvFA1Wf0pngg', 38 }); 39 } 40 41 // Form captcha 42 var recaptchaElement = document.getElementById('g-recaptcha'); 43 if (recaptchaElement) { 44 renderCaptcha('g-recaptcha'); 45 } 46 47 // Footer captcha 48 var recaptchaElement2 = document.getElementById('g-recaptcha-2'); 49 if (recaptchaElement2) { 50 renderCaptcha('g-recaptcha-2'); 51 } 52 } 53 document.addEventListener("d365mkt-afterformload", onloadCallback); 54</script>
54 55 56 <!-- TIPPY --> 57
57<script defer src="https://unpkg.com/@popperjs/core@2"></script>
57 58
58<script defer src="https://unpkg.com/tippy.js@6"></script>
58 59 60 <style> 61 [x-cloak] { 62 display: none !important; 63 } 64 </style> 65 66
66<script defer src="https://cdn.jsdelivr.net/npm/aos@next/dist/aos.js"></script>
66 67 68 <link rel="preload" as="style" href="https://inrego.fi/build/assets/tailwind-C8syButn.css" /><link rel="stylesheet" href="https://inrego.fi/build/assets/tailwind-C8syButn.css" data-navigate-track="reload" /> 69 <link rel="preload" as="style" href="https://inrego.fi/build/assets/aos-C7Hfvspv.css" /><link rel="stylesheet" href="https://inrego.fi/build/assets/aos-C7Hfvspv.css" data-navigate-track="reload" /> 70 <link rel="stylesheet" href="/fontawesome/fontawesome.css"> 71 <link rel="stylesheet" href="/fontawesome/light.css"> 72 <link rel="stylesheet" href="/fontawesome/solid.css"> 73 <link rel="stylesheet" href="/fontawesome/brands.css"> 74 75 <link rel="preload" as="style" href="https://inrego.fi/build/assets/site-CJqtdket.css" /><link rel="modulepreload" as="script" href="https://inrego.fi/build/assets/site-D_trUfd8.js" /><link rel="stylesheet" href="https://inrego.fi/build/assets/site-CJqtdket.css" data-navigate-track="reload" />
75<script type="module" src="https://inrego.fi/build/assets/site-D_trUfd8.js" data-navigate-track="reload"></script>
75 76
76<script src="/vendor/statamic/frontend/js/helpers.js"></script>
76 77 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 78</head> 79 80<body x-data="inregoData" 81 class="font-sans font-normal leading-normal center bg-gray-dark overscroll-none text-grey-800">
vendor: 73 bytes, lines 81-83
81 82 83<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
83GTM-P9G6T48
vendor: 94 bytes, lines 83-87
83" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 84 85 86 87
87<div x-data="dropdown" class="relative z-50 text-sm leading-none text-white border-b border-gray-900/50 bg-gray-dark"> 88 <div class="max-w-[1500px] mx-auto space-x-1 sm:space-x-2 px-4 flex items-center justify-end sm:px-6 lg:px-8"> 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 <div class="relative lg:hidden"> 119 <select name="" id="" onchange="window.location = this.value" class="absolute w-full h-full opacity-0 "> 120 <option value="" disabled selected>Inrego</option> 121 122 123 124 <option value="https://inrego.se">Sweden</option> 125 126 127 128 129 <option value="https://inrego.com">International</option> 130 131 132 133 134 135 </select> 136 <div class="relative flex items-center space-x-2 py-2.5 px-2 pointer-events-none 137 text-white"> 138 <div class="relative flex items-center justify-center w-4 h-3 rounded-sm "> 139 140 <img src="/flags/fi.svg" 141 class="absolute inset-0 object-cover object-center w-full h-full " aria-hidden="true"> 142 143 </div> 144 <span>Inrego</span> 145 <i class="text-[10px] opacity-70 fal fa-angle-down"></i> 146 </div> 147 </div> 148 149 <div class="relative hidden group lg:block "> 150 <button @click="toggle('inrego')" class=" relative transition py-2.5 px-2 hover:text-white 151 text-white "> 152 153 <div class="flex items-center space-x-2"> 154 155 <div class="relative flex items-center justify-center w-4 h-3 rounded-sm "> 156 157 <img src="/flags/fi.svg" 158 class="absolute inset-0 object-cover object-center w-full h-full " 159 alt="fi flag"> 160 161 </div> 162 163 <p class="mt-px"> 164 Inrego 165 </p> 166 <i class="text-[10px] opacity-70 fal fa-angle-down"></i> 167 </div> 168 </button> 169 <div x-cloak x-transition.opacity.scale.origin.top x-on:click.outside="open = ''" 170 x-show="open == 'inrego'" 171 class="absolute rounded shadow right-0 flex flex-col items-start py-1 bg-gray-900 top-[calc(100%+6px)]"> 172 173 174 175 <a href="https://inrego.se"> 176 <div class="flex items-center px-3 py-1.5 space-x-2 transition text-xs hover:opacity-70"> 177 <div class="relative flex items-center justify-center w-4 h-3 overflow-hidden rounded-sm "> 178 179 <img src="/flags/se.svg" 180 class="absolute inset-0 object-cover object-center w-full h-full " 181 alt="fi flag"> 182 183 </div> 184 <p>Sweden</p> 185 </div> 186 </a> 187 188 189 190 191 <a href="https://inrego.com"> 192 <div class="flex items-center px-3 py-1.5 space-x-2 transition text-xs hover:opacity-70"> 193 <div class="relative flex items-center justify-center w-4 h-3 overflow-hidden rounded-sm "> 194 195 <img src="/flags/gb.svg" 196 class="absolute inset-0 object-cover object-center w-full h-full " 197 alt="fi flag"> 198 199 </div> 200 <p>International</p> 201 </div> 202 </a> 203 204 205 206 207 208 </div> 209 </div> 210 211 212 213 214 215 216 217 218 219 220 <a href="https://stocklists.inrego.com" class=" group relative py-2.5 px-2 text-gray-400 221 hover:text-white transition "> 222 <div class="flex items-center space-x-2"> 223 <div class="relative flex items-center justify-center w-4 h-3 rounded-sm "> 224 225 <i class="fa text-sm fa-light fa-globe" aria-hidden="true"></i> 226 227 </div>
228 <span>Stocklists</span> 229 230 </div> 231 </a> 232 233 234 </div> 235
235<script> 236 document.addEventListener('alpine:init', () => { 237 Alpine.data('dropdown', () => ({ 238 open: "", 239 toggle(string) { 240 this.open = this.open ? "" : string; 241 }, 242 })) 243 }) 244 </script>
244 245</div> 246 247<header :class="isSticky ? 'top-0' : '-top-full'" class="sticky z-40 w-full transition-all duration-500" id="nav" 248 x-data="navComponent" x-on:scroll.window=" 249 if(window.pageYOffset < 1 || window.pageYOffset > lastScrollOffset + 100) { 250 lastScrollOffset = window.pageYOffset 251 isSticky = false 252 } else if (window.pageYOffset > 700 && window.pageYOffset < lastScrollOffset - 100) { 253 lastScrollOffset = window.pageYOffset 254 isSticky = true 255 } 256 257"> 258 <div :class="isSticky ? 'bg-white' : ''" class="relative z-20 transition-colors duration-500" 259 x-data="{ flyoutOpen: '' }" x-init="$watch('isSticky', value => !value ? flyoutOpen = false : null)" 260 x-trap.noscroll="flyoutOpen"> 261 <div aria-hidden="true" class="fixed inset-0 bg-black/40" x-cloak x-on:click="flyoutOpen = ''" 262 x-show="flyoutOpen" x-transition.opacity.duration.300ms></div> 263 <div :class="{ 'shadow-md shadow-gray-500/5': isSticky}" @mouseleave="flyoutOpen = ''" 264 class="relative transition duration-300 lg:py-5"> 265 <div 266 class="max-w-[1500px] mx-auto px-4 h-[72px] flex items-center justify-between sm:px-6 lg:h-[56px] lg:px-8 lg:justify-start lg:space-x-10"> 267 <div class="relative z-40 flex items-center justify-between w-full lg:w-auto"> 268 <div class="relative z-40 "> 269 <a x-on:mouseenter="flyoutOpen = ''" href="https://inrego.fi" 270 class="flex focus:outline-none focus:shadow-none" 271 :class="flyoutOpen || isSticky || showMobileNav ? 'text-gray-dark' : 'text-white'"> 272 <span class="sr-only">Inrego</span> 273 <svg class="w-[120px] h-6 fill-current" xmlns="http://www.w3.org/2000/svg" width="500" height="93" viewBox="0 0 500 93" fill="#12182B"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H19.2308V92.2551H0V0ZM98.5726 56.7771L53.9305 0H34.6154V92.2551H55.2736V33.6205L101.451 92.2551H119.231V0H98.5726V56.7771ZM208.716 30.4628V30.7104C208.716 45.5703 200.564 54.9816 188.712 59.3157L211.538 92.2551H187.521L167.516 62.7211H151.337V92.2551H130.769V0H173.474C185.326 0 194.544 3.28156 200.689 9.34934C205.894 14.4884 208.716 21.7945 208.716 30.4628ZM172.157 44.8273C182.19 44.8273 187.897 39.5644 187.897 31.763H187.959V31.5153C187.959 22.7852 181.814 18.3272 171.781 18.3272H151.337V44.8273H172.157ZM242.979 54.7958H284.798V36.7782H242.979V18.0795H291.697V0H223.077V92.2551H292.307V74.1756H242.979V54.7958ZM353.847 61.7225V47.8006H396.154V90.7614H381.463V77.5564C372.951 86.5191 360.53 92.2551 346.028 92.2551C316.961 92.2551 296.154 71.5814 296.154 46.1276C296.154 20.6738 317.277 0 346.28 0C367.781 0 384.742 11.2929 392.119 27.3658L371.879 34.0579C367.466 24.2588 357.251 17.9252 346.028 18.0447C329.319 18.0447 317.781 30.5326 317.781 45.8288C317.781 61.4835 329.635 74.0909 346.28 74.0909C356.747 74.0909 365.133 69.1913 369.988 61.7225H353.847ZM403.846 46.1276C403.846 20.7874 424.121 0 452.044 0C479.907 0 499.939 20.5477 500 45.828V46.0677C500 71.4678 479.725 92.2551 451.802 92.2551C423.878 92.2551 403.846 71.7673 403.846 46.3672V46.1276ZM452.044 74.2234C468.07 74.2234 479.179 61.7031 479.179 46.4271V46.1875C479.179 30.9115 467.827 18.1515 451.802 18.1515C435.776 18.1515 424.667 30.6718 424.667 45.9478V46.1875C424.667 61.4635 436.019 74.2234 452.044 74.2234Z"/></svg> 274 </a> 275 </div> 276 <div class="relative flex space-x-2 items-center -my-2 -mr-2 lg:hidden"> 277 <template x-if="!showMobileNav"> 278 <a href="https://shop.inrego.fi" 279 :class="flyoutOpen || isSticky ? 'text-gray-400' : 'text-white'" 280 class="inline-flex items-center justify-center p-2 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700" 281 type="button"> 282 <span class="sr-only">Open Webshop</span> 283 <i class="text-xl fal fa-cart-shopping"></i> 284 </a> 285 </template> 286 <template x-if="!showMobileNav"> 287 <button :class="flyoutOpen || isSticky ? 'text-gray-400' : 'text-white'" 288 aria-expanded="false" 289 class="inline-flex items-center justify-center p-2 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700" 290 type="button" x-on:click="openModal('mobile-nav')">
291 <span class="sr-only">Open menu</span> 292 <i class="text-2xl fal fa-bars"></i> 293 </button> 294 </template> 295 <template x-if="showMobileNav"> 296 <button 297 class="inline-flex items-center justify-center p-2 text-gray-400 rounded-md hover:text-opacity-75 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-gray-700" 298 type="button" x-on:click="closeModal"> 299 <span class="sr-only">Close menu</span> 300 <i class="text-2xl fal fa-times"></i> 301 </button> 302 303 </template> 304 </div> 305 306 </div> 307 <div class="items-center justify-between flex-1 hidden lg:flex"> 308 <nav x-cloak class="flex flex-1 space-x-1 lg:space-x-2 2xl:space-x-6"> 309 <div class="flex flex-wrap space-x-1 lg:space-x-2 2xl:space-x-4"> 310 311 312 313 314 <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''" 315 x-on:mouseleave="show = false" class="relative"> 316 <div :class="{ 317 'text-gray-800':isSticky, 318 'text-white':!isSticky, 319 'bg-gray-500/10': show, 320 'text-gray-800':flyoutOpen || isSticky, 321 'text-white': !(flyoutOpen || isSticky), 322 'cursor-default': !'' 323 }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base" 324 aria-expanded="false"> 325 <span>Maailmamme</span> 326 <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i> 327 </div> 328 329 330 331 332 333 334 335 336 337 338 <div x-show="show" x-cloak x-transition 339 class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow"> 340 341 <div class="flex divide-x divide-gray-500/20"> 342 343 <div class="max-w-xs p-2"> 344 <a href="/motivaattorimme" :class="{ 345 'hover:opacity-70': !!'/motivaattorimme' 346 }" class="px-3 block transition py-1.5 w-full text-xs text-gray-600 rounded "> 347 <p class="tracking-wide uppercase"> 348 Motivaattorimme 349 </p> 350 351 </a> 352 353 354 <div> 355 356 <a href="/motivaattorimme/kiertava-it" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 357 items-center"> 358 359 <div> 360 <p>IT:n kiertotalous</p> 361 362 </div> 363</a> 364 365 366 <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 367 items-center"> 368 369 <div> 370 <p>Ilmastotavoitteiden saavuttaminen!</p> 371 372 </div> 373</a> 374 375 376 <a href="/motivaattorimme/kiertava-it/yk-n-kestavan-kehityksen-tavoitteet-2030" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 377 items-center"> 378 379 <div> 380 <p>YK:n kestävän kehityksen tavoitteet - 2030</p> 381 382 </div> 383</a> 384 385 386 </div> 387 </div> 388 389 <div class="max-w-xs p-2"> 390 <a href="/toimintalupauksemme" :class="{ 391 'hover:opacity-70': !!'/toimintalupauksemme' 392 }" class="px-3 block transition py-1.5 w-full text-xs text-gray-600 rounded "> 393 <p class="tracking-wide uppercase"> 394 Toimintalupauksemme 395 </p> 396 397 </a> 398 399 400 <div> 401 402 <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 403 "> 404 405 <div> 406 <p>Turvallisuus</p> 407 408 <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p> 409 410 </div> 411</a> 412 413 414 <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 415 "> 416 417 <div> 418 <p>Seuranta</p> 419 420 <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p> 421 422 </div> 423</a> 424 425 426 <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 427 "> 428 429 <div> 430 <p>Talous</p> 431 432 <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p> 433 434 </div> 435</a> 436 437 438 <a href="/toimintalupauksemme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 439 "> 440 441 <div> 442 <p>Logistiikka</p> 443 444 <p class="text-xs text-gray-500">Olemme asettaneet korkeat vaatimukset turvallisuudelle, laitteiden jäljitettävyydelle sekä logistiikalle.</p> 445 446 </div> 447</a> 448 449 450 </div> 451 </div> 452 453 </div> 454 455 </div> 456 </div> 457 458 459 460 461 462 <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''" 463 x-on:mouseleave="show = false" class="relative"> 464 <div :class="{ 465 'text-gray-800':isSticky, 466 'text-white':!isSticky, 467 'bg-gray-500/10': show, 468 'text-gray-800':flyoutOpen || isSticky, 469 'text-white': !(flyoutOpen || isSticky), 470 'cursor-default': !'' 471 }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base" 472 aria-expanded="false">
473 <span>Palvelumme</span> 474 <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i> 475 </div> 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 <div x-show="show" x-cloak x-transition 495 class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow"> 496 497 <div class="p-1"> 498 499 <a href="/palvelumme/yhteistyokumppaneille" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 500 "> 501 502 <div> 503 <p>Yhteistyökumppaneille</p> 504 505 <p class="text-xs text-gray-500">Tule kumppaniksemme</p> 506 507 </div> 508</a> 509 510 511 <a href="/palvelumme/ostamme-it-laitteita/palvelumalli" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 512 "> 513 514 <div> 515 <p>Palvelumallimme</p> 516 517 <p class="text-xs text-gray-500">Näin käsittelemme IT-laitteet uudelleenkäyttöön</p> 518 519 </div> 520</a> 521 522 523 <a href="https://inrego.fi/palvelumme/ostamme-it-laitteita" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 524 "> 525 526 <div> 527 <p>Ostamme IT-laitteita</p> 528 529 <p class="text-xs text-gray-500">Ostamme käytöstä poistetut IT-laitteet organisaatioilta</p> 530 531 </div> 532</a> 533 534 535 <a href="https://inrego.fi/palvelumme/myymme-it-laitteita" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 536 "> 537 538 <div> 539 <p>Myymme IT-laitteita</p> 540 541 <p class="text-xs text-gray-500">Kunnostetut IT-laitteet kaikkiin tarpeisiin</p> 542 543 </div> 544</a> 545 546 547 <a href="/palvelumme/ostamme-it-laitteita/refresh-palvelulla-laitteet-kukoistamaan" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 548 "> 549 550 <div> 551 <p>Refresh palvelulla laitteet kukoistamaan</p> 552 553 <p class="text-xs text-gray-500">IT-laitteiden käyttöikää voi pidentää huomattavasti kunnostamalla laitteita säännöllisesti. Lähetä laitteenne meille Refreshiin.</p> 554 555 </div> 556</a> 557 558 559 <a href="/palvelumme/it-laitekannnan-vastuullisuuskartoitus" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 560 "> 561 562 <div> 563 <p>IT-laitekannan vastuullisuuskartoitus</p> 564 565 <p class="text-xs text-gray-500">Inregon vastuullisuuskartoituksen avulla selvität IT-laitekantanne CO2-vaikutukset.</p> 566 567 </div> 568</a> 569 570 571 <a href="/co2" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 572 items-center"> 573 574 <div> 575 <p>CO2-laskentamalli - uusi standardi</p> 576 577 </div> 578</a> 579 580 581 <a href="https://inrego.fi/laiterekisteri" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 582 "> 583 584 <div> 585 <p>Laiterekisteri</p> 586 587 <p class="text-xs text-gray-500">
587Laiterekisteri säästää aikaa ja rahaa</p> 588 589 </div> 590</a> 591 592 593 </div> 594 595 </div> 596 </div> 597 598 599 600 601 602 <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''" 603 x-on:mouseleave="show = false" class="relative"> 604 <a href="/tietoa-meista" :class="{ 605 'text-gray-800':isSticky, 606 'text-white':!isSticky, 607 'bg-gray-500/10': show, 608 'text-gray-800':flyoutOpen || isSticky, 609 'text-white': !(flyoutOpen || isSticky), 610 'cursor-default': !'/tietoa-meista' 611 }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base" 612 aria-expanded="false"> 613 <span>Meistä</span> 614 <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i> 615 </a> 616 617 618 619 620 621 622 623 624 <div x-show="show" x-cloak x-transition 625 class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow"> 626 627 <div class="p-1"> 628 629 <a href="/tietoa-meista/tiimimme" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 630 "> 631 632 <div> 633 <p>Tiimimme</p> 634 635 <p class="text-xs text-gray-500">Tutustu tiimiimme! 636Millaista Inregolla on olla töissä? Klikkaa ja lue esittelymme.</p> 637 638 </div> 639</a> 640 641 642 <a href="/tietoa-meista/compliance" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 643 "> 644 645 <div> 646 <p>Compliance â vastuullista ja sääntöjenmukaista toimintaa</p> 647 648 <p class="text-xs text-gray-500">Toimintaamme ohjaavat säädökset ja standardit, joita noudatamme kaikessa liiketoiminnassa.</p> 649 650 </div> 651</a> 652 653 654 <a href="/tietoa-meista/tule-meille-toihin" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 655 "> 656 657 <div> 658 <p>Tule meille töihin</p> 659 660 <p class="text-xs text-gray-500">Haluatko sinäkin tehdä työtä ympäristön ja yhteiskunnan hyväksi? Tule osaksi Inregon tiimiä!</p> 661 662 </div> 663</a> 664 665 666 </div> 667 668 </div> 669 </div> 670 671 672 673 674 675 <div x-data="{ show: false }" x-on:mouseenter="show = true; flyoutOpen = ''" 676 x-on:mouseleave="show = false" class="relative"> 677 <a href="/uutiset" :class="{ 678 'text-gray-800':isSticky, 679 'text-white':!isSticky, 680 'bg-gray-500/10': show, 681 'text-gray-800':flyoutOpen || isSticky, 682 'text-white': !(flyoutOpen || isSticky), 683 'cursor-default': !'/uutiset' 684 }" class="relative z-20 inline-flex items-center h-full px-3 py-1 text-sm font-normal transition rounded whitespace-nowrap group 2xl:text-base" 685 aria-expanded="false">
686 <span>Uutiset</span> 687 <i class="ml-2 text-xs fas fa-angle-down group-hover:text-opacity-75"></i> 688 </a> 689 690 691 692 693 694 695 696 697 698 699 <div x-show="show" x-cloak x-transition 700 class="absolute bg-white text-base min-w-[180px] w-[max-content] rounded-md shadow"> 701 702 <div class="p-1"> 703 704 <a href="/uutiset" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 705 items-center"> 706 707 <div> 708 <p>Uutiset</p> 709 710 </div> 711</a> 712 713 714 <a href="/uutiset/mediamaininnat" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 715 items-center"> 716 717 <div> 718 <p>Mediamaininnat</p> 719 720 </div> 721</a> 722 723 724 <a href="/circular-tech-talk" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 725 items-center"> 726 727 <div> 728 <p>Circular Tech Talk - kiertotaloustapahtumia</p> 729 730 </div> 731</a> 732 733 734 <a href="/uutiset/kokemuksia-inregosta" class="flex space-x-3 max-w-xs px-3 min-w-[180px] py-2 transition-colors rounded hover:bg-gray-500/10 735 items-center"> 736 737 <div> 738 <p>Kokemuksia Inregosta</p> 739 740 </div> 741</a> 742 743 744 </div> 745 746 </div> 747 </div> 748 749 750 751 752 <a x-on:mouseenter="flyoutOpen = 753 ''" href="/case" 754 :class="{ 755 'text-gray-800': (flyoutOpen || isSticky), 756 'text-white': !(flyoutOpen || isSticky) 757 }" class="relative z-20 flex items-center px-3 py-1 text-sm text-white transition rounded whitespace-nowrap 2xl:text-base hover:bg-gray-500/10"> 758 Asiakastarinat 759 </a> 760 761 762 763 <a x-on:mouseenter="flyoutOpen = 764 ''" href="/yhteystiedot" 765 :class="{ 766 'text-gray-800': (flyoutOpen || isSticky), 767 'text-white': !(flyoutOpen || isSticky) 768 }" class="relative z-20 flex items-center px-3 py-1 text-sm text-white transition rounded whitespace-nowrap 2xl:text-base hover:bg-gray-500/10"> 769 Ota yhteyttä 770 </a> 771 772 773 </div> 774 <div class="z-20 flex items-center justify-end flex-1 ml-auto space-x-5"> 775 776 777 778 779 780<button x-on:click="toggleOperationStatusModal(false)" :class="{ 781 'lg:text-gray-800': flyoutOpen || isSticky, 782 'lg:text-white': !(flyoutOpen || isSticky) 783 }" class="relative whitespace-nowrap z-20 text-sm font-thin text-gray-800 2xl:font-normal 2xl:text-base hover:text-opacity-75 "> 784 785 <span>Kirjaudu sisään</span> 786</button> 787 788 789 790 791 <a href="https://myy-it-laitteet.inrego.fi/" 792 class="rounded py-1.5 px-3 minw text-sm border min-w-16 text-center transition-colors " 793 794 :class="{ 795 'text-gray-800 border-gray-400 hover:bg-gray-50 bg-white': (flyoutOpen || isSticky), 796 'text-white border-white/50 hover:bg-white/10': !(flyoutOpen || isSticky) 797 }" 798 > 799 Sell 800 </a> 801 802 803 <a href="https://shop.inrego.fi" 804 class="rounded py-1.5 px-3 minw text-sm border min-w-16 text-center transition-colors bg-gray-dark hover:bg-gray-900 border-gray-900 text-white" 805 > 806 Shop 807 </a> 808 809 810 811 </div> 812 </nav> 813</div> 814 815 <div x-show="showMobileNav" x-cloak x-transition.opacity.duration.300ms x-on:click="showMobileNav = ''" 816 class="fixed inset-0 bg-black/20 lg:hidden" aria-hidden="true"></div> 817<div x-show="showMobileNav" x-cloak x-trap.noscroll="showMobileNav" 818 x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-5" 819 x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-out duration-200" 820 x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-5" 821 class="fixed inset-0 z-30 p-0 lg:hidden"> 822 <div class="relative h-full flex flex-col pt-[106px] bg-white divide-y divide-gray-100 shadow-lg"> 823 <div class="flex-1 pb-6 overflow-auto"> 824 <nav class="grid text-lg gap-y-1" x-data="{ active: null }"> 825 826 827 <div> 828 <div x-data="{ 829 id: 1, 830 toggleExpanded(){ 831 active != this.id ? active = this.id : active = null; 832 } 833 834 }" role="region" class=""> 835 <div class="flex h-12"> 836 837 <button x-on:click="toggleExpanded()" :aria-expanded="active === id" 838 class="flex items-center justify-between w-full h-full px-4 space-x-3 rounded-md focus:outline-none focus:ring-0">
839 <span class="font-normal text-gray-900 "> 840 841 Maailmamme 842 843 </span> 844 <i class="transition fal fa-arrow-right-long" 845 :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i> 846 </button> 847 848 </div> 849 850 <div x-show="active === id" x-collapse class="bg-gray-50/50"> 851 <div class="py-3"> 852 853 854 <div class="mt-3 first:mt-0"> 855 <a href="/motivaattorimme" 856 class="block py-2 pl-8 pr-4 text-sm text-gray-600 uppercase"> 857 Motivaattorimme 858 </a> 859 860 <a href="/motivaattorimme/kiertava-it" class="block py-2 pl-8 pr-4"> 861 862 <span> 863 IT:n kiertotalous 864 </span> 865 </a> 866 867 <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="block py-2 pl-8 pr-4"> 868 869 <span> 870 Ilmastotavoitteiden saavuttaminen! 871 </span> 872 </a> 873 874 <a href="/motivaattorimme/kiertava-it/yk-n-kestavan-kehityksen-tavoitteet-2030" class="block py-2 pl-8 pr-4"> 875 876 <span> 877 YK:n kestävän kehityksen tavoitteet - 2030 878 </span> 879 </a> 880 881 </div> 882 883 884 885 <div class="mt-3 first:mt-0"> 886 <a href="/toimintalupauksemme" 887 class="block py-2 pl-8 pr-4 text-sm text-gray-600 uppercase"> 888 Toimintalupauksemme 889 </a> 890 891 <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4"> 892 893 <span> 894 Turvallisuus 895 </span> 896 </a> 897 898 <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4"> 899
900 <span> 901 Seuranta 902 </span> 903 </a> 904 905 <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4"> 906 907 <span> 908 Talous 909 </span> 910 </a> 911 912 <a href="/toimintalupauksemme" class="block py-2 pl-8 pr-4"> 913 914 <span> 915 Logistiikka 916 </span> 917 </a> 918 919 </div> 920 921 922 </div> 923 </div> 924 </div> 925 </div> 926 927 928 929 <div> 930 <div x-data="{ 931 id: 2, 932 toggleExpanded(){ 933 active != this.id ? active = this.id : active = null; 934 } 935 936 }" role="region" class=""> 937 <div class="flex h-12"> 938 939 <button x-on:click="toggleExpanded()" :aria-expanded="active === id" 940 class="flex items-center justify-between w-full h-full px-4 space-x-3 rounded-md focus:outline-none focus:ring-0"> 941 <span class="font-normal text-gray-900 "> 942 943 Palvelumme 944 945 </span> 946 <i class="transition fal fa-arrow-right-long" 947 :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i> 948 </button> 949 950 </div> 951 952 <div x-show="active === id" x-collapse class="bg-gray-50/50"> 953 <div class="py-3"> 954 955 956 <a href="/palvelumme/yhteistyokumppaneille" 957 class="block py-2 pl-8 pr-4"> 958 959 Yhteistyökumppaneille 960 </a> 961 962 963 964 <a href="/palvelumme/ostamme-it-laitteita/palvelumalli" 965 class="block py-2 pl-8 pr-4"> 966 967 Palvelumallimme 968 </a> 969 970 971 972 <a href="https://inrego.fi/palvelumme/ostamme-it-laitteita" 973 class="block py-2 pl-8 pr-4"> 974 975 Ostamme IT-laitteita 976 </a> 977 978 979 980 <a href="https://inrego.fi/palvelumme/myymme-it-laitteita" 981 class="block py-2 pl-8 pr-4"> 982 983 Myymme IT-laitteita 984 </a> 985 986 987 988 <a href="/palvelumme/ostamme-it-laitteita/refresh-palvelulla-laitteet-kukoistamaan" 989 class="block py-2 pl-8 pr-4"> 990 991 Refresh palvelulla laitteet kukoistamaan 992 </a> 993 994 995 996 <a href="/palvelumme/it-laitekannnan-vastuullisuuskartoitus" 997 class="block py-2 pl-8 pr-4"> 998 999 IT-laitekannan vastuullisuuskartoitus 1000 </a> 1001 1002 1003 1004 <a href="/co2" 1005 class="block py-2 pl-8 pr-4"> 1006 1007 CO2-laskentamalli - uusi standardi 1008 </a> 1009 1010 1011 1012 <a href="https://inrego.fi/laiterekisteri" 1013 class="block py-2 pl-8 pr-4"> 1014 1015 Laiterekisteri 1016 </a> 1017 1018 1019 </div> 1020 </div> 1021 </div> 1022 </div> 1023 1024 1025 1026 <div> 1027 <div x-data="{ 1028 id: 3, 1029 toggleExpanded(){ 1030 active != this.id ? active = this.id : active = null; 1031 } 1032 1033 }" role="region" class=""> 1034 <div class="flex h-12"> 1035 1036 <a href="/tietoa-meista" 1037 class="flex items-center flex-1 h-full px-4">Meistä</a> 1038 <button class="flex items-center justify-end flex-1 h-full px-4" 1039 x-on:click="toggleExpanded()" :aria-expanded="active === id"> 1040 <i class="transition fal fa-arrow-right-long" 1041 :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i> 1042 </button> 1043 1044 </div> 1045 1046 <div x-show="active === id" x-collapse class="bg-gray-50/50"> 1047 <div class="py-3"> 1048 1049 1050 <a href="/tietoa-meista/tiimimme" 1051 class="block py-2 pl-8 pr-4"> 1052 1053 Tiimimme 1054 </a> 1055 1056 1057 1058 <a href="/tietoa-meista/compliance" 1059 class="block py-2 pl-8 pr-4"> 1060 1061 Compliance â vastuullista ja säÃ
1061¤ntöjenmukaista toimintaa 1062 </a> 1063 1064 1065 1066 <a href="/tietoa-meista/tule-meille-toihin" 1067 class="block py-2 pl-8 pr-4"> 1068 1069 Tule meille töihin 1070 </a> 1071 1072 1073 </div> 1074 </div> 1075 </div> 1076 </div> 1077 1078 1079 1080 <div> 1081 <div x-data="{ 1082 id: 4, 1083 toggleExpanded(){ 1084 active != this.id ? active = this.id : active = null; 1085 } 1086 1087 }" role="region" class=""> 1088 <div class="flex h-12"> 1089 1090 <a href="/uutiset" 1091 class="flex items-center flex-1 h-full px-4">Uutiset</a> 1092 <button class="flex items-center justify-end flex-1 h-full px-4" 1093 x-on:click="toggleExpanded()" :aria-expanded="active === id"> 1094 <i class="transition fal fa-arrow-right-long" 1095 :class="active === id ? 'rotate-90 text-fire-800':'rotate-0'"></i> 1096 </button> 1097 1098 </div> 1099 1100 <div x-show="active === id" x-collapse class="bg-gray-50/50"> 1101 <div class="py-3"> 1102 1103 1104 <a href="/uutiset" 1105 class="block py-2 pl-8 pr-4"> 1106 1107 Uutiset 1108 </a> 1109 1110 1111 1112 <a href="/uutiset/mediamaininnat" 1113 class="block py-2 pl-8 pr-4"> 1114 1115 Mediamaininnat 1116 </a> 1117 1118 1119 1120 <a href="/circular-tech-talk" 1121 class="block py-2 pl-8 pr-4"> 1122 1123 Circular Tech Talk - kiertotaloustapahtumia 1124 </a> 1125 1126 1127 1128 <a href="/uutiset/kokemuksia-inregosta" 1129 class="block py-2 pl-8 pr-4"> 1130 1131 Kokemuksia Inregosta 1132 </a> 1133 1134 1135 </div> 1136 </div> 1137 </div> 1138 </div> 1139 1140 1141 1142 <a href="/case" 1143 class="flex items-center h-12 px-4 roun
1143ded-md focus:outline-none focus:ring-0"> 1144 1145 <span class="font-normal text-gray-900"> Asiakastarinat </span> 1146 </a> 1147 1148 1149 1150 <a href="/yhteystiedot" 1151 class="flex items-center h-12 px-4 rounded-md focus:outline-none focus:ring-0"> 1152 1153 <span class="font-normal text-gray-900"> Ota yhteyttä </span> 1154 </a> 1155 1156 1157 </nav> 1158 </div> 1159 1160 <div class="px-5 py-6 space-y-6"> 1161 <div class="flex items-center self-center justify-center"> 1162 <div class="flex items-center gap-x-4 flex-wrap"> 1163 1164 1165 1166 1167 1168<button x-on:click="toggleOperationStatusModal(false)" :class="{ 1169 'lg:text-gray-800': flyoutOpen || isSticky, 1170 'lg:text-white': !(flyoutOpen || isSticky) 1171 }" class="relative whitespace-nowrap z-20 text-sm font-thin text-gray-800 2xl:font-normal 2xl:text-base hover:text-opacity-75 py-1.5"> 1172 1173 <span>Kirjaudu sisään</span> 1174</button> 1175 1176 1177 1178 1179 <a href="https://myy-it-laitteet.inrego.fi/" class="rounded py-1.5 px-3 minw text-sm border min-w-16 text-center transition-colors 1180 bg-white border-gray-400 text-gray-800 hover:bg-gray-50 1181 "> 1182 Sell 1183 </a> 1184 1185 1186 <a href="https://shop.inrego.fi" class="rounded py-1.5 px-3 minw text-sm border min-w-16 text-center transition-colors 1187 bg-gray-dark hover:bg-gray-900 border-gray-900 text-white 1188 "> 1189 Shop 1190 </a> 1191 1192 </div> 1193 1194 </div> 1195 </div> 1196 </div> 1197</div> 1198 1199 <template x-teleport="body"> 1200 <div x-data="customerPortalModal" x-show="isOpen" style="display: none" x-on:keydown.escape.prevent.stop="close" 1201 role="dialog" aria-modal="true" x-id="['customer-portal-modal']" :aria-labelledby="$id('customer-portal-modal')" 1202 class="fixed inset-0 z-50 overflow-y-auto"> 1203 <!-- Overlay --> 1204 <div x-show="isOpen" x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 1205 1206 <!-- Panel --> 1207 <div x-show="isOpen" x-transition x-on:click="close" 1208 class="relative flex items-center justify-center min-h-screen p-4"> 1209 <div x-on:click.stop x-trap.noscroll.inert="isOpen" 1210 class="relative w-full max-w-lg px-10 py-16 overflow-y-auto bg-white rounded shadow-lg"> 1211 <div class="absolute top-0 right-0"> 1212 <button type="button" x-on:click="close" class="grid content-center w-10 h-10"> 1213 <i class="fal fa-times"></i> 1214 </button> 1215 </div> 1216 1217 <template x-if="loading"> 1218 <div> 1219 <div class="flex justify-center"> 1220 <i class="text-4xl fal animate-spin fa-spinner-third opacity-40"></i> 1221 </div> 1222 <p class="mt-6 text-sm text-center "> 1223 Ãppnar kundsportal... 1224 </p> 1225 </div> 1226 1227 </template> 1228 <template x-if="!loading && temporaryMalfunction"> 1229 <div> 1230 <div class="flex justify-center"> 1231 <i class="fal text-4xl fa-exclamation-triangle text-[#DF8600]"></i> 1232 </div> 1233 <div class="mt-6 text-sm prose text-center prose-p:text-black/70 prose-p:leading-normal prose-p:my-1 prose-strong:text-black " 1234 :id="$id('customer-portal-modal')"> 1235 <p><strong>Kundportalen har en tillfällig driftstörning</strong></p><p>Försök igen vid ett senare tillfälle. Ni kan även kontakta oss för hjälp med era ärenden.</p> 1236 </div> 1237 </div> 1238 </template> 1239 1240 </div> 1241 </div> 1242 </div> 1243</template>
1244<script> 1245 document.addEventListener('alpine:init', () => { 1246 Alpine.data('customerPortalModal', () => ({ 1247 get isOpen() { 1248 return this.modal === 'operation-status' 1249 }, 1250 close() { 1251 this.modal = "" 1252 }, 1253 })) 1254 }) 1255</script>
1255 1256 1257 </div> 1258 </div> 1259 </div> 1260 1261</header>
1262<script> 1263 document.addEventListener('alpine:init', () => { 1264 Alpine.data('navComponent', () => ({ 1265 loading: false, 1266 temporaryMalfunction: false, 1267 lastScrollOffset: 0, 1268 isSticky: false, 1269 async toggleOperationStatusModal(scheduled_maintenance) { 1270 this.isOpen("operation-status") ? this.closeModal() : this.openModal( 1271 "operation-status") 1272 if (this.modal === "operation-status" && !scheduled_maintenance) { 1273 this.checkPortalStatus() 1274 } 1275 }, 1276 async checkPortalStatus() { 1277 this.loading = true; 1278 this.temporaryMalfunction = false; 1279 return await fetch("/api/check-portal-status").then(response => response.text()) 1280 .then(status => { 1281 if (status == "200") { 1282 window.location = "https://kundportal.inrego.se/"; 1283 this.temporaryMalfunction = false; 1284 this.modal = ''; 1285 return; 1286 } 1287 this.loading = false; 1288 this.temporaryMalfunction = true; 1289 return; 1290 }) 1291 .catch(error => console.log(error)); 1292 }, 1293 get showMobileNav() { 1294 return this.modal === "mobile-nav" 1295 }, 1296 init() { 1297 // Should this be here? 1298 this.$watch('isSticky', value => { 1299 this.$dispatch('sticky-nav-toggle', { 1300 inView: value 1301 }) 1302 }) 1303 } 1304 })) 1305 }) 1306</script>
1306 1307 1308 1309 1310 <main x-data="main" class="bg-white"> 1311 1312 1313 1314 1315 1316<section class="-mt-24"> 1317 <div class="relative -mt-24 overflow-hidden h-[300px] md:h-[500px] xl:h-[600px]"> 1318 <div class="absolute inset-0 w-full h-full bg-gray-50 "> 1319 1320 1321 1322 1323<picture> 1324 <img 1325 src="/img/containers/assets/content/headerbilder/var-drivkraft.jpg/4ef4f11b7673b7fb330c7184bcfe9bd2/var-drivkraft.jpg" 1326 alt="Vår drivkraft på Inrego." 1327 class="object-cover object-center w-full h-full " 1328 loading="lazy" 1329 /> 1330</picture> 1331 1332 1333 </div> 1334 1335 <div class="absolute inset-0 w-full h-full overflow-y-auto"> 1336 <div class="absolute inset-0 " style="background-color: #000000; opacity: 1337 0.4"> 1338 </div> 1339 1340 <div class="absolute inset-x-0 bottom-0 pt-12 lg:overflow-hidden" data-aos="fade-in"> 1341 <div class="mx-auto max-w-7xl"> 1342 1343<div 1344 class="dynamic-container w-full px-4 mx-auto max-w-7xl md:px-8 "> 1345 <div class="pb-8"> 1346 <h1 1347 class="mt-4 text-3xl font-thin tracking-tight text-white xl:leading-tight sm:mt-5 sm:text-4xl lg:mt-6 xl:text-5xl"> 1348 Motivaattorimme 1349 </h1> 1350 1351 <div class="mt-3 text-white bold-prose sm:mt-5 sm:text-lg xl:text-xl"> 1352 <p></p> 1353 </div> 1354 1355 1356 1357 </div> 1358</div> 1359 1360 1361 </div> 1362 </div> 1363 </div> 1364 1365</div> 1366 1367</section> 1368 1369 1370 1371<section class="py-12 border-t border-gray-100 lg:py-24"> 1372 1373 <div 1374 class="dynamic-container w-full px-4 mx-auto max-w-7xl md:px-8 py-12 -my-12 lg:py-24 lg:-my-24 "> 1375 <div class="" data-aos="fade-in"> 1376 <div class=" md:mx-auto md:text-center 1377 max-w-2xl 1378 1379 1380 "> 1381 1382 <h2 class="text-3xl font-bold text-inrego-dark max-w-4xl md:mx-auto"> 1383 Haluamme muutta maailman IT-kulutuksen kestäväksi, askel askeleelta 1384 </h2> 1385 1386 <div 1387 class=" mt-4 space-y-5 sm:space-y-6 text-gray-700 sm:text-lg mx-auto max-w-full"> 1388 1389 1390 1391 <div 1392 class="inrego-prose prose-p:max-w-4xl prose-h2:max-w-4xl prose-h3:max-w-4xl mx-auto prose-p:mx-auto prose-h2:mx-auto prose-h3:mx-auto"> 1393 <p>Elektroniikkajäte on maailman nopeimmin kasvava jätemuoto, jolla on merkittävät vaikutukset ympäristöön ja ilmastoon. Kannustamme yhä useampia yrityksiä osaksi kiertotaloutta hyödyntämällä käytettyä ja kunnostettua IT:tä sekä saavuttamaan näin omat ympäristötavoitteensa.</p> 1394 </div> 1395 1396 1397 </div> 1398 </div> 1399</div> 1400</div> 1401 1402 1403 1404 1405 1406<div 1407 class="dynamic-container w-full px-4 mx-auto max-w-7xl md:px-8 py-12 -my-12 lg:py-24 lg:-my-24 "> 1408 <div> 1409 <div class="relative space-y-12 md:space-y-20"> 1410 1411 1412 1413 1414 1415 1416 <div id="" 1417 class="relative md:grid md:grid-cols-2 scroll-mt-10 md:gap-20 md:items-center md:grid-flow-row-dense" 1418 data-aos="fade-in"> 1419 <div class="mb-6 relative md:mb-0 md:order-first " 1420 aria-hidden="true"> 1421 1422 1423 1424 1425<picture> 1426 <img 1427 src="/img/containers/assets/photographs/general-inrego-photos/repairing-2.jpg/4dab79994784aa9b2d5e1690fd6b87e7/repairing-2.jpg" 1428 alt="mecka med datorer på Inrego." 1429 class="object-cover w-full h-full" 1430 loading="lazy" 1431 /> 1432</picture> 1433 1434 1435 </div> 1436 <div 1437 class="relative md:order-last "> 1438 <div class="w-full "> 1439 <p class="text-xs font-bold text-gray-600 uppercase">Mihin pyrimme?</p> 1440 1441 <h3 class="mt-3 text-xl font-bold tracking-tight text-gray-dark sm:text-2xl"> 1442 Kiertävä IT 1443 </h3> 1444 1445 <div class="mt-3 prose text-gray-700"> 1446 <p>Toimistomme ja tuotantotilamme sijaitsevat Ruotsissa ja Suomessa, joista toimitamme kunnostettuja IT-laitteita yli 90 maahan. Maailmalaajuisesti kiertävää elektroniikkaa. Mutta mitä kiertävä IT oikeastaan tarkoittaa?</p> 1447 </div> 1448 1449 1450 <div class="mt-6"> 1451 1452 <a href="/motivaattorimme/kiertava-it" class="inline-flex items-center px-5 py-2 text-sm font-normal transition-colors border focus:ring-2 focus:outline-none rounded-full group 1453 1454 focus:ring-gray-200 border-gray-600 text-gray-dark hover:bg-gray-50 1455 "> 1456 Lue lisää 1457 <i class="fa-light fa-arrow-right-long ml-2 -mr-1 transition-transform group-hover:translate-x-0.5"></i> 1458</a> 1459 1460 </div> 1461 1462 </div> 1463 </div> 1464 1465 </div> 1466 1467 1468 1469 1470 1471 1472 <div id="" 1473 class="relative md:grid md:grid-cols-2 scroll-mt-10 md:gap-20 md:items-center " 1474 data-aos="fade-in"> 1475 <div class="mb-6 relative md:mb-0 md:order-last" 1476 aria-hidden="true"> 1477 1478 1479 1480 1481<picture> 1482 <img 1483 src="/img/containers/assets/photographs/general-inrego-photos/aterbruksbesparing.jpg/a5c73e5fb6fa485b8a72dad4fbbeceb9/aterbruksbesparing.jpg" 1484 alt="återbruksbesparing på Inrego, dator i skogen." 1485 class="object-cover w-full h-full" 1486 loading="lazy" 1487 /> 1488</picture> 1489 1490 1491 </div> 1492 <div 1493 class="relative md:order-first"> 1494 <div class="w-full "> 1495 <p class="text-xs font-bold text-gray-600 uppercase">Mihin pyrimme?</p> 1496 1497 <h3 class="mt-3 text-xl font-bold tracking-tight text-gray-dark sm:text-2xl"> 1498 Ilmastotavoitteiden saavuttaminen 1499 </h3> 1500 1501 <div class="mt-3 prose text-gray-700"> 1502 <p>Autamme asiakkaitamme saavuttamaan ilmastotavoitteensa ja olemaan osa kiertotaloutta.</p> 1503 </div> 1504 1505 1506 <div class="mt-6"> 1507 1508 <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" class="inline-flex items-center px-5 py-2 text-sm font-normal transition-colors border focus:ring-2 focus:outline-none rounded-full group 1509 1510 focus:ring-gray-200 border-gray-600 text-gray-dark hover:bg-gray-50 1511 "> 1512 Lue lisää 1513 <i class="fa-light fa-arrow-right-long ml-2 -mr-1 transition-transform group-hover:translate-x-0.5"></i> 1514</a> 1515 1516 </div> 1517 1518 </div> 1519 </div> 1520 1521 </div> 1522 1523 </div> 1524</div> 1525</div> 1526 1527 1528</section> 1529 1530 </main> 1531 1532 1533 1534 <footer> 1535 1536<div 1537 class="dynamic-container w-full px-4 mx-auto max-w-7xl md:px-8 "> 1538 <div class="text-base font-normal text-white bg-inrego-blue" aria-labelledby="footer-heading"> 1539 <h2 id="footer-heading" class="sr-only">Footer</h2> 1540 <div class="pt-12 lg:pt-16 "> 1541 <div class="xl:grid xl:grid-cols-3 xl:gap-8"> 1542 <div class=" xl:col-span-1"> 1543 <div class="antialiased font-normal text-md"> 1544 <a href="/" class="text-xl"> 1545 1546 <div class="w-[140px] h-auto">
1547 <span class="sr-only">Inrego</span> 1548 <svg width="120" height="23" viewBox="0 0 120 23" fill="currentColor" xmlns="http://www.w3.org/2000/svg"> 1549<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0H4.61538V22.1538H0V0ZM23.6574 13.6343L12.9433 0H8.30769V22.1538H13.2657V8.07351L24.3482 22.1538H28.6154V0H23.6574V13.6343ZM50.0919 7.31523V7.3747C50.0919 10.9431 48.1354 13.2031 45.2909 14.2439L50.7691 22.1538H45.0049L40.2039 15.0616H36.321V22.1538H31.3845V0H41.6337C44.4782 0 46.6905 0.788023 48.1655 2.24512C49.4146 3.47919 50.0919 5.23366 50.0919 7.31523ZM41.3176 10.7647C43.7257 10.7647 45.0952 9.50088 45.0952 7.62746H45.1103V7.56799C45.1103 5.47155 43.6354 4.40103 41.2273 4.40103H36.321V10.7647H41.3176ZM58.3149 13.1585H68.3516V8.8318H58.3149V4.34156H70.0072V0H53.5384V22.1538H70.1538V17.8123H58.3149V13.1585ZM84.9232 14.8218V11.4787H95.077V21.7951H91.5511V18.6242C89.5083 20.7764 86.5272 22.1538 83.0467 22.1538C76.0707 22.1538 71.077 17.1893 71.077 11.0769C71.077 4.96453 76.1464 0 83.1073 0C88.2674 0 92.338 2.71184 94.1085 6.57154L89.251 8.17856C88.1917 5.82543 85.7403 4.3045 83.0467 4.3332C79.0366 4.3332 76.2674 7.332 76.2674 11.0052C76.2674 14.7644 79.1123 17.7919 83.1073 17.7919C85.6192 17.7919 87.6319 16.6154 88.7971 14.8218H84.9232ZM96.9231 11.0769C96.9231 4.99181 101.789 0 108.491 0C115.178 0 119.985 4.93427 120 11.005V11.0625C120 17.162 115.134 22.1538 108.432 22.1538C101.731 22.1538 96.9231 17.234 96.9231 11.1345V11.0769ZM108.491 17.8238C112.337 17.8238 115.003 14.8172 115.003 11.1489V11.0913C115.003 7.42298 112.279 4.35884 108.432 4.35884C104.586 4.35884 101.92 7.36544 101.92 11.0338V11.0913C101.92 14.7596 104.645 17.8238 108.491 17.8238Z" fill="currentColor"/> 1550</svg> 1551 1552 </div> 1553 1554 1555 </a> 1556</div> 1557 <p class="max-w-sm mt-4 text-gray-50"> 1558 Tavoitteenamme on muuttaa maailman IT-kulutus kestävämmäksi. 1559 </p> 1560 1561 <div class="flex flex-col items-start my-8"> 1562 <a href="mailto:[email protected]" 1563 class="block text-gray-50 hover:text-opacity-75">[email protected]</a> 1564 <a href="tel:" 1565 class="block text-gray-50 hover:text-opacity-75"></a> 1566 </div> 1567 1568 <div class="flex space-x-4"> 1569 1570 <a href="https://www.linkedin.com/company/inrego" class="transition-colors duration-300 hover:text-fire-800" target="_blank"> 1571 <span class="sr-only">Motivaattorimme</span> 1572 <svg class="h-8 w-8 fill-current" xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewBox="0 0 32 33" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 32.1538C24.8366 32.1538 32 24.9904 32 16.1538C32 7.31725 24.8366 0.153809 16 0.153809C7.16344 0.153809 0 7.31725 0 16.1538C0 24.9904 7.16344 32.1538 16 32.1538ZM11.6406 12.6421V23.1538H8.37109V12.6421H11.6406ZM11.8867 9.30225C11.8867 10.3569 11.043 11.2358 9.98828 11.2358C8.96875 11.2358 8.125 10.3569 8.125 9.30225C8.125 8.28271 8.96875 7.43896 9.98828 7.43896C11.043 7.43896 11.8867 8.28271 11.8867 9.30225ZM23.875 23.1538H23.8398H20.6055V18.0562C20.6055 16.8257 20.5703 15.2788 18.8828 15.2788C17.1953 15.2788 16.9492 16.5796 16.9492 17.9507V23.1538H13.6797V12.6421H16.8086V14.0835H16.8438C17.3008 13.2749 18.3555 12.396 19.9375 12.396C23.2422 12.396 23.875 14.5757 23.875 17.3882V23.1538Z" fill="currentColor"/></svg> 1573 </a> 1574 1575</div> 1576 </div> 1577 <div class="grid flex-1 mt-12 gap-y-8 sm:grid-cols-2 md:grid-cols-4 xl:mt-0 xl:col-span-2"> 1578 1579 <div class="pr-8 "> 1580 <a href="/motivaattorimme" 1581 class="text-sm font-bold tracking-wider uppercase">Motivaattorimme</a> 1582 <ul role="list" class="mt-4 space-y-4"> 1583 1584 <li> 1585 <a href="/motivaattorimme/kiertava-it" 1586 class="text-base text-gray-100 hover:text-opacity-75"> 1587 IT:n kiertotalous 1588 </a> 1589 </li> 1590 1591 <li> 1592 <a href="/motivaattorimme/ilmastotavoitteiden-saavuttaminen" 1593 class="text-base text-gray-100 hover:text-opacity-75"> 1594 Ilmastotavoitteiden saavuttaminen! 1595 </a> 1596 </li> 1597 1598 </ul> 1599 </div> 1600 1601 <div class="pr-8 "> 1602 <a href="/palvelumme" 1603 class="text-sm font-bold tracking-wider up
1603percase">Palvelumme</a> 1604 <ul role="list" class="mt-4 space-y-4"> 1605 1606 <li> 1607 <a href="/palvelumme/ostamme-it-laitteita" 1608 class="text-base text-gray-100 hover:text-opacity-75"> 1609 Ostamme IT-laitteita 1610 </a> 1611 </li> 1612 1613 <li> 1614 <a href="/palvelumme/myymme-it-laitteita" 1615 class="text-base text-gray-100 hover:text-opacity-75"> 1616 Myymme IT-laitteita 1617 </a> 1618 </li> 1619 1620 <li> 1621 <a href="https://inrego.fi/yleiset-ehdot" 1622 class="text-base text-gray-100 hover:text-opacity-75"> 1623 Yleiset ehdot 1624 </a> 1625 </li> 1626 1627 </ul> 1628 </div> 1629 1630 <div class="pr-8 "> 1631 <a href="/tietoa-meista" 1632 class="text-sm font-bold tracking-wider uppercase">Meistä</a> 1633 <ul role="list" class="mt-4 space-y-4"> 1634 1635 <li> 1636 <a href="https://inrego.fi/tietoa-meista/yritysvastuu/#Ilmiannot" 1637 class="text-base text-gray-100 hover:text-opacity-75"> 1638 Whistleblowing 1639 </a> 1640 </li> 1641 1642 <li> 1643 <a href="/tietoa-meista/tule-meille-toihin" 1644 class="text-base text-gray-100 hover:text-opacity-75"> 1645 Tule meille töihin 1646 </a> 1647 </li> 1648 1649 <li> 1650 <a href="/tietoa-meista/mista-kaikki-alkoi" 1651 class="text-base text-gray-100 hover:text-opacity-75"> 1652 IT:n uusiokäytön historia 1653 </a> 1654 </li> 1655 1656 <li> 1657 <a href="/tietoa-meista/yritysvastuu" 1658 class="text-base text-gray-100 hover:text-opacity-75"> 1659 Yritysvastuu 1660 </a> 1661 </li> 1662 1663 <li> 1664 <a href="/tietoa-meista/tiimimme" 1665 class="text-base text-gray-100 hover:text-opacity-75"> 1666 Tiimimme 1667 </a> 1668 </li> 1669 1670 </ul> 1671 </div> 1672 1673 <div class="space-y-2 md:col-start-4"> 1674 1675 1676 1677 <a href="https://inrego.se" 1678 class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 "> 1679 <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center"> 1680 1681 <img src="/flags/se.svg" class="absolute inset-0 object-cover object-center w-full h-full " 1682 aria-hidden="true"> 1683 1684 </div> 1685 <p class=" whitespace-nowrap">Inrego Sweden</p> 1686</a> 1687 1688 1689 <a href="https://inrego.com" 1690 class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 "> 1691 <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center"> 1692 1693 <img src="/flags/gb.svg" class="absolute inset-0 object-cover object-center w-full h-full " 1694 aria-hidden="true"> 1695 1696 </div> 1697 <p class=" whitespace-nowrap">Inrego International</p> 1698</a> 1699 1700 1701 <a href="https://inrego.fi" 1702 class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 "> 1703 <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center"> 1704 1705 <img src="/flags/fi.svg" class="absolute inset-0 object-cover object-center w-full h-full " 1706 aria-hidden="true"> 1707 1708 </div> 1709 <p class=" whitespace-nowrap">Inrego Finland</p> 1710</a> 1711 1712 1713 1714 1715 1716 <a href="https://stocklists.inrego.com" 1717 class=" bg-gray-900 hover:bg-gray-800 clear-focus focus:ring-2 focus:ring-gray-700 transition ring-offset-2 ring-offset-gray-dark rounded-sm text-sm px-3 py-2.5 w-full flex items-center space-x-3 "> 1718 <div class=" overflow-hidden relative h-4 w-[22px] rounded-sm flex items-center justify-center"> 1719 1720 <i class="fa text-base fa-light fa-globe" aria-hidden="true"></i> 1721 1722 </div> 1723 <p class=" whitespace-nowrap">
1723Inrego Stocklists</p> 1724</a> 1725 1726 1727 1728 1729 </div> 1730 </div> 1731 1732 </div> 1733 1734 1735 <div class="py-8 mt-8 border-gray-900 border-y lg:flex lg:items-center lg:justify-between"> 1736 1737 <div class="w-full dynamics-newsletter overflow-x-hidden"> 1738 <div 1739Â Â Â Â Â Â Â data-form-id='3385f643-35fb-ee11-a1fe-002248a1245a' 1740Â Â Â Â Â Â Â data-form-api-url='https://public-eur.mkt.dynamics.com/api/v1.0/orgs/f431ad4a-fcb5-ee11-9073-000d3ab39a7c/landingpageforms' 1741Â Â Â Â Â Â Â data-cached-form-url='https://assets-eur.mkt.dynamics.com/f431ad4a-fcb5-ee11-9073-000d3ab39a7c/digitalassets/forms/3385f643-35fb-ee11-a1fe-002248a1245a' ></div> 1742Â Â Â Â Â Â Â
1742<script src = 'https://cxppusa1formui01cdnsa01-endpoint.azureedge.net/eur/FormLoader/FormLoader.bundle.js' ></script>
1742 1743 </div> 1744 1745 </div> 1746 1747 1748 1749 <div class="flex flex-wrap items-start justify-center gap-8 mt-8 sm:justify-start"> 1750 1751 <div class="flex flex-col items-center space-y-3"> 1752 <div class="flex items-center justify-center w-24 h-24"> 1753 1754 1755 1756 1757<picture> 1758 <img 1759 src="/img/containers/assets/logos/mar.png/12c332c0074d31993533f2aae5fb1e42/mar.png" 1760 alt="" 1761 class="relative max-w-full max-h-full " 1762 loading="lazy" 1763 /> 1764</picture> 1765 1766 1767 </div> 1768 <div class="text-xs text-center max-w-[150px] "> 1769 <p class="font-bold text-gray-500 ">Microsoft</p> 1770 <p class="text-gray-700 "> 1771 Authorized refurbisher 1772 </p> 1773 </div> 1774 </div> 1775 1776 <div class="flex flex-col items-center space-y-3"> 1777 <div class="flex items-center justify-center w-24 h-24"> 1778 1779 1780 1781 1782<picture> 1783 <img 1784 src="/img/containers/assets/logos/blancco.png/85de2bce6d12afd616474651cdab0b13/blancco.png" 1785 alt="" 1786 class="relative max-w-full max-h-full " 1787 loading="lazy" 1788 /> 1789</picture> 1790 1791 1792 </div> 1793 <div class="text-xs text-center max-w-[150px] "> 1794 <p class="font-bold text-gray-500 ">Blancco</p> 1795 <p class="text-gray-700 "> 1796 Gold ITAD Partner 1797 </p> 1798 </div> 1799 </div> 1800 1801 <div class="flex flex-col items-center space-y-3"> 1802 <div class="flex items-center justify-center w-24 h-24"> 1803 1804 1805 1806 1807<picture> 1808 <img 1809 src="/img/containers/assets/logos/iso27001.png/ecacd1e4fbfd405e394e17580b5b40a2/iso27001.png" 1810 alt="" 1811 class="relative max-w-full max-h-full " 1812 loading="lazy" 1813 /> 1814</picture> 1815 1816 1817 </div> 1818 <div class="text-xs text-center max-w-[150px] "> 1819 <p class="font-bold text-gray-500 ">ISO 27001</p> 1820 <p class="text-gray-700 "> 1821 Data security 1822 </p> 1823 </div> 1824 </div> 1825 1826 <div class="flex flex-col items-center space-y-3"> 1827 <div class="flex items-center justify-center w-24 h-24"> 1828 1829 1830 1831 1832<picture> 1833 <img 1834 src="/img/containers/assets/logos/iso9001-.png/c238078e6f75b8b263404a2f3beed670/iso9001-.png" 1835 alt="" 1836 class="relative max-w-full max-h-full " 1837 loading="lazy" 1838 /> 1839</picture> 1840 1841 1842 </div> 1843 <div class="text-xs text-center max-w-[150px] "> 1844 <p class="font-bold text-gray-500 ">ISO 9001/ISO 14001/ISO 45001</p> 1845 <p class="text-gray-700 "> 1846 Quality/Environment/Health & safety 1847 </p> 1848 </div> 1849 </div> 1850 1851 <div class="flex flex-col items-center space-y-3"> 1852 <div class="flex items-center justify-center w-24 h-24"> 1853 1854 1855 1856 1857<picture> 1858 <img 1859 src="/img/containers/assets/logos/luotettava-kumppani.png/97fcd27afab2a85a660383630532b375/luotettava-kumppani.png" 1860 alt="" 1861 class="relative max-w-full max-h-full " 1862 loading="lazy" 1863 /> 1864</picture> 1865 1866 1867 </div> 1868 <div class="text-xs text-center max-w-[150px] "> 1869 <p class="font-bold text-gray-500 ">Vastuu Group</p> 1870 <p class="text-gray-700 "> 1871 Luotettava kumppani 1872 </p> 1873 </div> 1874 </div> 1875 1876 <div class="flex flex-col items-center space-y-3"> 1877 <div class="flex items-center justify-center w-24 h-24"> 1878 1879 1880 1881 1882<picture> 1883 <img 1884 src="/img/containers/assets/logos/live.png/c937616ef73ef4184dddfe01c952b519/live.png" 1885 alt="" 1886 class="relative max-w-full max-h-full " 1887 loading="lazy" 1888 /> 1889</picture> 1890 1891 1892 </div> 1893 <div class="text-xs text-center max-w-[150px] "> 1894 <p class="font-bold text-gray-500 ">Live-säätiö</p> 1895 <p class="text-gray-700 "> 1896 Suomen inhimillisimmät työpaikat 1897 </p> 1898 </div> 1899 </div> 1900 1901 <div class="flex flex-col items-center space-y-3"> 1902 <div class="flex items-center justify-center w-24 h-24"> 1903 1904 1905 1906 1907<picture> 1908 <img 1909 src="/img/containers/assets/logos/suomen-vahvimmat.png/dd11e9a6be7e253f6bd9dc4e0b06b189/suomen-vahvimmat.png" 1910 alt="" 1911 class="relative max-w-full max-h-full " 1912 loading="lazy" 1913 /> 1914</picture> 1915 1916 1917 </div> 1918 <div class="text-xs text-center max-w-[150px] "> 1919 <p class="font-bold text-gray-500 ">Asiakastieto</p> 1920 <p class="text-gray-700 "> 1921 Suomen Vahvimmat 1922 </p> 1923 </div> 1924 </div> 1925 1926 </div> 1927 1928 1929 <div class="flex flex-col-reverse justify-between gap-4 py-8 mt-3 text-sm sm:flex-row"> 1930 <p class="text-sm text-gray-400 xl:text-center">
1930Copyright © Inrego AB 1931 2026 1932 </p> 1933 <div class="flex flex-wrap text-gray-200"> 1934 1935 <a href="/rekisteriseloste" 1936 class="block mr-4 underline transition hover:text-gray-300">Rekisteriseloste</a> 1937 1938 <a href="/cookies" 1939 class="block mr-4 underline transition hover:text-gray-300">Evästeet</a> 1940 1941 <a href="/co2" 1942 class="block mr-4 underline transition hover:text-gray-300">CO2-laskentamalli - uusi standardi</a> 1943 1944 </div> 1945 </div> 1946 </div> 1947 </div> 1948</div> 1949 1950 1951 1952</footer> 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966
1966<script src="/livewire/livewire.min.js?id=6d832aed" data-csrf="t3vuEmXsRH0NMmRJwD3WrYzXCOgDGj8eY0IZ6OBu" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1966 1967</body> 1968
1969<script> 1970 document.addEventListener('alpine:init', () => { 1971 Alpine.directive("tooltip", (el, { 1972 expression 1973 }) => { 1974 tippy(el, { 1975 content: expression, 1976 followCursor: el.classList.contains("land") 1977 }); 1978 }); 1979 Alpine.data('main', () => ({})); 1980 Alpine.data('inregoData', () => ({ 1981 modal: "", 1982 isOpen(modal) { 1983 return this.modal === modal 1984 }, 1985 closeModal() { 1986 this.modal = "" 1987 }, 1988 openModal(modal) { 1989 this.modal = modal; 1990 }, 1991 getItem(key) { 1992 let cookies = document.cookie.split(";"); 1993 for (let i = 0; i < cookies.length; i++) { 1994 let cookie = cookies[i].split("="); 1995 if (key == cookie[0].trim()) { 1996 return decodeURIComponent(cookie[1]); 1997 } 1998 } 1999 return null; 2000 }, 2001 })) 2002 }) 2003 2004 function carousel(size) { 2005 return { 2006 atBeginning: false, 2007 atEnd: false, 2008 index: 0, 2009 length: size, 2010 gridWidth: 0, 2011 init() { 2012 this.setGridWidth(); 2013 window.onresize = () => { 2014 this.setGridWidth(); 2015 this.scroll() 2016 }; 2017 2018 this.$refs.slider.addEventListener('scroll', () => { 2019 this.setGuideOffset() 2020 }); 2021 }, 2022 setGuideOffset() { 2023 if (this.$refs.guideContainer && this.$refs.guide && this.$refs.slider) { 2024 let slider = this.$refs.slider 2025 const SLIDER_SPACING = 20 2026 let sliderWidth = this.$refs.slider.offsetWidth 2027 let offset = slider.firstElementChild.getBoundingClientRect().width 2028 let scrollLeft = this.$refs.slider.scrollLeft 2029 let containerInnerWidth = (size + 1) * offset + (size) * SLIDER_SPACING 2030 let guide = this.$refs.guide 2031 let guideContainerWidth = this.$refs.guideContainer.getBoundingClientRect().width 2032 let guideWidth = guide.getBoundingClientRect().width 2033 let guideOffset = (guideContainerWidth - guideWidth) * (scrollLeft / (containerInnerWidth - 2034 sliderWidth)); 2035 if (guide) { 2036 guide.style.transform = "translateX(" + guideOffset + "px)" 2037 } 2038 2039 } 2040 }, 2041 setGridWidth() { 2042 if (window.innerWidth < 640) { 2043 this.gridWidth = 1 2044 } 2045 if (window.innerWidth >= 640 && window.innerWidth < 1024) { 2046 this.gridWidth = 2 2047 } 2048 if (window.innerWidth >= 1024) { 2049 this.gridWidth = 3 2050 } 2051 }, 2052 gridNext() { 2053 let slider = this.$refs.slider 2054 2055 let scrollTo = window.outerWidth > 640 ? this.$refs.slider.scrollLeft + this.$refs.slider 2056 .firstElementChild 2057 .getBoundingClientRect().width * 2 : this.$refs.slider.scrollLeft + this.$refs.slider 2058 .firstElementChild 2059 .getBoundingClientRect().width 2060 slider.scrollTo({ 2061 left: scrollTo, 2062 behavior: 'smooth' 2063 }) 2064 }, 2065 gridPrev() { 2066 let slider = this.$refs.slider 2067 let scrollTo = window.outerWidth > 640 ? this.$refs.slider.scrollLeft - this.$refs.slider 2068 .firstElementChild 2069 .getBoundingClientRect().width * 2 : this.$refs.slider.scrollLeft - this.$refs.slider 2070 .firstElementChild 2071 .getBoundingClientRect().width 2072 slider.scrollTo({ 2073 left: scrollTo, 2074 behavior: 'smooth' 2075 }) 2076 }, 2077 next() { 2078 2079 if (this.index == size) { 2080 return; 2081 } 2082 this.index++ 2083 this.scroll() 2084 }, 2085 prev() { 2086 2087 if (this.index == 0) { 2088 return; 2089 } 2090 this.index-- 2091 this.scroll() 2092 }, 2093 setIndex(index) { 2094 this.index = index 2095 this.scroll() 2096 }, 2097 scroll() { 2098 let slider = this.$refs.slider 2099 let offset = slider.firstElementChild.getBoundingClientRect().width 2100 slider.scrollTo({ 2101 left: this.index * offset, 2102 behavior: 'smooth' 2103 }) 2104 /*let guide = this.$refs.guide 2105 if (guide) {
2106 guide.style.transform = "translateX(" + guide.getBoundingClientRect().width * this.index + "px)" 2107 }*/ 2108 }, 2109 focusableWhenVisible: { 2110 'x-intersect:enter'() { 2111 this.$el.removeAttribute('tabindex') 2112 }, 2113 'x-intersect:leave'() { 2114 this.$el.setAttribute('tabindex', '-1') 2115 }, 2116 }, 2117 toggleIndex: { 2118 'x-intersect:enter.threshold.51'() { 2119 this.index = this.$el.dataset.index; 2120 } 2121 }, 2122 disableNextAndPreviousButtons: { 2123 'x-intersect:enter.threshold.50'() { 2124 let slideEls = this.$el.parentElement.children 2125 2126 // If this is the first slide. 2127 if (slideEls[0] === this.$el) { 2128 this.atBeginning = true 2129 // If this is the last slide. 2130 } else if (slideEls[slideEls.length - 1] === this.$el) { 2131 this.atEnd = true 2132 } 2133 }, 2134 'x-intersect:leave.threshold.50'() { 2135 let slideEls = this.$el.parentElement.children 2136 2137 // If this is the first slide. 2138 if (slideEls[0] === this.$el) { 2139 this.atBeginning = false 2140 // If this is the last slide. 2141 } else if (slideEls[slideEls.length - 1] === this.$el) { 2142 this.atEnd = false 2143 } 2144 }, 2145 }, 2146 } 2147 } 2148</script>
2148 2149</body> 2150 2151</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.