Showing source for: https://osallistu.ouka.fi/
Duration: 0.320362s
<!DOCTYPE html>
<html lang="fi" class="no-js">
<head>
<title>Osallistu Oulu</title>
<meta name="csrf-param" content="authenticity_token" />
<meta name="csrf-token" content="RhkrpHIH4flTkRBIxlTdqFPp5YkWepIHAtG8mWAwjNHo3/r/ZFfxZK0k3+LZGr9R7cAQyyEJGT1v3/kGWob/cA==" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="alternate" href="/?locale=fi" hreflang="fi">
<link rel="alternate" href="/?locale=en" hreflang="en">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@">
<meta name="twitter:title" content="Osallistu Oulu">
<meta name="twitter:description" content="Nyt on aika äänestää! Sinä päätät, mitä kaupunki toteuttaa 240 000 eurolla. Äänestysaikaa on 19.5. saakka.">
<meta name="twitter:image" content="https://osallistu.ouka.fi/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmdTIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bf6ae22e3080cd531dd65e82bf99e12fd97dba6b/puistoilta.jpg">
<meta property="og:url" content="https://osallistu.ouka.fi/">
<meta property="og:type" content="article">
<meta property="og:title" content="Osallistu Oulu">
<meta property="og:description" content="Nyt on aika äänestää! Sinä päätät, mitä kaupunki toteuttaa 240 000 eurolla. Äänestysaikaa on 19.5. saakka.">
<meta property="og:image" content="https://osallistu.ouka.fi/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmdTIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bf6ae22e3080cd531dd65e82bf99e12fd97dba6b/puistoilta.jpg">
<meta name="theme-color" content="#ef604d">
<link rel="manifest" href="/manifest.webmanifest">
<link rel="stylesheet" media="all" href="https://osallistu.ouka.fi/decidim-packs/css/decidim_core-897046dd.css" />
<style media="all">
:root{
--alert: #b94b0a;--alert-rgb: 185,75,10;--theme: #ef604d;--theme-rgb: 239,96,77;--primary: #e10069;--primary-rgb: 225,0,105;--success: #2daa37;--success-rgb: 45,170,55;--warning: #edb278;--warning-rgb: 237,178,120;--highlight: #be6400;--highlight-rgb: 190,100,0;--secondary: #007896;--secondary-rgb: 0,120,150;--highlight-alternative: #ff5731;--highlight-alternative-rgb: 255,87,49;
}</style>
</head>
<body>
<!--noindex--><!--googleoff: all-->
<div id="dc-dialog-wrapper" class="flex-center hide robots-noindex robots-nocontent noindex" data-nosnippet role="region">
<div class="dc-dialog padding-vertical-1">
<div class="row expanded">
<div class="columns medium-12 large-8">
<div class="dc-content">
<div class="h5">
Tietoa verkkosivustolla käytetyistä evästeistä
</div>
<div>
Käytämme sivustollamme evästeitä sivuston suorituskyvyn ja sisällön parantamiseksi. Evästeiden avulla voimme tarjota yksilöllisemmän käyttäjäkokemuksen ja sisältöjä sosiaalisen median kanavista.
</div>
</div>
</div>
<div class="columns medium-12 large-4">
<div class="dc-button-wrapper flex-center">
<button id="dc-dialog-accept" class="button">
Hyväksy kaikki
</button>
<button id="dc-dialog-reject" class="button hollow">
Vain välttämättömät
</button>
<button id="dc-dialog-settings" class="button clear" data-open="dc-modal">
Asetukset
</button>
</div>
</div>
</div>
</div>
</div>
<div class="reveal dc-modal" id="dc-modal" role="dialog" data-close-on-click="false" data-close-on-esc="false" aria-modal="true" data-reveal>
<div class="reveal__header">
<h3 class="reveal__title">
Evästeasetukset
</h3>
<p>
Käytämme evästeitä varmistaaksemme sivuston perustoiminnot ja parantaaksemme sen käyttökokemusta. Voit määrittää sallimiesi evästeiden käytön ja muokata näitä asetuksia milloin tahansa.
</p>
</div>
<div class="dc-categories">
<div class="category-wrapper margin-vertical-1" data-id="essential">
<div class="category-row flex-center">
<button class="dc-title padding-left-3">
<span class="h5 dc-category-title">
<strong>Välttämättömät</strong>
</span>
</button>
<div class="dc-switch">
<input
class="switch-input"
checked="checked"
id="dc-essential"
type="checkbox"
name="essential"
disabled>
<label class="switch-paddle" for="dc-essential">
<span class="show-for-sr">Muuta tilaa kohteelle Välttämättömät</span>
</label>
</div>
</div>
<div class="dc-description hide">
<div class="description-text">
<p>Nämä evästeet mahdollistavat sivuston perustoiminnot ja auttavat pitämään sen käyttäjät suojattuina. Ne tallennetaan automaattisesti selaimeen, eikä sivusto toimi ilman niitä, minkä takia ne ovat pakollisia.</p>
</div>
<div class="dataconsent-details-wrapper">
<div class="row detail-titles">
<div class="columns small-2">
Tyyppi
</div>
<div class="columns small-2">
Nimi
</div>
<div class="columns small-2">
Palvelu
</div>
<div class="columns small-6">
Kuvaus
</div>
</div>
<div class="row dataconsent-detail-row">
<div class="columns small-2">
Eväste
</div>
<div class="columns small-2">
_session_id
</div>
<div class="columns small-2">
Tämä sivusto
</div>
<div class="columns small-6">
Mahdollistaa verkkosivuston muistavan käyttäjän, kun käyttäjä liikkuu sivuston eri sivujen välillä.
</div>
</div>
<div class="row dataconsent-detail-row">
<div class="columns small-2">
Eväste
</div>
<div class="columns small-2">
decidim-consent
</div>
<div class="columns small-2">
Tämä sivusto
</div>
<div class="columns small-6">
Tallentaa tietoja sallimistasi evästeistä tällä sivustolla.
</div>
</div>
<div class="row dataconsent-detail-row">
<div class="columns small-2">
Paikallinen tietovarasto
</div>
<div class="columns small-2">
pwaInstallPromptSeen
</div>
<div class="columns small-2">
Tämä sivusto
</div>
<div class="columns small-6">
Tallentaa tiedon siitä, onko progressiivisen verkkosovelluksen (PWA) asennusilmoitus jo nähty käyttäjän toimesta.
</div>
</div>
</div>
</div>
</div>
<div class="category-wrapper margin-vertical-1" data-id="preferences">
<div class="category-row flex-center">
<button class="dc-title padding-left-3">
<span class="h5 dc-category-title">
<strong>Mieltymykset</strong>
</span>
</button>
<div class="dc-switch">
<input
class="switch-input"
id="dc-preferences"
type="checkbox"
name="preferences"
>
<label class="switch-paddle" for="dc-preferences">
<span class="show-for-sr">Muuta tilaa kohteelle Mieltymykset</span>
</label>
</div>
</div>
<div class="dc-description hide">
<div class="description-text">
<p>Näiden evästeiden avulla verkkosivusto voi muistaa aiemmin tällä sivustolla tekemiäsi valintoja tarjotaksemme sinulle henkilökohtaisemman käyttökokemuksen tällä sivustolla.</p>
</div>
</div>
</div>
<div class="category-wrapper margin-vertical-1" data-id="analytics">
<div class="category-row flex-center">
<button class="dc-title padding-left-3">
<span class="h5 dc-category-title">
<strong>Analytiikka ja tilastot</strong>
</span>
</button>
<div class="dc-switch">
<input
class="switch-input"
id="dc-analytics"
type="checkbox"
name="analytics"
>
<label class="switch-paddle" for="dc-analytics">
<span class="show-for-sr">Muuta tilaa kohteelle Analytiikka ja tilastot</span>
</label>
</div>
</div>
<div class="dc-description hide">
<div class="description-text">
<p>Näitä evästeitä käytetään sivuston kävijätilastojen mittaamiseen ja analysointiin, jotta sivustoa voidaan parantaa.</p>
</div>
</div>
</div>
<div class="category-wrapper margin-vertical-1" data-id="marketing">
<div class="category-row flex-center">
<button class="dc-title padding-left-3">
<span class="h5 dc-category-title">
<strong>Markkinointi</strong>
</span>
</button>
<div class="dc-switch">
<input
class="switch-input"
id="dc-marketing"
type="checkbox"
name="marketing"
>
<label class="switch-paddle" for="dc-marketing">
<span class="show-for-sr">Muuta tilaa kohteelle Markkinointi</span>
</label>
</div>
</div>
<div class="dc-description hide">
<div class="description-text">
<p>Nämä evästeet keräävät tietoa siitä, miten käytät verkkosivustoa, ja niitä voidaan hyödyntää personoidumman markkinoinnin tarjoamiseen eri sivustojen kautta.</p>
</div>
</div>
</div>
</div>
<div class="dc-buttons-wrapper flex-center">
<div class="dc-buttons-left">
<button id="dc-modal-accept" class="button" data-close>
Hyväksy kaikki
</button>
<button id="dc-modal-reject" class="button hollow" data-close>
Vain välttämättömät
</button>
</div>
<div class="dc-buttons-right">
<button id="dc-modal-save" class="button clear" data-close>
Tallenna asetukset
</button>
</div>
</div>
</div>
<div class="flash callout primary small js-offline-message" style="display: none">
Hups! Verkkosi on offline-tilassa. Tämä on aiemmin välimuistissa oleva versio vierailemasi sivusta, jonka sisältö ei välttämättä ole ajan tasalla.
</div>
<script>
document.addEventListener("DOMContentLoaded", () => {
// show the banner if it's offline AND the offline-fallback is not displaying
if (!navigator.onLine && !document.querySelector("#offline-fallback-html")) {
document.querySelector(".js-offline-message").style.display = "block"
}
})
</script>
<!--googleon: all--><!--/noindex-->
<div class="off-canvas-wrapper">
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper>
<div class="off-canvas position-right hide-for-large" data-position="right"
id="offCanvas" data-off-canvas>
<!-- Close button -->
<button class="close-button"
aria-label="Sulje valikko" type="button"
data-close>
<span aria-hidden="true">×</span>
</button>
<!-- Menu -->
<div class="hide-for-large" data-set="nav-holder"></div>
<div class="hide-for-large usermenu-off-canvas-holder"
data-set="nav-login-holder"></div>
<div class="hide-for-large mt-s ml-s mr-s search-off-canvas-holder"
data-set="nav-search-holder"></div>
</div>
<div class="off-canvas-content" data-off-canvas-content>
<div class="footer-separator">
<!--separates the footer from the rest of the page,
creates a sticky footer-->
<div class="header" role="banner">
<div class="hide-for-large" data-set="lang-selector-holder"></div>
<!-- Topbar -->
<div class="title-bar">
<a class="skip" href="/#content">Siirry sisältöön</a>
<div class="row column topbar">
<div class="top-bar-left">
<a class="logo" title="Organisaation Osallistu Oulu virallinen logo" href="https://osallistu.ouka.fi/">
<div class="logo-wrapper">
<svg version="1.1" viewBox="0 0 455.82 182.2" xmlns="http://www.w3.org/2000/svg">
<style type="text/css">.st0{fill:none;}
.st1{enable-background:new ;}
.st2{fill:#2D414B;}
.st3{opacity:0.6;fill:#001E96;enable-background:new ;}
.st4{opacity:0.5;fill:#E10069;enable-background:new ;}
.st5{opacity:0.5;fill:url(#SVGID_1_);enable-background:new ;}</style>
<path class="st2" d="m141 127.2c0-13.9 9.8-24.9 26-24.9 16.1 0 25.9 11.1 25.9 25s-9.9 24.9-26 24.9c-16.2-0.1-26-11.2-25.9-25zm25.9 14.9c7.4 0 11.3-7 11.4-14.9 0-7.8-3.9-14.9-11.3-14.9s-11.3 7-11.4 14.9c-0.1 7.8 3.9 14.9 11.3 14.9zm-112-56.8 3-8.6c2.7 3.2 8.8 5.6 13.5 5.6 4.2 0 5.3-1.2 5.3-2.1s-0.7-1.9-4.2-2.4l-1.8-0.3c-9-1.4-14.7-4.2-14.8-11.4-0.1-5.4 5-11.6 15.9-11.6 9.8 0 14.9 5.3 16.2 9.5l-9 2.3-0.7-0.4c-1.2-1.9-3.7-3.1-6.4-3.1-2.8 0-4.6 1.3-4.6 2.7 0 1.1 0.7 1.9 3.1 2.3l4.6 0.7c9.7 1.6 13.4 5.5 13.4 10.9 0.1 5.2-4.5 11.4-17.6 11.4-6.1 0.1-13.1-2.3-15.9-5.5zm141.8 54v-22.6h12.7v21.1c0 3.9 1.7 5 3.9 5 2 0 3.6-1.7 3.6-4.8v-21.3h12.7l-0.1 34.7h-10.2l-1-3.7h-0.7c-1.9 2.9-4.8 4.5-8 4.5-7.9 0-12.9-4.9-12.9-12.9zm39.5-38.1h12.7l-0.1 50.3h-12.7zm18-22.8v-22.6h12.7v21.1c0 3.9 1.7 5 3.9 5 2 0 3.6-1.7 3.6-4.8v-21.3h12.7l-0.1 34.7h-10.2l-1-3.7h-0.7c-1.9 2.9-4.8 4.5-8 4.5-8-0.1-13-5-12.9-12.9zm-26.2 0.3v-15h-5.6v-8h5.9l0.5-0.5 1.7-8.8h9.8v9.4h9.8v8h-9.8v12.7c0 4.2 1.8 4.7 3.9 4.7 1.7 0 2.7-0.3 4.3-0.9l1.9 7.6c-3.2 2.1-6.6 2.5-9.9 2.5-6.2 0-12.5-2.9-12.5-11.7zm26.6 60.7v-22.6h12.7v21.1c0 3.9 1.7 5 3.9 5 2 0 3.6-1.7 3.6-4.8v-21.3h12.7l-0.1 34.7h-10.2l-1-3.7h-0.7c-1.9 2.9-4.8 4.5-8 4.5-7.9 0-12.9-4.9-12.9-12.9zm-66.8-53.8 3-8.6c2.7 3.2 8.8 5.6 13.5 5.6 4.2 0 5.3-1.2 5.3-2.1s-0.7-1.9-4.2-2.4l-1.8-0.3c-9-1.4-14.7-4.2-14.8-11.4-0.1-5.4 5-11.6 15.9-11.6 9.8 0 14.9 5.3 16.2 9.5l-9 2.3-0.7-0.4c-1.2-1.9-3.7-3.1-6.4-3.1-2.8 0-4.6 1.3-4.6 2.7 0 1.1 0.7 1.9 3.1 2.3l4.6 0.7c9.7 1.6 13.4 5.5 13.4 10.9 0.1 5.2-4.5 11.4-17.6 11.4-6 0-13.1-2.3-15.9-5.5zm-187.8-19.8c0-13.9 9.8-24.9 26-24.9 16.1 0 25.9 11.1 25.9 25s-9.9 24.9-26 24.9c-16.2 0-25.9-11.1-25.9-25zm25.9 14.9c7.4 0 11.3-7 11.4-14.9 0-7.8-3.9-14.9-11.3-14.9s-11.3 7-11.4 14.9c0 7.9 3.9 14.9 11.3 14.9zm65.6 0.1c0-5.1 3.6-9.4 13.1-10.8l4.1-0.6c3.1-0.5 4.4-1.2 4.4-2.9s-1.7-2.9-4.5-2.9c-2.4 0-4.4 1-4.9 2.9l-10.2 2.5-0.7-0.4c0.4-9.3 7-13.5 15.6-13.5 9.6 0 16.1 3.9 16.1 13.8v10.7c0 1.2 0.7 1.6 1.7 1.6 0.5 0 0.8-0.1 1.3-0.3l1.5 7.4c-1.8 1.4-4.6 2.3-7.4 2.3-3.7 0-6-1.8-7.2-4.8l-0.7-0.1c-1.7 3.4-6 5.1-10.6 5.1-6.1-0.1-11.6-3.6-11.6-10zm15.8 1.7c3.3 0 6.1-2.1 6.1-6.2v-1.6l-0.7-0.1c-1.5 0.9-2.4 1.2-5.6 1.7-2.7 0.4-3.9 1.6-3.9 3.1 0.1 1.9 1.5 3.1 4.1 3.1zm24.7-42.6h12.7l-0.1 50.3h-12.7zm19.1 0.1h12.7l-0.1 50.3h-12.7zm19.1 50.3 0.1-34.7h12.7l-0.1 34.7zm0.1-48.3h12.7v9.4h-12.7z"/>
<path class="st3" d="m352.6 160.9a21.3 21.3 0 0 1-21.3 21.3 21.3 21.3 0 0 1-21.3-21.3 21.3 21.3 0 0 1 21.3-21.3 21.3 21.3 0 0 1 21.3 21.3z" enable-background="new" fill="#001e96" opacity=".6"/>
<path class="st4" d="m399.5 38.9-7 53.9c0 21.5-10.4 38.9-31.9 38.9s-31.9-17.4-31.9-38.9l-7-53.9c0-21.5 17.4-38.9 38.9-38.9s38.9 17.4 38.9 38.9z"/>
<linearGradient id="SVGID_1_" x1="359.94" x2="485.7" y1="127.74" y2="127.74" gradientTransform="matrix(1,0,0,-1,0,240)" gradientUnits="userSpaceOnUse">
<stop stop-color="#001E96" offset="0"/>
<stop stop-color="#00DBFF" offset="1"/>
</linearGradient>
<path class="st5" d="m433.9 109-51.6 17.2c-19.3 9.4-39.5 7.6-48.9-11.7s1.8-36.3 21.1-45.6l45.5-29.8c19.3-9.4 42.6-1.3 51.9 18 9.4 19.3 1.3 42.6-18 51.9z" fill="url(#SVGID_1_)"/>
</svg>
</div>
</a>
</div>
<div class="top-bar-menu">
<div class="show-for-large" data-set="nav-holder">
<div class="navbar js-append">
<div class="row column">
<nav class="main-nav" aria-label="Päävalikko"><ul><li class="main-nav__link main-nav__link--active"><a aria-current="page" href="/">Etusivu</a></li><li class="main-nav__link"><a href="/processes">Osallistu</a></li><li class="main-nav__link"><a href="/pages">Tietoa</a></li></ul></nav>
</div>
</div>
</div>
<div class="hide-for-large topbar__menu">
<button type="button" data-toggle="offCanvas">
<svg aria-label="Navigaatio" role="img" class="icon--menu icon"><title>Navigaatio</title><use href="https://osallistu.ouka.fi/decidim-packs/media/images/icons-8973a21949776dfa1985.svg#icon-menu"></use></svg>
</button>
</div>
</div>
<div class="show-for-large top-bar-right">
<div class="show-for-large" data-set="nav-search-holder">
<div class="topbar__search js-append">
<form id="form-search_topbar" action="/search" accept-charset="UTF-8" method="get">
<div class="input-group">
<label for="term">
<span class="show-for-sr">Hae</span>
<input type="text" name="term" id="term" class="input-group-field m-none" placeholder="Hae" title="Hae" />
</label> <div class="input-group-button">
<!-- The button wrapper is important for Safari and Firefox -->
<div class="button-wrapper">
<button type="submit" name="commit" title="Hae" id="submit" class="button"><svg aria-label="Hae" role="img" class="icon--magnifying-glass icon"><title>Hae</title><use href="https://osallistu.ouka.fi/decidim-packs/media/images/icons-8973a21949776dfa1985.svg#icon-magnifying-glass"></use></svg></button>
</div>
</div>
</div>
</form> </div>
</div>
<div class="show-for-large" data-set="lang-selector-holder">
<div class="topbar__dropmenu js-append">
<ul class="dropdown menu" data-dropdown-menu
data-autoclose="false"
data-disable-hover="true"
data-click-open="true"
data-close-on-click="true"
role="menubar">
<li class="is-dropdown-submenu-parent" role="presentation">
<a id="language-chooser-control" aria-label="Valitse kieli" aria-controls="language-chooser-menu" aria-haspopup="true" role="menuitem" href="#language-chooser-menu">Suomi</a>
<ul class="menu is-dropdown-submenu" id="language-chooser-menu" role="menu" aria-labelledby="language-chooser-control">
<li lang="en" role="presentation"><a role="menuitem" rel="nofollow" data-method="post" href="/locale?locale=en">English</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class="topbar__user show-for-large" data-set="nav-login-holder">
<div class="topbar__user__login js-append">
<a class="sign-in-link" href="/users/sign_in">Kirjaudu sisään</a>
</div>
</div>
</div>
</div>
</div>
</div>
<main id="content">
<section id="hero" class="extended hero home-section" style="background-image:url('/rails/active_storage/representations/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbmdTIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--bf6ae22e3080cd531dd65e82bf99e12fd97dba6b/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaDdCem9MWm05eWJXRjBTU0lJYW5CbkJqb0dSVlE2RTNKbGMybDZaVjkwYjE5bWFXeHNXd2RwQW9BSGFRS2FBZz09IiwiZXhwIjpudWxsLCJwdXIiOiJ2YXJpYXRpb24ifX0=--a97c74e066eaafddb2aadb3be32d7900df13fb9d/puistoilta.jpg');">
<div class="hero__container">
<div class="row">
<div class="columns small-centered large-10">
<h1 class="text-highlight heading1 hero-heading">
Osallistu Oulu!
</h1>
</div>
</div>
<div class="row">
<div class="columns small-centered small-6 medium-4 mediumlarge-3">
<a class="hero-cta button expanded large button--sc" title="Osallistu alustan prosesseihin" href="processes/osbu-2024/f/17/">Äänestä!</a>
</div>
</div>
</div>
</section>
<section class="extended home-section" id="html-block">
<div class="extended subhero home-section">
<div class="row">
<div class="columns small-centered large-10">
<h2 class="heading2">
Nyt on aika äänestää! Sinä päätät, mitä kaupunki toteuttaa 240 000 eurolla. Äänestysaikaa on 19.5. saakka.
</h2>
</div>
</div>
</div>
</section>
<section id="highlighted_content_banner" class="extended highligted-content-banner home-section"
style="background-image:url('/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBc0VRIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d4626b71381a1d112224dd09b87e2e56109b0574/Pikisaari%20osbu.jpg');">
<div class="highligted-content-banner__container">
<div class="row">
<div class="columns large-10">
<h1 class="text-highlight heading1 highligted-content-banner-heading">
Sinä päätät
</h1>
<div class="text-highlight">
<div class="ql-editor-display"><p>Vuoden 2024 osallistuvassa budjetoinnissa oululaiset ideoivat ja äänestämällä päättävät miten Oulun kaupunki käyttää 240 000 euroa oululaisten hyvinvoinnin ja viihtyvyyden parantamiseen.</p><p>Saimme teiltä yli 500 ideaa tänä vuonna. Kaupunki on käsitellyt kaikki ideat ja kaikki toteuttamiskelpoiset ideat on jatkokehitetty äänestysehdotuksiksi. Oululaiset äänestävät 6.5.-19.5., mitkä ehdotukset toteutetaan. </p></div>
</div>
</div>
<div class="columns large-2">
<a class="button expanded button--sc" href="https://osallistu.ouka.fi/processes/osbu-2024/f/17/">
Äänestä!
<span class="button__info">
</span>
</a>
</div>
</div>
</div>
</section>
<section class="extended home-section" id="statistics">
<div class="wrapper-home">
<div class="row column text-center">
<h3 class="heading3">Osallistu Oulu numeroina 2021-2024</h3>
</div>
<div class="row">
<div class="columns small-centered mediumlarge-10 large-8">
<div class="home-stats">
<div class="home-stats__highlight">
<section class="row section-statistics">
<div class="columns ">
<div class="row column">
<div class="statistics-cell">
<div class="statistic__data users_count">
<span class="statistic__number">
15 095
</span>
<h4 class="statistic__title">
Osallistujaa
</h4>
</div>
<div class="statistic__data processes_count">
<span class="statistic__number">
1
</span>
<h4 class="statistic__title">
Prosessia
</h4>
</div>
<div class="statistic__data results_count">
<span class="statistic__number">
33
</span>
<h4 class="statistic__title">
Tulosta
</h4>
</div>
<div class="statistic__data proposals_count">
<span class="statistic__number">
1 041
</span>
<h4 class="statistic__title">
Ehdotusta
</h4>
</div>
<div class="statistic__data proposals_accepted">
<span class="statistic__number">
185
</span>
<h4 class="statistic__title">
Hyväksyttyä ideaa
</h4>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="home-stats__lowlight">
<section class="row section-statistics">
<div class="columns ">
<div class="row column">
<div class="statistics-cell">
<div class="statistic__data comments_count">
<span class="statistic__number">
956
</span>
<h4 class="statistic__title">
Kommenttia
</h4>
</div>
<div class="statistic__data answers_count">
<span class="statistic__number">
3 588
</span>
<h4 class="statistic__title">
Vastausta
</h4>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
</div> <!-- footer separator -->
<div class="footer" role="contentinfo">
<div class="main-footer">
<div class="row column oulu-footer">
<div class="footer-left">
<a class="logo" alt="Osallistu Oulu" href="">
<div class="footer-logo">
<svg width="142" height="37.874" version="1.1" viewBox="0 0 120 37.874" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:#fff;}</style></defs><title>oulu_cons_nega</title><path d="m8.9696 0c-12.325 0-19.97 8.7259-19.97 18.887-1e-6 9.906 6.9642 18.987 19.97 18.987 12.276 0 19.763-9.0808 19.763-18.987 0-9.7966-7.9488-18.887-19.763-18.887zm27.944 0.88786c-1.3978-0.048618-1.6428 0.76622-1.6428 1.7021v20.941c0 8.6784 4.0126 14.343 15.632 14.343 8.727 0 14.804-4.23 14.804-15.996v-19.666c0-0.9359-0.25449-1.2891-1.3484-1.2891h-3.295c-1.1425 0-1.8113 0.46263-1.8113 1.3864l-0.09733 19.604c0 8.2651-2.2729 11.765-8.2044 11.765-5.1657 0-6.7088-4.7768-6.7088-12.155v-18.984c0-1.1425-0.46235-1.6523-1.3983-1.6523h-2.9295zm65.305 0c-1.3978-0.048618-1.6523 0.76622-1.6523 1.7021v20.941c0 8.6784 4.0224 14.343 15.63 14.343 8.727 0 14.804-4.23 14.804-15.996v-19.666c0-0.9359-0.25478-1.2891-1.3365-1.2891h-3.3045c-1.1304 0-1.8113 0.46263-1.8113 1.3864l-0.0974 19.604c0 8.2651-2.2608 11.765-8.2044 11.765-5.1536 0-6.7088-4.7768-6.7088-12.155v-18.984c0-1.1425-0.46264-1.6523-1.3864-1.6523h-2.8938zm-21.223 0.011875a6.8552 6.8552 0 0 0-0.72643 0.035609l-3.6725 0.085461c-1.2398 0-1.8469 0.43681-1.8469 1.6523v32.817a1.6044 1.6044 0 0 0 1.7021 1.752h20.504c0.41326 0 0.5103-0.47488 0.41307-0.87599a13.966 13.966 0 0 0-0.82613-2.6873c-0.20663-1.0088-0.66898-1.2155-2.006-1.2155h-10.609a3.4641 3.4641 0 0 0-0.76678 0 2.5768 2.5768 0 0 1-0.41307 0c-0.04862-0.10939 0.09733-0.25373 0.09733-0.56975 0.04862-0.51049 0.1092-1.0338 0.1092-1.5929v-27.87a1.3613 1.3613 0 0 0-1.289-1.4956 6.8552 6.8552 0 0 0-0.66945-0.035609zm-72.026 3.8031c7.6331 0 10.78 6.9645 10.78 14.184 0 7.3292-3.0509 14.453-10.733 14.453-7.6817 0-11.146-7.2328-11.146-14.453 0-7.2198 3.4651-14.184 11.098-14.184z" fill="#fff" stroke-width="1.2155"/></svg>
</div>
</a> </div>
<div class="footer-middle">
</div>
<div class="footer-right">
<nav class="main__footer__nav">
<ul>
<li><a href="/pages/terms-and-conditions">Käyttöehdot ja tietosuoja</a></li>
<li><a href="/pages/yhteystiedot">Yhteystiedot</a></li>
<li><a href="#" data-open="dc-modal">Evästeasetukset</a></li>
</ul>
</nav>
</div>
</div>
</div>
<div class="mini-footer">
<div class="row column oulu-footer">
<div class="mini-footer-left">
<a rel="license noopener" class="cc-badge"
href="http://creativecommons.org/licenses/by-sa/4.0/"
target="_blank">
<img alt="Creative Commons -lisenssi" src="https://osallistu.ouka.fi/decidim-packs/media/images/cc-badge-afa3eec02a18f532285b.png" />
</a>
Verkkosivusto luotu <a target="_blank" href="https://github.com/decidim/decidim">vapaan ohjelmiston</a> avulla.
</div>
<div class="footer-middle">
</div>
<div class="footer-right">
<div class="decidim-logo">
<a rel="decidim noopener"
href="https://decidim.org/"
target="_blank">
<img alt="Decidim-logo" src="https://osallistu.ouka.fi/decidim-packs/media/images/decidim-logo-318879ac2f9a6dd9ab6b.svg" />
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="small reveal confirm-reveal" id="confirm-modal" aria-hidden="true" role="dialog" aria-labelledby="confirm-modal-title" data-reveal data-multiple-opened="true">
<div class="reveal__header">
<h2 class="reveal__title" id="confirm-modal-title">Vahvista</h2>
<button class="close-button" data-close aria-label="Sulje ikkuna"
type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="confirm-content">
<div class="confirm-modal-content"></div>
</div>
<div class="confirm-modal-footer reveal__footer">
<div class="buttons button--double">
<a class="button" role="button" href="#" data-confirm-ok aria-label="OK">OK</a>
<a class="button clear" role="button" href="#" data-confirm-cancel aria-label="Peruuta">Peruuta</a>
</div>
</div>
</div>
<div class="reveal" id="loginModal" data-reveal>
<div class="reveal__header">
<h2 class="reveal__title">Kirjaudu sisään</h2>
<button class="close-button" data-close aria-label="Sulje ikkuna"
type="button">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="text-center">
<p>Tunnistaudu ja kirjaudu sisään </p>
</div>
<div class="row">
<div class="columns medium-8 medium-centered">
<div class="social-register">
<a class="button button--social button--suomifi" rel="nofollow" data-method="post" href="/users/auth/suomifi">
<span class="button--social__icon">
<svg aria-label="globe" role="img" aria-hidden="true" class="icon--globe icon"><title>globe</title><use href="https://osallistu.ouka.fi/decidim-packs/media/images/icons-8973a21949776dfa1985.svg#icon-globe"></use></svg>
</span>
<span class="button--social__text">
Tunnistaudu Suomi.fi-palvelulla
</span>
</a> </div>
<div class="social-register">
<a class="button button--social button--mpassid" rel="nofollow" data-method="post" href="/users/auth/mpassid">
<span class="button--social__icon">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
class="mpass"
viewBox="0 0 90 80"
version="1.1"
id="svg13"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<defs
id="defs17" />
<title
id="title2">MPASSid logo</title>
<path
id="5"
style="fill:#ffffff;fill-rule:evenodd"
d="M 26.404297 4.4414062 C 26.404297 4.4414062 26.402344 4.4433594 26.402344 4.4433594 C 20.586347 4.4703285 20.451822 17.411495 19.894531 19.277344 C 19.829035 19.028097 19.769401 18.763365 19.720703 18.460938 C 19.55324 17.420919 19.189596 10.685547 14.496094 10.685547 C 14.492065 10.685547 14.488398 10.685538 14.484375 10.685547 C 14.479709 10.685533 14.475377 10.685547 14.470703 10.685547 C 11.447499 10.685547 10.057472 13.253524 8.8867188 16.712891 C 6.6922829 23.197417 4.8150098 32.580912 2.265625 33.457031 C 2.178948 33.486819 2.0921781 33.505951 2.0039062 33.515625 C 1.9130035 33.525266 1.8211906 33.524292 1.7285156 33.511719 C 1.6378501 33.499683 1.5475231 33.475706 1.4550781 33.441406 C 1.4544585 33.441176 1.4537447 33.441637 1.453125 33.441406 C 1.453125 33.441406 0.96815892 34.679653 0 37.154297 C 0.18015486 37.221543 0.35520089 37.279644 0.52539062 37.330078 C 0.52595907 37.330246 0.52677541 37.32991 0.52734375 37.330078 C 0.69686795 37.380264 0.86184758 37.423533 1.0214844 37.457031 C 1.0220777 37.457156 1.0228444 37.456907 1.0234375 37.457031 C 1.1829701 37.490448 1.3366708 37.51646 1.4863281 37.533203 C 1.6381865 37.55029 1.7840618 37.558594 1.9257812 37.558594 C 2.2186586 37.558348 2.502918 37.529631 2.7773438 37.476562 C 3.3687537 37.363204 3.9146978 37.125184 4.4277344 36.794922 C 4.5931917 36.687893 4.7561056 36.572405 4.9140625 36.445312 C 7.7002138 34.214196 9.3497934 28.980376 10.753906 24.173828 C 11.074648 23.075855 11.383861 21.988385 11.685547 20.9375 C 12.544037 18.055823 13.312225 15.70127 13.917969 14.919922 C 14.061141 14.735259 14.281598 14.451363 14.539062 14.15625 C 14.539665 14.156436 14.540414 14.156062 14.541016 14.15625 C 16.230112 14.683205 15.104036 22.00723 18.005859 24.041016 C 18.392404 24.403562 18.956602 24.623047 19.755859 24.623047 C 21.661974 24.623047 22.686212 22.832432 23.341797 20.458984 C 23.35189 20.422987 23.361173 20.385878 23.371094 20.349609 C 23.443129 20.082323 23.510537 19.809105 23.574219 19.529297 C 23.585872 19.478775 23.599925 19.431734 23.611328 19.380859 C 23.609453 19.384926 23.60735 19.388522 23.605469 19.392578 C 23.925036 17.952099 24.150187 16.379956 24.371094 14.894531 C 24.800514 12.007173 25.516441 9.5738429 26.064453 8.7304688 C 26.229643 8.4762699 26.414626 8.2217091 26.609375 7.9746094 C 27.44561 8.4137442 27.656794 11.563477 28.109375 14.230469 C 28.266879 15.158712 28.456464 16.087215 28.736328 16.923828 C 28.792067 17.090313 28.850578 17.253546 28.914062 17.412109 C 28.914062 17.412109 28.914062 17.414062 28.914062 17.414062 C 29.487177 18.851018 30.397635 19.930731 32 20.128906 C 32.177993 20.151334 32.364993 20.164062 32.560547 20.164062 C 32.683936 20.164062 32.807325 20.154434 32.927734 20.140625 C 32.929767 20.14038 32.931562 20.13892 32.933594 20.138672 C 34.441446 19.961931 35.721477 18.739645 36.886719 17.300781 C 36.856772 17.322965 36.830285 17.337947 36.800781 17.359375 C 38.669792 15.059614 40.24554 12.183594 42 12.183594 L 42 8.234375 C 37.377936 8.131798 33.873274 16.256506 32.609375 16.523438 C 32.512992 16.282149 32.422438 16.029909 32.330078 15.773438 C 31.805463 14.316604 31.913128 7.567047 28.839844 5.2382812 C 28.785932 5.197087 28.731687 5.1555646 28.675781 5.1171875 C 28.632931 5.088011 28.588957 5.0606942 28.544922 5.0332031 C 28.46001 4.9797547 28.372654 4.9296384 28.283203 4.8828125 C 28.262233 4.8719213 28.241925 4.8601303 28.220703 4.8496094 C 28.093845 4.7862399 27.962322 4.7290784 27.826172 4.6796875 C 27.823688 4.6787904 27.820847 4.6786267 27.818359 4.6777344 C 27.679316 4.6277051 27.533867 4.5852546 27.384766 4.5507812 C 27.380988 4.549908 27.376831 4.5496912 27.373047 4.5488281 C 27.23641 4.5176696 27.094597 4.4938724 26.949219 4.4765625 C 26.927737 4.4739802 26.906441 4.4710244 26.884766 4.46875 C 26.73368 4.4531071 26.580651 4.4414062 26.419922 4.4414062 C 26.414579 4.4413887 26.409651 4.4414062 26.404297 4.4414062 z "
transform="scale(1.9047619)" />
</svg>
</span>
<span class="button--social__text">
Tunnistaudu oppilaiden MPASSid-tunnuksella
</span>
</a> </div>
</div>
</div>
<span class="register__separator">
<span class="register__separator__text">Tai</span>
</span>
<div class="row">
<div class="columns medium-8 medium-centered">
<div class="text-center">
<p>Kirjaudu sisään sähköpostilla ja salasanalla</p>
</div>
<form class="register-form new_user" id="login_new_user" novalidate="novalidate" data-abide="true" data-live-validate="true" data-validate-on-blur="true" action="/users/sign_in" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="tl9DhMy1jNj4MY7+xO5Rf7EJdMuw9Q/cy5zmyEH1UzccH48DZEBWPunNnOo0APFi8lakNgec7Si+WajJu/gDuA==" autocomplete="off" />
<div>
<div class="field">
<label for="login_user_email">Sähköposti<input type="email" value="" name="user[email]" id="login_user_email" /></label>
</div>
<div class="field">
<label for="login_user_password">Salasana<input autocomplete="off" type="password" name="user[password]" id="login_user_password" /></label>
</div>
</div>
<div class="actions">
<button type="submit" name="commit" class="button expanded">Kirjaudu sisään</button>
</div>
</form> <p class="text-center">
<a class="sign-up-link" href="/users/sign_up">Rekisteröidy</a>
</p>
<p class="text-center">
<a href="/users/password/new">Unohditko salasanasi?</a>
</p>
</div>
</div>
</div>
<div class="reveal" id="authorizationModal" data-reveal></div>
<script src="https://osallistu.ouka.fi/decidim-packs/js/2415-d5d0c25dbe39d81d2ceb.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/7643-98b34d945f13b9d7cc19.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/6690-e772ea7633bb7bad06a4.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/2619-b54373f5f3b404332b7a.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/4705-4a205446525aebff289a.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/7358-8d3884842e50e4055d5d.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/8054-2f781d44e742427480d4.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/1433-010f8e52162958f7b32f.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/decidim_core-a3c209a7985abaf946dd.js"></script>
<script src="https://osallistu.ouka.fi/decidim-packs/js/decidim_sw-956cc9ba7e502f140db8.js"></script>
<script>
Decidim.config.set({"icons_path":"https://osallistu.ouka.fi/decidim-packs/media/images/icons-8973a21949776dfa1985.svg","messages":{"selfxssWarning":{"title":"Seis!","description":"Tämä selainominaisuus on tarkoitettu kehittäjille ja sinun ei tule liittää tähän mitään tekstiä, jos sinua on pyydetty sellaista tekemään. Tekstin liittäminen tähän ikkunaan voi vaarantaa yksityisyytesi ja antaa hakkereille pääsyn tilillesi."},"mentionsModal":{"removeRecipient":"Poista vastaanottaja %name%"}},"external_domain_whitelist":["osallistu.ouka.fi","decidim.org","github.com"],"consent_cookie_name":"decidim-consent"});
Decidim.InputCharacterCounter.configureMessages({"charactersAtLeast":{"one":"Vähintään %count% kirjain","other":"Vähintään %count% kirjainta"},"charactersLeft":{"one":"%count% merkki jäljellä","other":"%count% merkkiä jäljellä"}});
Decidim.ExternalLink.configureMessages({"externalLink":"Ulkoinen linkki"});
Decidim.FormValidator.configureMessages({"correctErrors":"Lomakkeella on virheitä, korjaa ne jatkaaksesi."});
</script>
<div class="dataconsent-warning flex-center padding-1 hide">
<p>
Sinun täytyy sallia kaikki evästeet nähdäksesi tämän sisällön.
</p>
<a href="#" class="button margin-vertical-2" data-open="dc-modal">
Muuta evästeasetuksiasi
</a>
</div>
</body>
</html>