1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 2"https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 3<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="fi" lang="fi"> 4<head> 5 6<!-- Google Tag Manager -->
7<script>
vendor: 327 bytes, lines 7-11
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 8new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 9j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 10'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 11})(window,document,'script','dataLayer','
11GTM-T3B2NKK
vendor: 3 bytes, line 11
11');
11</script>
11 12<!-- End Google Tag Manager --> 13 14<meta charset="UTF-8"> 15<base href="https://www.yrttiapteekki.com/"> 16<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 17<meta name="viewport" content="width=device-width, initial-scale=1"> 18<META name="robots" content="index, follow"> 19 20<link href="tyyli.css" rel="stylesheet" type="text/css"> 21<link rel="preconnect" href="https://fonts.googleapis.com"> 22<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 23<link href='https://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'> 24<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet"> 25<link href="style/styles.css" rel="stylesheet" type="text/css"> 26<link href="style/animate.css" rel="stylesheet" type="text/css"> 27<!-- Google Tag Manager -->
28<script>
vendor: 327 bytes, lines 28-32
28(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 29new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 30j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 31'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 32})(window,document,'script','dataLayer','
32GTM-T3B2NKK
vendor: 3 bytes, line 32
32');
32</script>
32 33<!-- End Google Tag Manager --> 34 35 36 37<title>Kanta-login | Yrttiapteekki.com</title> 38<meta property="og:title" content="Kanta-login"> 39<meta name="description" content="Hyvinvoinnin tuotteet luotettavasti ja nopeasti suomalaisesta verkkokaupastamme"> 40<meta property="og:description" content="Hyvinvoinnin tuotteet luotettavasti ja nopeasti suomalaisesta verkkokaupastamme"> 41<meta property="og:image" content="https://www.yrttiapteekki.com/site_images/logo.png"> 42
43<script> 44window.onscroll = function() { 45 var image = document.getElementById("myImage"); 46 var image2 = document.getElementById("myImage2"); 47 var custom = document.getElementById("custom"); 48 // Kun skrollataan puolen sivun verran 49 if (window.scrollY > window.innerHeight / 10) { 50 custom.classList.add("hidden"); 51 image2.classList.add("hidden"); 52 image.classList.add("hidden"); 53 document.getElementById("custom").style.display='none'; 54 } else { 55 image2.classList.remove("hidden"); 56 image.classList.remove("hidden"); 57 } 58}; 59</script>
59 60
61<script> 62 function showDivAttid(){ 63 64 document.getElementById("attid").style.display = 'inline'; 65 document.getElementById("NaytaLisaa").style.display = 'none'; 66 } 67 68</script>
68 69 70 71</head> 72<body> 73<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 73-74
73 74<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
74GTM-T3B2NKK
vendor: 83 bytes, lines 74-75
74" 75height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
76<!-- End Google Tag Manager (noscript) --> 77 <!-- Header --> 78 <header> 79 80 81 82 83 <div class="logo"><a href="index.php"><img alt="Logo" style="max-height:120px;" src="site_images/logo.png"></a><img id="selaimelle" rel="noindex" title="Tervetuloa sivuillemme" alt="Ryhmäkuva" style="margin-left: 50px;width: 90px;margin-bottom: -23px;transform: rotate(10deg) translateX(110px);box-shadow: 5px 5px 9px #696464;" src="../site_images/reunakuva.jpg"></div> 84 <nav> 85 <ul> 86 <li><a title="Siirry etusivulle" href="etusivu/"><img style="width:15px;" src="site_images/home.png"></a></li> 87 <li><a>Tuotteet</a> 88 <ul> 89 <li style="background:yellow;"><a style="color:green!important;" title="Suosituimmat tuotteet" href="sivu/top10">TOP10-tuotteet</a></li> 90 <li><a title="Kuulokojeet ja paristot" href="tuoteryhma/kuulokojeet">Kuulokojeet, paristot</a></li> 91 <li><a title="Eteeriset öljyt" href="tuoteryhma/eteeriset-öljyt">Eteeriset Ãljyt</a></li> 92 <li><a title="Tuoksuöljyt" href="tuoteryhma/tuoksuöljyt">Tuoksuöljyt</a></li> 93 <li><a title="Aromaterapia, haihduttimet" href="tuoteryhma/aromaterapia">Aromaterapia</a></li> 94 <li><a title="Voimakivet ja Fengshui-tuotteet" href="tuoteryhma/kivet_fengshui">Kivet, Fengshui</a></li> 95 <li><a title="Saippuat" href="tuoteryhma/saippuat">Saippuat</a></li> 96 <li><a title="Suolapiiput ja muut hengityksen tuotteet" href="tuoteryhma/hengitys">Suolatuotteet, hengitys</a></li> 97 <li><a title="Näkö ja silmät" href="tuoteryhma/Näkö">Näkö ja silmät</a></li> 98 <li><a title="Tuotteet hierontaan ja kivun lievitykseen" href="tuoteryhma/kipu-ja-hieronta">Kivunlievitys, Hieronta</a></li> 99 <li><a title="Kehonpuhdistustuotteet" href="tuoteryhma/kehonpuhdistus">Kehonpuhdistus, Detox</a></li> 100 <li><a title="Hampaidenhoito" href="tuoteryhma/hampaat">Hampaat</a></li> 101 <li><a title="Yleisterveyden tuotteet" href="tuoteryhma/yleisterveys">Yleisterveys</a></li> 102 <li><a title="Kauneudenhoitotuotteet" href="tuoteryhma/ihonhoito">Ihonhoito, kauneus</a></li> 103 <li><a title="Jalkojen hoitotuotteet" href="tuoteryhma/jalat">Jalkojen hyvinvointi</a></li> 104 <li><a title="Painonhallinnan tuotteet" href="tuoteryhma/painonhallinta">Painonhallinta</a></li> 105 <li><a title="Teejuomat" href="tuoteryhma/teejuomat">Teet ja muut juomat</a></li> 106 107 </ul> 108 </li> 109 <li><a><img alt="Info" style="width:15px;" src="site_images/info.png"></a> 110 111 <ul> 112 <li class="Mobiili"> 113 <a href="?search=1">Etsi sivulta</a> 114 </li> 115 116 <li><a href="yhteystiedot/">Ota yhteyttä</a></li> 117 <li><a href="maksutavat/">Maksutavat</a></li> 118 <li><a href="toimitusehdot/">Toimitusehdot</a></li> 119 <li><a href="yritystiedot/">Yritystiedot</a></li> 120 </ul> 121 </li> 122 <li><a><img alt="Asiakas" style="width:15px;" src="../site_images/client.png"></a> 123 <ul> 124 <li><a alt="Kirjaudu sisään" title="Kirjaudu sisään" href="kanta-login/">Kirjaudu</a></li><li><a title="Rekisteröidy kanta-asiakkaaksi" alt="Rekisteröidy kanta-asiakkaaksi" href="kanta-asiakas/">Rekisteröidy</a></li> </ul> 125 </li> 126 127 <div class="hakuKentta selaimelle"> 128 <form method="post" action="tuoteryhma/" style="margin-top:5px;margin-bottom:0px;"> 129 <input id="hakuSana" placeholder="Hakusana" style="height:25px;width:70%;background-color: white;background-image: url('../site_images/searchicon.png');background-position: 5px 5px;background-repeat: no-repeat;padding-left: 40px;" title="Kirjoita tähän haettavan tuotteen nimi tai nimen osa ja paina Enter" type="text" name="haku" onfocus="if(this.value=='Tuotehaku')this.value=''" /> 130 <input title="Kirjoita vasempaan kenttään tuotteen nimi tai nimen osa ja paina Etsi" style="height:25px;" type="submit" value=" > " name="B1"> 131 </form> 132 </div> 133 134 </ul> 135 136 </nav> 137 </header> 138 139 <!-- Main --> 140 <main> 141 <aside class="sidebar" style="margin-right:auto;"> 142 <div id="sidebar"> 143 144 <div class="viikonTuote" style="background: orange; color: white; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 0.9em;"> 145 VIIKON TUOTE 146 </div> 147 148 <div class="viikonTuote" style="display: flex; text-align: left; border: 3px dashed #ffa500; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top: none; padding: 10px; background-color: aliceblue; box-sizing: border-box; align-items: center; overflow: hidden; background-image: url(../site_images/lehti.png); background-repeat: no-repeat; background-size: 20px; background-position-x: 1%; background-position-y: 2%; margin-bottom: 5px;"> 149 150 <div style="flex: 1; margin-right: 10px; max-height: 100px; text-align:center;"> 151 <img src="../thumbs/GB25.gif" alt="Tiikeribalsami Tiger Oint vihreä 25 g" style="width: auto; border-radius: 8px;"> 152 </div> 153 154 <div style="flex: 5; overflow: hidden;"> 155 <a href="tuote/GB25"> 156 <h3 style="color:#3ba013; text-decoration:none; margin: 0; font-size: 0.9em;"> 157 Tiikeribalsami Tiger Oint vihreä 25 g </h3> 158 </a> 159 <p style="text-align:left; font-family:'Roboto', sans-serif; margin: 0; font-size: 0.8em;"> 160 Koko perheen käyttöön! </p> 161 <p style="font-family:'Roboto', sans-serif; margin: 0; font-size: 0.9em;"> 162 <b>Hinta 5,00</b><small> (norm. 8,15)</small> </p> 163 </div> 164 </div> 165 166
166<script> 167 (function () { 168 var cookieName = 'viikon_tuote_naytot'; 169 var maxNaytot = 3; 170 171 function getCookie(name) { 172 var escaped = name.replace(/([.*+?^${}()|[\]\\\/])/g, '\\$1'); 173 var match = document.cookie.match(new RegExp('(?:^|; )' + escaped + '=([^;]*)')); 174 return match ? decodeURIComponent(match[1]) : null; 175 } 176 177 var nykyinen = parseInt(getCookie(cookieName) || '0', 10); 178 179 if (isNaN(nykyinen)) { 180 nykyinen = 0; 181 } 182 183 if (nykyinen < maxNaytot) { 184 document.cookie = 185 cookieName + '=' + encodeURIComponent(nykyinen + 1) + 186 '; path=/' + 187 '; SameSite=Lax' + 188 '; Secure'; 189 } 190 })(); 191 </script>
191 192 193 194 </div> 195 <div id="sidebar-add"> 196 </div> 197 </aside> 198 <section class="content"> 199 200 201 <div id="hakuKenttaMob" style="display:none;"> 202 <form method="post" action="tuoteryhma/" style="margin-top:5px;margin-bottom:0px;"> 203 <input placeholder="Hakusana" 204 style="height:30px;width:70%;background-color:white;background-image:url('../site_images/searchicon.png');background-position:5px 5px;background-repeat:no-repeat;padding-left:40px;" 205 title="Kirjoita tähän haettavan tuotteen nimi tai nimen osa ja paina Enter" 206 type="text" 207 name="haku" 208 /> 209 <input 210 title="Kirjoita vasempaan kenttään tuotteen nimi tai nimen osa ja paina Etsi" 211 style="height:30px;" 212 type="submit" 213 value=" > " 214 name="B1" 215 > 216 </form> 217 </div> 218 219
220<script language="javascript"> 221function toggle() { 222 var ele = document.getElementById("ohje"); 223 if(ele.style.display == "block") { 224 ele.style.display = "none"; 225 document.getElementById("kirjaudu").style.display="block"; 226 } 227 else { 228 ele.style.display = "block"; 229 document.getElementById("kirjaudu").style.display="none"; 230 } 231} 232</script>
232 233 234
235<script type="text/javascript"> 236//<![CDATA[ 237<!-- 238 function getAjaxInfo(elemToUpdate,url,message){ 239 var xmlHttpReq = false; 240 var self = this; 241 if (window.XMLHttpRequest) {self.xmlHttpReq = new XMLHttpRequest();} 242 else if (window.ActiveXObject){ 243 try {self.xmlHttpReq = new ActiveXObject("Msxml2.XMLHTTP");} 244 catch (e1){try{self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");}catch (e2){}}} 245 self.xmlHttpReq.onreadystatechange = function(){ 246 if (self.xmlHttpReq.readyState == 4) { 247 if (self.xmlHttpReq.status == 200) { 248 result = self.xmlHttpReq.responseText; 249 document.getElementById(elemToUpdate).innerHTML = result; 250 } else {alert('There was a problem with the request.');} 251 }return false;} 252 253 254 self.xmlHttpReq.open("POST", url, true); 255 self.xmlHttpReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 256 self.xmlHttpReq.setRequestHeader("Accept-Charset","UTF-8"); 257 self.xmlHttpReq.setRequestHeader("Content-length", message.length); 258 self.xmlHttpReq.setRequestHeader("Connection", "close"); 259 self.xmlHttpReq.send(message); 260 return false; 261 } 262 263//--> 264//]]> 265</script>
265 266<div id="kirjaudu"> 267 <h1 class="otsikko">Kirjaudu</h1> 268<form method="POST" action="index.php?page=kanta-login"> 269 270<p><b>Tunnus</b> (sähköpostiosoite)<br> 271<input type="text" name="email" size="44" /><br></p> 272<p><b>Salasana</b><br> 273<input type="password" style="border:1px solid grey;padding:5px;" name="passwd" size="10" /><br></p> 274<input class="menunapit" name="login_submit" type="submit" value="Kirjaudu" name="B1"><br> 275</form> 276<h3 class="pikkuotsikko" style="float:right;margin-top:10px;clear:both;" ><a style="cursor:pointer;" id="displayText" onclick="toggle('ohje');">Unohtuiko salasana?</a></h3> 277</div> 278 279<div class="ostoskori" id="ohje" style="width:92%;display:none;margin-top:20px;"> 280<br><b>Käyttäjätunnuksesi on sähköpostiosoitteesi.</b><br> 281Jos olet hukannut tai unohtanut salasanasi, saat sen kirjoittamalla sähköpostiosoitteesi allaolevaan kenttään ja painamalla Pyydä salasana. <br><br> 282 283<FORM ACTION="unohtui.php" METHOD="POST"> 284Anna tähän email-osoitteesi 285<input type="text" name="email" width="40"> 286<input class="menunapit" style="float: unset;" type="submit" value="Pyydä salasana" name="B1"> 287</form> 288<p><small><b>Huomioi</b>, että salasana lähetetään vain siihen sähköpostiosoiteeseen joka kirjautumisen yhteydessä on annettu. 289<br><br>Jos olet antanut rekisteröinnin yhteydessä virheellisen sähköpostiosoitteen tai et muista antamaasi email-osoitetta, ota yhteyttä <a href="index.php?page=yhteystiedot"> yhteydenottolomakkeella.</a></small></p></div> 290 </section> 291 <aside class="sidebar" style="margin-left:auto;"> 292 <div style="min-width:100px;width:100%;text-align:left;padding:0px;"> 293 294 295<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.css" />
296<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.0.3/cookieconsent.min.js"></script>
vendor: 1 bytes, line 296
296
297<script> 298window.addEventListener("load", function(){ 299window.cookieconsent.initialise({ 300 "palette": { 301 "popup": { 302 "background": "#237afc" 303 }, 304 "button": { 305 "background": "#fff", 306 "text": "#237afc" 307 } 308 }, 309 "content": { 310 "message": "Sivustomme käyttää cookie-tiedostoja tilausprosessiin ja selainkokemuksen parantamiseen.", 311 "dismiss": "Hyväksyn", 312 "link": "Käyttöehdot", 313 "href": "https://www.yrttiapteekki.com/toimitusehdot.php" 314 } 315})}); 316</script>
316 317 318</div> 319 </div> 320 </aside> 321 </main> 322 323 <!-- Footer --> 324 325 <div id="footer"> 326 Yrttiapteekki.com | Viilaajankatu 5, 15520 Lahti <br> P. 010 3961800 (ark 9-16) | 1569430-8<br> 327 328 </div> 329 330 <p><img alt="Footer" class="logo" style="width:400px;max-width:40%;" src="site_images/alaosa.png"></p> 331 <p style="background-color:white;color:grey;padding:20px;padding-bottom:100px;">Yrttiapteekki.com<br><br> P. 010 3961800 (ma-pe 9-16)<br>y-tunnus: 1569430-8<br> 332 <a style="color:grey;" title="Yrityksen tiedot" href="yritystiedot/">Yritysinfo</a> | <a style="color:grey;" title="Toimitusehdot"href="toimitusehdot/">Toimitusehdot</a> | <a style="color:grey;" title="Maksutavat"href="maksutavat/"> Maksutavat</a> 333 | <a style="color:grey;" title="Ota yhteyttä" href="yhteystiedot/">Ota yhteyttä</a><br><a style="color:grey;" title="Tietosuojalausunto" href="tietosuojalausunto.pdf" target="_new">GDPR tietosuojalausunto</a></p> 334 335<div id="toastHost" aria-live="polite" aria-atomic="true"></div>
336<script src="../include/toast.js?v=1"></script>
336 337 338<style> 339.minnaDock{ 340 container-type: inline-size; /* TÃHÃN container */ 341 position: fixed; 342 left: 12px; 343 bottom: 12px; 344 z-index: 10000; 345 visibility: hidden; 346 display: flex; 347 align-items: center; 348 gap: clamp(8px, 1.5vw, 14px); 349 350 width: clamp(260px, 44vw, 620px); 351 animation: 352 minnaIn 520ms cubic-bezier(.2,.8,.2,1) 0ms both, 353 minnaOut 520ms cubic-bezier(.2,.8,.2,1) 6000ms both; 354 will-change: transform, opacity; 355} 356 357 358/* KUVA */ 359.minnaImg.haivytettavaKuva{ 360 position: static; 361 width: clamp(80px, 14vw, 170px); 362 height: auto; 363 margin: 0; 364} 365 366.minnaBubble{ 367 flex: 0 0 auto; 368 width: fit-content; 369 max-width: min(70vw, 420px); 370 min-width: 160px; 371 372 background: #f7f5e8; 373 border-radius: 9999px; 374 box-shadow: 5px 5px 9px #8888886e; 375 padding: clamp(10px, 1.8vw, 18px) clamp(16px, 2.6vw, 28px); 376 377 display: flex; 378 align-items: center; 379 justify-content: center; 380 overflow: hidden; 381 382 /* POISTA jos sinulla oli tämä täällä: 383 container-type: inline-size; 384 */ 385} 386 387.minnaDock.minnaAvatarVisible { 388 visibility: visible; 389} 390 391.minnaText{ 392 margin: 0; 393 text-align: center; 394 line-height: 1.25; 395 396 white-space: normal; 397 overflow-wrap: anywhere; 398 word-break: break-word; 399 400 /* Nyt cqw viittaa .minnaDockiin (lähin container-esi-isä) */ 401 font-size: clamp(12px, 2.8cqw, 18px); 402 color: #727271; 403 display: -webkit-box; 404 -webkit-box-orient: vertical; 405 -webkit-line-clamp: 4; 406 overflow: hidden; 407} 408 409 410 411/* Mobiili: hieman pienempi dock */ 412@media (max-width: 640px){ 413 .minnaDock{ 414 left: 10px; 415 bottom: 10px; 416 width: min(92vw, 480px); 417 } 418 419} 420</style> 421 422 423<div id="minnaDock" 424 class="minnaDock" 425 data-avatar-text="Anna sähköpostiosoite ja salasana - klikkaa kirjaudu"> 426 427 <img id="myImage2" 428 class="haivytettavaKuva minnaImg" 429 title="Annan sinulle vinkkejä ja apua tilausten kanssa! t: Kari" 430 src="site_images/fanni_kiitos.png" 431 alt=""> 432 433 <div class="minnaBubble" role="button" tabindex="0"> 434 <p class="minnaText"> 435 Anna sähköpostiosoite ja salasana - klikkaa kirjaudu </p> 436 </div> 437 438</div> 439
440<script> 441(function () { 442 const dock = document.getElementById('minnaDock'); 443 if (!dock) return; 444 445 const text = dock.dataset.avatarText || ''; 446 447 const COOLDOWN_SECONDS = 10; 448 const LAST_SHOWN_KEY = 'avatar_last_shown'; 449 450 function normalizeText(str) { 451 return str 452 .trim() 453 .toLowerCase() 454 .replace(/\s+/g, ' '); 455 } 456 457 function messageKey(text) { 458 return 'avatar_seen_' + 459 location.pathname + '_' + 460 normalizeText(text).substring(0, 80); 461 } 462 463 function canShow(text) { 464 if (!text.trim()) return false; 465 466 const key = messageKey(text); 467 468 // Sama viesti samalla sivulla on jo näytetty 469 if (sessionStorage.getItem(key)) { 470 return false; 471 } 472 473 // Cooldown eri viestien välillä 474 const lastShown = Number(sessionStorage.getItem(LAST_SHOWN_KEY) || 0); 475 const now = Date.now(); 476 477 if (lastShown && now - lastShown < COOLDOWN_SECONDS * 1000) { 478 return false; 479 } 480 481 return true; 482 } 483 484 function markShown(text) { 485 const key = messageKey(text); 486 487 sessionStorage.setItem(key, '1'); 488 sessionStorage.setItem(LAST_SHOWN_KEY, String(Date.now())); 489 } 490 491 if (canShow(text)) { 492 markShown(text); 493 494 // Ei muuteta display-arvoa. 495 // CSS:n alkuperäinen .minnaDock { display:flex; } säilyy. 496 dock.classList.add('minnaAvatarVisible'); 497 } else { 498 dock.remove(); 499 } 500})(); 501</script>
501 502 503 504 505 506</body> 507</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.