{"id":332,"date":"2013-02-12T11:22:35","date_gmt":"2013-02-12T09:22:35","guid":{"rendered":"http:\/\/taiyo.fi\/?page_id=332"},"modified":"2025-04-29T13:51:33","modified_gmt":"2025-04-29T11:51:33","slug":"palvelut-taiyon-jasenelle","status":"publish","type":"page","link":"https:\/\/taiyo.fi\/en\/jasenille\/palvelut-taiyon-jasenelle\/","title":{"rendered":"Service for our students"},"content":{"rendered":"<div class=\"grid-container\">\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/3.png');\" data-link=\"https:\/\/taiyo.fi\/toiminta\/edunvalvonta\/\">\r\n<div class=\"content\">\r\n\r\nEDUNVALVONTA\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/2.png;\" data-link=\"https:\/\/taiyo.fi\/toiminta\/mukaan-toimintaan\/\">\r\n<div class=\"content\">\r\n\r\nYHTEIS\u00d6\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/1.png');\" data-link=\"https:\/\/taiyo.fi\/tuotteet\/\">\r\n<div class=\"content\">\r\n\r\nTUOTTEET JA VUOKRAUS\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/5.png');\" data-link=\"https:\/\/taiyo.fi\/opiskelijan-arki\/\">\r\n<div class=\"content\">\r\n\r\nTUKEA OPISKELIJAN ARKEEN\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/6.png');\" data-link=\"https:\/\/taiyo.fi\/ylioppilaskunta\/tilat\/\">\r\n<div class=\"content\">\r\n\r\nTILAT\r\n\r\n<\/div>\r\n<\/div>\r\n<div class=\"square\" style=\"background-image: url('https:\/\/taiyo.fi\/wp-content\/uploads\/2025\/03\/4.png');\" data-link=\"https:\/\/taiyo.fi\/toiminta\/vapaan-taiteen-tila\/\">\r\n<div class=\"content\">\r\n\r\nVAPAAN TAITEEN TILA\r\n\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<!-- Add Custom CSS and JavaScript -->\r\n\r\n<style>\r\n    * {<br \/>        margin: 0;<br \/>        padding: 0;<br \/>        box-sizing: border-box;<br \/>    }<\/p>\r\n<p>    body {<br \/>        font-family: Arial, sans-serif;<br \/>        padding: 24px;<br \/>        background-color: #f4f4f9;<br \/>    }<\/p>\r\n<p>    .grid-container {<br \/>        display: grid;<br \/>        grid-template-columns: repeat(3, 1fr);<br \/>        gap: 40px;<br \/>        justify-items: center;<br \/>        margin-bottom: 50px;<br \/>    }<\/p>\r\n<p>    .square {<br \/>        position: relative;<br \/>        width: 200px;<br \/>        height: 200px;<br \/>        background-color: #7be1a4<br \/>        border-radius: 15px;<br \/>        overflow: hidden;<br \/>        transition: background-color 0.3s ease;<br \/>        cursor: pointer;<br \/>        background-size: cover;<br \/>        background-position: center;<br \/>    }<\/p>\r\n<p>    \/* Hover effect *\/<br \/>    .square:hover {<br \/>        background-color: #76d59c<br \/>   }<\/p>\r\n<p>    .square:hover::before {<br \/>        opacity: 0.7;<br \/>    }<\/p>\r\n<p>    \/* Pseudo-element for hover effect *\/<br \/>    .square::before {<br \/>        content: \"\";<br \/>        position: absolute;<br \/>        top: 0;<br \/>        left: 0;<br \/>        width: 100%;<br \/>        height: 100%;<br \/>        background-color: #76d59c;<br \/>        opacity: 0;<br \/>        transition: opacity 0.3s ease;<br \/>    }<\/p>\r\n<p>    .content {<br \/>        position: absolute;<br \/>        top: 50%;<br \/>        left: 50%;<br \/>        transform: translate(-50%, -50%);<br \/>        color: black;<br \/>        font-size: 24px;<br \/>        font-weight: bold;<br \/>        text-align: center;<br \/>    }<\/p>\r\n<p>    a {<br \/>        text-decoration: none;<br \/>        color: inherit;<br \/>    }<br \/><\/style>\r\n\r\n<script>\r\n    \/\/ JavaScript to handle square click and navigate to the link\r\n    const squares = document.querySelectorAll('.square');\r\n    squares.forEach(square => {\r\n        square.addEventListener('click', function() {\r\n            const targetLink = square.getAttribute('data-link');\r\n            if (targetLink) {\r\n                window.location.href = targetLink; \/\/ Redirect to the specified URL\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n&nbsp;\r\n<h3>TaiYo on taideopiskelijoiden oma yhteis\u00f6 ja vaikuttaja.\u00a0 Teemme ty\u00f6t\u00e4 opiskelijan paremman arjen ja tulevaisuuden puolesta \u2013 niin Taideyliopistossa kuin yhteiskunnassa.<\/h3>\r\nTarjoamme tukea niin edunvalvontaan, opiskleijaj\u00e4rjest\u00f6ille, kuin tarjoamalla mahdollisuuksia j\u00e4sentemme taiteellisten projektien toteuttamiseen.\r\n\r\n<!-- \/wp:post-content -->","protected":false},"excerpt":{"rendered":"<p>EDUNVALVONTA YHTEIS\u00d6 TUOTTEET JA VUOKRAUS TUKEA OPISKELIJAN ARKEEN TILAT VAPAAN TAITEEN TILA &nbsp; TaiYo on taideopiskelijoiden oma yhteis\u00f6 ja vaikuttaja.\u00a0 Teemme ty\u00f6t\u00e4 [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":299,"menu_order":21,"comment_status":"open","ping_status":"open","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","_crdt_document":"","advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-332","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/P2w00X-5m","jetpack_likes_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/pages\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":65,"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/pages\/332\/revisions"}],"predecessor-version":[{"id":14855,"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/pages\/332\/revisions\/14855"}],"up":[{"embeddable":true,"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/pages\/299"}],"wp:attachment":[{"href":"https:\/\/taiyo.fi\/en\/wp-json\/wp\/v2\/media?parent=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}