1<!DOCTYPE html> 2<html lang="fi" class="ko_Theme ko_ThemeBoxed"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1" /> 7 <meta name="description" content="" /> 8 <meta name="keywords" content="" /> 9 10 <title>teemukeisteri</title> 11 12 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin><link rel="dns-prefetch" href="https://fonts.googleapis.com" crossorigin> 13 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="dns-prefetch" href="https://fonts.gstatic.com" crossorigin> 14 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin><link rel="dns-prefetch" href="https://cdn.jsdelivr.net" crossorigin> 15 16 <base href="/"> 17 <link rel="shortcut icon" href="https://www.teemukeisteri.net/data/files/teemukeisteri.png" /> 18 <link rel="apple-touch-icon" href="https://www.teemukeisteri.net/data/files/teemukeisteri.png" /> 19 20
20<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js" type="text/javascript"></script>
20 21 22 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" /> 23 <link href="//www.teemukeisteri.net/inc/live.css?v=4.4.19" type="text/css" rel="stylesheet" /><link href="//fonts.googleapis.com/css?family=Comic+Neue:200,400,700&subset=latin-ext&display=swap" rel="stylesheet" type="text/css" /> 24 25 26 <!--[if lt IE 9]>
26<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/html5shiv.min.js"></script>
26<script src="https://cdn.jsdelivr.net/npm/[email protected]/dest/respond.min.js"></script>
26<![endif]--> 27 28 <style>:root{--ui-color-accent: #e8745e;--ui-color-accent-75: rgba(232,116,94,0.7);--ui-color-accent-50: rgba(232,116,94,0.5);--ui-color-accent-25: rgba(232,116,94,0.25);--ui-color-accent-light: rgba(232,116,94,0.1);--ui-color-stripes-accent:repeating-linear-gradient( 29 -45deg,#ac3822,#e8745e 20px,#ac3822 20px,#ac3822 50px,#e8745e 50px,#e8745e 65px);--ui-color-leftmenu:#333333;}</style><style>.ko_Theme .topmenu a:hover, .ko_Theme .topmenu .active a {background:inherit}.ko_Theme .menuHolder li a {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;line-height: 1;color: inherit;text-shadow: none}.ko_Theme .menuHolder li {display: inline-block;padding:0}.ko_Theme .menuHolder{ flex-flow: row wrap}.ko_Theme .menuHolder,.ko_Theme #headerMenu{padding:0}.ko_Theme .logoHolder #logoReplacer h2,.ko_Theme .logoHolder a,.ko_Theme .logoHolder {line-height:1;padding:0;margin:0;height:auto}.ko_Theme .logoHolder img{max-height:auto}.ko_Theme #headerMenu .container {/*overflow:auto;*/display:flex;flex-direction: row;justify-content: space-between;align-items: center}:root{--color1:rgb(255, 255, 255);--color2:rgb(255, 255, 255);--color1_rgb: 255,255,255;--color1_hsl: 0,0%,100%;--color1_hs: 0,0%;--color1_h: 0;--color1_s: 0%;--color1_l: 100%;--color1_25:rgb(255,255,255);--color1_50:rgb(255,255,255);--color1_75:rgb(255,255,255);--color1_125:rgb(191,191,191);--color1_150:rgb(128,128,128);--color1_175:rgb(64,64,64);--color2_rgb: 255,255,255;--color2_hsl: 0,0%,100%;--color2_hs: 0,0%;--color2_h: 0;--color2_s: 0%;--color2_l: 100%;--color2_25:rgb(255,255,255);--color2_50:rgb(255,255,255);--color2_75:rgb(255,255,255);--color2_125:rgb(191,191,191);--color2_150:rgb(128,128,128);--color2_175:rgb(64,64,64);--color1_bw:rgba(0,0,0,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(0,0,0,0.8);--color1_75_bw:rgba(0,0,0,0.8);--color1_125_bw:rgba(0,0,0,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(0,0,0,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(0,0,0,0.8);--color2_75_bw:rgba(0,0,0,0.8);--color2_125_bw:rgba(0,0,0,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);;--font1:Comic Neue;--font2:Comic Neue;--font3:Helvetica Neue,sans-serif;--color1_rgb: 255,255,255;--color1_hsl: 0,0%,100%;--color1_hs: 0,0%;--color1_h: 0;--color1_s: 0%;--color1_l: 100%;--color1_25:rgb(255,255,255);--color1_50:rgb(255,255,255);--color1_75:rgb(255,255,255);--color1_125:rgb(191,191,191);--color1_150:rgb(128,128,128);--color1_175:rgb(64,64,64);--color2_rgb: 255,255,255;--color2_hsl: 0,0%,100%;--color2_hs: 0,0%;--color2_h: 0;--color2_s: 0%;--color2_l: 100%;--color2_25:rgb(255,255,255);--color2_50:rgb(255,255,255);--color2_75:rgb(255,255,255);--color2_125:rgb(191,191,191);--color2_150:rgb(128,128,128);--color2_175:rgb(64,64,64);--color1_bw:rgba(0,0,0,0.8);--color1_25_bw:rgba(0,0,0,0.8);--color1_50_bw:rgba(0,0,0,0.8);--color1_75_bw:rgba(0,0,0,0.8);--color1_125_bw:rgba(0,0,0,0.8);--color1_150_bw:rgba(255,255,255,0.8);--color1_175_bw:rgba(255,255,255,0.8);--color2_bw:rgba(0,0,0,0.8);--color2_25_bw:rgba(0,0,0,0.8);--color2_50_bw:rgba(0,0,0,0.8);--color2_75_bw:rgba(0,0,0,0.8);--color2_125_bw:rgba(0,0,0,0.8);--color2_150_bw:rgba(255,255,255,0.8);--color2_175_bw:rgba(255,255,255,0.8);}#contentArea .koColor {color:rgb(255, 255, 255);}ul.koCheckList li:before {background:rgb(255, 255, 255);}.ko_Theme #website .btn-primary {background-color:rgb(0, 0, 0);border-color:rgb(0, 0, 0);}.ko_Theme #website .btn-outline-primary {color:rgb(0, 0, 0);border-color:rgb(0, 0, 0);}.ko_Theme #website .btn-outline-primary:hover {background-color:rgb(0, 0, 0);color:var(--color1_bw);border-color:rgb(0, 0, 0);}#website .page-item.active .page-link {background-color:rgb(255, 255, 255);color:var(--color1_bw);border-color:rgb(0, 0, 0);}#contentArea a:not(.btn),#contentArea a.btn-link {color:rgb(0, 0, 0)}#website.koMenu a:not(.btn):not(.koMenuButton),#website.koMenu a.btn-link {color:rgb(0, 0, 0)}.ko_Theme #contentArea, .ko_Theme .koThemeDark #contentArea .whiteShadowContainer {color:rgb(0, 0, 0)}#contentArea h1, #contentArea h2, #contentArea h3,#contentArea h1 a, #contentArea h2 a, #contentArea h3 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h1, .koThemeDark #contentArea .whiteShadowContainer h2, .koThemeDark #contentArea .whiteShadowContainer h3{color: rgb(0, 0, 0);}#contentArea h4, #contentArea h5, #contentArea h6,#contentArea h4 a, #contentArea h5 a, #contentArea h6 a, .koThemeDark #contentArea .whiteShadowContainer strong, .koThemeDark #contentArea .whiteShadowContainer h4, .koThemeDark #contentArea .whiteShadowContainer h5, .koThemeDark #contentArea .whiteShadowContainer h6 {color: rgb(0, 0, 0);}
29.ko_Theme #website #footerContent {color: rgb(0, 0, 0);}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {color: rgba(0, 0, 0,1);}.ko_Theme #website, .ko_Theme #website p{font-family:var(--font2),sans-serif;}.ko_Theme #website a.btn, .ko_Theme #website button.btn{font-family:var(--font1),sans-serif;}.ko_Theme #website h1,.ko_Theme #website h2,.ko_Theme #website h3{font-family:var(--font1),sans-serif;font-weight:700}.ko_Theme #website h4,.ko_Theme #website h5,.ko_Theme #website h6{font-family:var(--font1),sans-serif;font-weight:700}.ko_Theme #website .topmenu{font-family:var(--font1),sans-serif;font-weight:400}.ko_Theme #website .logoHolder h2{font-family:var(--font1),sans-serif;font-weight:700}.ko_Theme #website #footerContent {font-family:var(--font2),sans-serif;}.ko_Theme #website #footerContent h1,.ko_Theme #website #footerContent h2,.ko_Theme #website #footerContent h3,.ko_Theme #website #footerContent h4,.ko_Theme #website #footerContent h5,.ko_Theme #website #footerContent h6 {font-family:var(--font1),sans-serif;}.ko_Theme #headerContent:not(.koZeroPadding),.ko_Theme #subpageHeaderContent:not(.koZeroPadding){}.ko_Theme #headerMenu{/*overflow:auto;*//*display:flex;flex-direction: row;justify-content: space-between;align-items: center;*/background:rgb(255, 255, 255);padding:0px;margin:0px;border:0px solid var(--color1);border-width:0px 0px 10px 0px;border-radius:0px;;}.ko_Theme .logoHolder{padding:20px 0px 20px 0px;;white-space: nowrap;}.ko_Theme .logoHolder h2{font-size:24px;color:var(--color1_125);display: flex;align-items: center;min-height:45px;}@media (max-width: 768px){.ko_Theme .logoHolder h2{font-size:22px;}}.ko_Theme .logoHolder img{max-height:45px;height:45px;min-height:45px;}.ko_Theme .menuHolder { display: flex;}.ko_Theme .menuHolder li{}.ko_Theme .menuHolder li a{font-size:17px;color:var(--color1);padding:15px 25px 15px 25px;margin:0px 0px 0px 1px;border-radius:0px;border:0px solid transparent;text-transform:uppercase;transition:0.2s all;}.ko_Theme .menuHolder li.active a,.ko_Theme .menuHolder li a:hover{color:var(--color1_25);background:var(--color1);border-color:var(--color1);}.ko_Theme .menuHolder li.accent1 a,.ko_Theme .menuHolder li.accent1.active a{font-size:18px;color:var(--color1);background:var(--color1_25);padding:10px 15px 10px 15px;margin:0px 0px 0px 5px;border-radius:0px;border:0px solid var(--color1);}.ko_Theme .menuHolder li.accent1.active a,.ko_Theme .menuHolder li.accent1 a:hover{color:var(--color1_bw);background:var(--color1_50);border-color:var(--color1);}.ko_Theme .menuHolder li.accent2 a,.ko_Theme .menuHolder li.accent2.active a{font-size:18px;color:var(--color2_bw);background:var(--color2);padding:10px 15px 10px 15px;margin:0px 0px 0px 5px;border-radius:0px;border:0px solid ;}.ko_Theme .menuHolder li.accent2.active a,.ko_Theme .menuHolder li.accent2 a:hover{color:rgb(255, 255, 255);background:var(--color1_150);border-color:var(--color1);}.ko_Theme .menuHolder li.topmenuSocial a{color:var(--color1_125)}.ko_Theme .menuHolder { align-self: end; }</style> 30</head> 31<body class="" > 32<div id="websiteLoading" onclick="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" onkeyup="var elem = document.getElementById('websiteLoading');elem.parentNode.removeChild(elem);" class="isLoading isLoading-1"><div style="background:white;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;width:100%" class="d-none"></div><noscript><style>#websiteLoading{display:none!important}body{visibility:visible!important;overflow:auto!important}</style></noscript><style> body{overflow:hidden} body.body{visibility:visible;overflow:auto} #websiteLoading{visibility:visible;position:fixed;top:0;left:0;right:0;bottom:0;transition:0.5s all;z-index:100;background: linear-gradient(135deg, rgba(255,255,255,.95) 20%, rgba(255,255,255,.5), rgba(255,255,255,.95) 80%);cursor:wait} #websiteLoading.isLoading-1{background:#fff;}
32 #websiteLoading.isLoaded{opacity:0;cursor:default;pointer-events:none} @-webkit-keyframes koLoadingRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes koLoadingRotation { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .isLoading .spinner { -webkit-animation: koLoadingRotation 1.5s linear infinite; animation: koLoadingRotation 1.5s linear infinite; /*will-change: transform;*/ } .isLoading .spinner .path { -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; } @-webkit-keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke:var(--color1); } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; stroke:var(--color2); } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; stroke:var(--color1); } } @keyframes dash { 0% { stroke-dasharray: 1, 150; stroke-dashoffset: 0; stroke:var(--color1); } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -35; stroke:var(--color2); } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -124; stroke:var(--color1); } } #websiteLoading::after { content:""; background: #fff; border-radius:100%; box-shadow: 5px 5px 50px rgba(0,0,0,0.1); position: absolute; top: 50%; left: 50%; margin: -57px 0 0 -57px; width: 114px; height: 114px; } </style><svg class="spinner" viewBox="0 0 50 50" style="z-index: 2;position: absolute;top: 50%;left: 50%;width:120px;height:120px; margin: -60px 0 0 -60px;"><circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="2" style="stroke: #ccc; stroke: var(--color1);stroke-linecap: round;"></circle></svg></div><div id="website" class=""><header id="header"><div id="headerMenu"><div class="container"><div class="logoHolder skiptranslate"><a href="/" class="logo"><h2><img src="data/files/teemukeisteri.png" style="border:0" id="WebsiteLogo" alt="teemukeisteri" /></h2></a></div> 33 34 <ul class="menuHolder topmenu"> 35 <li class="item_active active"><a href="https://www.teemukeisteri.net"><span>Home</span></a></li> 36 <li><a href="about"><span>About</span></a></li> 37 <li class="accent1"><a href="contact"><span>Contact</span></a></li> 38 39 </ul> 40 41</div></div></header><main class="WxEditableArea" id="contentArea"><div id="contentAreaElement" class="kelement"></div><section data-pcid="4016.2" id="kpg_946077" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 42 <div class="container text-center"> 43 <span class="keditable d-none"></span> 44 <img class="img-fluid lazy" alt="" title="" data-src="data/files/bornespoo_bigger.png"> 45 </div> 46</section><section data-pcid="4016.2" id="kpg_782074" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 47 <div class="container text-center"> 48 <span class="keditable d-none"></span> 49 <a href="https://www.instagram.com/windows95man/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/windowsman_wide.png"></a> 50 </div> 51</section><section data-pcid="4016.2" id="kpg_746575" class="kedit" data-background-pos="1-50% 0" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 52 <div class="container text-center"> 53 <span class="keditable d-none"></span> 54 <a href="https://www.instagram.com/ukkelikeisteri/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/ukkeli_wide.png"></a> 55 </div> 56</section><section data-pcid="4016.2" id="kpg_546263" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 57 <div class="container text-center"> 58 <span class="keditable d-none"></span> 59 <a href="https://www.youtube.com/user/keisteri"><img class="img-fluid lazy" alt="" title="" data-src="data/files/youtube_wide.png"></a> 60 </div> 61</section><section data-pcid="4016.2" id="kpg_309230" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 62 <div class="container text-center"> 63 <span class="keditable d-none"></span> 64 <a href="https://www.instagram.com/keisteri/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/instagram_wide.png"></a> 65 </div> 66</section><section data-pcid="4016.2" id="kpg_363653" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 67 <div class="container text-center">
68 <span class="keditable d-none"></span> 69 <a href="https://www.av-arkki.fi/artists/teemu-keisteri/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/videoart.png"></a> 70 </div> 71</section><section data-pcid="4016.2" id="kpg_466110" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 72 <div class="container text-center"> 73 <span class="keditable d-none"></span> 74 <a href="https://www.instagram.com/peuband/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/peu_wide.png"></a> 75 </div> 76</section><section data-pcid="4016.2" id="kpg_879899" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 77 <div class="container text-center"> 78 <span class="keditable d-none"></span> 79 <a href="https://kalleria.fi/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/kalleria_wide.png"></a> 80 </div> 81</section><section data-pcid="4016.2" id="kpg_655340" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 82 <div class="container text-center"> 83 <span class="keditable d-none"></span> 84 <a href="https://open.spotify.com/album/1hiJSghht2XSe6ssnEOmCk?si=TXDaBQcGT-iRnxichTG-Zw"><img class="img-fluid lazy" alt="" title="" data-src="data/files/spotify_wide.png"></a> 85 </div> 86</section><section data-pcid="4016.2" id="kpg_631905" class="kedit" data-padding="10-10" style=";padding-top:10px;padding-bottom:10px"> 87 <div class="container text-center"> 88 <span class="keditable d-none"></span> 89 <a href="https://idaidaida.net/fi/ohjelmat/teemu-keisteri-show"><img class="img-fluid lazy" alt="" title="" data-src="data/files/idaradio_wide.png"></a> 90 </div> 91</section><section data-pcid="4016.2" id="kpg_211450" class="kedit" data-padding="10-140" style=";padding-top:10px;padding-bottom:140px"> 92 <div class="container text-center"> 93 <span class="keditable d-none"></span> 94 <img class="img-fluid lazy" alt="" title="" data-src="data/files/infoteemu_wide.png"> 95 </div> 96</section><section data-pcid="4016.2" id="kpg_855487" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 97 <div class="text-center no-container"> 98 <span class="keditable d-none"></span> 99 <img class="img-fluid lazy" alt="" title="" data-src="data/files/teemuworld_3000px_wide.png"> 100 </div> 101</section><section data-pcid="4016.2" id="kpg_915113" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 102 <div class="text-center no-container"> 103 <span class="keditable d-none"></span> 104 <a href="https://instagram.com/windows95man"><img class="img-fluid lazy" alt="" title="" data-src="data/files/windowsspace.png"></a> 105 </div> 106<div class="keditLayer_footer h-auto" data-color="rgb(0, 0, 0)" data-style="2" data-height="h-auto" style="fill:rgb(0, 0, 0);"><svg width="100%" height="100%" viewBox="0 0 2382 140" preserveAspectRatio="none"> 107 <g transform="matrix(0.996736, 0, 0, 0.951801, -581.323792, -1256.310181)"> 108 <path d="M2974.03,1320.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1320.98Z" style="fill-opacity:0.5;"></path> 109 <path d="M2974.03,1360.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1360.98Z"></path> 110 </g> 111 </svg></div><div class="keditLayer_header h-auto" data-color="rgb(0, 0, 0)" data-style="2" data-height="h-auto" style="fill:rgb(0, 0, 0);transform: scale(1,-1)"><svg width="100%" height="100%" viewBox="0 0 2382 140" preserveAspectRatio="none"> 112 <g transform="matrix(0.996736, 0, 0, 0.951801, -581.323792, -1256.310181)"> 113 <path d="M2974.03,1320.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1320.98Z" style="fill-opacity:0.5;"></path> 114 <path d="M2974.03,1360.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1360.98Z"></path> 115 </g> 116 </svg></div></section><section data-pcid="4016.2" id="kpg_662756" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 117 <div class="text-center no-container">
118 <span class="keditable d-none"></span> 119 <a href="https://www.instagram.com/ukkelikeisteri/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/ukkeliplanet.png"></a> 120 </div> 121<div class="keditLayer_footer h-25" data-color="rgb(0, 0, 0)" data-style="2" data-height="h-25" style="fill:rgb(0, 0, 0);"><svg width="100%" height="100%" viewBox="0 0 2382 140" preserveAspectRatio="none"> 122 <g transform="matrix(0.996736, 0, 0, 0.951801, -581.323792, -1256.310181)"> 123 <path d="M2974.03,1320.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1320.98Z" style="fill-opacity:0.5;"></path> 124 <path d="M2974.03,1360.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1360.98Z"></path> 125 </g> 126 </svg></div><div class="keditLayer_header h-auto" data-color="rgb(0, 0, 0)" data-style="18" data-height="h-auto" style="fill:rgb(0, 0, 0);transform: scale(1,-1)"><svg viewBox="0 0 1000 100" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none"> 127 <path d="M 0 0 H 1000 V 100 H 0 V 0 Z"></path> 128 </svg></div></section><section data-pcid="4016.2" id="kpg_93510" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 129 <div class="text-center no-container"> 130 <span class="keditable d-none"></span> 131 <a href="https://www.instagram.com/peuband/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/musicplanet.png"></a> 132 </div> 133</section><section data-pcid="4016.2" id="kpg_279051" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 134 <div class="text-center no-container"> 135 <span class="keditable d-none"></span> 136 <a href="https://www.av-arkki.fi/artists/teemu-keisteri/"><img class="img-fluid lazy" alt="" title="" data-src="data/files/videoplanet.png"></a> 137 </div> 138<div class="keditLayer_footer h-auto" data-color="rgb(0, 0, 0)" data-style="2" data-height="h-auto" style="fill:rgb(0, 0, 0);"><svg width="100%" height="100%" viewBox="0 0 2382 140" preserveAspectRatio="none"> 139 <g transform="matrix(0.996736, 0, 0, 0.951801, -581.323792, -1256.310181)"> 140 <path d="M2974.03,1320.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1320.98Z" style="fill-opacity:0.5;"></path> 141 <path d="M2974.03,1360.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1360.98Z"></path> 142 </g> 143 </svg></div><div class="keditLayer_header h-auto" data-color="rgb(0, 0, 0)" data-style="2" data-height="h-auto" style="fill:rgb(0, 0, 0);transform: scale(1,-1)"><svg width="100%" height="100%" viewBox="0 0 2382 140" preserveAspectRatio="none"> 144 <g transform="matrix(0.996736, 0, 0, 0.951801, -581.323792, -1256.310181)"> 145 <path d="M2974.03,1320.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1320.98Z" style="fill-opacity:0.5;"></path> 146 <path d="M2974.03,1360.98L582.224,1460.98L582.224,1468.07L2974.03,1468.07L2974.03,1360.98Z"></path> 147 </g> 148 </svg></div></section><section data-pcid="4016.2" id="kpg_886966" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 149 <div class="text-center no-container"> 150 <span class="keditable d-none"></span> 151 <a href="https://www.r-collection.com/category/145/ukkeli--r-collection"><img class="img-fluid lazy" alt="" title="" data-src="data/files/webstoreplanet.png"></a> 152 </div> 153</section><section data-pcid="4016.2" id="kpg_601790" class="kedit" data-padding="0-0" style=";padding-top:0px;padding-bottom:0px"> 154 <div class="text-center no-container"> 155 <span class="keditable d-none"></span> 156 <img class="img-fluid lazy" alt="" title="" data-src="data/files/infoplanet.png"> 157 </div> 158</section></main><footer id="footerContent"><section data-pcid="5500.1" id="kedit_ykaqpw12i" class="kedit keditDark keditFooter keditFooter1 kfilter1" data-bgcolor="rgb(0, 0, 0)" style="background:rgb(0, 0, 0)"> 159 160 <div class="container keditFooterLine1"> 161 <div class="row"> 162 <div class="col-lg-4"> 163 <div class="kedit" id="kpg_2736291"> 164 <img class="keditFooterLogo lazy" alt="" title="" data-src="data/files/teemukeisteriblack.png"> 165 <div class="keditable mt-4 keditFooterCompany"><strong>Teemu Keisteri</strong><br><b style="color: rgb(255, 255, 255);">Hyttipojankuja 2</b><br><b style="color: rgb(255, 255, 255);">02780 Espoo</b></div> 166 </div> 167 </div> 168 <div class="col-lg-8"> 169 <div class="kedit keditFooterMenu" id="kpg_8595302"><ul class="sitemap"><li><h5>Main menu</h5> 170<ul> 171 172<li data-id="1"><a href="https://www.teemukeisteri.net/" title="Home" ><span>Home</span></a></li> 173 174<li data-id="2"><a href="about" title="About" ><span>About</span></a></li> 175 176<li data-id="4"><a href="contact" title="Contact" ><span>Contact</span></a></li> 177</ul> 178</li></ul></div> 179 </div> 180 </div> 181 </div> 182 183 <div class="keditFooterLine2 keditFooterLineDarker"> 184 <div class="container"> 185 <div class="row"> 186 <div class="col-sm-7"> 187 <div class="kedit" id="kpg_1192593"><div class="keditable keditFooterCopyright"><span style="color: rgb(255, 255, 255);">Copyright ©2022 Teemu Keisteri, Kaikki oikeudet pidätetään.</span></div></div> 188 </div> 189 <div class="col-sm-5"> 190 <div class="kedit keditFooterApp" id="kpg_4627994"><div class="footerHolder" id="keditFooterModule"><div class="social_fa social_bw social_bwh social_footer"><a target="_blank" href="https://www.facebook.com/ukkelikeisteri"><i class="fab fa-facebook-square fa-2x fa-fw"></i></a><a target="_blank" href="https://www.youtube.com/keisteri"><i class="fab fa-youtube fa-2x fa-fw"></i></a><a target="_blank" href="https://instagram.com/ukkelikeisteri"><i class="fab fa-instagram fa-2x fa-fw"></i></a></div></div></div> 191 </div> 192 </div> 193 </div> 194 </div> 195 196</section></footer></div><a id="scrollToTop" href="javascript:void(null)"><i class="fa fa-fw fa-arrow-up"></i></a>
196<script data-id="websiteLoading">$(document).ready(function(){ 197 198 $('#websiteLoading').removeClass('isLoading-1'); 199 setTimeout(function(){ 200 201 var c=$('#websiteLoading'); 202 if(c.length>0){ 203 //$('body').attr('id','body'); 204 $('body').addClass('body'); 205 $('#websiteLoading').addClass('isLoaded'); 206 setTimeout(function(){$('#websiteLoading').remove()},1000); 207 } 208 209 },3000); 210 });window.onload = function(){$('#websiteLoading').addClass('isLoaded'); 211 //$('body').attr('id','body'); 212 $('body').addClass('body'); 213 setTimeout(function(){$('#websiteLoading').remove()},500);$(document).keyup(function(e){if((e.ctrlKey || e.metaKey)&&e.keyCode==27){window.location.href="?open=login";}});};</script>
213<script>var koSiteName="teemukeisteri";$(function(){$(".koLeftMenuOpener").removeClass("invisible");})</script>
213<div id="searchHolder"> 214 <form method="get" action=""> 215 <div>Etsi</div> 216 <input type="text" autocomplete="off" name="search" id="searchInput" class="form-control"> 217 <button type="submit" class="btn btn-color1"><i class="fas fa-search"></i></button> 218 <button type="reset" class="btn btn-light" onclick="$('#searchHolder').removeClass('active')"><i class="fas fa-times"></i></button> 219 </form></div>
219<script>var magnificPopupInit=function(){$('a.lightbox').magnificPopup({type:'image',gallery:{enabled:true}});}</script>
219<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/magnific-popup.min.css" />
219<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.magnific-popup.min.js" onload="magnificPopupInit()"></script>
vendor: 1 bytes, line 219
219
220<script></script>
220
221<script src="https://cdn.jsdelivr.net/npm/[email protected]/instantpage.min.js" type="module" defer></script>
221<script>var menuCaption = "Valitse sivu";var timeLocale={YEAR_PLURAL: "Vuodet",YEAR_SINGULAR: "Vuosi",MONTH_PLURAL: "Kuukaudet",MONTH_SINGULAR: "Kuukausi",WEEK_PLURAL: "Viikot",WEEK_SINGULAR: "Viikko",DAY_PLURAL: "P\u00e4iv\u00e4\u00e4",DAY_SINGULAR: "P\u00e4iv\u00e4",HOUR_PLURAL: "Tuntia",HOUR_SINGULAR: "Tunti",MINUTE_PLURAL: "Minuutit",MINUTE_SINGULAR: "Minuutti",SECOND_PLURAL: "Sekuntia",SECOND_SINGULAR: "Sekunti"};</script>
221<script type="text/javascript" src="//www.teemukeisteri.net/inc/live.js?4.4.19" async></script>
221<link href="https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/all.min.css" rel="stylesheet" />
221<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" type="text/javascript"></script>
221 222 <!-- AOS (Animate on Scroll) --> 223 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.css" />
224<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/aos.min.js" defer></script>
224<script>$(function(){AOS.init({offset:-10,delay:100,duration:800,easing:'ease',anchorPlacement:'top-bottom'});})</script>
224<script>$(function(e){var a = 400,s = e('#scrollToTop');e(window).scroll(function(){e(this).scrollTop() > a ? s.addClass('active') : s.removeClass('active')}), s.on('click',function(a){s.removeClass('active');e('body,html').animate({scrollTop: 0});})})</script>
224<script>$(function(){var dataText="supermode=update&mode=auto";$.ajax({type: "POST",url: "index.php",data: dataText,success: function(data) {console.log("AutoUpdate Status: "+data)}});});</script>
224<script type="text/javascript" id="jsMenusSetup">window.addEventListener('load',function(){ddlevelsmenu.setup("1", "topbar","0","0");});</script>
224 225</body></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.