1<!doctype html> 2<html lang="fi" class="scroll-smooth"> 3 4<head> 5 <meta charset="UTF-8">
6<script> 7var gform;gform||(document.addEventListener("gform_main_scripts_loaded",function(){gform.scriptsLoaded=!0}),document.addEventListener("gform/theme/scripts_loaded",function(){gform.themeScriptsLoaded=!0}),window.addEventListener("DOMContentLoaded",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>"function"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn("The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1."),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener("gform_main_scripts_loaded",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener("gform/theme/scripts_loaded",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener("DOMContentLoaded",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook("action",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook("filter",o,r,e,t)},doAction:function(o){gform.doHook("action",o,arguments)},applyFilters:function(o){return gform.doHook("filter",o,arguments)},removeAction:function(o,r){gform.removeHook("action",o,r)},removeFilter:function(o,r,e){gform.removeHook("filter",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+"_"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){"function"!=typeof(t=o.callable)&&(t=window[t]),"action"==r?t.apply(null,e):e[0]=t.apply(null,e)})),"filter"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}}); 8</script>
8 9 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 <meta name="format-detection" content="telephone=no"> 12 <link rel="profile" href="http://gmpg.org/xfn/11"> 13 14 <!-- Google tag (gtag.js) --> 15 <!-- Google Tag Manager --> 16
16<script>
vendor: 464 bytes, lines 16-30
16 17 (function(w, d, s, l, i) { 18 w[l] = w[l] || []; 19 w[l].push({ 20 'gtm.start': new Date().getTime(), 21 event: 'gtm.js' 22 }); 23 var f = d.getElementsByTagName(s)[0], 24 j = d.createElement(s), 25 dl = l != 'dataLayer' ? '&l=' + l : ''; 26 j.async = true; 27 j.src = 28 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 29 f.parentNode.insertBefore(j, f); 30 })(window, document, 'script', 'dataLayer', '
30GTM-ML9SC9H
vendor: 6 bytes, lines 30-31
30'); 31
31</script>
31 32 <!-- End Google Tag Manager --> 33 34
34<script src="https://kit.fontawesome.com/b28e7d9df6.js" crossorigin="anonymous"></script>
34 35 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" /> 36
36<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
36 37 38 <link rel="preconnect" href="https://fonts.googleapis.com"> 39 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 40 <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 41 42 <style> 43 *[x-cloak] { 44 display: none; 45 } 46 </style> 47 48 49 <link rel="preload" as="style" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-CRX2cGHX.css" /><link rel="modulepreload" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-D6mBcHFz.js" /><link rel="stylesheet" href="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-CRX2cGHX.css" />
49<script type="module" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/pohjoissavosy-child/dist/assets/app-D6mBcHFz.js"></script>
49<meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 50 51 <!-- This site is optimized with the Yoast SEO plugin v28.4 - https://yoast.com/product/yoast-seo-wordpress/ --> 52 <title>Tukea ja tietoa - Pohjois-Savon syöpäyhdistys</title> 53 <link rel="canonical" href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" /> 54 <meta property="og:locale" content="fi_FI" /> 55 <meta property="og:type" content="article" /> 56 <meta property="og:title" content="Tukea ja tietoa - Pohjois-Savon syöpäyhdistys" /> 57 <meta property="og:url" content="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" /> 58 <meta property="og:site_name" content="Pohjois-Savon syöpäyhdistys" /> 59 <meta property="article:modified_time" content="2026-08-19T06:24:54+00:00" /> 60 <meta name="twitter:card" content="summary_large_image" /> 61
61<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/","url":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/","name":"Tukea ja tietoa - Pohjois-Savon syöpäyhdistys","isPartOf":{"@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/#website"},"datePublished":"2025-09-05T06:46:35+00:00","dateModified":"2026-08-19T06:24:54+00:00","breadcrumb":{"@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/#breadcrumb"},"inLanguage":"fi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/tukea-ja-tietoa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Etusivu","item":"https:\/\/pohjois-savonsyopayhdistys.fi\/"},{"@type":"ListItem","position":2,"name":"Tukea ja tietoa"}]},{"@type":"WebSite","@id":"https:\/\/pohjois-savonsyopayhdistys.fi\/#website","url":"https:\/\/pohjois-savonsyopayhdistys.fi\/","name":"X syöpäyhdistys","description":"Kun syöpä koskettaa omaa tai läheisesi elämää.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pohjois-savonsyopayhdistys.fi\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fi"}]}</script>
61 62 <!-- / Yoast SEO plugin. --> 63 64 65<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://pohjois-savonsyopayhdistys.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpohjois-savonsyopayhdistys.fi%2Ftukea-ja-tietoa%2F" /> 66<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://pohjois-savonsyopayhdistys.fi/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fpohjois-savonsyopayhdistys.fi%2Ftukea-ja-tietoa%2F&format=xml" /> 67<style id="wp-img-auto-sizes-contain-inline-css"> 68img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 69/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 70</style> 71 72<style id="global-styles-inline-css"> 73:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
73--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
73.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 74/*# sourceURL=global-styles-inline-css */ 75</style> 76 77<link rel='stylesheet' id='cff-css' href='https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/css/cff-style.min.css?ver=4.6.5' media='all' />
78<script id="jquery-core-js" src="https://pohjois-savonsyopayhdistys.fi/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
vendor: 1 bytes, line 78
78
79<script id="jquery-migrate-js" src="https://pohjois-savonsyopayhdistys.fi/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
79 80<link rel="https://api.w.org/" href="https://pohjois-savonsyopayhdistys.fi/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://pohjois-savonsyopayhdistys.fi/wp-json/wp/v2/pages/5297" /><link rel='shortlink' href='https://pohjois-savonsyopayhdistys.fi/?p=5297' /> 81<!-- Custom Facebook Feed JS vars -->
82<script type="text/javascript"> 83var cffsiteurl = "https://pohjois-savonsyopayhdistys.fi/wp-content/plugins"; 84var cffajaxurl = "https://pohjois-savonsyopayhdistys.fi/wp-admin/admin-ajax.php"; 85 86 87var cfflinkhashtags = "false"; 88</script>
vendor: 1 bytes, line 88
88
89<script> 90 // Block presence of other buttons 91 window.__Marker = {}; 92 </script>
92<link rel="icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-32x32.png" sizes="32x32" /> 93<link rel="icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-192x192.png" sizes="192x192" /> 94<link rel="apple-touch-icon" href="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-180x180.png" /> 95<meta name="msapplication-TileImage" content="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/05/cropped-favicon-270x270.png" /> 96 <style> 97 @media screen and (max-width: 768px) { 98 *[x-cloak="mobile"] { 99 display: none; 100 } 101 } 102 103 [x-cloak] { 104 display: none; 105 } 106 107 .mobileNavBtn .btn-fill span { 108 color: white; 109 } 110 </style> 111 112 113</head> 114 115 116 117 118 <body class="wp-singular page-template page-template-page-templates page-template-page-hero page-template-page-templatespage-hero-php page page-id-5297 wp-embed-responsive wp-theme-syopajarjestot-main wp-child-theme-pohjoissavosy-child bg-white relative overflow-x-hidden flex flex-col" x-data="{ showMenu: false, checkReducedMotion() { this.userSelectedAnimations == true ? this.animations : this.animations = !(window.matchMedia('(prefers-reduced-motion: reduce)') === true || window.matchMedia('(prefers-reduced-motion: reduce)').matches === true) }, userSelectedAnimations: $persist(false).using(sessionStorage), animations: $persist(true), at_top: true }" 119 x-init="checkReducedMotion()" 120 :class="{ 'no-animations': !animations, 'overflow-hidden': showMenu }"> 121 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 121-122
121 122 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
122GTM-ML9SC9H
vendor: 95 bytes, lines 122-124
122" 123 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 124
124<!-- End Google Tag Manager (noscript) --> 125 126 <a class="skip-link screen-reader-text" href="#primaryheading">Hyppää sisältöön</a> 127 <nav class="relative z-50 hidden mt-8 bg-white border-b border-gray-300 md:order-1 md:bg-gray-100 lg:block md:mt-0" x-data="{ showSearch: false }"> 128 <div class="flex flex-row flex-wrap mx-auto md:px-8 lg:px-12 xl:px-16 "> 129 <button class="hidden font-medium md:block font-body" x-data @click="$store.sitesDialog.toggle()"> 130 <i class="m-auto fa-sharp fa-regular fa-plus lg:mr-2 "></i> 131 <span class="bottom-0 left-0 right-0 px-1 text-sm text-black bg-white font- md:bg-transparent lg:relative">Syöpäjärjestöjen muut sivustot</span> 132 </button> 133 <div class="hidden ml-auto md:block"> 134 <button class="btn btn-link font-body flex flex-row leading-tight my-auto h-full !no-underline focus:outline-gray-900 focus:outline-2 outline-offset-4 rounded-sm" @click="animations=!animations;userSelectedAnimations=true"> 135 <span class="flex items-center my-auto " x-show="animations" x-cloak><i class="my-auto mr-2 text-base fa-light fa-play" aria-hidden="true"></i> <span class="my-auto">Liike aktivoitu</span></span> 136 <span class="flex items-center my-auto " x-show="!animations"><i class="my-auto mr-2 text-base fa-light fa-pause" aria-hidden="true"></i><span class="my-auto">Liike deaktivoitu</span></span> 137 </button> 138 </div> 139 140 <div class="hidden py-2 ml-4 search md:block"> 141 <form method="get" id="searchform" action="https://pohjois-savonsyopayhdistys.fi/" role="search"> 142 <div class="flex items-center font-body relative"> 143 <label class="whitespace-nowrap mr-2" for="search">Hae sivustolta</label> 144 <input class="border w-full py-2 pl-4 pr-8 text-black rounded-full" type="text" name="s" id="search" placeholder="Kirjoita hakusana" value="" /> 145 <button type="submit" class="absolute right-0 py-2 px-0 my-0 mr-3"><i class="fa-regular fa-magnifying-glass" aria-hidden="true"></i><span class="sr-only">Hae</span></button> 146 </div> 147</form> 148 </div> 149 <div class="relative flex-row hidden inline-block w-auto py-2 ml-4 md:flex language-select whitespace-nowrap font-body"> 150 <label for="lang_choice_1" class="hidden px-2 py-2 text-black whitespace-no-wrap lg:block ">Valitse kieli</label> 151 <select name="lang_choice_1" id="lang_choice_1" class="pll-switcher-select"> 152 <option value="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" lang="fi" selected='selected'>Suomi</option> 153 154</select>
155<script type="text/javascript"> 156 document.getElementById( "lang_choice_1" ).addEventListener( "change", function ( event ) { location.href = event.currentTarget.value; } ) 157 </script>
157 </div> 158 </div> 159 </nav> 160 161 <div id="page" class="order-1 pt-16 lg:order-2 site md:pt-0" > 162 163 <header id="masthead" class="fixed top-0 left-0 right-0 z-40 py-4 bg-white shadow-md is_light md:shadow-none md:relative lg:pb-0 lg:pt-8 site-header"> 164 165 <div class="flex flex-row md:grid md:grid-cols-2 lg:grid-cols-3 content-container "> 166 167 <div class="mr-auto md:col-span-2 site-branding lg:flex"> 168 <a href="https://pohjois-savonsyopayhdistys.fi/" rel="home" class="flex items-center"> 169 <!-- <img src="Array" class="h-6 sm:h-12 md:h-16 lg:h-20" alt="Pohjois-Savon syöpäyhdistys"> --> 170 <img class="h-6 sm:h-12 md:h-16 lg:h-20" src="https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2026/02/pohjois-savon-syopayhdistys-logo.svg" alt="logo" /> 171 <!-- <span class="my-auto ml-4 text-lg leading-none text-black uppercase shrink-0 line-clamp-3" style="width: 80%; font-size: calc(1rem + 1vw);">Pohjois-Savon syöpäyhdistys</span> --> 172 </a> 173 </div> 174 175 176 <div id="toolbar" class="fixed bottom-0 left-0 right-0 flex-row hidden w-full -mb-1 lg:flex x-50 lg:items-end lg:py-0 lg:relative lg:bg-transparent lg:col-start-3"> 177 178 <div class="flex flex-row items-center content-center order-2 ml-auto text-center lg:w-auto lg:text-right lg:flex"> 179 180 181 <a href="https://luoto.info/pohjois-savo/" target="_blank" class="btn btn-fill btn-primary flex items-center mx-auto lg:block lg:w-auto lg:h-auto lg:mr-0 lg:mb-0 text-white bg-luoto lg:flex"> 182 <span class="my-auto lg:mr-2 luoto-icon w-6 h-6 inline-block" aria-hidden="true"></span> 183 <span class="my-auto">Apua ja tukea</span> 184 <span class="sr-only">Avautuu uudessa ikkunassa</span> 185 </a> 186 187 188 <a class="btn btn-outline" href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" target="_self"><span class="btn-text">Lahjoita</span></a> 189 190 </div> 191 </div> 192 <button aria-label="open menu" class="flex items-center order-5 pl-2 ml-auto text-xl text-black border-2 rounded-full hover:opacity-50 md:hidden" @click.prevent="showMenu = !showMenu" :class="showMenu ? 'border-white text-black' : 'border-white text-black'" aria-expanded="false"> 193 <i class="fa-regular fa-bars fa-lg" x-show="!showMenu"></i> 194 <i class="fa-regular fa-xmark fa-lg" x-show="showMenu" x-cloak></i> 195 </button> 196 197 <nav :class="showMenu ? '' : ''" class="fixed overflow-y-auto md:static inset-0 bg-white col-span-full lg:bg-gradient-to-r md:from-white md:via-white/80 md:via-70% lg:bg-transparent md:px-4 lg:p-0 z-50 md:flex lg:flex-wrap lg:items-end lg:items-center lg:justify-center w-full text-lg md:border-t md:border-b mdborder-gray-300 lg:text-md order-3 md:mt-4 lg:mt-8" id="main-navigation" role="navigation" x-cloak="mobile" x-show="showMenu" x-transition> 198 <div class="w-full px-4 py-4 site-branding md:hidden"> 199 <a href="https://pohjois-savonsyopayhdistys.fi/" rel="home" class="flex items-center"> 200 <img src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/svg/logo-mark.svg" class="h-6 lg:h-20" alt="Pohjois-Savon syöpäyhdistys"> 201 <span class="my-auto ml-4 text-lg leading-none text-black uppercase md:text-xl shrink-0" style="width: min-content">Pohjois-Savon syöpäyhdistys</span> 202 </a> 203 </div> 204 205 <button aria-label="open menu" class="absolute top-0 right-0 flex items-center order-5 p-3 m-4 text-xl text-black border-2 rounded-sm hover:opacity-50 md:hidden" @click.prevent="showMenu = !showMenu" :class="showMenu ? 'border-none text-black' : 'border-white text-black'" aria-expanded="false"> 206 <i class="fa-regular fa-bars fa-lg" x-show="!showMenu"></i> 207 <i class="fa-regular fa-xmark fa-lg" x-show="showMenu" x-cloak></i> 208 </button> 209 210 <div class="flex px-4 pb-4 mx-auto mt-2 border-b md:hidden search"> 211 <form method="get" id="searchform" action="https://pohjois-savonsyopayhdistys.fi/" role="search"> 212 <div class="flex items-center font-body relative"> 213 <label class="whitespace-nowrap mr-2" for="search">Hae sivustolta</label> 214 <input class="border w-full py-2 pl-4 pr-8 text-black rounded-full" t
214ype="text" name="s" id="search" placeholder="Kirjoita hakusana" value="" /> 215 <button type="submit" class="absolute right-0 py-2 px-0 my-0 mr-3"><i class="fa-regular fa-magnifying-glass" aria-hidden="true"></i><span class="sr-only">Hae</span></button> 216 </div> 217</form> 218 </div> 219 220 221 222 223 224 225 <ul id="menu-primary" class="menu" :class="{'active': open}"> 226 <li x-data="{open:false}" id="menu-item-5297" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children current-menu-item current_page_item "> 227 228 <a href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" class="hover:underline ">Tukea ja tietoa</a> 229 <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'Piilota'" class="toggle-sub"> 230 <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i> 231 </button> 232 <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8"> 233 <li class=""> 234 235 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">SAIRASTUNEELLE JA LÃHEISELLE</span> 236 237 238 239 <ul class="mega-children"> 240 <li x-data="{open:false}" id="menu-item-6524" class="menu-item-6524 menu-item menu-item-type-post_type menu-item-object-page relative"> 241 242 <a href="https://pohjois-savonsyopayhdistys.fi/luoto-keskustelutuki/" class="hover:underline ">Keskustelutuki LUOTO</a> 243 </li> 244 <li x-data="{open:false}" id="menu-item-6530" class="menu-item-6530 menu-item menu-item-type-post_type menu-item-object-page relative"> 245 246 <a href="https://pohjois-savonsyopayhdistys.fi/ryhmat/" class="hover:underline ">Ryhmät</a> 247 </li> 248 <li x-data="{open:false}" id="menu-item-6534" class="menu-item-6534 menu-item menu-item-type-post_type menu-item-object-page relative"> 249 250 <a href="https://pohjois-savonsyopayhdistys.fi/kurssit/" class="hover:underline ">Kurssit</a> 251 </li> 252 <li x-data="{open:false}" id="menu-item-6424" class="menu-item-6424 menu-item menu-item-type-post_type menu-item-object-page relative"> 253 254 <a href="https://pohjois-savonsyopayhdistys.fi/tukea-lapsiperheille/" class="hover:underline ">Tukea lapsiperheille</a> 255 </li> 256 <li x-data="{open:false}" id="menu-item-6545" class="menu-item-6545 menu-item menu-item-type-post_type menu-item-object-page relative"> 257 258 <a href="https://pohjois-savonsyopayhdistys.fi/tietoa-syovasta/" class="hover:underline ">Tietoa syövästä</a> 259 </li> 260 <li x-data="{open:false}" id="menu-item-6551" class="menu-item-6551 menu-item menu-item-type-post_type menu-item-object-page relative"> 261 262 <a href="https://pohjois-savonsyopayhdistys.fi/rintaproteesi/" class="hover:underline ">Rintaproteesi</a> 263 </li> 264 <li x-data="{open:false}" id="menu-item-6556" class="menu-item-6556 menu-item menu-item-type-post_type menu-item-object-page relative"> 265 266 <a href="https://pohjois-savonsyopayhdistys.fi/tukihenkilot/" class="hover:underline ">Tukihenkilöt</a> 267 </li> 268 <li x-data="{open:false}" id="menu-item-6563" class="menu-item-6563 menu-item menu-item-type-post_type menu-item-object-page relative"> 269 270 <a href="https://pohjois-savonsyopayhdistys.fi/taloudellinen-tuki/" class="hover:underline ">Taloudellinen tuki</a> 271 </li> 272 </ul> 273 274 </li> 275 <li class=""> 276 277 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TERVEYDEN JA HYVINVOINNIN EDISTÃMINEN</span> 278 279 280 281 <ul class="mega-children"> 282 <li x-data="{open:false}" id="menu-item-6583" class="menu-item-6583 menu-item menu-item-type-post_type menu-item-object-page relative"> 283 284 <a href="https://pohjois-savonsyopayhdistys.fi/tunne-syopariskit/" class="hover:underline ">Tunne syöpäriskit</a> 285 </li> 286 <li x-data="{open:false}" id="menu-item-6586" class="menu-item-6586 menu-item menu-item-type-post_type menu-item-object-page relative"> 287 288 <a href="https://pohjois-savonsyopayhdistys.fi/iho-ja-aurinko/" class="hover:underline ">Iho ja aurinko</a> 289 </li> 290 <li x-data="{open:false}" id="menu-item-6593" class="menu-item-6593 menu-item menu-item-type-post_type menu-item-object-page relative"> 291 292 <a href="https://pohjois-savonsyopayhdistys.fi/syopaseulonnat/" class="hover:underline ">Syöpäseulonnat</a> 293 </li> 294 <li x-data="{open:false}" id="menu-item-6597" class="menu-item-6597 menu-item menu-item-type-post_type menu-item-object-page relative"> 295 296 <a href="https://pohjois-savonsyopayhdistys.fi/nikotiinittomuuteen-tukeminen/" class="hover:underline ">Nikotiinittomuuteen tukeminen</a> 297 </li> 298 </ul> 299 300 </li> 301 </ul> 302 </li> 303 <li x-data="{open:false}" id="menu-item-863" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> 304 305 <a href="https://pohjois-savonsyopayhdistys.fi/pohjois-savon-syopayhdistys/" class="hover:underline ">Pohjois-Savon Syöpäyhdistys</a> 306 <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
306iilota'" class="toggle-sub"> 307 <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i> 308 </button> 309 <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8"> 310 <li class=""> 311 312 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">YHDISTYS</span> 313 314 315 316 <ul class="mega-children"> 317 <li x-data="{open:false}" id="menu-item-863" class="menu-item-863 menu-item menu-item-type-post_type menu-item-object-page relative"> 318 319 <a href="https://pohjois-savonsyopayhdistys.fi/pohjois-savon-syopayhdistys/" class="hover:underline ">Toiminta</a> 320 </li> 321 <li x-data="{open:false}" id="menu-item-6607" class="menu-item-6607 menu-item menu-item-type-post_type menu-item-object-page relative"> 322 323 <a href="https://pohjois-savonsyopayhdistys.fi/yhteystiedot/" class="hover:underline ">Yhteystiedot</a> 324 </li> 325 <li x-data="{open:false}" id="menu-item-6617" class="menu-item-6617 menu-item menu-item-type-post_type menu-item-object-page relative"> 326 327 <a href="https://pohjois-savonsyopayhdistys.fi/tutkimusapurahat/" class="hover:underline ">Tutkimusapurahat</a> 328 </li> 329 <li x-data="{open:false}" id="menu-item-6620" class="menu-item-6620 menu-item menu-item-type-post_type menu-item-object-page relative"> 330 331 <a href="https://pohjois-savonsyopayhdistys.fi/ammattilaisille-ja-opiskelijoille/" class="hover:underline ">Ammattilaisille ja opiskelijoille</a> 332 </li> 333 <li x-data="{open:false}" id="menu-item-6626" class="menu-item-6626 menu-item menu-item-type-post_type menu-item-object-page relative"> 334 335 <a href="https://pohjois-savonsyopayhdistys.fi/anna-palautetta/" class="hover:underline ">Anna palautetta</a> 336 </li> 337 </ul> 338 339 </li> 340 </ul> 341 </li> 342 <li x-data="{open:false}" id="menu-item-5300" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> 343 344 <a href="https://pohjois-savonsyopayhdistys.fi/osallistu/" class="hover:underline ">Osallistu - tehdään yhdessä hyvää</a> 345 <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'Piilota'" class="toggle-sub"> 346 <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i> 347 </button> 348 <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-x-8 p-0 md:p-8"> 349 <li class=""> 350 351 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">JÃSENEKSI</span> 352 353 354 355 <ul class="mega-children"> 356 <li x-data="{open:false}" id="menu-item-60" class="menu-item-60 menu-item menu-item-type-post_type menu-item-object-page relative"> 357 358 <a href="https://pohjois-savonsyopayhdistys.fi/jasenyys/liity-jaseneksi/" class="hover:underline ">Liity jäseneksi</a> 359 </li> 360 <li x-data="{open:false}" id="menu-item-6461" class="menu-item-6461 menu-item menu-item-type-post_type menu-item-object-page relative"> 361 362 <a href="https://pohjois-savonsyopayhdistys.fi/jasenedut/" class="hover:underline ">Jäsenedut</a> 363 </li> 364 <li x-data="{open:false}" id="menu-item-6466" class="menu-item-6466 menu-item menu-item-type-post_type menu-item-object-page relative"> 365 366 <a href="https://pohjois-savonsyopayhdistys.fi/muutoksia-jasentietoihin/" class="hover:underline ">Muutoksia jäsentietoihin</a> 367 </li> 368 </ul> 369 370 </li> 371 <li class=""> 372 373 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">VAPAAEHTOISEKSI</span> 374 375 376 377 <ul class="mega-children"> 378 <li x-data="{open:false}" id="menu-item-73" class="menu-item-73 menu-item menu-item-type-post_type menu-item-object-page relative"> 379 380 <a href="https://pohjois-savonsyopayhdistys.fi/vapaaehtoiseksi/" class="hover:underline ">Vapaaehtoiseksi</a> 381 </li> 382 </ul> 383 384 </li> 385 <li class=""> 386 387 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TUE TOIMINTAA</span> 388 389 390 391 <ul class="mega-children"> 392 <li x-data="{open:false}" id="menu-item-6446" class="menu-item-6446 menu-item menu-item-type-post_type menu-item-object-page relative"> 393 394 <a href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" class="hover:underline ">Lahjoita</a> 395 </li> 396 <li x-data="{open:false}" id="menu-item-7130" class="menu-item-7130 menu-item menu-item-type-post_type menu-item-object-page relative"> 397 398 <a href="https://pohjois-savonsyopayhdistys.fi/tuotemyynti/" class="hover:underline ">Tuotemyynti</a> 399 </li> 400 <li x-data="{open:false}" id="menu-item-7148" class="menu-item-7148 menu-item menu-item-type-post_type menu-item-object-page relative"> 401 402 <a href="https://pohjois-savonsyopayhdistys.fi/syopasykkeli/" class="hover:underline ">Syöpäsykkeli</a> 403 </li> 404 </ul> 405 406 </li> 407 </ul> 408 </li> 409 <li x-data="{open:false}" id="menu-item-6514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> 410 411 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/" class="hover:underline ">Paikallistoiminta</a> 412 <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
412iilota'" class="toggle-sub"> 413 <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i> 414 </button> 415 <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-x-8 p-0 md:p-8"> 416 <li class=""> 417 418 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">I-K</span> 419 420 421 422 <ul class="mega-children"> 423 <li x-data="{open:false}" id="menu-item-7311" class="menu-item-7311 menu-item menu-item-type-post_type menu-item-object-page relative"> 424 425 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/iisalmen-paikallisosasto/" class="hover:underline ">Iisalmen paikallisosasto</a> 426 </li> 427 <li x-data="{open:false}" id="menu-item-7320" class="menu-item-7320 menu-item menu-item-type-post_type menu-item-object-page relative"> 428 429 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/juankosken-paikallisosasto/" class="hover:underline ">Juankosken paikallisosasto</a> 430 </li> 431 <li x-data="{open:false}" id="menu-item-7328" class="menu-item-7328 menu-item menu-item-type-post_type menu-item-object-page relative"> 432 433 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kaavin-paikallisosasto/" class="hover:underline ">Kaavin paikallisosasto</a> 434 </li> 435 <li x-data="{open:false}" id="menu-item-7336" class="menu-item-7336 menu-item menu-item-type-post_type menu-item-object-page relative"> 436 437 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/keiteleen-paikallisosasto/" class="hover:underline ">Keiteleen paikallisosasto</a> 438 </li> 439 <li x-data="{open:false}" id="menu-item-7342" class="menu-item-7342 menu-item menu-item-type-post_type menu-item-object-page relative"> 440 441 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kiuruveden-paikallisosasto/" class="hover:underline ">Kiuruveden paikallisosasto</a> 442 </li> 443 <li x-data="{open:false}" id="menu-item-6505" class="menu-item-6505 menu-item menu-item-type-post_type menu-item-object-page relative"> 444 445 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/kuopion-paikallisosasto/" class="hover:underline ">Kuopion paikallisosasto</a> 446 </li> 447 </ul> 448 449 </li> 450 <li class=""> 451 452 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">L-T</span> 453 454 455 456 <ul class="mega-children"> 457 <li x-data="{open:false}" id="menu-item-7345" class="menu-item-7345 menu-item menu-item-type-post_type menu-item-object-page relative"> 458 459 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/leppavirran-paikallisosasto/" class="hover:underline ">Leppävirran paikallisosasto</a> 460 </li> 461 <li x-data="{open:false}" id="menu-item-7348" class="menu-item-7348 menu-item menu-item-type-post_type menu-item-object-page relative"> 462 463 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/nilsian-paikallisosasto/" class="hover:underline ">Nilsiän paikallisosasto</a> 464 </li> 465 <li x-data="{open:false}" id="menu-item-7351" class="menu-item-7351 menu-item menu-item-type-post_type menu-item-object-page relative"> 466 467 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/rautavaaran-paikallisosasto/" class="hover:underline ">Rautavaaran paikallisosasto</a> 468 </li> 469 <li x-data="{open:false}" id="menu-item-7358" class="menu-item-7358 menu-item menu-item-type-post_type menu-item-object-page relative"> 470 471 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/siilinjarven-paikallisosasto/" class="hover:underline ">Siilinjärven paikallisosasto</a> 472 </li> 473 <li x-data="{open:false}" id="menu-item-7386" class="menu-item-7386 menu-item menu-item-type-post_type menu-item-object-page relative"> 474 475 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/sonkajarven-paikallisosasto/" class="hover:underline ">Sonkajärven paikallisosasto</a> 476 </li> 477 <li x-data="{open:false}" id="menu-item-7391" class="menu-item-7391 menu-item menu-item-type-post_type menu-item-object-page relative"> 478 479 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/tuusniemen-paikallisosasto/" class="hover:underline ">Tuusniemen paikallisosasto</a> 480 </li> 481 </ul> 482 483 </li> 484 <li class=""> 485 486 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">V</span> 487 488 489 490 <ul class="mega-children"> 491 <li x-data="{open:false}" id="menu-item-7395" class="menu-item-7395 menu-item menu-item-type-post_type menu-item-object-page relative"> 492 493 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/varkauden-paikallisosasto/" class="hover:underline ">Varkauden paikallisosasto</a> 494 </li> 495 <li x-data="{open:false}" id="menu-item-7401" class="menu-item-7401 menu-item menu-item-type-post_type menu-item-object-page relative"> 496 497 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/varpaisjarven-paikallisosasto/" class="hover:underline ">Varpaisjärven paikallisosasto</a> 498 </li> 499 <li x-data="{open:false}" id="menu-item-7412" class="menu-item-7412 menu-item menu-item-type-post_type menu-item-object-page relative"> 500 501 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/vehmersalmen-paikallisosasto/" class="hover:underline ">Vehmersalmen paikallisosasto</a> 502 </li> 503 <li x-data="{open:false}" id="menu-item-7417" class="menu-item-7417 menu-item menu-item-type-post_type menu-item-object-page relative"> 504 505 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/vesannon-paikallisosasto/" class="hover:underline ">Vesannon paikallisosasto</a> 506 </li> 507 <li x-data="{open:false}" id="menu-item-7422" class="menu-item-7422 menu-item menu-item-type-post_type menu-item-object-page relative"> 508 509 <a href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/viereman-paikallisosasto/" class="hover:underline ">Vieremän paikallisosasto</a> 510 </li> 511 </ul> 512 513 </li> 514 </ul> 515 </li> 516 <li x-data="{open:false}" id="menu-item-50" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children "> 517 518 <a href="https://pohjois-savonsyopayhdistys.fi/ajankohtaista/" class="hover:underline ">Ajankohtaista</a> 519 <button @click="open = ! open" :aria-expanded="open" :aria-label="open ? 'Laajenna' : 'P
519iilota'" class="toggle-sub"> 520 <i class="duration-300 ease-in-out transform open" aria-hidden="true" :class="{'close':open, 'open': !open}"></i> 521 </button> 522 <ul x-cloak x-show="open" x-transition @click.outside="open = false;" class="mega-menu content-container md:absolute md:w-full mx-auto right-0 left-0 md:bg-white list-none grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-x-8 p-0 md:p-8"> 523 <li class=""> 524 525 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">TAPAHTUMAKALENTERI</span> 526 527 528 529 <ul class="mega-children"> 530 <li x-data="{open:false}" id="menu-item-6431" class="menu-item-6431 menu-item menu-item-type-post_type menu-item-object-page relative"> 531 532 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtumakalenteri/" class="hover:underline ">Tapahtumakalenteri</a> 533 </li> 534 </ul> 535 536 </li> 537 <li class=""> 538 539 <span class="relative block mt-2 text-base font-bold group-hover:underline font-heading card-heading">UUTISET JA BLOGIT</span> 540 541 542 543 <ul class="mega-children"> 544 <li x-data="{open:false}" id="menu-item-6435" class="menu-item-6435 menu-item menu-item-type-post_type menu-item-object-page relative"> 545 546 <a href="https://pohjois-savonsyopayhdistys.fi/uutiset/" class="hover:underline ">Uutiset</a> 547 </li> 548 <li x-data="{open:false}" id="menu-item-6433" class="menu-item-6433 menu-item menu-item-type-post_type menu-item-object-page relative"> 549 550 <a href="https://pohjois-savonsyopayhdistys.fi/blogit/" class="hover:underline ">Blogit</a> 551 </li> 552 </ul> 553 554 </li> 555 </ul> 556 </li> 557 </ul> 558 559 560 <div class="flex flex-col md:hidden "> 561 <div class="px-4 mt-12 mb-4 font-bold ">Valitse kieli</div> 562 <div class="flex"> 563 <a class="px-4 py-2 text-white underline md:px-0" href="https://pohjois-savonsyopayhdistys.fi/tukea-ja-tietoa/" lang="FI">Suomeksi</a></div> 564 </div> 565 566 <hr class="w-full my-4 border-gray-300 md:hidden"> 567 <div class="flex flex-col items-center pb-4 mb-auto mr-auto md:hidden"> 568 <button class="!mx-auto md:hidden font-body font-medium" x-data @click="$store.sitesDialog.toggle()"> 569 <i class="m-auto fa-sharp fa-regular fa-plus lg:mr-2 "></i> 570 <span class="px-1 text-black bg-white lg:bg-transparent lg:relative">Syöpäjärjestöjen muut sivustot</span> 571 </button> 572 <button class="!mx-auto btn btn-link font-body flex flex-row leading-tight !no-underline focus:outline-gray-900 focus:outline-2 outline-offset-4 rounded-sm" @click="animations=!animations;userSelectedAnimations=true"> 573 <span class="my-auto mr-2">Liike</span> 574 <span class="flex items-center my-auto " x-show="animations" x-cloak><span class="my-auto">aktivoitu</span> <i class="my-auto ml-4 text-2xl fa-sharp fa-light fa-circle-play " aria-hidden="true"></i></span> 575 <span class="flex items-center my-auto " x-show="!animations"><span class="my-auto">deaktivoitu</span> <i class="my-auto ml-4 text-2xl fa-sharp fa-light fa-circle-pause " aria-hidden="true"></i></span> 576 </button> 577 578 <div class="flex flex-row gap-4 mobileNavBtn"> 579 580 <a href="https://luoto.info/pohjois-savo/" target="_blank" class="btn btn-fill btn-primary flex items-center mx-auto lg:block lg:w-auto lg:h-auto lg:mr-0 lg:mb-0 text-white bg-luoto lg:flex"> 581 <span class="my-auto lg:mr-2 luoto-icon w-6 h-6 inline-block" aria-hidden="true"></span> 582 <span class="my-auto">Apua ja tukea</span> 583 <span class="sr-only">Avautuu uudessa ikkunassa</span> 584 </a> 585 586 587 <a class="btn btn-outline" href="https://pohjois-savonsyopayhdistys.fi/lahjoita/" target="_self"><span class="btn-text">Lahjoita</span></a> 588 589 </div> 590 </div> 591 592 593 594 595 </nav> 596 597 </div> 598 </header><!-- #masthead --> 599 <div class="content-area" id="primary"> 600 <main id="main" class="site-main" role="main"> 601 602 603<article id="post-5297" class="post-5297 page type-page status-publish hentry"> 604 605 <div class="entry-content"> 606 607 608<section id="block_7c58d3cb003acb317cc2805863b92c9c" class="block-hero-bg pt-4 md:pt-6 lg:pt-8 pb-0 is_default none relative overflow-hidden -mt-px">
609 <div class="content-container"> 610 611 <div class="grid grid-cols-1 md:grid-cols-2 grid-gap"> 612 <div class="z-10 ball"></div> 613 <div class="relative z-20 order-1 mb-8 -mx-6 md:order-2 md:-mt-64 md:-mr-32 sm:mx-auto md:mx-12 md:max-w-96 md:max-w-none herocircle"> 614 <div class="w-full md:block"> 615 <img decoding="async" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/images/1000x1000.png" class="invisible object-cover w-full h-auto" alt="" aria-hidden="true"> 616 </div> 617 618 <figure class="absolute top-0 bottom-0 left-0 right-0 h-full bg-cover pointer-events-none lg:mt-32 " style="background-image: url('https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/2025/03/Esra-Korkmaz-Photo-1365x2048.jpg'); 619 background-position: 61.81% 59.33%;"></figure> 620 </div> 621 622 <div class=" md:order-1 z-20 relative flex flex-col order-2 md:order-1"> 623 <div class="top-0 mt-0 " id="breadcrumbs"><span><span><a href="https://pohjois-savonsyopayhdistys.fi/">Etusivu</a></span> » <span class="breadcrumb_last" aria-current="page">Tukea ja tietoa</span></span></div> <div class="z-20 pt-8 my-auto group"> 624 <h1 id="primaryheading" class=" text-4xl md:text-5xl lg:text-6xl !m-0 ">Löydä tukea ja tietoa</h1> 625 <p><span class="lead">Meiltä saat tukea kaikissa sairauden vaiheissa.<br /> 626</span></p> 627<div id="gtx-trans" style="position: absolute; left: 140px; top: 38px;"> 628<div class="gtx-trans-icon"></div> 629</div> 630 631 </div> 632 </div> 633 634 </div> 635 636 </div> 637 </section> 638 639 640 641 642<section id="block_1f6ffbd51196bcea7fc5f0af93b00f99" class="block-content-form pt-10 md:pt-12 lg:pt-16 pb-4 md:pb-6 lg:pb-8 is_primary is_light relative"> 643 <div class="content-container"> 644 <div class="grid grid-columns grid-gap"> 645 <div class="col-span-full"> 646 <h2>Palvelut lähellä sinua</h2> 647 <h3>Kerrotko hieman tilanteestasi?</h3> 648 </div> 649 650 <div class="col-span-full lg:col-span-6"> 651 <p>Anna meidän auttaa sinua löytämään sopiva palvelu.</p> 652 </div> 653 654 655 <div class="grid grid-gap md:grid-cols-3 col-span-full"> 656 <div class="relative"> 657 <label class="block mb-2 font-bold">Minkälaista tukea kaipaat?</label> 658 <div class="flex form-facet"><div class="facetwp-facet facetwp-facet-kaipaan_tukeatietoa facetwp-type-dropdown" data-name="kaip
658aan_tukeatietoa" data-type="dropdown"></div></div> 659 </div> 660 <div class="relative"> 661 <label class="block mb-2 font-bold">Paikkakunta</label> 662 <div class="flex form-facet"><div class="facetwp-facet facetwp-facet-alue facetwp-type-dropdown" data-name="alue" data-type="dropdown"></div></div> 663 </div> 664 </div> 665 666 </div> 667 <div class="flex flex-col mt-8 col-span-full lg:col-span-6"> 668 <div 669 class="md:grid grid-gap md:gap-8 md:grid-cols-2 lg:grid-cols-3 col-span-full facetwp-template facet-wait btns-arrow"> 670 <!--fwp-loop--> 671 <div class="relative col-span-1 mt-8 group md:mt-0"> 672 <h4 class="group-hover:underline">Roosa nauha Pohjois-Savossa</h4> 673 <p class="mt-0 mb-2">Roosa nauha -kampanja Pohjois-Savossa!</p> 674 675 <a href="https://pohjois-savonsyopayhdistys.fi/roosa-nauha-pohjois-savossa/" class="py-0 pl-0 mr-auto btn leaklink"> 676 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span> 677 <span aria-hidden="true" 678 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 679 </a> 680 681 </div> 682 <div class="relative col-span-1 mt-8 group md:mt-0"> 683 <h4 class="group-hover:underline">Siilinjärvi: Miesten kaveripiiri</h4> 684 <p class="mt-0 mb-2">Miesten kaveripiiri on kaikille miehille avoin kerho. Kaveripiiri kokoontuu joka kuukauden ensimmäinen torstai. Paikk…</p> 685 686 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/siilinjarvi-miesten-kaveripiiri/" class="py-0 pl-0 mr-auto btn leaklink"> 687 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span> 688 <span aria-hidden="true" 689 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 690 </a> 691 692 </div> 693 <div class="relative col-span-1 mt-8 group md:mt-0"> 694 <h4 class="group-hover:underline">Lapsen oikeuksien päivän tapahtuma Kuopiossa</h4> 695 <p class="mt-0 mb-2">Lauantaina 21.11.2026 Kantissa – Kuopion museolla klo 10-12 ja pääkirjaston lastenosastolla 12.30-14. Tapahtuma…</p> 696 697 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/lapsen-oikeuksien-paivan-tapahtuma-kuopiossa/" class="py-0 pl-0 mr-auto btn leaklink"> 698 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span> 699 <span aria-hidden="true" 700 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 701 </a> 702 703 </div> 704 <div class="relative col-span-1 mt-8 group md:mt-0"> 705 <h4 class="group-hover:underline">Eläinkaverit-iltapäivä lapsille ja nuorille</h4> 706 <p class="mt-0 mb-2">Tervetuloa viettämään mukavaa syyspäivää eläinten seurassa Kuopion eläinpuistoon lauantaina 24.10. klo 14â18! Iltapäi…</p> 707 708 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/elainkaverit-iltapaiva-lapsille-ja-nuorille/" class="py-0 pl-0 mr-auto btn leaklink"> 709 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span>
710 <span aria-hidden="true" 711 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 712 </a> 713 714 </div> 715 <div class="relative col-span-1 mt-8 group md:mt-0"> 716 <h4 class="group-hover:underline">Vertaistukijakoulutus</h4> 717 <p class="mt-0 mb-2">Oletko syövän sairastanut/kroonista syöpää sairastava tai läheinen? Hae mukaan vertaistukijakoulutukseen. Vertaistuki…</p> 718 719 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/vertaistukijakoulutus/" class="py-0 pl-0 mr-auto btn leaklink"> 720 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span> 721 <span aria-hidden="true" 722 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 723 </a> 724 725 </div> 726 <div class="relative col-span-1 mt-8 group md:mt-0"> 727 <h4 class="group-hover:underline">Kaavin paikallisosasto: Matka Tapani Kansa -juhlakonserttiin Kuopioon</h4> 728 <p class="mt-0 mb-2">Kaavin paikallisosasto järjestää matkan Kuopion musiikkikeskuksen Tapani Kansa juhlakonserttiin 17.10.26 klo 15 alkav…</p> 729 730 <a href="https://pohjois-savonsyopayhdistys.fi/tapahtuma/kaavin-paikallisosasto-matka-tapani-kansa-juhlakonserttiin-kuopioon/" class="py-0 pl-0 mr-auto btn leaklink"> 731 <span class="hidden mr-0 transition-all ease-in-out group-hover:underline btn-text">Lue lisää</span> 732 <span aria-hidden="true" 733 class="mr-2 text-4xl !block group-hover:translate-x-1 group-focus:translate-x-1 btn-icon">â</span> 734 </a> 735 736 </div> 737 </div> 738 739 <div class="text-center post-pagination"> 740 </div> 741 742 </div> 743 </div> 744 </div> 745 </section> 746 747 748 749 750<section id="block_c566f5a1d939d17dec056b8ef48f0a4b" class="block-content-form pt-4 md:pt-6 lg:pt-8 pb-4 md:pb-6 lg:pb-8 is_default none relative"> 751 <div class="content-container"> 752 <leaper-app customer-key='56|UMj12OGgfmbQkWuK2xuz1bDot0IMfIB0l1eneTogc5ee5b9d'></leaper-app> 753 </div> 754 755</section> 756 </div><!-- .entry-content --> 757 758</article><!-- #post-## --> 759 760 </main><!-- #main --> 761 </div> 762 763</div><!-- #content --> 764 765<div x-trap.noscroll="$store.sitesDialog.open" x-show="$store.sitesDialog.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="relative z-50" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-cloak> 766 <div @keyup.escape.window="$store.sitesDialog = false" class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"></div> 767 768 <div class="fixed inset-0 z-10 overflow-y-auto"> 769 <div class="flex items-start md:items-center justify-center min-h-full p-4 text-center sm:items-center" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> 770 <div @click.away="$store.sitesDialog.open = false" class="relative grid max-w-md text-left shadow-xl bg-white md:grid-cols-2 sm:my-8 py-8 sm:w-full md:max-w-6xl min-w-full md:min-w-0" x-data="{ tab: 'tab1' }"> 771 <div class="absolute right-0.5 top-0.5">
772 <button class="bg-primary-700 p-3 leading-none m-2 rounded-full text-white group focus:outline-none hover:text-white focus:text-white" @click="$store.sitesDialog.open = false"> 773 <i class="rounded-full outline-none fa-sharp fa-solid fa-xmark"></i> <span class="sr-only">Sulje näkymä</span> 774 </button> 775 </div> 776 <div class="md:hidden px-4"> 777 <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Sivustomme</h2> 778 <div class="flex flex-col px-4 bg-gray-100 mb-4 border md:hidden rounded-3xl relative"> 779 <button class="btn text-left !mx-0 !px-0 w-auto " :class="tab === 'tab1' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab1'">Syöpäjärjestöjen sivustot</button> 780 <button class="btn text-left !mx-0 !px-0 w-auto " :class="tab === 'tab2' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab2'">Terveyden edistäminen</button> 781 <button class="btn text-left !mx-0 !px-0 w-auto " :class="tab === 'tab3' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab3'">Alueyhdistykset</button> 782 <button class="btn text-left !mx-0 !px-0 w-auto " :class="tab === 'tab4' || tab === 'select' ? '' : 'hidden'" @click="tab = 'tab4'">Potilasjärjestöt</button> 783 784 <button class="btn btn-primary absolute right-0" @click="tab = 'select'"> 785 <span :class="tab != 'select' ? '' : 'hidden'">Valitse<i class="ml-4 fa fa-angle-down"></i></span> 786 <span :class="tab === 'select' ? '' : 'hidden'">Valitse<i class="ml-4 fa fa-angle-up"></i></span> 787 </button> 788 </div> 789 </div> 790 791 <div class="hidden md:block h-full p-4 md:px-12 pb-4 grid-cols-full md:col-span-3 "> 792 <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Sivustomme</h2> 793 <button class="btn " :class="tab === 'tab1' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab1'">Syöpäjärjestöjen sivustot</button> 794 <button class="btn " :class="tab === 'tab2' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab2'">Terveyden edistäminen</button> 795 <button class="btn " :class="tab === 'tab3' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab3'">Alueyhdistykset</button> 796 <button class="btn " :class="tab === 'tab4' ? 'btn-fill !text-white' : 'btn-outline'" @click="tab = 'tab4'">Potilasjärjestöt</button> 797 </div> 798 <div class="col-span-full md:px-12 px-4 md:pt-4 text-sm"> 799 <div class="h-full relative" x-show="tab === 'tab1'"> 800 <strong class="hidden md:block">Syöpäjärjestöjen sivustot</strong> 801 <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2"> 802 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.syopajarjestot.fi/" target="_blank">Syöpäjärjestöt â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 803 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://syoparekisteri.fi/" target="_blank">Syöpärekisteri â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 804 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://syopasaatio.fi/" target="_blank">Syöpäsäätiö â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 805 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://kaikkisyovasta.fi/" target="_blank">Kaikki syövästä â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 806 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://luoto.info/" target="_blank">Luoto â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 807 <a class="text-black no-underline font-light py-1 block hover:underline" href="http://intra.cancer.fi/" target="_blank">Intra â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 808 </nav> 809 </div> 810 811 <div class="h-full relative" x-show="tab === 'tab2'"> 812 <strong class="hidden md:block">Terveyden edistäminen</strong> 813 <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2"> 814 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.ilmansyopa
814a.fi" target="_blank">Ilman syöpää â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 815 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.fressis.fi" target="_blank">Fressis.fi â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 816 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://fressisedu.fi/" target="_blank">Fressisedu.fi â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 817 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://tobaccobody.fi/fi/" target="_blank">Röökikroppa â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 818 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://hyvapva.fi/" target="_blank">Hyvä Päivä â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 819 </nav> 820 </div> 821 822 <div class="h-full relative" x-show="tab === 'tab3'"> 823 <strong class="hidden md:block">Alueyhdistykset</strong> 824 <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 l gap-2"> 825 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.etela-suomensyopayhdistys.fi" target="_blank">Etelä-Suomen Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 826 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.keski-suomensyopayhdistys.fi/" target="_blank">Keski-Suomen Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 827 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.kymenlaaksonsyopayhdistys.fi/" target="_blank">Kymenlaakson Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 828 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.lounais-suomensyopayhdistys.fi/" target="_blank">Lounais-Suomen Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 829 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pohjanmaansyopayhdistys.fi" target="_blank">Pohjanmaan Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 830 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pksy.fi" target="_blank">Pohjois-Karjalan Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 831 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pirsy.fi" target="_blank">Pirkanmaan Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 832 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.pohjois-suomensyopayhdistys.fi/" target="_blank">Pohjois-Suomen Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 833 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.saimaansyopayhdistys.fi/" target="_blank">Saimaan Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 834 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.satakunnansyopayhdistys.fi" target="_blank">Satakunnan Syöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 835 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.cancer.ax/" target="_blank">à lands Cancerförening â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 836 </nav> 837 </div> 838 <div class="h-full relative" x-show="tab === 'tab4'"> 839 <strong class="hidden md:block">Potilasjärjestöt</strong> 840 <nav class="md:mt-6 mb-6 p-0 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-2"> 841 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://www.colores.fi" target="_blank">Colores â Suomen Suolistosyöpäyhdistys â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 842 <a class="text-black no-underline font-light py-1 block hover:underline" href="https://sylva.fi" target="_blank">Sylva â<span class="sr-only">Avautuu uuteen ikkunaan</span></a> 843 </nav> 844 </div> 845 846
847 </div> 848 849 850 </div> 851 </div> 852 </div> 853</div> 854 855<div x-trap.noscroll="$store.helpDialog.open" x-show="$store.helpDialog.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="relative z-50" aria-labelledby="modal-title" role="dialog" aria-modal="true" x-cloak> 856 <div @keyup.escape.window="$store.helpDialog = false" class="fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75"></div> 857 858 <div class="fixed inset-0 z-10 overflow-y-auto"> 859 <div class="content flex items-center justify-center min-h-full p-4 text-center sm:items-center" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"> 860 <div @click.away="$store.helpDialog.open = false" class="relative grid max-w-md text-left shadow-xl bg-white md:grid-cols-2 sm:my-8 py-8 sm:w-full md:max-w-6xl"> 861 <div class="absolute right-0.5 top-0.5"> 862 <button class="bg-primary-700 p-3 leading-none m-2 rounded-full text-white group focus:outline-none hover:text-white focus:text-white" @click="$store.helpDialog.open = false"> 863 <i class="rounded-full outline-none fa-sharp fa-solid fa-xmark"></i> <span class="sr-only">Sulje näkymä</span> 864 </button> 865 </div> 866 867 <div class="h-full p-4 md:px-12 pb-8 grid-cols-full md:col-span-3 border-b border-gray-300"> 868 <h2 class="mb-2 text-2xl md:mb-4" id="modal-title">Apua ja tukea sinulle! </h2> 869 <div class="text-left tight-paragraph"> 870 <p>Selite tähän</p> 871 </div> 872 </div> 873 <div class="col-span-full md:px-12 px-4 pt-4 grid grid-cols-1 md:grid-cols-3 gap-x-4 gap-y-8 md:gap-x-8 text-sm"> 874 <div class="h-full relative"> 875 <i class="fa-xl my-8 fa-light fa-comments" aria-hidden="true"></i> 876 <div> 877 </div> 878 </div> 879 <div class="h-full relative"> 880 <i class="fa-xl my-8 fa-light fa-phone" aria-hidden="true"></i> 881 <div> 882 </div> 883 </div> 884 <div class="h-full relative"> 885 <i class="fa-xl my-8 fa-light fa-people-group" aria-hidden="true"></i> 886 <div> 887 </div> 888 </div> 889 </div> 890 891 892 893 </div> 894 </div> 895 </div> 896</div> 897<footer id="colophon" class="order-5 px-2 pt-10 pb-32 text-white is_dark site-footer md:pb-10 md:px-0" role="contentinfo"> 898 899 <div class="text-base md:grid md:grid-cols-3 gap-x-8 content-container"> 900 <div class="col-span-1"> 901 <h4 class="mb-4 md:mb-8 md:text-xl">Yhteystiedot</h4> 902 <p>Pohjois-Savon Syöpäyhdistys<br /> 903Kuninkaankatu 23 B, 70100 Kuopio<br /> 904puh. 017 580 1801 (vain puhelut)<br /> 905[email protected]</p> 906<p>Y-tunnus 0280141-8</p> 907<p><a class="btn btn-primary" href="https://pohjois-savonsyopayhdistys.fi/uutiskirje/">Tilaa uutiskirje</a></p> 908 909 910 </div> 911 <div class="col-span-1"> 912 <h4 class="mb-4 md:mb-8 md:text-xl">Palvelemme</h4> 913 <p>ma-to klo 9-15<br /> 914muina aikoina sovittaessa</p> 915 916 </div> 917 <div class="col-span-1"> 918 <h4 class="mb-4 md:mb-8 md:text-xl">Some</h4> 919 <nav class="flex flex-col gap-2 p-0 mt-6 mb-6"> 920 921 <a class="text-white btn-link flex items-center !no-underline group" href="https://www.facebook.com/pohjoissavonsyopayhdistys/" target="_blank"> 922 <i class="fa-brands fa-facebook mr-2 fa-fw"></i> 923 <span class="underline group-hover:no-underline">Facebook</span> 924 925 <span class="sr-only">Avautuu uuteen ikkunaan</span></a> 926 <a class="text-white btn-link flex items-center !no-underline group" href="https://www.instagram.com/pohjois_savon_syopayhdistys/" target="_blank"> 927 <i class="fa-brands fa-instagram mr-2 fa-fw"></i>
928 <span class="underline group-hover:no-underline">Instagram</span> 929 930 <span class="sr-only">Avautuu uuteen ikkunaan</span></a> 931 </nav> 932 933 </div> 934 935 <div class="pt-10 mt-10 border-t border-gray-500 site-info col-span-full"> 936 <div class="flex flex-col p-0 mt-2 mb-2 text-base md:flex-row"> 937 <span>Pohjois-Savon syöpäyhdistys © 2026</span> 938 <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/tietosuojaseloste/" target="_self">Tietosuojaseloste</a> 939 <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/saavutettavuusseloste/" target="_self">Saavutettavuusseloste</a> 940 <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/paikallistoiminta/paikallisosaston-lomakkeet/" target="_self">Paikallisosaston lomakkeet</a> 941 <a class="!ml-4 text-white text-white btn-link " href="https://pohjois-savonsyopayhdistys.fi/rahankerayslupa/" target="_self">Rahankeräyslupa</a> 942 </div> 943 </div><!-- .site-info --> 944 945 946 </div> 947 948</footer><!-- #colophon --> 949 950<style> 951 @media (max-width: 1024px) { 952 #Coi-Renew { display: none !important;} 953 } 954 #gform_wrapper_26{ 955 display: block !important; 956 } 957</style> 958</div><!-- #page --> 959
960<script async src="https://leaper.jedha.tri.haus/leaper/assets/index.js"></script>
960 961
962<script type="speculationrules"> 963{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/pohjoissavosy-child/*","/wp-content/themes/syopajarjestot-main/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 964</script>
964 965<!-- Matomo -->
965<script> 966(function () { 967function initTracking() { 968var _paq = window._paq = window._paq || []; 969_paq.push(['trackPageView']);_paq.push(['enableLinkTracking']);_paq.push(['alwaysUseSendBeacon']);_paq.push(['setTrackerUrl', "\/\/pohjois-savonsyopayhdistys.fi\/wp-content\/plugins\/matomo\/app\/matomo.php"]);_paq.push(['setSiteId', '1']);var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 970g.type='text/javascript'; g.async=true; g.src="\/\/pohjois-savonsyopayhdistys.fi\/wp-content\/uploads\/matomo\/matomo.js"; s.parentNode.insertBefore(g,s); 971} 972if (document.prerendering) { 973 document.addEventListener('prerenderingchange', initTracking, {once: true}); 974} else { 975 initTracking(); 976} 977})(); 978</script>
978 979<!-- End Matomo Code -->
979<script id="cffscripts-js-extra"> 980var cffOptions = {"placeholder":"https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/img/placeholder.png","resized_url":"https://pohjois-savonsyopayhdistys.fi/wp-content/uploads/sb-facebook-feed-images/","nonce":"91470876ae"}; 981//# sourceURL=cffscripts-js-extra 982</script>
vendor: 1 bytes, line 982
982
983<script id="cffscripts-js" src="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/custom-facebook-feed-pro/assets/js/cff-scripts.min.js?ver=4.6.5"></script>
vendor: 1 bytes, line 983
983
984<script id="ajax-scripts-js-extra"> 985var froggy_ajax = {"ajax_url":"https://pohjois-savonsyopayhdistys.fi/wp-admin/admin-ajax.php","nonce":"6b1ac9db91"}; 986//# sourceURL=ajax-scripts-js-extra 987</script>
vendor: 1 bytes, line 987
987
988<script id="ajax-scripts-js" src="https://pohjois-savonsyopayhdistys.fi/wp-content/themes/syopajarjestot-main/assets/js/ajax.js?ver=250905-62900"></script>
988 989<link href="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/facetwp/assets/css/front.css?ver=4.5" rel="stylesheet">
990<script src="https://pohjois-savonsyopayhdistys.fi/wp-content/plugins/facetwp/assets/js/dist/front.min.js?ver=4.5"></script>
990 991
991<script> 992 document.addEventListener('facetwp-loaded', function() { 993 var tpl = fUtil('.facetwp-template.facet-wait'); 994 if ('' != FWP.buildQueryString()) { 995 tpl.removeClass('facetwp-hidden'); 996 } 997 else { 998 tpl.addClass('facetwp-hidden'); 999 } 1000 }); 1001 </script>
1001 1002
1002<script> 1003window.FWP_JSON = {"prefix":"_","no_results_text":"No results found","ajaxurl":"https:\/\/pohjois-savonsyopayhdistys.fi\/wp-json\/facetwp\/v1\/refresh","nonce":"c03265b688","preload_data":{"facets":{"kaipaan_tukeatietoa":"<select class=\"facetwp-dropdown\"><option value=\"\">Valitse<\/option><option value=\"avustukset-ja-taloudellinen-tuki\">Avustukset ja taloudellinen tuki<\/option><option value=\"liikunta\">Liikunta<\/option><option value=\"rintaproteesi\">Rintaproteesi<\/option><option value=\"ryhmat\">Ryhm\u00e4t<\/option><option value=\"tapahtumat\">Tapahtumat ja kurssit<\/option><option value=\"tietoa\">Tietoa<\/option><option value=\"vertaistuki\">Vertaistuki<\/option><\/select>","alue":"<select class=\"facetwp-dropdown\"><option value=\"\">Kaikki<\/option><option value=\"iisalmi\">Iisalmi<\/option><option value=\"juankoski\">Juankoski<\/option><option value=\"kaavi\">Kaavi<\/option><option value=\"keitele\">Keitele<\/option><option value=\"kiuruvesi\">Kiuruvesi<\/option><option value=\"kuopio\">Kuopio<\/option><option value=\"leppavirta\">Lepp\u00e4virta<\/option><option value=\"nilsia\">Nilsi\u00e4<\/option><option value=\"rautavaara\">Rautavaara<\/option><option value=\"siilinjarvi\">Siilinj\u00e4rvi<\/option><option value=\"sonkajarvi\">Sonkaj\u00e4rvi<\/option><option value=\"suonenjoki\">Suonenjoki<\/option><option value=\"tuusniemi\">Tuusniemi<\/option><option value=\"varkaus\">Varkaus<\/option><option value=\"varpaisjarvi\">Varpaisj\u00e4rvi<\/option><option value=\"vehmersalmi\">Vehmersalmi<\/option><option value=\"vesanto\">Vesanto<\/option><option value=\"vierema\">Vierem\u00e4<\/option><\/select>"},"template":"","settings":{"debug":"Enable debug mode in [Settings > FacetWP > Settings]","pager":{"page":1,"per_page":6,"total_rows":100,"total_rows_unfiltered":100,"total_pages":17},"num_choices":{"kaipaan_tukeatietoa":7,"alue":18},"labels":{"kaipaan_tukeatietoa":"Kaipaan_tukeatietoa","alue":"Alue"},"course_time":{"range":{"minDate":"2026-10-09"},"locale":{"weekdays_short":["Su","Ma","Ti","Ke","To","Pe","La"],"months_short":["Tam","Hel","Maa","Huh","Tou","Kes","Hei","Elo","Syy","Lok","Mar","Jou"],"months":["Tammikuu","Helmikuu","Maaliskuu","Huhtikuu","Toukokuu","Kes\u00e4kuu","Hein\u00e4kuu","Elokuu","Syyskuu","Lokakuu","Marraskuu","Joulukuu"],"firstDayOfWeek":1,"clearText":"Tyhjenn\u00e4"}},"places":"place-class"}}}; 1004</script>
vendor: 1 bytes, line 1004
1004
1005<script> 1006window.FWP_HTTP = {"get":[],"uri":"tukea-ja-tietoa","url_vars":[]}; 1007</script>
vendor: 1 bytes, line 1007
1007
1008<script> 1009if ('undefined' != typeof FWP_HTTP) FWP_HTTP.lang = 'fi'; 1010</script>
1010 1011 1012 1013 1014<div class="fixed bottom-0 right-0 z-50 flex items-center justify-center mx-8 mb-16 space-x-4"> 1015 <!-- Trigger Button --> 1016 <button id="openContactModalBtn" type="button" 1017 class="flex items-center justify-center h-12 p-3 text-xs text-2xl leading-relaxed text-white border-2 border-white rounded-full bg-primary-700 hover:bg-primary-500 focus:outline-none hover:cursor-pointer" 1018 aria-label="Ota yhteyttä"> 1019 <span class="sr-only">Ota yhteyttä</span> 1020 <p class="flex items-center gap-2"> 1021 <span>Ota yhteyttä</span> 1022 <i class="fa-solid fa-envelope" aria-hidden="true"></i> 1023 </p> 1024 </button> 1025 1026 <!-- Scroll to Top Button (Keep your existing Alpine for this if you like, or convert too) --> 1027 <a href="#page" id="scrollToTopBtn" style="display: none;" 1028 class="flex items-center justify-center w-12 h-12 p-2 py-3 text-xs text-2xl leading-relaxed text-white uppercase border-2 border-white rounded-full bg-primary-700 hover:bg-primary-500 focus:outline-none" 1029 aria-label="Palaa ylös"> 1030 <span class="sr-only">Palaa ylös</span> 1031 <i class="fa-sharp fa-arrow-up" aria-hidden="true"></i> 1032 </a> 1033 1034 <!-- Dialog Modal --> 1035 <dialog id="contactDialog" class="p-0 bg-transparent border-none shadow-none rounded-xl"> 1036 <div class="p-6 bg-white shadow-lg rounded-xl popupContent"> <!-- Actual visual modal content --> 1037 <div class="flex justify-end"> 1038 <button id="closeContactModalBtn" type="button" 1039 class="flex items-center justify-center text-black rounded hover:focus:outline-none" 1040 aria-label="Sulje"> 1041 <span class="sr-only">Sulje</span> 1042 <i class="fa-solid fa-xmark"></i> 1043 </button> 1044 </div> 1045 1046 <div class='gf_browser_chrome gform_wrapper gform-theme gform-theme--foundation gform-theme--framework gform-theme--orbital' data-form-theme='orbital' data-form-index='0' id='gform_wrapper_26' style='display:none'><style>#gform_wrapper_26[data-form-index="0"].gform-theme{--gf-color-primary: #204ce5;--gf-color-primary-rgb: 32, 76, 229;--gf-color-primary-contrast: #fff;--gf-color-primary-contrast-rgb: 255, 255, 255;--gf-color-primary-darker: #001AB3;--gf-color-primary-lighter: #527EFF;--gf-color-secondary: #fff;--gf-color-secondary-rgb: 255, 255, 255;--gf-color-secondary-contrast: #112337;--gf-color-secondary-contrast-rgb: 17, 35, 55;--gf-color-secondary-darker: #F5F5F5;--gf-color-secondary-lighter: #FFFFFF;--gf-color-out-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-out-ctrl-light-rgb: 17, 35, 55;--gf-color-out-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-out-ctrl-light-lighter: #F5F5F5;--gf-color-out-ctrl-dark: #585e6a;--gf-color-out-ctrl-dark-rgb: 88, 94, 106;--gf-color-out-ctrl-dark-darker: #112337;--gf-color-out-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-color-in-ctrl: #fff;--gf-color-in-ctrl-rgb: 255, 255, 255;--gf-color-in-ctrl-contrast: #112337;--gf-color-in-ctrl-contrast-rgb: 17, 35, 55;--gf-color-in-ctrl-darker: #F5F5F5;--gf-color-in-ctrl-lighter: #FFFFFF;--gf-color-in-ctrl-primary: #204ce5;--gf-color-in-ctrl-primary-rgb: 32, 76, 229;--gf-color-in-ctrl-primary-contrast: #fff;--gf-color-in-ctrl-primary-contrast-rgb: 255, 255, 255;--gf-color-in-ctrl-primary-darker: #001AB3;--gf-color-in-ctrl-primary-lighter: #527EFF;--gf-color-in-ctrl-light: rgba(17, 35, 55, 0.1);--gf-color-in-ctrl-light-rgb: 17, 35, 55;--gf-color-in-ctrl-light-darker: rgba(104, 110, 119, 0.35);--gf-color-in-ctrl-light-lighter: #F5F5F5;--gf-color-in-ctrl-dark: #585e6a;--gf-color-in-ctrl-dark-rgb: 88, 94, 106;--gf-color-in-ctrl-dark-darker: #112337;--gf-color-in-ctrl-dark-lighter: rgba(17, 35, 55, 0.65);--gf-radius: 3px;--gf-font-size-secondary: 14px;--gf-font-size-tertiary: 13px;--gf-icon-ctrl-number: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893
1046C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-select: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.097631 1.31658 -0.097631 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683418 0.292893 0.292893Z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-icon-ctrl-search: url("data:image/svg+xml,%3Csvg width='640' height='640' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M256 128c-70.692 0-128 57.308-128 128 0 70.691 57.308 128 128 128 70.691 0 128-57.309 128-128 0-70.692-57.309-128-128-128zM64 256c0-106.039 85.961-192 192-192s192 85.961 192 192c0 41.466-13.146 79.863-35.498 111.248l154.125 154.125c12.496 12.496 12.496 32.758 0 45.254s-32.758 12.496-45.254 0L367.248 412.502C335.862 434.854 297.467 448 256 448c-106.039 0-192-85.962-192-192z' fill='rgba(17, 35, 55, 0.65)'/%3E%3C/svg%3E");--gf-label-space-y-secondary: var(--gf-label-space-y-md-secondary);--gf-ctrl-border-color: #686e77;--gf-ctrl-size: var(--gf-ctrl-size-md);--gf-ctrl-label-color-primary: #112337;--gf-ctrl-label-color-secondary: #112337;--gf-ctrl-choice-size: var(--gf-ctrl-choice-size-md);--gf-ctrl-checkbox-check-size: var(--gf-ctrl-checkbox-check-size-md);--gf-ctrl-radio-check-size: var(--gf-ctrl-radio-check-size-md);--gf-ctrl-btn-font-size: var(--gf-ctrl-btn-font-size-md);--gf-ctrl-btn-padding-x: var(--gf-ctrl-btn-padding-x-md);--gf-ctrl-btn-size: var(--gf-ctrl-btn-size-md);--gf-ctrl-btn-border-color-secondary: #686e77;--gf-ctrl-btn-bg-color-hover-tertiary: #EBEBEB;--gf-field-img-choice-size: var(--gf-field-img-choice-size-md);--gf-field-img-choice-card-space: var(--gf-field-img-choice-card-space-md);--gf-field-img-choice-check-ind-size: var(--gf-field-img-choice-check-ind-size-md);--gf-field-img-choice-check-ind-icon-size: var(--gf-field-img-choice-check-ind-icon-size-md);--gf-field-pg-steps-number-color: rgba(17, 35, 55, 0.8);}</style> 1047 <div class='gform_heading'> 1048 <h2 class="gform_title">Jätä viesti</h2> 1049 <p class='gform_description'></p> 1050 </div><form method='post' enctype='multipart/form-data' id='gform_26' action='/tukea-ja-tietoa/' data-formid='26' novalidate> 1051 <div class='gform-body gform_body'><div id='gform_fields_26' class='gform_fields top_label form_sublabel_above description_above validation_below'><div id="field_26_4" class="gfield gfield--type-section gfield--input-type-section gsection field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible" ><h3 class="gsection_title">Jätä meille viesti tai yhteydenottopyyntö</h3><div class='gsection_description' id='gfield_description_26_4'>Olemme sinuun yhteydessä mahdollisimman pian. </div></div><div id="field_26_2" class="gfield gfield--type-email gfield--input-type-email field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_26_2'><span class='gform-field-label__text'>Sähköposti</span></label><div class='ginput_container ginput_container_email'> 1052 <input name='input_2' id='input_26_2' type='email' value='' class='small' tabindex='1' aria-invalid="false" /> 1053 </div></div><div id="field_26_3" class="gfield gfield--type-textarea gfield--in
1053put-type-textarea gfield--width-full field_sublabel_above gfield--no-description field_description_above field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_26_3'><span class='gform-field-label__text'>Viesti tai yhteydenottopyyntö</span></label><div class='ginput_container ginput_container_textarea'><textarea name='input_3' id='input_26_3' class='textarea small' tabindex='1' aria-invalid="false" rows='10' cols='50'></textarea></div></div><div id="field_26_5" class="gfield gfield--type-text gfield--input-type-text gfield--width-full gfield_contains_required field_sublabel_above gfield--has-description field_description_above field_validation_below gfield_visibility_visible" ><label class='gfield_label gform-field-label' for='input_26_5'><span class='gform-field-label__text'>Oletko ihminen?</span><span class="gfield_required"><span class="gfield_required gfield_required_text">(Pakollinen)</span></span></label><div class='gfield_description' id='gfield_description_26_5'>Kirjoita alla olevaan kenttään sana "savo", niin varmistamme, ettei lomakkeella asioi robotti.</div><div class='ginput_container ginput_container_text'><input name='input_5' id='input_26_5' type='text' value='' class='large' aria-describedby="gfield_description_26_5" tabindex='1' aria-required="true" aria-invalid="false" /></div></div></div></div> 1054 <div class='gform-footer gform_footer top_label'> <button type='submit' id='gform_submit_button_26' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' tabindex='1'>Lähetä</button> 1055 <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_26' value='postback' /> 1056 <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_26' id='gform_theme_26' value='orbital' /> 1057 <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_26' id='gform_style_settings_26' value='[]' /> 1058 <input type='hidden' class='gform_hidden' name='is_submit_26' value='1' /> 1059 <input type='hidden' class='gform_hidden' name='gform_submit' value='26' /> 1060 1061 <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='SrLzL8hhI5a3iT9odzxn/ZCFrqeayk8zQ19R82pFG1LdW+dfmtOLpEOktrutP4Md1IgpRmhrF0novzIjWjrk8YoaQMTWa7KQ5NBYVsRwrlBU29Q=' /> 1062 <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' /> 1063 <input type='hidden' class='gform_hidden' name='state_26' value='WyJ7XCJnZm9ybV9zdWJtaXNzaW9uX21ldGhvZFwiOltcImU1OWRhZDFmNmVjZGU1M2JjNDA0MGZjYTcwMjcwODNiXCIsXCI1ZDE3MTQ4YWVhMDdiY2Q4MDZmZWMxMDllNjJmZmQ0ZFwiXSxcImdmb3JtX3RoZW1lXCI6XCJjYmQwMDg4MjMwMTA4YWI3NWQzZjJlYWYzZjY3ODdlOVwiLFwiZ2Zvcm1fc3R5bGVfc2V0dGluZ3NcIjpcIjg4MTcxNWZjODAxOGM2MWFkMTBmNTk0YWVlMWY1ZmJmXCIsXCJmb3JtX2lkXCI6XCIxMmY5MWZmZDEyMzJjMmFkMDE3MzNmZDk4MzNlMGJkN1wiLFwidXJsXCI6XCI2NjBmNGEzOWE4OTEzYTU4ZmYyY2YyMDllM2ZiMDE3ZFwiLFwic3RhdGVfdGltZXN0YW1wXCI6XCJiZTBiOWQ0Y2Y3NDgwNGQ3MDk3MjU3NDc1MDAwNzRkZlwifSIsIjk0M2U1ZDBjNDI1ZTVmMjBiYzM2MDVjYjQ1MWEwNjgxIiwxNzkxNTE5MTMyXQ==' /> 1064 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_26' id='gform_target_page_number_26' value='0' /> 1065 <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_26' id='gform_source_page_number_26' value='1' /> 1066 <input type='hidden' name='gform_field_values' value='' /> 1067 1068 </div> 1069 </form> 1070 </div> 1071 </div> 1072 </dialog> 1073 </div> 1074 1075
1075<script> 1076 document.addEventListener('DOMContentLoaded', function () { 1077 const openModalButton = document.getElementById('openContactModalBtn'); 1078 const closeModalButton = document.getElementById('closeContactModalBtn'); 1079 const contactDialog = document.getElementById('contactDialog'); 1080 const scrollToTopButton = document.getElementById('scrollToTopBtn'); 1081 1082 let isInitialModalLoad = false; 1083 let formIdInDialog = null; // Store the ID of the form when the dialog opens 1084 1085 // --- Scroll to Top Logic --- 1086 if (scrollToTopButton) { 1087 window.addEventListener('scroll', function() { 1088 scrollToTopButton.style.display = (window.pageYOffset > window.outerHeight * 0.5) ? 'flex' : 'none'; 1089 }); 1090 } 1091 1092 // --- Function to initialize/re-render form elements --- 1093 function initializeFormElements(dialogEl) { 1094 const formWrapper = dialogEl.querySelector('.gform_wrapper'); 1095 if (formWrapper && formWrapper.id) { 1096 const formIdParts = formWrapper.id.split('_'); 1097 if (formIdParts.length >= 3) { 1098 formIdInDialog = parseInt(formIdParts[formIdParts.length - 1]); // Store the form ID 1099 console.log('GF Modal: Initializing form ' + formIdInDialog + ' in dialog.'); 1100 if (typeof jQuery !== 'undefined') { 1101 jQuery(document).trigger('gform_post_render', [formIdInDialog, 1]); 1102 } else if (typeof gf_global !== 'undefined' && typeof GFFormDisplay !== 'undefined' && typeof GFFormDisplay.triggerPostRender !== 'undefined') { 1103 GFFormDisplay.triggerPostRender(formIdInDialog, 1); 1104 } 1105 1106 if (typeof grecaptcha !== 'undefined' && typeof grecaptcha.reset !== 'undefined') { 1107 const recaptchaDivs = formWrapper.querySelectorAll('.g-recaptcha'); 1108 recaptchaDivs.forEach(div => { 1109 const widgetId = div.getAttribute('data-widgetid'); 1110 if (widgetId !== null && widgetId !== undefined) grecaptcha.reset(widgetId); 1111 }); 1112 } 1113 } 1114 } else { 1115 console.warn('GF Modal: No Gravity Form wrapper found in dialog during initialization.'); 1116 formIdInDialog = null; 1117 } 1118 } 1119 1120 // --- Dialog Open Logic --- 1121 if (openModalButton && contactDialog) { 1122 openModalButton.addEventListener('click', () => { 1123 isInitialModalLoad = true; 1124 contactDialog.showModal(); 1125 setTimeout(() => { 1126 initializeFormElements(contactDialog); 1127 setTimeout(() => { isInitialModalLoad = false; }, 250); 1128 }, 150); 1129 }); 1130 } 1131 1132 // --- Dialog Close Logic --- 1133 if (closeModalButton && contactDialog) { 1134 closeModalButton.addEventListener('click', () => { contactDialog.close(); }); 1135 } 1136 if (contactDialog) { 1137 contactDialog.addEventListener('click', (event) => { 1138 if (event.target === contactDialog) contactDialog.close(); 1139 }); 1140 } 1141 1142 // --- Gravity Forms AJAX Event Handlers --- 1143 if (typeof jQuery !== 'undefined' && contactDialog) { 1144 1145 const handleGfAjaxEvent = (eventFormId, eventType) => { 1146 console.log(`GF Modal: Event '${eventType}' for form ${eventFormId}. Current form in dialog: ${formIdInDialog}`); 1147 1148 // Only act if the event is for the form currently loaded in our dialog 1149 if (formIdInDialog && parseInt(eventFormId) === formIdInDialog) { 1150 if (!contactDialog.hasAttribute('open')) { 1151 console.log('GF Modal: Dialog was closed, re-opening for GF event.'); 1152 contactDialog.showModal(); 1153 } else { 1154 console.log('GF Modal: Dialog already open for GF event.'); 1155 } 1156 1157 // Scroll to message/error area 1158 setTimeout(() => { 1159 const formWrapper = contactDialog.querySelector('#gform_wrapper_' + formIdInDialog); 1160 if (!formWrapper) return; 1161 1162 const confirmation = formWrapper.querySelector('.gform_confirmation_wrapper, .gform_confirmation_message'); 1163 const firstError = formWrapper.querySelector('.gfield_error .validation_message'); 1164 const generalError = formWrapper.querySelector('.validation_error'); 1165 1166 if (confirmation && confirmation.offsetParent !== null) confirmation.scrollIntoView({ behavior: 'smooth', block: 'start' }); 1167 else if (firstError && firstError.offsetParent !== null) firstError.scrollIntoView({ behavior: 'smooth', block: 'center' }); 1168 else if (generalError && generalError.offsetParent !== null) generalError.scrollIntoView({ behavior: 'smooth', block: 'center' }); 1169 }, 100); 1170 } else { 1171 console.log(`GF Modal: Event '${eventType}' for form ${eventFormId} ignored (not the active form in dialog or dialog form ID unknown).`); 1172 } 1173 }; 1174 1175 jQuery(document).on('gform_confirmation_loaded', function(event, formId) { 1176 handleGfAjaxEvent(formId, 'gform_confirmation_loaded'); 1177 }); 1178 1179 jQuery(document).on('gform_post_render', function(event, formId, currentPage) { 1180 if (isInitialModalLoad) { 1181 console.log('GF Modal: Initial gform_post_render for form ' + formId + '. Skipping further action for this event.'); 1182 return; 1183 } 1184 // This event means an AJAX update (e.g., validation errors displayed) 1185 // Check if there are actual errors to warrant re-opening/scrolling 1186 const formWrapperInDialog = contactDialog.querySelector('#gform_wrapper_' + formId); 1187 if (formIdInDialog && parseInt(formId) === formIdInDialog && formWrapperInDialog) { 1188 const hasFieldErrors = formWrapperInDialog.querySelector('.gfield_error .validation_message'); 1189 const hasGeneralError = formWrapperInDialog.querySelector('.validation_error'); 1190 if (hasFieldErrors || hasGeneralError) { 1191 handleGfAjaxEvent(formId, 'gform_post_render (with errors)'); 1192 } else { 1193 console.log('GF Modal: gform_post_render (post-initial) for form ' + formId + ' but no errors detected in dialog. Skipping re-open/scroll.'); 1194 } 1195 } 1196 }); 1197 1198 jQuery(document).on('gform_submit_error', function(event, formId, response){ 1199 handleGfAjaxEvent(formId, 'gform_submit_error'); 1200 }); 1201 } 1202 }); 1203 </script>
1203 1204 1205</body> 1206</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.