CINXE.COM
Näkymä ajan ulkopuolella – Aalto University Shop
<!DOCTYPE html> <html lang="fi"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:site_name" content="Aalto University Shop"> <meta property="og:type" content="product"> <meta property="og:url" content="https://shop.aalto.fi/p/1943-nakyma-ajan-ulkopuolella/"> <meta property="og:title" content="Näkymä ajan ulkopuolella"> <meta property="og:image" content="https://shop.aalto.fi/media/filer_public_thumbnails/filer_public/1f/04/1f04773c-40fa-415a-a753-9cb0e2bbc95d/katrilassila-kansi-300ppi-v01-2023-04-14.jpg__850x850_q85_crop-smart_subsampling-2.jpg"> <meta property="og:image:width" content="850" /> <meta property="og:image:height" content="850" /> <title>Näkymä ajan ulkopuolella – Aalto University Shop</title><link rel="icon" type="image/x-icon" href="/media/filer_public/3b/59/3b596a17-4ff4-4af4-9406-53327944c7fa/shop_sticker_v1.png"> <link rel="stylesheet" type="text/css" href="/static/css/shuup_aalto_theme.3cd4041512cb.css"> <script type="text/javascript" src="/i18n.js?lang=fi"></script> <script id="Cookiebot" data-culture="fi" src="https://consent.cookiebot.com/uc.js" data-cbid="4fcd7915-7822-4b37-a973-1aed7cfb58d6" data-blockingmode="auto" type="text/javascript"></script> <!-- Google Tag Manager --> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-PCZDMGV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true; j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);}) (window,document,'script','dataLayer','GTM-PCZDMGV');</script> <!-- End Google Tag Manager --> <link href="/static/shuup-gdpr.777275793b16.css?v=1.10.6" rel="stylesheet"></head> <body class=" has-left-menu"> <div class="content-wrap"> <nav class="site-nav" role="navigation"> <div class="container"> <div class="row flex-row align-items-center"> <div class="col logo-wrap"> <a href="/" data-toggle="tooltip" data-placement="bottom" title="Aalto University Shop Etusivu" class="logo"> <img src="/media/filer_public_thumbnails/filer_public/66/16/66160a90-52d3-4552-966c-d391b5a7e98e/shop_sticker_v1.png__200x200_q85_subsampling-2.png" alt="Aalto University Shop Logo"> </a> </div> <div class="col pages-wrap" id="main-menu"> <ul class="menu-items"> <li class="page-link"> <a href="/">Etusivu</a> </li> </ul> </div> <div class="col actions-nav"> <div id="navigation-basket-partial" class="dropdown"> <div class="basket-wrap"> <button id="cart-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-shopping-bag"></i> <div class="dropdown-button-text"> 0,00 € </div> </button> <div class="dropdown-menu cart" aria-labelledby="cart-dropdown"> <span class="empty-cart"> <i class="fa fa-exclamation-circle text-warning"></i> Ostoskorisi on tyhjä. </span> </div> </div> </div> <div class="user-wrap dropdown"> <button id="user-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-user"></i> <div class="dropdown-button-text"> Kirjaudu sisään </div> </button> <ul class="dropdown-menu" aria-labelledby="user-dropdown"> <li> <form role="form" method="post" action="/login/"> <input type='hidden' name='csrfmiddlewaretoken' value='xTEWNfGLBciGYdbHep5gKRdKg8rgW6VZxgcDdY1Fyjg5V4EdDNOdvXQyoUSXs5eK' /> <input type="hidden" name="next" value="/p/1943-nakyma-ajan-ulkopuolella/"> <div class="form-group"> <label for="username">Käyttäjänimi tai sähköpostiosoite</label> <input type="text" name="username" class="form-control"> </div> <div class="form-group"> <label for="password">Salasana</label> <input type="password" name="password" class="form-control"> </div> <button type="submit" class="btn btn-primary btn-block"> Kirjaudu sisään </button> </form> </li> <li class="divider"></li> <li> <a href="/recover-password/"> <i class="fa fa-question fa-fw"></i> Unohditko salasanasi? </a> </li> <li class="divider"></li> <li> Oletko aaltolainen? </li> <li> <a class="btn btn-primary" href="/accounts/login/"> HAKA kirjautuminen </a> </li> <li class="divider"></li> <li> <a href="/register/"> <i class="fa fa-edit fa-fw"></i> Register as a new user </a> </li> </ul> </div> <div class="language-wrap dropdown" id="language-changer"> <button id="language-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-globe"></i> <div class="dropdown-button-text"> fi </div> </button> <ul class="dropdown-menu languages" role="menu" aria-labelledby="language-dropdown"> <li> <a href="#" class="language" data-value="fi"> suomi </a> </li> <li> <a href="#" class="language" data-value="en"> English </a> </li> </ul> </div> <div class="search-wrap dropdown"> <button id="search-dropdown" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="dropdown-button-icon fa fa-search"></i> <div class="dropdown-button-text"> Haku </div> </button> <div class="dropdown-menu" aria-labelledby="search-dropdown"> <form method="get" action="/search/" class="nav-search-form" role="search"> <div class="search-container"> <input type="search" name="q" class="form-control input-lg" placeholder="Search for products..." required id="nav-search-input"> <button type="submit" class="search-submit-btn"><i class="fa fa-search"></i></button> </div> </form> </div> </div> <div class="nav-toggle-wrap"> <button href="#" class="nav-toggler" id="nav-toggler" type="button"> <div class="icon-container"> <span class="hamburger"></span> </div> <div class="nav-toggler-text"> Valikko </span> </button> </div> </div> </div> </div> </nav> <div id="main"> <div class="container"> <div class="flex-row page-with-categories"> <div class="col category-sidebar"> <div class="sidebar-block hidden-xs hidden-sm"> <div class="sidebar-block-content category-menu"> <h2 class="sidebar-block-title">Tuotteet</h2> <ul> <li class=""> <a href="/c/44-kaikki-tuotteet/">Kaikki tuotteet</a> </li> <li class=""> <a href="/c/47-asusteet/">Asusteet</a> </li> <li class=""> <a href="/c/58-suklaat/">Suklaat</a> </li> <li class=""> <a href="/c/41-joulukortit/">Joulukortit</a> </li> <li class=" is-parent"> <a href="/c/4-vaatteet/"> Vaatteet </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-4" aria-expanded="false" aria-controls="4"></span> <ul class="collapse" id="parent-4"> <li class=""> <a href="/c/84-hupparit/">Hupparit & swetarit</a> </li> <li class=""> <a href="/c/85-lastenvaatteet/">Lastenvaatteet</a> </li> <li class=""> <a href="/c/83-t-paidat/">T-paidat</a> </li> </ul> </li> <li class=""> <a href="/c/81-kahvit/">Kahvit</a> </li> <li class=""> <a href="/c/7-sisustus/">Sisustus</a> </li> <li class=""> <a href="/c/36-pelit/">Pelit</a> </li> <li class=""> <a href="/c/50-lahjakortit/">Lahjakortit</a> </li> <li class=""> <a href="/c/45-lahjapakkaukset/">Lahjapakkaukset</a> </li> <li class=""> <a href="/c/38-korut/">Korut</a> </li> <li class=""> <a href="/c/52-lehdet/">Lehdet</a> </li> <li class=""> <a href="/c/10-toimistotarvikkeet/">Toimistotarvikkeet</a> </li> <li class=" is-parent"> <a href="/c/46-opiskelijoiden-alumnien-tuotteet/"> Opiskelijoiden & Alumnien Tuotteet </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-46" aria-expanded="false" aria-controls="46"></span> <ul class="collapse" id="parent-46"> <li class=""> <a href="/c/60-asusteet/">Asusteet</a> </li> <li class=""> <a href="/c/64-kirjat/">Kirjat</a> </li> <li class=""> <a href="/c/66-kosmetiikka/">Kosmetiikka</a> </li> <li class=""> <a href="/c/62-sisustus/">Sisustus</a> </li> <li class=""> <a href="/c/82-fotoworks-valokuvatulosteet/">Fotoworks-valokuvatulosteet</a> </li> <li class=""> <a href="/c/59-korut/">Korut</a> </li> <li class=""> <a href="/c/61-julisteet-kehykset/">Julisteet & kehykset</a> </li> <li class=""> <a href="/c/63-paperituotteet/">Paperituotteet</a> </li> </ul> </li> <li class=" is-parent current open "> <a href="/c/1-kirjat/"> Kirjat </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-1" aria-expanded="false" aria-controls="1"></span> <ul class="collapse in" id="parent-1"> <li class=""> <a href="/c/31-kirjauutuudet/">Kirjauutuudet</a> </li> <li class=" is-parent"> <a href="/c/15-elokuva-ja-lavastustaide/"> Elokuva- ja lavastustaide </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-15" aria-expanded="false" aria-controls="15"></span> <ul class="collapse" id="parent-15"> <li class=""> <a href="/c/17-lavastustaide/">lavastustaide</a> </li> <li class=""> <a href="/c/18-pukusuunnittelu/">pukusuunnittelu</a> </li> <li class=""> <a href="/c/16-elokuvataide/">elokuvataide</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/11-arkkitehtuuri/"> Arkkitehtuuri </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-11" aria-expanded="false" aria-controls="11"></span> <ul class="collapse" id="parent-11"> <li class=""> <a href="/c/13-arkkitehtuuri/">arkkitehtuuri</a> </li> <li class=""> <a href="/c/14-maisema-arkkitehtuuri/">maisema-arkkitehtuuri</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/19-media/"> Media </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-19" aria-expanded="false" aria-controls="19"></span> <ul class="collapse" id="parent-19"> <li class=""> <a href="/c/22-uusi-media/">uusi media</a> </li> <li class=""> <a href="/c/21-valokuva/">valokuva</a> </li> <li class=""> <a href="/c/20-graafinen-suunnittelu-ja-taidegrafiikka/">graafinen suunnittelu ja taidegrafiikka</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/12-muotoilu/"> Muotoilu </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-12" aria-expanded="false" aria-controls="12"></span> <ul class="collapse" id="parent-12"> <li class=""> <a href="/c/34-keramiikka-ja-lasitaide/">keramiikka- ja lasitaide</a> </li> <li class=""> <a href="/c/23-kestava-kehitys/">kestävä kehitys</a> </li> <li class=""> <a href="/c/35-palvelumuotoilu/">palvelumuotoilu</a> </li> <li class=""> <a href="/c/24-muotisuunnittelu-ja-tekstiilitaide/">muotisuunnittelu ja tekstiilitaide</a> </li> <li class=""> <a href="/c/25-sisustusarkkitehtuuri-ja-huonekalusuunnittelu/">sisustusarkkitehtuuri ja huonekalusuunnittelu</a> </li> <li class=""> <a href="/c/26-teollinen-muotoilu/">teollinen muotoilu</a> </li> </ul> </li> <li class=" is-parent"> <a href="/c/27-taide/"> Taide </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-27" aria-expanded="false" aria-controls="27"></span> <ul class="collapse" id="parent-27"> <li class=""> <a href="/c/29-taidekasvatus/">taidekasvatus</a> </li> <li class=""> <a href="/c/30-ymparistotaide/">ympäristötaide</a> </li> <li class=""> <a href="/c/28-kuvataide/">kuvataide</a> </li> </ul> </li> <li class=""> <a href="/c/3-vaitoskirjat/">Väitöskirjat</a> </li> <li class=" is-parent"> <a href="/c/67-e-kirjat/"> E-kirjat </a> <span class="menu-toggler" role="button" data-toggle="collapse" href="#parent-67" aria-expanded="false" aria-controls="67"></span> <ul class="collapse" id="parent-67"> <li class=""> <a href="/c/68-maksuttomat-e-kirjat/">Maksuttomat e-kirjat</a> </li> </ul> </li> <li class=""> <a href="/c/33-monialaiset-kirjat/">Monialaiset kirjat</a> </li> <li class=""> <a href="/c/6-books-in-english/">Books in English</a> </li> <li class=""> <a href="/c/37-tarjouskirjat/">Poistokirjat</a> </li> </ul> </li> </ul> </div> </div> </div> <div class="col detail-col product-detail-col"> <ol class="breadcrumb"> <li> <a href="/">Etusivu</a> </li> <li> <a href="/c/1-kirjat/">Kirjat</a> </li> <li class="active"> Näkymä ajan ulkopuolella </li> </ol> <div class="row product-main"> <div class="visible-xs"> <div class="col-sm-12"> <h1 class="product-name"> <span class="author"> Katri Lassila </span> Näkymä ajan ulkopuolella <small> <br> Maisemakuvan apokronia ja valokuvallinen affordanssi elokuvassa </small> </h1> <p class="text-muted product-sku"><small>100498</small></p> <p> <p> </p>Mikä on maisemakuvan merkitys elokuvassa? Miksi maisemakuva elokuvassa näyttää toisinaan pysähtyneeltä? Tutkimus keskittyy maisemakuvaan elokuvan ja valokuvan leikkauskohtana.<br><br>Maisemakuvasta tekee poikkeuksellisen se, että sen avulla elokuva ja valokuva voivat lainata toisilleen ominaisuuksiaan. Elokuvassa maisemakuva voi irtautua elokuvan narratiivisesta ajasta ja jopa pysäyttää kerronnan tyystin. Maisemakuvassa ilmenee apokronia – ajan ulkopuolisuus. Olennaista valokuvallisen tai elokuvallisen vaikutelman syntymisessä ei olekaan se, millä medialla kuva on tuotettu teokseen vaan se, mitä affordansseja sen tuottamiseen käytetään.<br><br>Katri Lassilan väitöksen taiteellinen osa, analogisista valokuvista koostuva lyhytelokuva Jyrkänne, toimii tutkimuksen teoreettisten pohdintojen havainnollistajana. Sen inspiraationa ovat suomalaisen essee-elokuvan klassikot, Kanerva Cederströmin elokuva Trans-Siberia – kirjeitä vankileireiltä ja Chris Markerin kulttielokuva La Jetée.<br><p><style>@font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-536870145 1107305727 0 0 415 0;}p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Arial",sans-serif; mso-fareast-font-family:Arial; mso-ansi-language:EN; mso-fareast-language:EN-GB;}.MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:11.0pt; mso-ansi-font-size:11.0pt; mso-bidi-font-size:11.0pt; font-family:"Arial",sans-serif; mso-ascii-font-family:Arial; mso-fareast-font-family:Arial; mso-hansi-font-family:Arial; mso-bidi-font-family:Arial; mso-font-kerning:0pt; mso-ligatures:none; mso-ansi-language:EN; mso-fareast-language:EN-GB;}.MsoPapDefault {mso-style-type:export-only; line-height:115%;}div.WordSection1 {page:WordSection1;}</style></p> </p> <div class="product-price"> <div class="price-line"> <span class="lead"> <strong>40,00 €</strong><small> / kpl</small></span> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_basic_info"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-anonymous-contact-layout"></div></div> </div> </div> <div class="product-image col-sm-6 col-md-5"> <div id="carousel_product_1943" class="product-carousel carousel fade" data-ride="carousel" data-interval="false"> <div class="carousel-inner"> <div class="item active"> <a data-imagelightbox="image" href="/media/filer_public/1f/04/1f04773c-40fa-415a-a753-9cb0e2bbc95d/katrilassila-kansi-300ppi-v01-2023-04-14.jpg" rel="gallery1943" class="thumbnail"> <div class="image" style="background-image:url('/media/filer_public_thumbnails/filer_public/1f/04/1f04773c-40fa-415a-a753-9cb0e2bbc95d/katrilassila-kansi-300ppi-v01-2023-04-14.jpg__700x700_q85_subsampling-2.jpg')" data-title="" data-description=""> </div> </a> </div> </div> </div> <div class="wrap-thumbnails"> <div class="carousel-thumbnails owl-carousel"> </div> </div> </div> <div class="product-basic-details col-sm-6 col-md-7"> <div class="hidden-xs"> <h1 class="product-name"> <span class="author"> Katri Lassila </span> Näkymä ajan ulkopuolella <small> <br> Maisemakuvan apokronia ja valokuvallinen affordanssi elokuvassa </small> </h1> <p class="text-muted product-sku"><small>100498</small></p> <p> <p> </p>Mikä on maisemakuvan merkitys elokuvassa? Miksi maisemakuva elokuvassa näyttää toisinaan pysähtyneeltä? Tutkimus keskittyy maisemakuvaan elokuvan ja valokuvan leikkauskohtana.<br><br>Maisemakuvasta tekee poikkeuksellisen se, että sen avulla elokuva ja valokuva voivat lainata toisilleen ominaisuuksiaan. Elokuvassa maisemakuva voi irtautua elokuvan narratiivisesta ajasta ja jopa pysäyttää kerronnan tyystin. Maisemakuvassa ilmenee apokronia – ajan ulkopuolisuus. Olennaista valokuvallisen tai elokuvallisen vaikutelman syntymisessä ei olekaan se, millä medialla kuva on tuotettu teokseen vaan se, mitä affordansseja sen tuottamiseen käytetään.<br><br>Katri Lassilan väitöksen taiteellinen osa, analogisista valokuvista koostuva lyhytelokuva Jyrkänne, toimii tutkimuksen teoreettisten pohdintojen havainnollistajana. Sen inspiraationa ovat suomalaisen essee-elokuvan klassikot, Kanerva Cederströmin elokuva Trans-Siberia – kirjeitä vankileireiltä ja Chris Markerin kulttielokuva La Jetée.<br><p><style>@font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4; mso-font-charset:0; mso-generic-font-family:roman; mso-font-pitch:variable; mso-font-signature:-536870145 1107305727 0 0 415 0;}p.MsoNormal, li.MsoNormal, div.MsoNormal {mso-style-unhide:no; mso-style-qformat:yes; mso-style-parent:""; margin:0cm; line-height:115%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Arial",sans-serif; mso-fareast-font-family:Arial; mso-ansi-language:EN; mso-fareast-language:EN-GB;}.MsoChpDefault {mso-style-type:export-only; mso-default-props:yes; font-size:11.0pt; mso-ansi-font-size:11.0pt; mso-bidi-font-size:11.0pt; font-family:"Arial",sans-serif; mso-ascii-font-family:Arial; mso-fareast-font-family:Arial; mso-hansi-font-family:Arial; mso-bidi-font-family:Arial; mso-font-kerning:0pt; mso-ligatures:none; mso-ansi-language:EN; mso-fareast-language:EN-GB;}.MsoPapDefault {mso-style-type:export-only; line-height:115%;}div.WordSection1 {page:WordSection1;}</style></p> </p> <div class="product-price"> <div class="price-line"> <span class="lead"> <strong>40,00 €</strong><small> / kpl</small></span> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_basic_info"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_basic_info-xtheme-anonymous-contact-layout"></div></div> <hr> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_extra_1"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_extra_1-xtheme-anonymous-contact-layout"></div></div> <div id="product-price-section"> <form role="form" method="post" action="/basket/" class="add-to-basket"> <input type="hidden" name="return" value="/p/1943-nakyma-ajan-ulkopuolella/"> <input type="hidden" id="product-supplier-1943" name="supplier_id" value="4"> <input type="hidden" name="command" value="add"> <input type="hidden" name="product_id" value="1943"> <div class="prices"> <div class="row"> <div class="col-sm-6"> <div class="form-group amount"> <label for="product-quantity-1943">Määrä</label> <div class="input-group"> <input type="number" class="form-control" name="quantity" id="product-quantity-1943" step="1" value="1" min="1" onchange="updatePrice('1943')" > <input type="hidden" id="product-unit-type-1943" name="unit_type" value="display"> <span class="input-group-addon sales-unit">kpl</span> </div> </div> </div> <div class="col-sm-6"> <div class="price text-right product-price-div" id="product-price-div-1943" data-product-id="1943"> <h2> <small class="text-muted">Yhteensä:</small> <span class="product-price"><strong>40,00 €</strong></span> </h2> <span class="small text-muted"> 40,00 €/kpl </span> </div> </div> </div> <div class="clearfix btn-add-to-cart"> <button type="submit" class="btn btn-primary btn-block btn-lg" id="add-to-cart-button-1943"> <i class="fa fa-shopping-cart"></i> Lisää ostoskoriin </button> </div> </div> </form> <div id="product-image-sections" class="hidden"> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_after_order"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_after_order-xtheme-anonymous-contact-layout"></div></div> <hr> <div class="custom-file-download"> <a href="/media/filer_public/54/a1/54a1603f-f799-46f4-83b5-a55372bbeb96/aaltoartsbooks_lassilakatri_nakymaajanulkopuolella.pdf" target="_blank"> <i class="fa fa-download fa-fw fa-lg"></i> <span class="file-title"> Lataa PDF </span> </a> </div> <hr> <div class="product-attributes"> <dl class="dl-horizontal"> <dt>Sivumäärä</dt> <dd>199</dd> <dt>ISBN</dt> <dd>978-952-64-1170-5</dd> <dt>Julkaisuajankohta/vuosi</dt> <dd>2023</dd> <dt>Sidosasu</dt> <dd>kovakantinen, lankasidottu</dd> <dt>Värillisyys</dt> <dd>nelivärikuvitus</dd> </dl> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_extra_2"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_extra_2-xtheme-anonymous-contact-layout"></div></div> </div> </div> <div class="placeholder-edit-wrap"><div class="xt-ph" id="xt-ph-product_bottom"><div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> <div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> <div class="row xt-ph-row"><div class="xt-ph-cell"> </div></div> </div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-product-layout-1943"></div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-category-layout-1"></div><div class="xt-ph" id="xt-ph-product_bottom-xtheme-anonymous-contact-layout"></div></div> </div> </div> </div> </div> <footer> <div class="container"> <div class="flex-row"> <div class="col footer-logo"> <img src="/media/filer_public_thumbnails/filer_public/66/16/66160a90-52d3-4552-966c-d391b5a7e98e/shop_sticker_v1.png__250x250_q85_subsampling-2.png" class="img-responsive" alt="Aalto University Shop logo"> </div> <div class="col"> <div class="placeholder-edit-wrap"><div class="xt-global-ph xt-ph" id="xt-ph-footer"><div class="row xt-ph-row"><div class="xt-ph-cell"><section class="cms-page-links-plugin"> <ul> <li> <a href="/tietoa-verkkokaupasta/">Tietoa verkkokaupasta</a> </li> <li> <a href="/tietosuojaseloste/">Tietosuojaseloste</a> </li> <li> <a href="/yhteystiedot/">Yhteystiedot</a> </li> <li> <a href="/tilaus-ja-toimitusehdot/">Tilaus- ja toimitusehdot</a> </li> <li> <a href="/maksutavat/">Maksutavat</a> </li> <li> <a href="/evastekaytanto/">Evästekäytäntö</a> </li> <li> <a href="/helppokayttoisyys/">Website Accessibility</a> </li> </ul> </section></div><div class="xt-ph-cell"></div><div class=" col-md-12 col-sm-12 xt-ph-cell"><p><a href="javascript: Cookiebot.renew()"><span style="font-size: 13px;">Evästeasetukset</span></a></p></div></div> </div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-product-layout-1943"></div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-category-layout-1"></div><div class="xt-global-ph xt-ph" id="xt-ph-footer-xtheme-anonymous-contact-layout"></div></div> </div> </div> </div> </footer> </div> <script src="/static/js/shuup_aalto_theme.03bdb91721af.js"></script> <script src="/static/shuup/front/js/scripts.c9a8d9b2d4ac.js?v=0.0.1"></script> <script> // Set up owl carousel for product page's slider thumbnails. $(".owl-carousel.carousel-thumbnails").owlCarousel({ margin: 10, nav: $(".carousel-thumbnails .thumbnail").length > 4, navText: [ "<i class='fa fa-chevron-left'></i>", "<i class='fa fa-chevron-right'></i>" ], responsiveClass: true, items: 4 }); // Enable lightbox for products with multiple images. Uses arrows to // navigate through images. var selector_multiple = "a[data-imagelightbox='image-multiple']"; if ($(selector_multiple).length > 0) { var instance_multiple = $(selector_multiple).simpleLightbox({history: false}); } // Enable lightbox for products with only one image. var selector = "a[data-imagelightbox='image']"; if ($(selector).length > 0) { var instance = $(selector).simpleLightbox({history: false}); } $(function() { $('body').on('hide.bs.modal', '.video-modal', function() { var iframVideo = $(this).find('iframe'); $(iframVideo).attr("src", $(iframVideo).attr("src")); }); }); function getVimeoVideoThumbnail() { const vimeoThumbElem = document.getElementById('vimeo-thumbnail'); if (!isNaN(vimeoThumbElem)) { return; } const vimeoID = vimeoThumbElem.getAttribute('data-video-id'); fetch(`//vimeo.com/api/v2/video/${vimeoID}.json`) .then(response => { return response.text(); }) .then(data => { const { thumbnail_large } = JSON.parse(data)[0]; const thumb = `<img src="${thumbnail_large}"/>`; vimeoThumbElem.innerHTML = thumb; }) .catch(error => { console.log(error); }); } $(function() { getVimeoVideoThumbnail(); }); </script> <script> $(function() { updatePrice("1943"); }); </script> <script> function initZoom() { $(".item.active").zoom({ url: $(".item.active a").attr("href"), callback: function() { $(this).on("click", function() { $(".item.active a").trigger("click"); }); } }); } $(document).ready(function() { // This is a temporary hacky fix, timeout is needed for initZoom and click listener setTimeout(function() { initZoom(); // TODO: zoom not working correclty for other product images $(".wrap-thumbnails a").on("click", function(){ // unfortunate but owlcarousel doesn't seem to provide an event setTimeout(initZoom, 250); }); }, 250) }); </script> <div class="cover-wrap"> <div class="text-wrap"> <div class="ready"> <i class="fa fa-check"></i> <p>Tuote lisätty koriin</p> </div> <div class="load"> <i class="fa fa-spinner fa-spin"></i> </div> <div class="error-msg"> <i class="fa fa-warning"></i> <p id="error-msg"></p> </div> </div> </div> <script> function updateNavigationBasket() { $.ajax({ url: "/xtheme/basket_partial", method: "GET", success: function(basket_html) { var $basket_html = $(basket_html); $basket_html.find("input[name='return']").each(function(idx, el) { $(el).val("/p/1943-nakyma-ajan-ulkopuolella/"); }); $("#navigation-basket-partial").html($basket_html) } }); } function handleError(cover, error) { setTimeout(function() { // Hide the loader and change to error message cover.removeClass("loading").addClass('error'); var msg = "Virhe lisättäessä tuotetta koriin"; cover.find("#error-msg").text(error ? error : msg); setTimeout(function() { // Hide the error message and the modal cover.removeClass("error in"); }, 1750); }, 500); } function addToBasket(form) { var cover = $(".cover-wrap"); cover.addClass("in loading"); $.ajax({ url: form.attr("action"), method: "POST", data: form.serializeArray(), success: function(response) { if(response.error) { handleError(cover, response.error); return; } updateNavigationBasket(); setTimeout(function() { // Hide the loader and show the message cover.removeClass("loading").addClass("loaded"); setTimeout(function() { // Hide the message cover.removeClass("loaded"); setTimeout(function() { // Hide the modal cover.removeClass("in"); }, 250); }, 1500); }, 500); }, error: function() { handleError(cover); } }); } $(document).ready(function() { $(document).on("submit", "form.add-to-basket", function(e) { e.preventDefault(); addToBasket($(this)); }); }); </script> <nav class="offcanvas-nav"> <div class="offcanvas-search"> <div class="offcanvas-search-wrap"> <form method="get" action="/search/" role="search"> <input type="text" name="q" class="offcanvas-search-input" placeholder="Search for products..."> <button class="btn offcanvas-search-submit" type="submit"> <i class="fa fa-search"></i> </button> </form> </div> </div> <div class="offcanvas-language" id="offcanvas-language-changer"> <div class="language-menu"> <a href="#" class="language active" data-value="fi"> fi </a> <a href="#" class="language" data-value="en"> en </a> </div> </div> <ul> <li > <a href="/">Etusivu</a> </li> <li class="level-1"> <a href="/c/44-kaikki-tuotteet/"> Kaikki tuotteet </a> </li> <li class="level-1"> <a href="/c/47-asusteet/"> Asusteet </a> </li> <li class="level-1"> <a href="/c/58-suklaat/"> Suklaat </a> </li> <li class="level-1"> <a href="/c/41-joulukortit/"> Joulukortit </a> </li> <li class="level-1 is-parent"> <a href="/c/4-vaatteet/"> Vaatteet </a> <ul> <li class="level-2"> <a href="/c/84-hupparit/"> Hupparit & swetarit </a> </li> <li class="level-2"> <a href="/c/85-lastenvaatteet/"> Lastenvaatteet </a> </li> <li class="level-2"> <a href="/c/83-t-paidat/"> T-paidat </a> </li> </ul> </li> <li class="level-1"> <a href="/c/81-kahvit/"> Kahvit </a> </li> <li class="level-1"> <a href="/c/7-sisustus/"> Sisustus </a> </li> <li class="level-1"> <a href="/c/36-pelit/"> Pelit </a> </li> <li class="level-1"> <a href="/c/50-lahjakortit/"> Lahjakortit </a> </li> <li class="level-1"> <a href="/c/45-lahjapakkaukset/"> Lahjapakkaukset </a> </li> <li class="level-1"> <a href="/c/38-korut/"> Korut </a> </li> <li class="level-1"> <a href="/c/52-lehdet/"> Lehdet </a> </li> <li class="level-1"> <a href="/c/10-toimistotarvikkeet/"> Toimistotarvikkeet </a> </li> <li class="level-1 is-parent"> <a href="/c/46-opiskelijoiden-alumnien-tuotteet/"> Opiskelijoiden & Alumnien Tuotteet </a> <ul> <li class="level-2"> <a href="/c/60-asusteet/"> Asusteet </a> </li> <li class="level-2"> <a href="/c/64-kirjat/"> Kirjat </a> </li> <li class="level-2"> <a href="/c/66-kosmetiikka/"> Kosmetiikka </a> </li> <li class="level-2"> <a href="/c/62-sisustus/"> Sisustus </a> </li> <li class="level-2"> <a href="/c/82-fotoworks-valokuvatulosteet/"> Fotoworks-valokuvatulosteet </a> </li> <li class="level-2"> <a href="/c/59-korut/"> Korut </a> </li> <li class="level-2"> <a href="/c/61-julisteet-kehykset/"> Julisteet & kehykset </a> </li> <li class="level-2"> <a href="/c/63-paperituotteet/"> Paperituotteet </a> </li> </ul> </li> <li class="level-0 is-parent current open "> <a href="/c/1-kirjat/"> Kirjat </a> <ul> <li class="level-1"> <a href="/c/31-kirjauutuudet/"> Kirjauutuudet </a> </li> <li class="level-1 is-parent"> <a href="/c/15-elokuva-ja-lavastustaide/"> Elokuva- ja lavastustaide </a> <ul> <li class="level-2"> <a href="/c/17-lavastustaide/"> lavastustaide </a> </li> <li class="level-2"> <a href="/c/18-pukusuunnittelu/"> pukusuunnittelu </a> </li> <li class="level-2"> <a href="/c/16-elokuvataide/"> elokuvataide </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/11-arkkitehtuuri/"> Arkkitehtuuri </a> <ul> <li class="level-2"> <a href="/c/13-arkkitehtuuri/"> arkkitehtuuri </a> </li> <li class="level-2"> <a href="/c/14-maisema-arkkitehtuuri/"> maisema-arkkitehtuuri </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/19-media/"> Media </a> <ul> <li class="level-2"> <a href="/c/22-uusi-media/"> uusi media </a> </li> <li class="level-2"> <a href="/c/21-valokuva/"> valokuva </a> </li> <li class="level-2"> <a href="/c/20-graafinen-suunnittelu-ja-taidegrafiikka/"> graafinen suunnittelu ja taidegrafiikka </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/12-muotoilu/"> Muotoilu </a> <ul> <li class="level-2"> <a href="/c/34-keramiikka-ja-lasitaide/"> keramiikka- ja lasitaide </a> </li> <li class="level-2"> <a href="/c/23-kestava-kehitys/"> kestävä kehitys </a> </li> <li class="level-2"> <a href="/c/35-palvelumuotoilu/"> palvelumuotoilu </a> </li> <li class="level-2"> <a href="/c/24-muotisuunnittelu-ja-tekstiilitaide/"> muotisuunnittelu ja tekstiilitaide </a> </li> <li class="level-2"> <a href="/c/25-sisustusarkkitehtuuri-ja-huonekalusuunnittelu/"> sisustusarkkitehtuuri ja huonekalusuunnittelu </a> </li> <li class="level-2"> <a href="/c/26-teollinen-muotoilu/"> teollinen muotoilu </a> </li> </ul> </li> <li class="level-1 is-parent"> <a href="/c/27-taide/"> Taide </a> <ul> <li class="level-2"> <a href="/c/29-taidekasvatus/"> taidekasvatus </a> </li> <li class="level-2"> <a href="/c/30-ymparistotaide/"> ympäristötaide </a> </li> <li class="level-2"> <a href="/c/28-kuvataide/"> kuvataide </a> </li> </ul> </li> <li class="level-1"> <a href="/c/3-vaitoskirjat/"> Väitöskirjat </a> </li> <li class="level-1 is-parent"> <a href="/c/67-e-kirjat/"> E-kirjat </a> <ul> <li class="level-2"> <a href="/c/68-maksuttomat-e-kirjat/"> Maksuttomat e-kirjat </a> </li> </ul> </li> <li class="level-1"> <a href="/c/33-monialaiset-kirjat/"> Monialaiset kirjat </a> </li> <li class="level-1"> <a href="/c/6-books-in-english/"> Books in English </a> </li> <li class="level-1"> <a href="/c/37-tarjouskirjat/"> Poistokirjat </a> </li> </ul> </li> </ul> </nav> <script src="/static/shuup/recently_viewed_products/lib.e3142160eb58.js?v=1.10.6"></script><script src="/static/shuup-gdpr.e93c6e773299.js?v=1.10.6"></script></body> </html>